Conceptos básicos.Presentación

Mapablogs

View SlideShare presentation or Upload your own.

Los Blogs Educativos

View SlideShare presentation or Upload your own.

Crear un blog en Blogger

Cómo crear una cuenta en Blogger:

Como Gestor de Contenidos o Blog hemos elegidio Blogger.com, ahora abriremos una cuenta.
En primer lugar iremos a la dirección http://www.blogger.com/, si no tenemos una cuenta google.es porque en este caso sólo tendríamos que activar el servico.

En este caso debemos tener ya una cuenta de correo y elegimos una contraseña, luego seguimos rellenando el formulario:

Ahora le asignamos un Nombre a nuestro Blog:

Y elegimos una Plantilla:

Y se ha creado el blog:



Ejercicio nº1

A continuación vamos a Crear un blog en blogger y creamos una cuenta :Ejercicio nº2

Configuación y Entradas o Post

Cómo usar el panel de administración del blog

En nuestro blog recien creado vemos un panel desde donde podemos empezar a administrar el o los blogs que tengamos. También aparecerá el perfil del administrador, en caso que queramos mostrarlo. Es recomendable que nos identifiquemos, para que en la comunidad de blogfesores, nos vayamos conociendo.

Cómo editar una Entrada:

En este panel aparecen los botones de NUEVA ENTRADA, Editar Entradas, Configuración, Diseño y Ver blog.

La primera es para crear un nuevo artículo, o actividad, haremos clic, y nos saldrá el editor. Normalmente se trabaja en la ventana Redactar, pero algunas veces usaremos Edición de HTML.

Si lo que queremos es ver o modificar otras entradas que ya hemos creado, hacermos clic en Editar Entradas. En la configuración, entramos en el formato del blog y la publicación del mismo. En Diseño tocaremos la forma de añadir otros elementos así como su estructura: plantillas... y por útlimo Ver blog nos permite abrir para ver como quedará, en este caso siempre podemos volver atrás para seguir en el panel de administración.

En este tutorial vemos el Editor de Texto e Imágenes: Crear una entrada y después realizamos el Ejercicio nº3

Cómo configurar nuestro Blog


Si entramos ahora en el apartado de Configuración, veremos varias etiquetas que podemos tocar: El título, la forma de publicación, cómo se guardarán los archivos (entradas), las Feeds, que es un fichero de texto que lo reconocen otros blogs cuando estén suscritos al nuestro. El sitio, así como el correo electrónico, por si queremos publicar sin entrar en el blog... , veremos algunos tutoriales y ejercicios:

Opciones de blogger (1ª parte)
Opciones de blogger (2ª parte)


Realiza ahora el Ejercicio nº4

Si analizamos un poco más dentro en el Diseño podemos crear un listado de temas o actividades (barra lateral) 1 2 3 (hacer clic en cada video-demostración)
Ejercicio nª6
Crear una relación de enlaces
Ejercicio nº7
Añadir una imágen a cualquier elemento de la plantilla
Ejercicio nº8

Elementos Multimedia en el Blog

* Insertar elementos multimedia:

1. Subir Imágenes

Las imágenes en el blog, se pueden subir directamente, para ello disponemos de hasta 1Gb de espacio en el blog. No deben superar los 8 Mb en los formatos: jpg, bmp, gif o png, que son los más conocidos. La imagen también puede ser direccionada desde Internet.

Desde el botón "añadir imagen", insertaremos entre el texto una foto o gráfico, así como la posición y el tamaño.

Blogger permite subir fotos, al igual que Wordpress, pero para crear álbumes hemos de recurrir a Picasa que es otro servicio de Google, tal que las fotos puedan incluirse rápidamente en blogger y aparecer como una presentación y colocarlas en un lateral.

Atención: No todo lo que es público, es de servicio público. Quiero decir que muchas imágenes, vídeos, documentos, etc..., tienen su derechos de autor (copyright), aunque en internet muchos autores utilizan la licencia (creative commons) o copyleft, para permitir publicarlo si se indica el autor que lo ha hecho, en algunos casos se exige también que el producto que se obtenga (blog, libro...) sea también con la misma licencia que se obtuvo. Por eso es conveniente que los docente hagamos uso de los "repositorios" o almacenes de archivos libres, en el (CNICE) del Ministerio de Educación tenemos un banco muy importante de imágenes y sonidos...

2. Insertamos Vídeos.

Los vídeos en blogger se pueden subir también desde el editor de texto, pues en el botón se nos abre una ventana desde donde se puede subir, con la condición de que sean menos de 100 Mb y en formatos: AVI, MPEG, QuickTime, Real y Windows Media. También tenemos las ventaja de que los servicios de alojamiento de vídeos como Googlevideo, youtube, revver, etc...nos dan un código que podemos pegar en el editor de texto, pero no en la etiqueta Redactar, sino en la de Edición de HTML . Después de guardar la entrada, nos aparecerá el video cono si estuviera en nuestro blog, aunque lo tiene que cargar desde el lugar que hemos seleccionado.

Una vez que agreguemos el código podemos seguir escribiendo ( aunque el vídeo no aparezca en el momento ), si queremos visualizarlo antes de publicar la entrada simplemente podemos hacer click en "Vista Previa" así observamos como quedará.

En éste último caso y al tener ya una cuenta gmail, contamos con este servicio gratuito de Google Video, que también nos permitirá subir nuestros vídeos y compartirlos si queremos desde Google, sólo debemos activarlo.Ver código . En un blog nos quedaría algo así.

Algo que debemos tener en cuenta, no es lo mismo el código que nos faciliten para blogger que para wordpress.

Ahora realiza este Ejercicio nº9

3. Insertar Audio

Para insertar en el blog un reproductor sencillo, el problema que nos vamos a encontrar primero es el lugar donde almacenamos nuestro mp3, podemos buscar un alojamiento gratuito, lo subimos y después localizamos la URL y además el reproductor suele ser un fichero en flash (.swf) que también debe de estár con la música, y a continuación insertamos este código, cambiando la ruta del archivo y el nombre del fichero reproductor.

Bájate un modelo(botón derecho del mouse y guardar destino cómo...) y lo subes al servidor: normal, nimi y múltiple . En un blog quedaría así . Ahora realiza tú este Ejercicio nº10

Para conocer más reproductores de Audio y Vídeo visita esta página de José Mª Campo en este taller multimedia

Cómo insertar otros elementos (documentos pdf, flahs, ptt...)

Hay otros servicios web 2.0, que nos ofrecen subir documentos y visualizarlos en nuestro blog, generalmentel todos se transforman en formato (.swf) más conocidos como fichero flash.Para insertar Ficheros Flash debemos usar el siguiente modelo de código, cambiando la ruta del fichero flash que tenemos alojado en el servidor. Ver código El resultado es algo así en el blog

(última actualización el 1 de Diciembre)

Screentoaster Graba vídeos y tutoriales on-line
Muchas veces un docente debe de explicar un concepto o idea a través de una presentación animada o vídeo e incluirla en el blog.

Para ello puede echar mano de una aplicación comercial como Captivate que permite a los usuarios crear de forma fácil simulaciones de muestreo para presentaciones basadas en tomas o "capturas " de video en la pantalla del monitor y reproducibles en formato SWF. También se puede hacer con software gratuito como la aplicación Wink por ejemplo.

Este fichero . SWF, se puede subir a un servidor gratuito y direccionarlo como hemos indicado anteriormente. Pero todo esto también se puede hacer desde un nuevo servicio web 2.0, que de momento es beta y sólo accedes solicitando con tu e-mail una clave de uso.

Es http://www.screentoaster.com/ con el que se puede hacer vídeos como con los anteriores programas, pero on-line, te ofrece la dirección del video que grabas así como el código para embeberlo en el blog. Veamos un ejemplo aquí.

También hay servicios de alojar estos archivos como : scribd.com , donde podemos subir varios tipos de archivos. Otro servicio es slideshare.com para subir preferentemente presentaciones en power point o Impress, como la que hay al principio del blog, todas ellas nos da un código "share" para compartir nuestro trabajo, que debemos copiar y pegar en una entrada. Otro de los servicios muy elegantes a la hora de presentar el documento es calaméo, que pueden verse los documentos como si de un libro se tratara, veamos un ejmplo.

Aquí realizamos un Ejercicio nº11 de Ejemplo.

Un libro virtual en el blog

Desde el servicio Tikatok podemos abrir una cuenta gratuita y crear historias con imágenes en un libro virtual y después publicarlas. Nos ofrece un código para insertarlo en el blog. como este ejemplo.

Un Diccionario de Inglés en el blog

Si hacemos uso de la herramienta Answers.com estamos ante un diccionario de Inglés, enciclopedia y mucho más que podremos también incrustar en el blog desde la pestaña diseño, añadir gadget-HTML/JSCRIPT o bien a través de un código que nos envían en HTML y que en cualquier entrada podemos poner. En este caso hay que solicitar el código inscribiéndose en el sitio.

Nuestro "Disdo Duro" en Internet

No obstante, también podemos tener alojado algún documento, vídeo, web, etc, en un servicio de alojamiento gratuito como por ejemplo:

- http://www.adrive.com/ que facilita 50 Gb de almacenamiento de ficheros por cuenta y backup
- http://www.dropboks.com/ , es un sistema sencillo de almacenaje de 1Gb.
- http://www.esnips.com/
- http://www.divshare.com/ , permite subir videos, fotos, música y documentos y compartirlos desde Internet. 1Gb de almacenaje y 10 Gb de transferencia como máximo.
- http://www.box.net/ y muchos más.

Yo aconsejo divshare.com donde podéis subir algún fichero y compartirlo en Internet.

El blog como herramienta de aula

Actividades Interactivas en el blog

Como hemos visto en los puntos anteriores, hay muchos elementos multimedia, tipo flash o páginas web publicadas en html, que con un comando "iframe" podemos poner en una entrada escrita en Edición de HTML y símplemente con sustituir la dirección de la página nos aparecerá incrustada en el blog esa actividad. El proceso es así:

1º Selecciona la dirección de la actividad web que quieres que aparezca en tu blog. de Recursos para tu blog

2º Copia este código en una entrada y vista Edición de HTML desde aquí

3º Cambia la ruta del servidor. Borra lo que hay entre comillas y pega la dirección de tu web elegida.

4º Publica la entrada. Así de fácil tendrás actividades interactivas para tu clase.


Haz el siguiente Ejercicio nº12



Cuando en un blog se le incluyen actividades educativas e interactivas en su entradas, esto permitirá mayor motivación del alumno, con respuestas en el trabajo de clase . El blog ya no es sólo texto e imágen, sino ejercicio y acción. El docente puede crear estas actividades con herramientas que hay gratuitas en Internet, así tenemos:


Hotpotatoes: Es un programa gratuito, que instalado en el ordenador podemos crear conjunto de seis herramientas de autor, desarrollado por el equipo del University de Victoria , y que te permiten elaborar ejercicios interactivos basados en páginas Web de varios tipos básicos:
JQuiz.- Ejercicios de respuestas breves (desde la versión 6 del programa, JQuiz incluye lo que hasta el momento era JBC). JCross.- Ejercicios de palabras cruzadas. JMatch.- Ejercicios de combinación entre columnas. JMix.- Ejercicios para ordenar. JCloze.- Ejercicios de completar huecos. En la parte lateral dispones de varios enlaces.

Lim: Es otra herramienta de autor, para uso libre, con la que podemos crear Libros Interactivos Multimedia. La página principal la tenemos aquí y nos explica el entorno así como crear páginas y utilizar el editor Edilim. También dispone de una bilblioteca de trabajos. En la parte lateral dispones de enlaces.

JClic:De todos es conocido esta aplicación que es un entorno para la creación, realización y evaluación de actividades educativas multimedia, desarrollado en la plataforma Java.(Wikipedia).

Podemos crear actividades y subirlas a un servidor gratuito o tomarlas del servidor de clic.xtec.net, tal que en la biblioteca de Jclic y una vez que hemos seleccionado la actividad.

Veremos un ejemplo:

Accedemos al proyecto de la Biblioteca de JClic y copiamos el fichero de cada aplicación que termina en .zip, así por ejemplo: buscamos en Tecnología y en Español la actividad de mecanismos que la ha realizado Vicente Herrero Media del IES Mar de Cádiz, y su fichero eshttp://clic.xtec.net/projects/mecanism/jclic/mecanism.jclic.zip. Esta dirección la copiamos y pegamos en este código y el resultante lo pondremos en una entrada, de esta manera nos sale ya en el blog. En algunos casos habrá que retocar el ancho y el alto y ponerlo a 500, por ejemplo.

Ardora: Es otra aplicación con la que se pueden crear en html, más de 45 actividades distintas. Como dice su autor, ardora es totalmente gratuito, siempre y cuando sea usado de forma personal, sin caracter lucrativo y con fines estrictamente educativos. Las actividades se pueden incrustar como las anteriores, desde este enlace vemos ejercicios realizados con Hotpotatoes como con Ardora.

eslvideo.com. Es un servicio gratuito al que tenemos que darnos de alta y donde relacionamos una secuencia de vídeo tomada de Youtube, Google Vídeo u otro, mediante la copia del código que hemos de introducir en este servicio y además podemos crear un Cuestionario con autocorrección que puede servir para evaluar la comprensión del tema .Los pasos vienen explicados en estos tres tutoriales:

Primer paso
Segundo paso
Tercer paso

En el blog podemos ver un ejemplo: una actividad con vídeo

Cuadernia: Es una herramienta fácil y funcional que nos permite crear de forma dinámica y visual "cuadernos digitales" en flash que pueden contener información y actividades multimedia distribuibles a través de un navegador de Internet, generan las carpetas, que han de estar subidas a un servidor privado o gratuito, donde dejaremos las carpetas con los ficheros flash, la música ,las imágenes, y el fichero index.htm que habrá que hacer idéntico a éste.

Se abrirá desde un editor html (FrontPage, por ejemplo) y después se guarda. Para que pueda integrarse en el blog hemos de cambiar la URL, de este código, pero tal vez tangas que variar el ancho y alto para que te quepa en tu plantilla para embeberlo en una entrada nueva, y quedar así por ejemplo.

Algunos portales de recursos sobre cuadernia, es el del Cep de Alcázar de San Juan y CEP de Albacete y CEP de Cuenca

Web Questions . Este programa ha sido creado por Daryl Rowland de uso gratuito y está destinado a la formulación de cuestionarios para colgarlos en la red. Desde este tutorial de Francisco Muñoz de la Peña, se explica cómo instalarlo en el ordenador para crear las preguntas, con ejercicios y colaboraciones en donde se puede ver cómo funciona el programa.

Realiza este último Ejercicio 13