GRUPO DE TRABALLO 2009-10 AS TICS COMO FERRAMENTA NO ENSINO-APRENDIZAXE:

APLICACIÓNS NA WEB 2.0.

1

WEB INTERESANTES:

Vamos a entrar las siguientes web : http://www.archive.org/web/web.php

Se trata de un impresionante sitio web fundado en 1996, que afirma tener 100 terabytes (100.000 gigabytes) en información almacenada, con unas más de 10.000 millones de páginas (datos, según IAWM, de 5 años después de su fundación, en 2001).

En ella podemos encontrar todo tipo de páginas antiguas (no funciona correctamente del todo, pero en su mayoría se puede trastear algo y ver mucha información...)

Ejercicio vamos al buscador de terra.es y lo comparamos como era en el año 2000 con el de ahora.

OTRAS WEBS EDUCATIVAS:

http://www.ite.educacion.es/profesores/

http://www.educacion.es/portada.html

http://www.isftic.mepsyd.es/ninos/

http://intranet.xunta.es

BLOGS DE NUESTRO CPI:

http://www.blogoteca.com/deleria/

http://www.blogoteca.com/bibliosbardos/

http://competenciasdixitais.wordpress.com/

TRADUCTOR

http://www.opentrad.com/

http://oesi.cervantes.es/traduccionAutomatica.html

CORRECTOR GALEGO

http://sli.uvigo.es/corrector/

GRUPO DE TRABALLO 2009-10 AS TICS COMO FERRAMENTA NO ENSINO-APRENDIZAXE:

APLICACIÓNS NA WEB 2.0.

2

REPASO

ENTRAMOS EN EL NUESTRO BLOG.

1. PONER UN VIDEO EN NUESTRO BLOG

Dos formas de insertar un video en nuestro blog

Poniendo el código que nos da youtube

Ejemplo1: Utilizamos la siguiente web:

http://www.videoseducativos.es

Cada uno que copie el código del video según la

temática de su blog.

Descargar un video en nuestro ordenador.

Para ello vamos a la siguiente web:

http://bancoimagenes.isftic.mepsyd.es/

Buscamos: juegos – y descargamos un video para nuestro ordenador.

2. REPASO DE SLIDE.COM

VAMOS A INTRODUCIR UNA GALERIA DE IMÁGENES EN NUESTRO

BLOG.

- Busca al menos 5 fotos en Google Imágenes (tamaño grande) o en el CNICE

relacionadas con tu asignatura. http://bancoimagenes.isftic.mepsyd.es/

La guardamos en una carpeta en el escritorio. (Para crear una carpeta en el escritorio, le

damos a botón derecho del ratón y le damos a Nuevo –Carpeta).

A continuación entramos en Slide.com con login y contraseña y vamos añadiendo las

fotos como la sesión anterior).

Una vez creada la galería de imágenes insertamos el código en nuestro blog

GRUPO DE TRABALLO 2009-10 AS TICS COMO FERRAMENTA NO ENSINO-APRENDIZAXE:

APLICACIÓNS NA WEB 2.0.

3

3. INSERTAR ENLACES EN NUESTRO BLOG

Realizar enlaces

Otra de las funciones a la que podemos acceder en nuestra barra de herramientas es la de insertar enlaces en nuestra entrada. Enlazar es una función imprescindible en un blog. Raro es la entrada. Esta función se realiza con el botón Enlace:

Para insertar lo mejor es escribir toda la entrada del post y después comenzar a insertar los enlaces (link) que hayamos decidió presentar. Para ello:

Lo primero es ver la dirección que nos interesa enlazar en la barra del navegador y copiarla; o bien, poniéndonos encima del link, con el botón derecho del ratón seleccionamos copiar.

A continuación vamos al post que estamos haciendo y marcamos la palabra donde vamos hacer el enlace, vamos al icono de Enlace y pegamos la dirección (con la opción "pegar" o CTRL+V)

Ejercicio

Ponemos en una entrada nueva, 3 enlaces.

4. Insertar audio en el blog

Otra de las posibilidades de dar vida a los blogs es insertando audios. El primer paso será pues acudir a uno de estos servidores para buscar archivos de audio. Como

existen varios de ellos pues os enumero algunos:

Radioteca:. Sitio donde se puede acceder a gran cantidad de audios educativos.

http://www.radioteca.net/

Goear. Lugar donde podemos subir audios y buscarlos http://www.goear.com/

Jamendo. Para buscar música http://www.jamendo.com/es/

Música clásica.Sólo música clásica en formato ogg

FindSounds. Sólo sonidos http://www.findsounds.com/

Radiolistas. Lugar donde poder buscar grabaciones de cuentos, anuncios, etc.

http://www.radialistas.net/

Odeo. Para buscar audios de música, también permite subir. http://odeo.com/

Woices. Otro lugar para subir y bajarse ecos (tus grabaciones) http://woices.com/

Una vez que hemos decidido el lugar, navegamos hasta él e intentamos buscar el audio en el

GRUPO DE TRABALLO 2009-10 AS TICS COMO FERRAMENTA NO ENSINO-APRENDIZAXE:

APLICACIÓNS NA WEB 2.0.

4

que estemos interesados. Generalmente existe un campo de formulario donde escribir el título

a buscar. A continuación si existe el archivo nos presentará un resultado de la búsqueda en el

que puede haber varios archivos. Accedemos al archivo deseado pinchando en el título o en

algún que otro elemento gráfico y nos presentará la ficha de dicho audio. Ahora es el

momento de escucharlo para que a continuación debamos buscar el código que necesitamos

para incrustrarlo en nuestro blog. Como ya tenéis experiencia el código deberá empezar, la

mayor parte de las ocasiones, con la cláusula EMBED u OBJECT. Copiaremos este código

(botón derecho del ratón, copiar) iremos a nuestro blog y lo insertaremos desde la pestaña de

"Edición en HTML" en el lugar deseado. Guardamos y probamos.

5. Insertar un Mapa en nuestro blog

En bastantes ocasiones quizás se nos presente la posibilidad de tener que ofrecer en nuestro

blog una localización de un lugar determinado por medio de un mapa como Google Maps.

Si este es el caso nada mejor que ofrecerlo para que nuestros visitantes puedan localizar el

sitio al que estamos refiriéndonos.

Para ello deberemos seguir los siguientes pasos:

1. Ir a la página principal de Google Maps.

2. Localizar el lugar que deseamos visualizar introduciendo en el campo de formulario el

nombre de la localidad y el país, separados por comas.

3. Una vez que nos aparece la localidad

señalada por una etiqueta, deberemos hacer uso de las herramientas que nos permiten

visualizar la localidad o sitio desde diversas perspectivas, Mapa, Satélite o Relieve

4. A continuación, debemos usar la

herramienta de zoom para visualizar con más o menos precisión visual el lugar.

5. Cuando hayamos conseguido seleccionar el tipo de visualización y el nivel de zoom

adecuado debemos de pinchar con el ratón en el botón Enlazar, de esta forma nos

aparecerá una cuadro emergente que nos ofrece dos códigos. El primero nos permite

tomar el enlace que nos lleva a la página que actualmente estamos viendo. El segundo,

en cambio, nos permite tomar el código para poder embeberlo en nuestra entrada en

el blog.

Pero además nos

permite personalizar la imagen que vamos a ofrecer emebebida en nuestro blog así que

deberemos pinchar en la opción de personalizar que aparece en la última línea para que nos

presente una ventana en la que nos ayuda a seleccionar el tamaño del mapa que se verá. Con

forme cambiemos esta propiedad podremos ver más abajo el tamaño que presentará el mapa.

GRUPO DE TRABALLO 2009-10 AS TICS COMO FERRAMENTA NO ENSINO-APRENDIZAXE:

APLICACIÓNS NA WEB 2.0.

5

Una vez elegido el tamaño, al final de

la página podremos copiar el código que Google Maps nos oferta posicion´sndonos sobre el

código, picando con el botón derecho, selecci9onado "Seleccionar todo", repitiendo la

operación y, esta vez, seleccionado "Copiar".

6. Seguidamente podremos ir a nuestro blog, editar o crear la entrada en la que deseemos que

aparezca, pinchar en "Edición en HTML", picando en el botón derecho del ratón y seleccionado

la opción pegar. De esta forma tendremos el mapa embebido en nnuestra entrada.

7. Si por el contrario hemos decidido poner un enlace a la página de Google Maps que estamos

visualizando, sólo deberemos colocar sobre una palabra o imagen un enlace al sitio.

Por último y en referencia al primer comentario realizado pidiendo la forma de aparecer en la

barra lateral pues considerar que hay que introducirse en la zona de Diseño, insertar un widget

y seleccionar el de HTML/Javascript. Ahí, pegamos en el campo de formulario adecuado el

código que nos ofrece Google Maps. teniendo en cuenta que deberíamos haber personalizado

el tamaño para que entre en el ancho que posee nuestra barra lateral. Espero que se quede

aclarado.

Insertar tráfico de visitas: CONTADOR http://feedjit.com/joinjs/

Si deseamos colocar en nuestro menú lateral un contador que nos indique el lugar de donde

proceden las visitas que recibe nuestro blog podemos añadir un widget desde

FeedJIT dispone de varios widgets gratuitos que muestran un

reporte de los visitantes de un sitio y que pueden utilizarse en cualquier sitio sin necesidad de

registrarse.

Para ello sólo ir a la página de FeedJIT y seleccionar uno de los 4 que ofrecen, aunque los dos

primeros son los que más nos interesan: el Live Traffic Feed y el Live Traffic Map. El primero nos

presneta unarelación de la procedncia de nuestros últimos visitantes y el segundo nos oferta un

mapa del mundo con los lugares desde donde se han producido visitas.

Podemos configurarlos en cuanto a los colores y después copiamos el código que nos oferta en el

campo de formulario para que lo insertemos en nuestro blog añadiendo un gadget de texto y

copiando en él el código. No obstante ofrece la posibilidad de usar la opción de añadirlo

directamente a Blogger y, si estamos con la sesión abierta (identificados) en Blogger, nos insertará

el código automáticamente en el Blog que deseemos.

GRUPO DE TRABALLO 2009-10 AS TICS COMO FERRAMENTA NO ENSINO-APRENDIZAXE:

APLICACIÓNS NA WEB 2.0.

6

IMÁGENES – UTILIDADES PARA NUESTRO BLOG

PROGRAMAS PARA CAMBIAR, EDITAR Y CAMBIAR TAMAÑO… Microsoft office picture manager (office)

Está en inicio-programas-accesorios-microsoft office picture manager.

PIXRESIZER www.softonic.es

Esta completa utilidad te permite procesar tus imágenes modificando tamaño y formato de la forma más fácil, rápida y cómoda posible. Además te permite trabajar con múltiples imágenes simultáneamente.

Incorpora una interfaz de diseño sencillo, dividida en dos pestañas para trabajo con una sola imagen o con varias al mismo tiempo. Sólo tienes que seleccionar la foto en cuestión, determinar su nuevo tamaño, elegir también el nuevo formato y listo!

Ejercicio

Cogemos 2 imágenes de internet y la editamos con estos programas

Insertar una imagen desde una URL

Tenemos muchas formas de insertar imágenes en nuestro blog. Podemos hacerlo de forma sencilla con el botón "Añadir imagen" del cuadro de edición de texto. Podemos insertar tanto una imagen de nuestro ordenador como una imagen que cojamos en Internet, sin necesidad de guardarla en nuestro ordenador. En este caso tenemos que elegir, dentro de lo que sea posible, una imagen de una página estable. Si no nos aseguramos de ello, es posible que en algún momento desaparezca la imagen de nuestro blog.

Podemos publicar la imagen de diferentes maneras, al centro, a la derecha o a la izquierda. De esto dependerá la localización del texto alrededor de la imagen. Podemos elegir también la medida de la imagen.

Insertar un GIF fácilmente

Un recurso muy sencillo es el uso de animaciones

GIF sencillas en nuestro blog. Las podemos tratar como simples imágenes. De hecho, las subiremos

como si fuera una imagen, con el botón de añadir imagen en el cuadro de edición de una nueva entrada.

Si usamos una imagen que ya está colgada en Internet, solo tendremos que añadir la URL de la imagen

en el cuadro de "añadir una imagen", como se muestra en la imagen.

Hay varios bancos de imágenes gif a nuestro alcance, como por ejemplo este

www.pekegifs.com , de donde proviene esta imagen.

http://www.pekegifs.com/bebess/bebe11.gif

GRUPO DE TRABALLO 2009-10 AS TICS COMO FERRAMENTA NO ENSINO-APRENDIZAXE:

APLICACIÓNS NA WEB 2.0.

7

Insertar un reloj en nuestro blog

De forma sencilla podemos insertar el reloj que queramos (hay varios modelos) y ajustar la

hora que deseemos. Con esto podríamos hacer actividades de contar horas de diferencia entre

diferentes ciudades, así como estudiar diferencias de luz, actividad y vida en distintos puntos

de un gran país. Pinchar http://www.clocklink.com/gallery.php para acceder a la selección

del reloj y obtener el código necesario.

Insertar calendario en nuestro blog

A continuación explicaré cuales son los pasos que hemos de seguir para insertar un calendario

en nuestro blog, además no será en una ventana externa sino que lo podemos diseñar y

predefinir como queramos.

A continuación accedemos a Google Calendar, el servicio que usaremos para crear nuestro

calendario en nuestra web. A continuación hemos de introducir un nombre de usuario y

contraseña, que ha de ser el de una cuenta gmail.

En el menú de la izquierda Pulsamos añadir, y seleccionamos la opción “Crear un calendario

nuevo”.

A continuación rellenamos los datos que nos solicitan con lo que deseemos y marcamos la

opción “Compartir toda la información de este calendario con todo el mundo”. En caso de ser

una agenda, y los contenidos fueran privados podríamos seleccionar la opción

“Compartir únicamente mi información de libre-ocupado”.

Una vez hecho esto veremos que en el menú de la izquierda aparece en la lista de “Mis

calendarios” un calendario con el nombre como el que acabamos de crear

Para mostrarlo en nuestra web haremos lo siguiente:

1. Pulsaremos en la flechita que hay junto al nombre del calendario que deseamos compartir y

seleccionamos “Configuración del calendario”.

2. Buscamos la opción “incrustar calendario”, y procederemos a copiar el código html en

nuestra página web.

Si lo que queremos es que el propio google Calendar cree la página, pulsaremos en el botón

HTML, y veremos la dirección a la cual hemos de crear un hipervínculo.

El resultado de incrustar un calendario en nuestro blog puede dar un resultado como el que

muestro aquí: http://gtcarral2010.blogspot.com/

GRUPO DE TRABALLO 2009-10 AS TICS COMO FERRAMENTA NO ENSINO-APRENDIZAXE:

APLICACIÓNS NA WEB 2.0.

8

Insertar una presentación con Slideshare (www.slideshare.net)

Para poder publicar presentaciones en PowerPoint, pdf o Impress las podemos subir a la aplicación Slideshare y luego publicarlas en nuestro blog.

Slideshare es un espacio gratuito donde los usuarios pueden enviar presentaciones Powerpoint u OpenOffice, que luego quedan almacenadas en formato Flash para ser visualizadas online.

Nos tenemos que registrar, pero es totalmente gratuito. También podemos buscar presentaciones ya subidas sobre un tema concreto para usarlas en nuestro blog.

http://www.slideshare.net/

Ejercicio

Vamos a crear una presentación en powerpoint. (4 diapositivas) y luego la subiremos en

slideshare en nuestra cuenta, para a continuación ponerla en nuestro blog.

INSERTAR JClic en blog de blogger

JClic es una herramienta para crear actividades educativas interactivas. Si queremos que

nuestros alumnos la realicen desde el blog, por qué no insertarla directamente?

Esta es una manera de hacerlo. Tendremos que insertar en la parte de edición de HTML del

blog este texto:

<br /><script language="JavaScript" src="http://maestrillo.net/blog/wp-content/plugins/jclic_simple1/launchApplet.js"

type="text/javascript"></script><br /><br /><script language="JavaScript" src="http://clic.xtec.net/dist/jclic/jclicplugin.js"

type="text/javascript"></script><br /><script language="JavaScript">var jclic =

"http://clic.xtec.net/projects/movfuerz/jclic/movfuerz.jclic.zip";setJarBase('http://clic.xtec.net/dist/jclic');writePlugin(jclic,

'420', '300')</script><br /><br />

De todo el código, borraremos la parte referente a la URL, entre comillas. Luego insertamos en

su lugar la URL de otra actividad deseada que encontremos, por ejemplo, en la biblioteca de

actividades de JClic.

Para encontrar fácilmente la URL a sustituir, tenemos que buscar un enlace de estas

características: http://clic.xtec.net/projects/movfuerz/jclic/movfuerz.jclic.zip (acabado en

.zip)