A veces, resulta interesante elaborar una línea de tiempo para poner en contexto una secuencia de acontecimientos o hitos. Si esto se hace de forma colaborativa con más personas, el resultado resulta mucho más rico y dinámico. Y, si además se hace en línea, el resultado puede ser consultado en cualquier momento y difundido para el beneficio de terceras personas.

Sin embargo, hasta la fecha no había encontrado una herramienta que me permitiese conjugar de forma sencilla esas tres variables.  Sutori, aunque se puede usar de forma más genérica para diseñar secuencias de aprendizaje, es una excelente herramienta para este propósito. No obstante, no ofrece la posibilidad de trabajar de forma colaborativa con otras personas. Algo similar le pasa a  Line.do, esta ya si enfocada a la creación de líneas de tiempo online.

Pues bien, por fín he encontrado en TimelineJS la herramienta que buscaba para poder implicar a todo un grupo de alumnos a la realización de una mega línea de tiempo. Y, además, es de forma sencilla y cómoda.

La herramienta utiliza una hoja de cálculo de Google como fuente de datos para la creación de la línea temporal, lo que nos permite editarla online de forma colaborativa entre varias personas.

Así, la actividad se dividiría en cuatro pasos:

Paso #1: Hacer una copia de la plantilla de la hoja de cálculo

Desde la web de TimelineJS, obtenemos una copia de la plantilla que se utilizará para obtener los eventos o hitos a mostrar en nuestra línea de tiempo. Se trata de una hoja de cálculo en la que pondremos un evento en cada fila. Eso sí, hay que respetar un par de reglas:

1. No borrar ni modificar los encabezados de las columnas (la primera fila)
2. No dejar filas en blanco entre medias

Paso #2: Compartir la hoja de cálculo con los alumnos

Ya tenemos nuestra copia de la plantilla. Ahora toca compartirla con los alumnos para que puedan editarla. La manera más sencilla es compartir la hoja de cálculo para que cualquier usuario con el enlace pueda editar. Después compartir el enlace con los alumnos a través del aula virtual o similar.

Paso #3: Rellenar entre todos las filas de la hoja de cálculo

Pues eso, una vez los alumnos tienen el enlace, pueden entrar y empezar a añadir sus entradas. En este paso, es interesante hacer previamente  una distribución de subtemáticas, para evitar duplicidades (por ejemplo, en una línea de tiempo sobre la historia de la informática, unos alumnos se encargan de ordenadores de escritorio, otros supercomputadores, otros móviles, sistemas operativos, etc).

Las columnas que han de rellenar los alumnos para cada hito o evento son las siguientes (la mayoría de ellos, opcionales):

• Year, Month, Day y Time: Año, mes, día y hora en el que tuvo lugar (o se inició) el evento o hito.
• End Year, End Month, End Day y End Time: Lo mismo de antes, pero para el momento de finalización.
• Display Date: La fecha que quiere que se muestre (un texto que sobreescribe el formato YYY-MM-DD de los campos anteriores)
• Headline: Título del evento o hito
• Text: Descripción del evento o hito.
• Media: La URL de la imagen, vídeo o mapa a mostrar para ese evento o hito.
• Media Credit: Acreditación del contenido multimedia (ver mi post sobre los derechos de autor)
• Media Caption: El texto que queremos que aprezca cuando pasamos el ratón sobre la imagen.
• Media Thumbnail: La URL de la imagen pequeña para mostrar en la línea de tiempo.inferior.
• Type: Aquí se puede especificar si es una era (aparece remarcada con un color diferente en el mapa entre las fechas indicadas) o un título  (sale al principio de la línea de tiempo)
• Group: Para agrupar eventos relacionados.
• Background: El color de fondo que tendrá el evento.

Hay que decir que en este paso se pueden dar problemas al acceder muchas personas de forma concurrente a una hoja. Para evitarlo, se puede crear una plantilla de hoja de cálculo con el mismo formato para que los alumnos la rellenen individualmente y después sólo hayan de hacer copy&paste de todos sus eventos sobre la plantilla compartida.

Un aspecto muy importante en este paso es que no es necesario que los eventos estén ordenados cronológicamente. Ya se encargará de eso TimelineJS en el siguiente paso.

Paso #4: Publicar la hoja de cálculo

Una vez están todos los eventos en la hoja compartida (y se ha revisado que no falta nada ni hay ninguna línea en blanco entre medias), vamos a Archivo > Publicar en la Web y copiamos el enlace. Basta con pegar el enlace obtenido de nuevo en la web de TimelineJS para ver representada nuestra línea de tiempo.

Al hacer este paso, podemos configurar algunos aspectos de visualización de la línea de tiempo, como el evento por el que va a empezar o la posición del mapa temporal.

Pues con esto, ya tenemos nuestra línea de tiempo;  podemos visualizarla a pantalla completa y navegar por ella. En este enlace  podéis ver un ejemplo del resultado.

Además,  podemos obtener un código para incrustar la línea de tiempo donde queramos,  para que los alumnos pueda acceder fácilmente a ella, por ejemplo en el aula virtual o aquí abajo:

Y aún hay más: cómo la línea se genera dinámicamente, en cualquier momento podemos modificar la hoja de cálculo colaborativa y los cambios se reflejarán inmediatamente en la línea de tiempo generada (hay que recargarla).

En definitiva, TimelineJS ofrece una manera  sencilla, cómoda y  gratuita para elaborar impresionantes líneas de tiempo online y colaborativas. Sin duda, su aparición tendrá un lugar de honor en la línea de tiempo con la historia de este tipo de herramientas.