guÍa bÁsica creación de líneas de tiempo · línea de tiempo así que le damos al botón “add...

15
GUÍA BÁSICA Creación de líneas de tiempo: el caso Timetoast Universitat Autònoma de Barcelona

Upload: dangthuy

Post on 27-Oct-2018

214 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: GUÍA BÁSICA Creación de líneas de tiempo · línea de tiempo así que le damos al botón “add event” y rellenamos la pestaña que nos sale. Empezamos por explicar el Tratado

GUÍA BÁSICA  

Creación de líneas de tiempo:

el caso Timetoast      

Universitat Autònoma de Barcelona

                                        

Page 2: GUÍA BÁSICA Creación de líneas de tiempo · línea de tiempo así que le damos al botón “add event” y rellenamos la pestaña que nos sale. Empezamos por explicar el Tratado

              

DIRECCIÓN EDITORIAL  

 

José Manuel Pérez Tornero Santiago Tejedor Calvo

REDACCIÓN  

Marga Camps Laia Teruel Mena Irina García Montero Mireia Sanz Estapé

EDICIÓN  

 

Ana Bravo Mejía

        

www.gabinetecomunicacionyeducacion.com

1  

Page 3: GUÍA BÁSICA Creación de líneas de tiempo · línea de tiempo así que le damos al botón “add event” y rellenamos la pestaña que nos sale. Empezamos por explicar el Tratado

 

 

 

 

 

 

 

 

 

 

 

Bienvenidos y bienvenidas a la guía básica sobre Timetoast, una herramienta para crear líneas de tiempo 

interactivas con Flash y la posibilidad de agregarlas a cualquier página web. Este material forma parte 

de una colección de tutoriales editados por el Gabinete de Comunicación y Educación con el objetivo 

de conocer herramientas 2.0 para el comunicador. 

2  

Page 4: GUÍA BÁSICA Creación de líneas de tiempo · línea de tiempo así que le damos al botón “add event” y rellenamos la pestaña que nos sale. Empezamos por explicar el Tratado

Un  grupo de  alumnos de  la  facultad de  comunicación  imparten  la  asignatura de Historia del Periodismo  y  tiene  que 

exponer en unos días el periodismo inglés en el siglo XIX en el que debe figurar una cronología .Entre ellos, está David que 

debe ocuparse de esta parte y está buscando una forma de hacer una  línea de tiempo más dinámica e  interactiva que  le 

permite, en un clic, obtener más información. Buscando ha descubierto Timetoast y quiere aprender cómo se emplea.  

¿QUÉ ES TIMETOAST?   

Timetoast  es  un  servicio  de  creación  de  líneas  de  tiempo,  de  cronologías  interactivas  construidas  a  través  de  Flash. 

Asimismo,  cuenta  con  la opción de  agregarlas  a  cualquier página web pero no  es  como otras  aplicaciones  2.0. Ésta  te 

permite contar historias de una  forma más divertida a  través de nubes donde colgar  fotografías y más  información sin 

acaparar mucho espacio por lo que de un mismo año puedes poner muchos eventos sin que quede sobrecargado. 

3  

Page 5: GUÍA BÁSICA Creación de líneas de tiempo · línea de tiempo así que le damos al botón “add event” y rellenamos la pestaña que nos sale. Empezamos por explicar el Tratado

4  

CAPÍTULO 1   

Crear una cuenta Timetoast  

Antes de empezar   

1. Registrarse

2. Líneas publicadas

3. Ejemplo                    

 

 

 

 

 

Page 6: GUÍA BÁSICA Creación de líneas de tiempo · línea de tiempo así que le damos al botón “add event” y rellenamos la pestaña que nos sale. Empezamos por explicar el Tratado

REGISTRARSE

5  

Como siempre, cuando empezamos en una nueva herramienta de

este tipo es necesario registrarse rellenando los campos que se nos

pide y aceptando las condiciones de uso. Aunque también

podemos hacerlo desde Facebook.

LÍNEAS PUBLICADAS

Antes de que David cree su línea de tiempo sobre el periodismo

de Ingalterra en el siglo XIX primero debe ver un poco como

son, sus características básicas y las diferentes categorías que

existen así que vamos a ello.

Empecemos por las categorías. Existen nueve distintas:

Y si clicamos sobre alguna de ellas como por ejemplo historia ya

que es donde irá la cronología de David, nos aparecen todas las

publicadas y sus creadores.

Page 7: GUÍA BÁSICA Creación de líneas de tiempo · línea de tiempo así que le damos al botón “add event” y rellenamos la pestaña que nos sale. Empezamos por explicar el Tratado

  

EJEMPLO

Veamos la historia de China de 1949 a 1976…

6  

Page 8: GUÍA BÁSICA Creación de líneas de tiempo · línea de tiempo así que le damos al botón “add event” y rellenamos la pestaña que nos sale. Empezamos por explicar el Tratado

Cuando pasamos el ratón por encima de la línea de

tiempo, van apareciendo las diferentes nubes con los

hechos de un día del año concreto, según haya

publicado su autor. Si queremos saber más sobre la

investidura de Mao como presidente de China sólo

debemos clicar encima de la nube y se nos abrirá una

ventana pop-up con la información y la fotografía.

7  

Page 9: GUÍA BÁSICA Creación de líneas de tiempo · línea de tiempo así que le damos al botón “add event” y rellenamos la pestaña que nos sale. Empezamos por explicar el Tratado

Opciones de visualización

Timetoast nos ofrece más posibilidades de visualización que no la timeline. Si deseamos ver toda la información seguida ya sea porque

hay muchas nubes o porque nos interesa más en formato texto, tenemos la opción de ver la cronología en forma de tabla.

8  

Page 10: GUÍA BÁSICA Creación de líneas de tiempo · línea de tiempo así que le damos al botón “add event” y rellenamos la pestaña que nos sale. Empezamos por explicar el Tratado

CAPÍTULO 2

Crear una timeline Pasos a seguir

  

1. Crear la línea de tiempo

2. Datos básicos

4. Nuevo evento

5. Publicar la línea

6. Agregar a una página o blog

9  

Page 11: GUÍA BÁSICA Creación de líneas de tiempo · línea de tiempo así que le damos al botón “add event” y rellenamos la pestaña que nos sale. Empezamos por explicar el Tratado

10

NUESTRA LÍNEA DE TIEMPO

Iniciamos sesión en nuestra cuenta de Timetoast y empezamos a

crear nuestra primera línea de tiempo. Para crear nuestra primerq

timeline nos dirigimos a “your timelines” y clicamos en “Add a

new timelilne”.

 

DATOS BÁSICOS

Justo cuando le demos a crear nueva línea de tiempo nos

aparecerá una ventana en la cual tendremos que introducir los

datos básicos de nuestra historia.

Imagen

Vamos a poner una imagen que represente nuestra línea de

tiempo...

Damos nombre a la cronología y la catalogamos en historia.

Page 12: GUÍA BÁSICA Creación de líneas de tiempo · línea de tiempo así que le damos al botón “add event” y rellenamos la pestaña que nos sale. Empezamos por explicar el Tratado

NUEVO EVENTO

11  

Es la hora de

empezar a añadir

eventos a nuestra

línea de tiempo

así que le damos

al botón “add

event” y

rellenamos la

pestaña que nos

sale.

Empezamos por explicar el Tratado de Amiens del 25 de marzo

de 1802 por lo que en el título ponemos el nombre del tratado, en

la fecha el día exacto y una breve descripción al igual que una

fotografía para ilustrarlo. Seguimos poniendo más

acontecimientos destacados a lo largo de la cronología...

Del mismo modo, editamos la timespan que nos indica el período

de años al que hacemos referencia, es decir nos marca el inico y

el final de nuestra timeline. Para ello, clicamos en “add

timespan” y completamos los campos.

Como título ponemos: “Siglo XIX” con fechas del 25 de marzo

de 1802 hasta el 31 de diciembre de 1890 y, si lo deseamos

añadimos una breve descripción. Así nos aparecerán los años en

la barra inferior de los eventos que explicamos en la timeline.

Consecutivamente vamos añadiendo las fechas que queremos

destacar hasta completar la cronología.

Page 13: GUÍA BÁSICA Creación de líneas de tiempo · línea de tiempo así que le damos al botón “add event” y rellenamos la pestaña que nos sale. Empezamos por explicar el Tratado

PUBLICAR LÍNEA

Hasta el momento hemos ido editando nuestra línea de tiempo en

el estado de “borrador” (draft), es decir, que sólo nosotros la

podíamos ver mientras la ibámos confeccionando. Cuando la

terminamos llega el momento de publicarla y, por tanto, hacerla

pública y que quien esté interesado en ella la pueda consultar.

Así pues, clicamos en publish y nuestra timeline sale publicada.

12  

No obstante, este paso puede ser desecho con el simple paso de

clicar en “make draft” y volverá a ser un borrador.

Nuestra líinea de tiempo también puede verse en formato texto

sin que tengamos que editar nada, con el contenido que hemos

AGREGAR A UNA PÁGINA O BLOG

publicado en la línea, el texto se confecciona automáticamente.

on ellas podemo

Las opciones para la difusión de nuestra línea de tiempo va más

en los dos modos de

s, editar la línea de tiempo, compartirlo en las

allá y podemos publicarla en una web o un blog y así darle más

visualidad y contenido a nuestra página.

Puede que no nos hayamos fijado que

visualización, debajo de la información, nos aparecen diferentes

símbolos y opciones.

C

redes sociales de Facebook y Twitter, y enlazarlo en una página

web o un blog.

Page 14: GUÍA BÁSICA Creación de líneas de tiempo · línea de tiempo así que le damos al botón “add event” y rellenamos la pestaña que nos sale. Empezamos por explicar el Tratado

13

 

Le damos al botón “Embed/Share” y nos aparece la siguiente

sí sólo tenemos que, copiar el link y publicarlo en un blog o

coger el Embed code y añadirlo a la configuración de la entrada.

pantalla.

A

Page 15: GUÍA BÁSICA Creación de líneas de tiempo · línea de tiempo así que le damos al botón “add event” y rellenamos la pestaña que nos sale. Empezamos por explicar el Tratado

     

CREACIÓN LÍNEAS DE TIEMPO: EL CASO TIMETOAST                       

Gabinete de Comunicación y Educación Universitat Autònoma de Barcelona

Facultat de Ciències de la Comunicació Edifici I. Despacho 49

08193 Bellaterra, Barcelona (España) Teléfono + 34 93 581 16 89

email: [email protected]         

© GABINETE DE COMUNICACIÓN Y EDUCACIÓN

14