Monday, April 24, 2017

TimelineJS Herramienta de código abierto para crear Líneas de Tiempo interactivas

Women in computing: Ejemplo de Línea de Tiempo interactiva

TimelineJS herramienta de código abierto para crear líneas de tiempo interactivas.


TimelineJS es una herramienta de código abierto que permite construir líneas de tiempo interactivas de gran riqueza visual.

También puedes ver:


Permite crear una línea de tiempo utilizando una hoja de cálculo Google, como la de este ejemplo

Los expertos pueden utilizar sus habilidades con JSON para crear líneas personalizadas, manteniendo la funcionalidad central de TimelineJS.

El navegador recomendado es Google Chrome, aunque funciona en todos los navegadores web modernos. TimelineJS no funciona con versiones de Internet Explorer antes de IE10.

TimelineJS puede puede hacer uso de variedad de fuentes para confeccionar tus líneas
  • Twitter
  • Flickr
  • YouTube
  • Vimeo
  • Vine
  • Dailymotion
  • Google Maps
  • Wikipedia
  • SoundCloud
  • Nube de documentos
  • Muchos más
TimelineJS funciona en cualquier sitio o blog

Consejos y trucos

  1. Sé breve. No utilices más de 20 diapositivas.
  2. Recoge historias que tengan una narrativa cronológica fuerte. 
  3. Escribe cada evento como parte de una narrativa más grande.

4 pasos para confeccionar tu línea de tiempo:

1. Crea una hoja de cálculo: 


Construye una hoja de cálculo de Google usando la plantilla. 

Tendrás que 
  • Crear una copia de la plantilla
  • Guardarla como una copia en tu propia cuenta de Google Drive
  • Haciendo clic en el botón "Crear una copia".




Añade fechas, texto y enlaces a los medios en las columnas correspondientes.

Obtenen la plantilla de la hoja de cálculo.


2. Publicar en la web

Bajo el menú Archivo, selecciona “Publicar en la Web”.
En la siguiente ventana, haz clic en el botón azul "publicar". Cuando te pregunta, "¿Está seguro ...?" haz clic en "Aceptar".


A continuación, copia la URL que aparece en el centro de la ventana. 


3. Generar su línea de tiempo

Copiar y pega la URL de hoja de cálculo en el cuadro de abajo para generar tu línea de tiempo. (Asegúrate de que has publicado la hoja de cálculo.)
  • Pega la URL de la hoja de cálculo Google 
  • Establece el ancho
  • Y el alto
  • Ajustes opcionales: 
    • Establece idioma
    • Fuentes
    • Más


4. Compartir tu línea de tiempo

  • Comparte el enlace: Utiliza esta opción para enlazar directamente con su línea de tiempo.
  • Inserta el código: Copia el código de inserción y pegarlo en su sitio en el que desea que aparezca tu línea de tiempo (al igual que un vídeo de YouTube).




No comments: