Líneas de tiempo en tu aplicación web

Si no conoces TimelineJS, te animo a echarle un vistazo ahora mismo.

TimelineJS es una herramienta de código abierto, libre, que te permite crear líneas de tiempo interactivas, de gran riqueza visual y está traducido en 40 idiomas. Las líneas de tiempo creadas con TimelineJS son muy sencillas, intuitivas de utilizar y te permiten narrar una historia de una forma dinámica y diferente.

Para mí, una de las características más interesantes de TimelineJS es que cualquier persona puede crear su línea de tiempo interactiva e integrar en su aplicación web o blog. Si estás acostumbrado a utilizar las hojas de cálculo de Google, este recurso puede ser lo único que necesitas para crear tu timeline. Ojo, no puedes utilizar las hojas de cálculo del Excel. No funcionará.

En la línea de tiempo creada con TimelineJS puedes introducir  información en diferentes formatos, y de diferentes fuentes.  Twitter, Flickr, Google Maps, YouTube o Vimeo son algunas de estas fuentes.

¿Cómo funciona?

Crear una línea de tiempo con TimelineJS es tan sencillo como:

• Crear una nueva hoja de cálculo en el Google Drive. (Puedes utilizar la plantilla oficial de TimelineJS para empezar)
• Agregar las fechas, texto y los links a YouTube o Vimeo
• “Publicar en la web”
• Copiar la URL, el enlace que el sistema genera.
• Pegar la URL en el generador de la página web oficial de timeline
• El generador va a crear código (iframe) que puedes incorporar y cualquier sección de tu sitio web.

Aquí tienes un ejemplo sencillo:

Lo interesante de la hoja de cálculo creada en el primer paso, es que la puedes configurar para que se vuelva a publicar, o se actualice automáticamente siempre que realices algún tipo de cambio. Bien pensando, ¿no?

Aplicaciones 

Las aplicaciones de esta herramienta son varias y creo que podrás integrar en todos aquellos proyectos en que necesites ordenar de forma cronológica una serie de acontecimientos y además quieres que sea algo dinámico y atractivo para el usuario final. TimelineJS funciona en todos los navegadores modernos. También funciona en IE8. Además,  hay desarrollado un plugin de WordPress que te permite agregar de forma fácil líneas de tiempo en tus artículos.

Diferentes empresas han utilizado TimelineJS para contar historias. Te dejo algunos ejemplos:

• Time: Nelson Mandela’s Extraordinary Life
• Revolutionary User Interfaces
• arte: Comment le progrès nous aura-t-il fait évoluer en l’an 42012 ?

Fuentes

• TimelineJS