Y....¡Esto es todo amig@s!

Por fín llegamos a la última sesión. Hoy nos dedicaremos a investigar en el apartado de Enlaces educativos de la Mochila digital, también vamos a echar un vistazo -necesariamente superficial por la falta de tiempo- a las aplicaciones educativas de Guadalinex-Edu.

Se me han quedado muchas cosas en el tintero, sobre wikis y Googlesites especialmente. He puesto vídeos y presentaciones tutoriales para quién tenga curiosidad y quiera avanzar más,  en las páginas de este blog. 

También podéis escribirme.  O nos vemos en la cafetería. 

Solo una última petición: Rellenad en un momento la encuesta de evaluación de la actividad, o, en su defecto, comentad vuestras impresiones. Bye, bye.

Os recuerdo que el plan de formación EscuelaTic no termina aquí, hay un módulo 3, para empollones-as.
Bye, bye....


Presentación última sesión

Modulo ii sesion_7yo

View more presentations from pilardlts.

Sesión 6: Unidades Didácticas TIC.

Estamos llegando al final del cursillo. Hoy vamos a examinar unidades didácticas que utilizan recursos TIC, en la mochila digital y en otros sitios.

PRESENTACIÓN SESIÓN 6

Sesion 5 yo

View more presentations from pilardlts.

Importante: en mi delicious he ido añadiendo páginas con recursos educativos por materias, echadle un ojo.

Vamos a hacer un blog 4: añadir un vídeo y/o una presentación.

Añadir un vídeo

• Entrar en nuestro blog, ya sabemos: Google> configuración>configuración de cuenta de Google>Blogger>"nombre de nuestro blog" (amolafilo)
• En el escritorio > "nueva entrada", se abre el escritorio del blog.

La opción más sencilla es buscar un vídeo en youtube. Podemos ir directamente a la web o hacer clik en el botón "insertar un vídeo", esta opción busca el vídeo por nosotros. Si ya lo hemos buscado, podemos hacer lo siguiente

• Clik en "edición de HTML": se abre la "trastienda" de nuestra entrada, en la que aparece lo que ya hemos escrito en código HTML
• Buscamos en youtube un vídeo que nos interese, yo voy a colgar "animación para la defensa de la filosofía"
• Volvemos al escritorio de entradas de "Amo la filo", que tengo abierto en la solapa "edición de HTML", ahora pongo un título a la entrada que será "Animación para la defensa de la Filosofía"
• En la página en la que está el vídeo de youtube, en la parte inferior, clik en "insertar"

•  aparece el código de insercción del vídeo y una serie de opciones en la parte inferior que nos permite elegir el tamaño con el que aparecerá el vídeo en el blog, en algunos casos también permite elegir el color del marco del vídeo (no es el caso ahora)

• En general, el tamaño 640 x 390 o 853 x 510 va bien, una vez seleccionado el tamaño, seleccionamos el código pasando el cursor sobre él y lo copiamos. Yo elegí la opción más pequeña porque no me cabía una mayor.
• Volvemos al escritorio del blog y pegamos el código del vídeo en la página. Clik en "vista previa" para comprobar que funciona, y si todo va bien, lo etiquetamos (prueba) y clik en "publicar entrada".

Insertar una presentación

Podemos insertar presentaciones de cualquier tipo (las que hemos visto, tradicionales, de Prezzi o Gloster) siempre que en algún lugar de la página web en la que la localizemos encontremos el código de insercción (Embed in English). Insertaremos una presentación sobre la filosofía platónica que alguien colgó en Slideshare 

También podemos colgar presentaciones que nosotros/as hayamos elaborado, pero antes tenemos que subirlas a Slideshare, por ejemplo. Este vídeo tutorial te indica cómo hacerlo, es fácil.

• En la página de Slideshare dónde está la presentación, clik en "embed"
• Aparece el código de la presentación en el recuadro:"copy and past this code into your blog or website", clik en "copy"
• Abrimos el escritorio de entradas de "amo la filo" y clik en nueva entrada, la titularemos "Platón, el mito de la caverna" y clik en "Edición de HTML"
• Situamos el cursor en el escritorio y clik en "pegar".
• Todo ese mogollón de cifras que aparecen es el código de la presentación. Si queremos ver como queda, clik en "vista previa".
• Una vez comprobado que la presentación se ha insertado correctamente, podemos añadir un texto a la presentación si pasamos a la solapa "redactar".
• Solo resta etiquetar nuestra entrada y publicarla.

Siempre podemos modificar entradas, aunque ya la hayamos publicado, solo tenemos que hacer clik en "nueva entrada" (parte superior del blog) "editar  entradas" y hacer clik en "Editar", en la entrada para hacer los cambios oportunos.

Vamos a hacer un blog 3: editar una entrada (post)

Vamos a editar una entrada en el blog, con texto, imágenes, enlaces y vídeos.


Texto:
Entrar en el escritorio de blogger> "editar entrada", aparece la pantalla de redacción de entradas, debemos contar con los siguientes elementos:

• Título: Aquí, el título de nuestro "post", en este caso: Entrada de prueba
• Redacción: El escritorio tiene dos solapas: Edición de HTML, y Redactar, escribimos el contenido de nuestra entrada en la opción "redactar", esta solapa presenta una barra superior de herramientas que nos deja:

- hacer y deshacer

- elegir la fuente de letra

- elegir el tamaño de letra

- negrita, cursiva subrayado y tachado

- añadir un enlace a la entrada

- añadir una imagen

-insertar un vídeo

-inserta saltos de línea

-las últimas opciones son para cambiar la alineación del párrafo, numeración,viñetas y citas, eliminar el formato y un revisor ortográfico.

Voy a editar una entrada en "amo la filo", jugando con los caractéres.

Insertar un enlace externo y una imagen

• enlace externo:

- en primer lugar buscaremos la dirección que queremos enlazar. Yo voy a hacer un enlace a una página de filosofía, por ejemplo: cibernous.

La dirección: http://cibernous.com/

-seleccionamos la dirección, boton derecho del ratón y clik en "copiar"

- Entramos nuevamente en nuestro blog "amo la filo" y escribimos: "Cibernous, filosofía en la red"

- Seleccionamos el texto y clik en "Enlace", En el cuadro de diálogo que aparece, colocamos el cursor en el recuadro que aparece junto a "dirección web", botón derecho del ratón y clik en "pegar"

- Clik en "aceptar", las palabras que enlazan se colorean en celeste y aparecen subrayadas.

Cuadro de texto "editar enlace"

• Ahora buscaremos una imagen que añadir a nuestro "post"

 Las imágenes que podemos encontrar en internet, por ejemplo en el buscador de imágenes de Google, suelen estar sujetas a derechos de autor, así que tenemos varias opciones

- Buscar en la web repositorios de imágenes sin derechos de autor, podemos seguir los consejos que se dan en este blog

- Utilizar el banco de imágenes del ITE aunque tiene un repertorio limitado.

- Utilizar libremente una imagen sin preocuparnos del copiright, aunque lo ideal es no hacerlo, y si lo hacemos, referir la autoría de la imagen. Dado que se trata de un blog con finalidad educativa y sin animo de lucro, no suele haber problemas, pero..... Lo suyo, si aparece una dirección de correo del autor, es indicar que se ha usado la imagen para un blog educativo.

- Vamos a buscar una imagen del ITE

-clik en "colecciones", clik en "arte"clik en "zona superior de la fuente de Trajano", clik en "descargar archivo" y "aceptar". Esperamos a que se descargue y guardamos la imagen en nuestro ordenador, en el escritorio, por ejemplo, con el nombre "templo" ( aunque lo que hacen los bloggeros ordenados es abrir una carpeta de imágenes y archivos del blog).

- Volvemos al blog "amo la filo" y en la barra de herramientas del escritorio hacemos clik en "insertar imagen"

- Se abre el cuadro de texto "añadir imagen", clik en elegir archivos, clik en "escritorio", pulsamos sobre la imagen del templo para seleccionarla y clik en "abrir".

-Esperamos a que la imagen se cargue en el cuadro "añadir imagen" y clik en "añadir las imágenes seleccionadas"

- Si hacemos clik sobre la imagen aparece una leyenda que nos permite cambiar el tamaño y la situación de la imagen y añadir una leyenda a la misma.

• Añadir una imagen en movimiento: un gift

Los gifts animan el blog aunque si se abusa de ellos pueden recargar mucho la entrada, he encontrado esta dirección de descarga gratuita de gifts.

http://www.palermoviejo.com/palermoviejo/paginas-de-gif/portadadegifs2.php

- en el apartado de "personajes históricos..." encuentro este gift, que voy a añadir a la entrada del blog, se hace igual que si fuese una imagen, hay que descargarla, guardarla y luego subirla al blog.

- colocando el cursor sobre la imagen, en el botón derecho del ratón clik en "guardar imagen como"

- se abre el cuadro de texto "guardar como", selecciono el escritorio y clik en "guardar", la imagen se descarga en el escritorio (o en su defecto, si somos bloggeros ordenados, selecionar en el escritorio la carpeta de imágenes que abrí antes)

- clik en el botón "insertar imagen" y repito el proceso para subir imágenes. 

Guardar la entrada y publicar

Por último vamos a publicar la entrada:

-En el escritorio, en la parte inferior clik en "vista previa", para tener una previsualización de cómo va a quedar nuestra entrada, antes de publicarla.

- Si todo va bien, y no hay que modificar nada, muy importante: etiquetar la entrada, para poder localizarla con facilidad antes de publicarla. Por ejemplo, pondremos "prueba"

- A la izquierda tenemos "opciones de entrada", esta opción es útil cuando queremos programar que la entrada aparezca algún tiempo después de haberla elaborado: clik en "programado para", ponemos el día y la hora que queremos que aparezca publicado. También nos permite admitir comentarios del lector, en principio aparece "permitir", porque es la opción que hemos activado al configurar el blog.

Vamos a hacer un blog 2: la trastienda de un blog.

Antes de empezar a redactar en un blog conviene conocer un poco sus entresijos. 

Accedo al blog que acabo de inaugurar entrando en la página principal de Google: >configuración>configuración de la cuenta en Google>Blogger: aparece el escritorio de Blogger y en él esto:

La "trastienda" de mi blog:

• Editar entradas, para entrar en el escritorio en el que editar entradas, añadiendo hiperenlaces, imágenes, presentaciones y vídeos.
• Comentarios: para acceder a los comentarios que otras personas hayan hecho a mis entradas, para responder y decidir si se editan o no.
• Configuración: muy importante, ahora después lo vemos más despacio
• Diseño: permite añadir y organizar los elementos o gadgets de la página. Podemos poner calendarios, relojes, nubes de etiquetas, enlaces a otras páginas de interés, encuestas.....
• Monetizar: Por si queremos poner anuncios, no es el caso, ya que se trata de un blog educativo.
• Estadísticas: permite conocer el seguimiento del blog, quién, desde dónde y cuanto nos leen.

La configuración del blog: esta página permite determinar ciertas características importantes del blog:

Este es el aspecto de la página de configuración del blog, atención a las pestañas inferiores:

Vamos a revisar algunas de las solapas en las que vamos a hacer cosas importantes que afectarán al modo de funcionamiento del blog, hay que echarle un vistazo, hacer las modificaciones oportunas y clik siempre en GUARDAR antes de abandonar la página:

1. básico: Aquí podemos borrar el blog si nos hartamos de él, describir brevemente el contenido del blog (yo puse: "blog de prueba para el curso tic). Si habilitas la transliteración añades un botón que traduce el contenido del blog a otro idioma. 
2. publicación: podemos cambiar la dirección del blog y vincularla a un dominio personal (si tenemos)
3. formato: revisar y cambiar lo que nos parezca, referido al modo en que aparecerán en el blog la hora y fecha, número de post, etc... conviene revisar la zona horaria.
4. Comentarios: en esta página se configura cómo se podrá comentar el blog. Recomiendo que se muestren los comentarios, que pueda comentar cualquiera, que se active "siempre" en la moderación de los comentarios y poner una dirección de correo electrónico. Así los comentarios llegarán a vuestro correo y vosotros decidiréis que comentarios publicar y cuales no.
5. Feed del sitio: puedes diseñar tu blog para que se lea la entrada completa o solo las primeras líneas y que aparezca la leyenda "seguir leyendo..".  
6. Permisos: Nos permite añadir autores al blog y también limitar el número de personas que pueden ver el blog, necesitamos su dirección de correo electrónico. Esta opción es útil cuando queremos usar un blog para un proyecto de aula.

Vamos a hacer un blog 1: empezando

Esta semana vamos a hacer un blog, diseñarlo, publicar entradas, añadir enlaces, imágenes, vídeos y presentaciones, publicar entradas y añadir algunos gadgets.


 Abrir un blog:

1. Entrar en Google y escribir "blogger", clik sobre "crea tu blog gratuito"
2. Se abrirá una página en la que nos piden los datos de nuestra cuenta de Gmail. Los introducimos y continuamos
3. A continuación nos piden que le pongamos un nombre al blog. Es importante buscar un nombre que nos guste, la dirección del blog quedará marcada con ese nombre forever. El título de mi blog de prueba va a ser "Amo la filo" (gracias, Gonzala por tu dirección a "amolasmates").
4. Tecleamos el nombre en el casillero, y más abajo en la dirección url pondremos http://elnombredemiblog.blogspot.com. En este caso la dirección es: http://amolafilo.blogspot.com. 
5. Comprobar la disponibilidad de la dirección. Hay que buscar una dirección que sea fácil de recordar y teclear, será el modo de acceso a nuestro blog.
6. Teclear la verificación de la palabral ¡¡Horror!!. 
7. Clik en "continuar", con suerte habremos abierto el blog

Diseño del blog:

  Blogger ofrece un catálogo de plantillas, es decir, de "fondos" del blog,  cada vez más amplio. Tenemos dos opciones: Podemos elegir alguno de las plantillas que blogger ofrece  o "personalizar" el blog buscando una plantilla ("template") en la web.
   El diseño es importante, hay plantillas de blog sosas, cursis o frías. La plantilla es el "traje" que le pondremos a nuestro blog,  debemos buscar uno que nos siente bien, porque al fin y al cabo un blog es una forma de expresión personal. Por eso recomiendo dedicar un rato a decidir la plantilla y atreverse a buscar una en la web y subirla. Explico como:



1. Escoger una plantilla cualquiera, de las que aparecen en la página, la podremos cambiar más tarde así que da igual la que se elija ahora, clik sobre "sencillo" (por ejemplo) para seleccionarla y clik en "continuar".

2. la siguiente página nos permite optar entre empezar a publicar o personalizar su apariencia, clik en "personalizar..."

3. Esta pantalla permite que elijamos una plantilla, si pulsamos sobre ella, podremos ver distintas modalidades de esta misma plantilla, por ejemplo, "sencillo", el diseño que elegí, tiene cinco variaciones

4. Podemos elegir alguna de las opciones que tenemos en pantalla como plantilla definitiva. Clik sobre ella y Clik sobre "aplicar al blog".

5. Como mi intención es buscar una en la web, simplemente mantengo la plantilla "sencillo" y la aplico. 

6. Clik en "ver blog" (esquina superior derecha)

El blog ha quedado así, bastante sosillo, voy a cambiar el diseño, esta parte es opcional pero merece la pena intentarlo.

7. Abro Google en una nueva pestaña y tecleo "plantillas blogger"

8. clik en "blogger templates", se abre una página de plantillas de Blogger con infinidad de modelos. Hay que tener en cuenta ciertas cuestiones a la hora de decidir la plantilla a aplicar:

• El número de columnas que tendrá el blog, lo ideal son dos o tres, "didactic" tiene dos. Las columnas laterales permiten introducir gadgets. Por ejemplo, la página de "Btemplates" en la que estamos buscando la plantilla, tiene tres columnas.
• La barra lateral de herramientas o gagdets puede estar a la derecha o a la izquierda
• también podemos seleccionar la gama de colores de la plantilla
• Es importante, en la columna de la derecha, en la parte inferior, el apartado "Templates by" agrupa las plantillas según diversos criterios, en "activities" vamos a seleccionar "education", ¡faltaría más!.

9. A mí me gustó "colors idea", pero hay muchísimas más, para ver como queda hago clik en "demo" y compruebo que es una plantilla de dos columnas. Me gusta y me la quedo. 

10. Vuelvo a Btemplate y compruebo que la plantilla que me gusta es una de las mejor valoradas (tiene cuatro estrellitas y media), clik en "download", para descargar la plantilla en el disco duro de mi ordenador. Se baja como un archivo comprimido (zip)

11. Guardo el archivo en el escritorio: >archivo>guardar copia del archivo como:  en el cuadro "guardar copia del archivo en", seleccionar el escritorio del ordenador 

Archivo de la plantilla 

guardamos el archivo en el escritorio.

12. Ahora solo queda descomprimir el archivo: > en el archivo comprimido "colors idea">"extraer en", podemos descomprimirlo en el escritorio. Se guarda como una carpeta de archivos

13. Una vez descomprimida la plantilla, volvemos al blog "amolafilo" y hacemos clik en "diseño" (esquina superior derecha)

14. Clik en "edición html" (pestaña superior), esta página nos permite cambiar el diseño de la plantilla así que vamos a sustituir la plantilla "sencillo" que era tan sosa por la plantilla "colors idea".

15. en: "Carga una plantilla desde un archivo de tu disco duro" clik en "Seleccionar archivo" buscamos e el escritorio el archivo "colors idea" que hemos descomprimido, hacemos clik sobre él y clik en "abrir", 

16. "colors idea" aparece junto a "seleccionar archivo", clik en "subir", clik en "mantener los widgets"

17. Finalmente aparece "los cambios se han guardado, ver blog", clik  y veo el blog con la nueva plantilla, ¡quedó mucho más chulo!.

Este es el diseño definitivo del blog "Amo la filo"

¡¡¡Ya vamos por la sesión 4!!!

A lo tonto, a lo tonto, vamos avanzando. Os recuerdo a tod@s que esta semana cambiaremos la sesión al miércoles. Será la cuarta  y estaremos cruzando el ecuador del curso. Hablaremos sobre la planificación de la enseñanza por tareas. Buscaremos recursos en la mochila que enfoquen la enseñanza de este modo. Y procuraremos intercambiar experiencias acerca de cómo nos fue al intentar usar los ordenadores en el aula. También aprenderemos a subir documentos a la red a través de Scribdd (Aquí tienes un tutorial, también esta en la página "presentaciones")

Presentación de la sesión 4: Didáctica con TIC: Contenidos y materiales de 

secundaria, secuencias didácticas.

Aula2 0 sesion_4

View more presentations from pilardlts.