Línea de Tiempo
http://timeline.knightlab.com/
Cómo funciona
TimelineJS es una herramienta de código abierto que permite que cualquiera pueda construir visualmente ricos líneas de tiempo interactivas. Los principiantes pueden crear una línea de tiempo con nada más que una hoja de cálculo de Google. Los expertos pueden utilizar sus habilidades JSON para crear instalaciones personalizadas, manteniendo aspecto básico y la funcionalidad de TimelineJS.
Fuentes
Se puede ver en los medios de comunicación de una variedad de fuentes, y se ha incorporado soporte para Twitter, Flickr, Google Maps, YouTube, Vimeo, Parra, Dailymotion, Wikipedia, SoundCloud y más
Consejos y trucos
Hacer una línea de tiempo
TimelineJS funciona en cualquier sitio web o blog. Haga su propio en cuatro sencillos pasos. ( video tutorial )
Crear la hoja de cálculo
Construir una nueva hoja de cálculo de Google a través de nuestra plantilla . Agregue fechas, texto y enlaces a los medios en las columnas correspondientes. Nota: No cambie los encabezados de columna, no quite ninguna columna, y no deje ninguna fila en blanco en la hoja de cálculo.
Plantilla de hoja de cálculo de Google
1
Es importante que sepas que no podrás editar el archivo; para eso es necesario que hagas una copia en tu cuenta de Google Drive para cada proyecto. Solamente haz clic en el botón Utilizar esta plantilla (debes iniciar sesión en Drive antes).
La plantilla sirve para que rellenes los campos con la información que tienes. No cambies los títulos de las columnas, o agregues más columnas; de lo contrario, no funcionará la línea de tiempo.
Significado de las etiquetas en inglés
Start date - Es la fecha de inicio de cada evento (formato fecha)
End date - Es la fecha de terminación de los eventos (formato fecha)
Headline - Título del evento (formato texto)
Text - Puedes usarlo como breve descripción (formato texto)
Media - Si tienes algún recurso multimedia como video o fotos, puedes agregarlo en esta columna (formato URL)
Media Credit - En esta columna, puedes dar crédito al autor de la obra (formato texto)
Media Caption - Aquí puedes agregar la dirección web del autor (formato URL o texto).
Publicar en la web
En el menú Archivo, seleccione "Publicar en la Web".
En la siguiente ventana, seleccione "Automáticamente publicar cuando se realizan cambios." Deseleccionar todas las otras cajas. Haga clic en "iniciar la edición." Esto le dará la dirección URL para insertarlo en tu archivo HTML.
2
Ingresa a la siguiente dirección:
3
Copiar / pegar la URL de hoja de cálculo en la caja del generador por debajo
3
Insertar el código en su sitio web
Agarra el código de inserción y pegarlo en su sitio al que desea que aparezcan TimelineJS (al igual que un vídeo de YouTube).
4
Fin
Gracias por leer este Tutorial
Por: Mtro. ATI. Sergio de la Cruz Andrés
Fuente: http://timeline.knightlab.com/#make,
http://es.schoolofdata.org/2013/11/12/como-hacer-una-linea-de-tiempo-usando-timelinejs/
recuperado el día 18 de febrero de 2015