Crear un Timeline

Formación
Imagen para la categoría de formación.

Timeline, en esta entrada aprenderemos a “Crear un TimeLine”. ¿Qué es un timeline?, es una “linea del tiempo” es una forma de mostrar una lista de eventos cronológicamente  para describir proyectos, eventos a lo largo de tu carrera profesional, crear una presentación cronológica de la vida de alguna persona. Estas son algunas de las aplicaciones que le podemos dar a un Timeline.

Timeline JS, herramienta TIC para crear un timeline o linea del tiempo. Timeline JS es la herramienta TIC (Creada por Zach Wise), que nos permite crear una linea del tiempo de forma sencilla y añadiendo contenido web como: fotografías de Flirk, videos de Youtube y Vimeo, mapas de google maps y otro tipo de contenidos web.

Para crear un Timeline con esta herramienta, necesitas una cuenta de Google, debido a que trabaja con una plantilla excel en google docs.

Crear un Timeline

Básicamente para usar Timeline JS, consiste en 4 pasos muy sencillos:

  1. Entrar a Timeline JS y empezar a rellenar de datos la plantilla vinculada a tu cuenta de google.
  2. Una vez rellena la plantilla, tienes que hacerla pública y obtener el enlace público.
  3. Pegar el enlace en Timeline JS y seleccionar las opciones para tu Timeline.
  4. Obtendrás un código html, que deberás copiar y pegar en tu web/blog en la página o sección que desees.

1. Entrar a Timeline JS

  • Recomiendo hacer login antes en tu cuenta de google docs.
Imagen de la aplicación web Timeline js para crear un Timeline

Imagen de la aplicación web Timeline js

 

  • Pulsamos en el botón de color verde que pone “Make a timeline now”. Esto te redirigirá a una zona más abajo de la misma web, donde tienes los 4 pasos para crear un timeline.
  • A continuación pulsamos en “Google Spreadsheet Template”, esto te abrira una pantalla nueva con la plantilla que debes de rellenar para el Timeline.

 

Imagen de plantilla para timeline

Imagen de plantilla para timeline

 

2. Rellenar los datos de la plantilla

  • Pulsa en “utilizar esta plantilla” y eso hara que te la guarde en tu google docs, para que tu la puedas editar cuando tu quieras, solamente entrando a tu cuenta de google. (Por eso se recomienda hacer login en google, antes de seguir estos pasos).
  • La plantilla tiene unos datos por defecto, puedes borrarlos todos e ir completanto los datos, imagenes, videos, etc… (Importante: no cambiar las cabeceras de columnas, no borrar columnas y no dejar filas en blanco).

 

Plantilla para el timeline

Plantilla para el timeline

3. Obtener el enlace público.

  • Una vez rellena tu plantilla, tienes que pulsar en “Archivo” y a continuación en “Publicar en web”.
  • En la siguiente pantalla, debes marcar “Volver a publicar automáticamente cuando se hagan cambios” y pulsar el botón “iniciar la publicación”. (De esta forma cada vez que hagas cambios en la plantilla automaticamente se haran en el timeline).

 

Publicar plantilla timeline

Publicar plantilla timeline

 

  • En la siguiente pantalla debes copiar el enlace, para despues usarlo en la web de Timeline JS.

 

Enlace público de plantilla

Enlace público de plantilla

 

4. Pegar enlace y obtener código embebido para tu web.

  • Tienes que volver a la web de Timeline JS y pegar el enlace obtenido en el paso anterior en google docs en donde nos dice “Google Spreadsheet URL”. Una vez pegado, puedes modificar algunas opciones pulsando el botón “More options”.
  • Debajo obtendras el código embebido para copiarlo y pegarlo en tu web/blog, puedes ver incluso como va quedando dandole al botón de “Preview”.

 

Obtener codigo embebido

Obtener codigo embebido

 

Y esto es lo que necesitas para crear un timeline facilmente, te recomiendo que prepares antés toda la información, que tengas claras las fechas y además que no pongas mucho texto en cada timeline. Aquí dejo el enlace a algunos ejemplos que vienen en la misma web:

Ejemplos

 

Disfruta creando tus Timelines o lineas del tiempo. Si conoces otras herramientas similares animate y deja tu comentario.

fjramoscaballero

Agente de innovación, formador en TICs, programador y desarrollador web.

También te podría gustar...

2 Respuestas

  1. juan dice:

    Una herramienta que seguramente sea muy útil para reflejar de una manera visual y atractiva nuestro perfil , proyectos y experiencias profesionales. Una buena aportación.

  2. fjramos dice:

    Gracias Juan, espero sea de tu ayuda en los talleres que impartes.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

By submitting this form, you accept the Mollom privacy policy.

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies