Mostrando entradas con la etiqueta Blogs. Mostrar todas las entradas
Mostrando entradas con la etiqueta Blogs. Mostrar todas las entradas

Insertar un Formulario

Francisco Romero Montilla nos ofrece los pasos a seguir para insertar un Formulario de Google Docs a modo de trabajo, examen, ejercicio...


Uno de los objetivos de la Web 2.0, donde se incluye el Blog, es la interactividad, y en el caso de la educación, la posibilidad de publicar como administrador del Blog y de recibir información de quienes los visita.

Una forma sencilla de conseguir la participación del alumnado o de la familia en nuestro Blog es utilizando los comentarios, como ya vimos en el apartado anterior. Pero dichos comentarios se hacen públicos una vez que son aprobados por el administrador, así que si lo que buscamos es publicar unas actividades, y recibir la respuesta de cada uno de los alumnos y alumnas que visitan el Blog tenemos que utilizar una herramienta que nos permita crear formularios e insertarlos en una entrada.

La utilidad de estos formularios puede ser muy variada, desde hacer una simple encuesta, indicar una serie de preguntas que deben contestar hasta realizar un examen online (y otras funciones que la imaginación de cada uno llegue a descubrir).



Para incluir un formulario existen muchas web que te permiten elaborarlo y generar el código HTML necesario para insertarlo en una entrada del Blog, pero para este curso hemos elegido la herramienta de Google Docs para generar Formularios, ya que permite trabajar utilizando la misma cuenta de Blogger o Gmail. 


Crear un formulario con Google Docs.

Lo primero que tienes que hacer es entrar en la dirección de Google Docs:  


Y utilizar tu nombre de usuario y contraseña de tu cuenta de Blogger o Gmail.

Una vez dentro de Google Docs tenemos que pinchar en CREAR, y se desplegarán distintas opciones:


De todas ellas elegiremos la de FORMULARIO, ya que el resto son para crear documentos de texto, hojas de cálculo o presentacions (que también pueden ser insertadas en una entrada de un Blog) y pueden ser interesantes para aquellos que quieran utilizar todo su potencial.


Tras clickear en FORMULARIO se abrirá una nueva ventana con el editor de Formularios, donde debemos incluir las preguntas que vamos a realizar en la actividad.

Lo primero que haremos es indicar el título del formulario ("Actividades sobre el Descubrimiento de América", "Examen de Lengua: Sinónimos", etc.), y después una breve descripción de la actividad, así como las instrucciones para rellenar dichas actividades.



Tras indicar el título, tenemos que diseñar las distintas preguntas, la primera se muetra por defecto, y para editarla debemos pinchar en el botoncito con un lápiz que aparece a la derecha. Es aconsejable que la primera pregunta sea el nombre del alumno/a para así saber quien ha contestado al formulario.
 
Para cada pregunta hay que indicar el título de la pregunta y el texto de ayuda que da las instrucciones necesarias para contestarla.

Sobre el tipo de pregunta, dentro de los formularios de Google Docs tenemos distintos tipos de preguntas, como son: Texto, Texto de párrafo, Tipo test, Casilla de Verificación, Elegir de una lista, Escala y Cuadrícula.
 
De ellas nos interesan para el nombre hemos elegido: Texto, que sirve para preguntas cuya respuesta va a ser breve.

Después pincharemos en FINALIZADO.




Si una vez hemos terminado la primera pregunta no se activa una nueva pregunta para editar, lo que podemos hacer para crearla es pinchar en el botón con dos cuadraditos, junto al de editar, de la pregunta anterior, de esta forma duplicará dicha pregunta y a partir de ese momento podremos editarla.

Los pasos seguirán siendo los mimos, indicar el título y el texto de ayuda de la pregunta, y después seleccionamos el tipo de pregunta, en este caso de Texto de párrafo: Cuando necesitamos que la respuesta sea muy extensa.

Podemos hacer que las preguntas sean obligatorias, para que el alumno/a no pueda enviar el formulario sin que estén rellenas. Esta opción es interesante en el caso de la pregunta del nombre. Para hacer que una pregunta sea obligatoria activamos la casilla de "Hacer que esta pregunta sea obligatoria".

Y pinchamos en FINALIZADO.



El procedimiento para crear una nueva pregunta es el mismo, pinchar en el botoncito de duplicar, y después en el de editar de la pregunta anterior.

Después damos título a la pregunta y completamos el texto de ayuda. A la hora de elegir el tipo de pregunta ahora escogemos la de Tipo test: Podemos indicar distintas opciones, entre las que el alumno/a sólo puede elegir una.

Para indicar las opciones sobre las que el alumno/a va a elegir la respuesta debemos ir completado los campos que aparecen debajo del tipo de pregunta, y podemos añadir un número ilimitado de ellas, simplemente pinchando en "añadir Otro".

Una vez terminada la pregunta pinchamos en FINALIZADO, si lo deseamos, antes activaremos la opción de hacer obligatoria esta respuesta.



El procedimiento para añadir nuevas preguntas es el mismo, y los tipos de preguntas, además de los anteriores, pueden ser:
  • Casilla de Verificación: Para indicar Si o No, este tipo de pregunta se debe colocar al final del formulario, para que el alumno certifique que ha completado el formulario y que lo va a enviar. Para ello tenemos que activarla como una pregunta obligatoria.
  • Elegir de una lista: Este tipo de pregunta es igual a la de Tipo test, pero permite elegir más de una respuesta entre las opciones que le indiquemos al alumnado.

Una vez concluida la actividad, con todas las preguntas, pinchamos en MÁS ACCIONES.


Se desplegará un menú, y pincharemos en INSERTAR.


Se abrirá una ventanita con el código HMTL del formulario, que copiaremos para después pegar en el editor de entradas del Blog.

 
Insertar el formulario en el Blog.

Entramos en Blogger, y elegimos la opción de NUEVA ENTRADA. Tenemos que seleccionar en el Editor de Entradas de Blogger la pestaña <HTML>, para poder insertar el código del Formulario de Google Docs.



 Ahora sólo queda darle título a la entrada (1) pegar el código HTML (2), e indicar las etiquetas (3), y por último pinchar en <Publicar> (4).



A partir de ese momento, el formulario estará publicado en nuestro Blog, y podrá ser consultado y contestado por nuestro alumnado. Veremos como aquellas preguntas que hicimos obligatorias tienen un asterisco rojo que así lo indica.

Problemas al insertar el formulario.

Hay veces que al insertar un formulario y publicarlo, el ancho del mismo sobrepasa el ancho de la columna de las entradas de nuestro blog, con el desajuste que eso supone. Este desajuste puede ser corregido.

Los formularios que crea Google Docs tienen un código cuando cliqueamos en insertar formulario, que es el que pegas en la antrada, y es similar al siguiente:


<iframe src="https://docs.google.com/spreadsheet/embeddedform?formkey=dEpsTGZTb092aTh2Rjk2LU5fNy1FMFE6MQ" width="760" height="640" frameborder="0" marginheight="0" marginwidth="0">Cargando...</iframe>
 
Resulta que aquí se pueden modificar los valores una vez que lo pegas en el editor de Blogger. El width es la anchura del formuario y el height es la altura, así que solamente tienes que cambiar los valores hasta ajustar la anchura del formulario a la de la columna de las entradas. Para saber la anchura de la columna de las entradas, ve a Diseño en el menú interno de Blogger y buscas en la parte superior "Diseñador de plantillas", y en el apartado Ajustar Ancho, podrás obtener el ancho de la columna donde se publican las entradas. Este número con unidades en píxeles será el que debas poner en el apartado
width del anterior código.


Consultar las respuestas del formulario.

Para finalizar con el uso de los formulario de Google Docs, nos queda consultar las respuestas del alumnado.

Si queremos corregir la actividad o el examen, tenemos que volver a entrar en Google Docs:

Accedemos con nuestro nombre de usuario y contraseña (que recuerdo será la misma que la de Gmail y Blogger).

En el escritorio de Google Docs debe aparecer una archivo con el título del formulario que hemos creado. Pincharemos sobre el para acceder a su contenido.


El tipo de archivo que genera el Formulario, como se puede comprobar, es unaHoja de Cálculo, en el que se pueden ver en la parte superior los títulos de las preguntas, y debajo de ella, en cada una de las líneas, las respuestas que ha dejado cada uno de los alumnos (cada línea corresponde a las respuestas de un alumno/a), incluso veremos el día y la hora en la que se realizó la actividad.

Ahora sólo queda corregir las respuesta, para después comunicarle al alumno/a su calificación.


Insertar un archivo de audio

Francisco Romero Montilla nos ofrece los pasos a seguir para insertar un archivo de sonido, que puede ser una canción, un fragmento de un programa de radio, un discurso, etc. Y para ello vamos a utilizar los recursos multimedia que incluye la web Goear.


La dirección de Goear es: http://www.goear.com/

Obtener el código HTML de Goear.






Entramos en la web de Goear.com, e iniciamos una búsqueda del archivo de sonido que queremos incluir en nuestro Blog.

 
Indicamos lo que queremos encontrar y pinchamos en Buscar.






Goear realizará una búsqueda, y nos ofrece un listado de archivos relacionados con aquello que queremos encontrar. Pinchamos en el enlace que más se acerque a lo que buscamos.




Antes de proceder a copiar el código HTML necesario para insertar el archivo de sonido en nuestro Blog, sería interesante escuchar dicho archivo (1) por si no corresponde con lo que buscamos.


El código HTML necesario para insertar el archivo de sonido y su reproductor en nuestro blog aparece en la parte derecha de la web de Goear, donde indica "Pon esta canción en tu Web:" Lo que haremos es copiar el código HTML (2).


Ya tenemos el código necesario, ahora nos vamos a Blogger.



Insertar el código HTML de Goear.


Entramos en Blogger, y elegimos la opción de NUEVA ENTRADA. Tenemos que seleccionar en el Editor de Entradas de Blogger la pestaña <HTML>, para poder insertar el código de Goear.




Ahora sólo queda darle título a la entrada (1) pegar el código HTML (2), e indicar las etiquetas (3), y por último pinchar en <Publicar> (4).


A partir de ese momento, el reproductor de Goear con el archivo de sonido estará publica en nuestro Blog, y podrá ser consultada por nuestro alumnado.

Insertar una galería de Imágenes

Francisco Romero Montilla nos ofrece los pasos a seguir para insertar una galería de imágenes a través de Picasa.



La dirección de Picasa es: http://picasa.google.com/ 


Crear un album en Picasa


Una vez abierta la web de Picasa, podemos acceder con nuestra cuenta de Gmail o de Blogger, indicando el mismo correo electrónico y contraseña.

 


Una vez creada nuestra cuenta en Picasa, podemos subir las imágenes con las que queremos crear una Galería para nuestro Blog. Para ello pinchamos en <Subir>.

 

 
La forma de subir imágenes a Picasa es muy sencilla, abriremos la carpeta donde se encuentren las fotografías que queremos subir, las seleccionamos y con el ratón la arrastramos a la ventana del navegador, a la zona donde indica "Arrastra aquí las fotos". Una vez arrastradas las imágenes se inicia el proceso de subida de las fotos que puede durar varios minutos.

Una vez subidas todas las imágenes, Picasa crea con ellas un Álbum.


Volvemos a la página principal de Picasa, donde podemos ver nuestros álbumes, y pincharemos en el que se incluyan las imágenes con las que queremos realizar la galería.


Una vez, dentro del Álbum, podemos ver las imágenes en miniatura, y ahora sólo nos queda obtener el código HTML necesario para insertar en la entrada del Blog.

Para ello tenemos que pinchar en el enlace <Enlazar a este álbum>.

Es entonces cuando se despliegan varias opciones, por un lado la dirección web del Álbum para compartirlo, por otro lado el código HTML para insetar una pequeña galería (esta opción vendría bien si lo que queremos es crear un Widget con el pase de estas fotografías).

Pero ninguna de estas primeras opciones nos sirve si lo que queremos es insertar un pase de diapositivas con las fotos del álbum.

Para ello tenemos que pinchar en <Incrustrar proyección de diapositivas>.

 

 

Se abrirá una ventana que permite crear el código HTML necesario para insertar la Galería de Imágenes en la entrada del Blog.

Primero tendremos que seleccionar el tamaño que queremos que tenga la Galería dentro de la entrada del Blog (1). Y después copiar el código HTML que aparece en el recuadro con fondo amarillo (2).

Ya tenemos el código necesario para pegar en la entrada de Blog.



Insertar el código HTML de Picasa en Blogger.


Entramos en Blogger, y elegimos la opción de NUEVA ENTRADA. Tenemos que seleccionar en el Editor de Entradas de Blogger la pestaña <HTML>, para poder insertar el código de Picasa.



 Ahora sólo queda darle título a la entrada (1) pegar el código HTML (2), e indicar las etiquetas (3), y por último pinchar en <Publicar> (4).

A partir de ese momento, la Galería de imágenes estará publica en nuestro Blog, y podrá ser consultada por nuestro alumnado.


Insertar Presentaciones de Slideshare

Francisco Romero Montilla nos ofrece los pasos a seguir para insetar una presentación de slideshare en una entrada de blog para dinamizar el contenido.

Slideshare

En la web de Slideshare.com podemos encontrar una gran cantidad de presentaciones que nos pueden ser útiles para el desarrollo de los contenidos en el aula.

Y la mejor forma de mostrar a los alumnos y alumnas estas presentaciones es insertándolas en una entrada del Blog.

Para ello tenemos que acceder a la web:




A continuación buscamos en Slideshare la presentación que queremos insertar en el Blog.




Una vez elegida la presentación, y previa visualización de las diapositivas, procedemos a copiar el código HTML que debemos pegar en la entrada del Blog.



Al pinchar en MORE>> se desplegarán una gran cantidad de botones, y un recuadro con texto en formato HTML.



De todos los recuadros con código HTML elegimos el primero, pinchamos sobre él y aparecerá el texto seleccionado. Copiamos el texto (utilizando el botón derecho del ratón, o con la combinación de letras CTRL+C).



Insertar la presentación en la entrada del Blog de Blogger.

Entramos en Blogger, y elegimos la opción de NUEVA ENTRADA. Ahora sólo queda pegar el texto, darle un título y las etiquetas, y por último pinchar en PUBLICAR ENTRADA.

A pesar de que el texto copiado en Slideshare es en código HTML no es necesario que eligamos la opción de EDITOR HTML, ya que de forma automática el editor de Blogger reconoce que el texto pegado está en lenguaje HTML.




Insertar vídeos de Youtube

Francisco Romero Montilla nos ofrece los pasos a seguir para insetar un vídeo de youtube en una entrada de blog para dinamizar el contenido.


Buscar el vídeo de Youtube

Antes de insertar un vídeo, tenemos que pasar por la web de Youtube, y buscar el vídeo que puede ser interesante para insertar en nuestro Blog. Es importante ver el vídeo completo (para después no llevarnos sorpresas) antes de insertarlo en el Blog.

Utilizaremos el buscador de Youtube para localizar el vídeo que queremos incluir en el Blog.

Tras visualizar el vídeo pincharemos en <insetar>.

Tras presionar <insertar> se desplegarán una serie de opciones para editar los colores y el tamaño del reproductur del vídeo dentro de nuestro Blog.

Llegado este momento, recomiendo que se seleccione el tamaño del vídeo más pequeño, ya que las plantillas de Blogger no dejan mucho espacio para las entradas, y si el formato del vídeo es demasiado grande no se verá la imagen completa del vídeo.

De ahí que recomiende que se seleccione el tamaño de: 425x344

Después seleccionamos el texto que aparece en el campo superior y que suele comenzar de la siguiente forma:

<object widht='425'.....

Una vez seleccionado el texto completo, lo copiamos (usando el botón derecho del ratón y pinchando en Copiar, dentro del menú que se ha desplegado; también puedes utilizar la combinación de letras Ctrl+C para copiar el código.

Si hemos seguido bien los pasos, tendremos el código HTML que una vez pegado en la Entrada del Blog nos permitirá insertar ese vídeo:

<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/O5HqLFEc53g&hl=es_ES&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/O5HqLFEc53g&hl=es_ES&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>


Insertamos el vídeo en la entrada del Blog

Con el código de insertar copiado de la página de Youtube, entramos en nuestra cuenta de Blogger, y procedemos a pegar ese código en una entrada nueva.




A la hora de pegar el código HTML que hemos copiado en Youtube podemos hacerlo directamente en la Entrada del Blog, dentro de la opición de Redactar (ya que de forma automática el editor identifica este texto como código HTML), o bien podemo pinchar en la opción de EDICIÓN HTML, y después pegar el código en la entrada.

Tras pinchar en PUBLICAR ENTRADA, el vídeo podrá ser visto por nuestros alumnos y alumnas cuando visiten nuestro Blog.


A tener en cuenta a la hora de insertar el vídeo de Youtube.

Las instrucciones para insertar un vídeo de Youtube sirven tanto si se trata de una entrada que sólo contiene el vídeo, como si se trata de un vídeo que va a acompañar dentro de una misma entrada a texto e imágenes.

Hay que tener en cuenta que el sitio dentro de la entrada donde se pege el código HTML sera el lugar donde aparecerá el vídeo dentro de esa entrada.

Además hay que tener en cuenta que cuando insertamos un vídeo de Youtube en una entrada del Blog lo que hacemos en realidad es insertar un reproductor de vídeos de youtube, y que por tanto, una vez finalizado el vídeo que queremos ver, nos mostrará enlaces a otros vídeos que generalmente tratarán sobre el mismo tema, o no.

Utilidades

Personaliza tu blog

A continuación os ofrezco varias posibilidades para trabajar en los blogs.


Introducción del botón "Leer Más".




Creación de una actividad interactiva.



Creación de una Hoja de Inicio.



Actividad interactiva con LIM.





Música de fondo en el blog.


Hay veces que queremos que nuestro blog autoreproduzca una sintonía o una música de fondo de acorde con la temática que manejamos. Hay muchas formas de incluir esta música: insertando un código html dentro de la plantilla de nuestro blog (método que desaconsejo si no somos muy duchos con el manejo de estos códigos ya que podría ocasionar errores), inserción de reproductores previa alta en una página, inserción de códigos de reproductores online,...

La manera que propongo va en la línea de la inserción de códigos como los de Youtube. Para ello lo primero que debemos hacer es entrar en Youtube y buscar la música o sintonía que queramos que suene en el blog. Una vez encontrada pulsaremos en el botón Compartir (1) que se encuentra debajo del vídeo. Nos aparece ahora el botón Insertar (2) que también pulsaremos. A posteriori debemos seleccionar la opción Utilizar código de inserción antiguo (3). Y copiamos el código que se nos ofrece(4).



Vamos a continuación a la opción Diseño de Blogger y añadimos un Gadget tipo Html. En la ventana que se habilita pegamos el código que hemos copiado anteriormente. Debe ser similar a este:

<object width="420" height="315"><param name="movie" value="http://www.youtube.com/v/7sXdc0o0dQ4?version=3&amp;hl=es_ES"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/7sXdc0o0dQ4?version=3&amp;hl=es_ES" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>

Una vez pegado debemos cambiar los valores que hay de colores por los siguientes:

  • width="420" por width="0"
  • height="315" por height="0"
  • version=3 por autoplay=1 
Guardamos los cambios y ya está listo el blog para sonar.





Configuración y Diseño del Blog

Configuración y Creación de entradas


1.- Interfaz antigua de Blogger

A continuación podéis encontrar los aspectos básicos y fundamentales para comenzar a rodar el blog, desde una configuración básica hasta la creación de entrada.




2.- Interfaz nueva de Blogger

Aspectos básicos para la modificación de la plantilla elegida en la creción del blog.




Inclusión de Gadgets.



Primera entrada

Creación de la primera entrada y la activación de las distintas opciones que ofrece la nueva interfaz.

Crear un Blog con Blogger

Cómo crear tu blog

1.- Interfaz antigua de Blogger
Aquí os dejo un archivo de Francisco Romero Montilla en el que se detalla a la perfección la creación de un blog y sus opciones básicas, con la interfaz antigua de Blogger.




2.- Interfaz nueva de Blogger

En el siguiente archivo podéis ver cómo es la creación del blog con la nueva interfaz de Blogger. No difiere en nada a la anterior, pero la visión final de la interfaz, sí.

 

¿Para qué sirve un Blog?

El Blog Educativo como herramienta

Aquí os dejo un archivo de Francisco Romero Montilla en el que se detalla a la perfección el uso educativo de los blogs.