TimelineJS: el poder de crear narrativas multimedia para el periodismo digital Por: Fidel Romero

1.
El
poder
de
crear
narra,vas
mul,media
para
el
periodismo
digital

2. TimelineJS
es
una
herramienta
en
línea
de
código
abierto
con
la
cual
se
pueden
crear
historias
visualmente
interac6vas
y
está
disponible
en
40
idiomas.
Twi>er,
Flickr,
Google
Mapas,
YouTube,
Vimeo,
Parra,
Dailymo6on,
Wikipedia,
Soundcloud
y
otros
medios
sociales
se
pueden
agregar
a
la
línea
de
6empo
de
cada
historia.
Acerca de TimelineJS

3. LeMonde.fr
Ejemplo:
Chronologie
:
une
si
longue
campagne
présiden4elle
h>p://www.lemonde.fr/
elec,on-­‐presiden,elle-­‐2012/
visuel/2012/04/21/
chronologie-­‐une-­‐si-­‐longue-­‐
campagne-­‐
presiden,elle_1681661_147106
9.html
Quién lo utiliza

4. Arte.tv
Ejemplo:
Comment
le
progrès
nous
aura-­‐
t-­‐il
fait
évoluer
en
l'an
42012?
h>p://arte.tv/fr/Comment-­‐le-­‐
progres-­‐nous-­‐aura-­‐t-­‐il-­‐fait-­‐
evoluer-­‐en-­‐l-­‐an-­‐42012-­‐/
6704612,CmC=6704740.html
Quién lo utiliza

5. Elunivesal.com
Ejemplo:
Venezuela
dejó
su
huella
en
el
Monte
Logan
h>p://www.eluniversal.com/
deportes/beisbol/130620/
miguel-­‐cabrera-­‐en-­‐las-­‐grandes-­‐
ligas-­‐10-­‐anos-­‐10-­‐momentos
Quién lo utiliza

6. Guía para crear una narrativa
multimedia en TimelineJS

7. è Pasos para crear una proyecto multimedia con TimelineJS
1.
Ir
al
si6o
de
TimelineJS,
h>p://6meline.verite.co/

8. è Pasos para crear una proyecto multimedia con TimelineJS
2.
Ir
a
la
parte
inferior
del
si6o
y
dar
clic
en
el
botón
Google
Spreadsheet
Template
para
u6lizar
la
plan6lla
de
TimelineJS.

9. è Pasos para crear una proyecto multimedia con TimelineJS
3.
En
cada
una
de
las
celdas
inserta
la
información
solicitada.

10. è Pasos para crear una proyecto multimedia con TimelineJS
Fecha
de
inicio
de
una
escena
Fecha
de
finalización
de
una
escena
Titulo
de
la
escena
o
slide
Texto
de
la
escena
o
slide
Enlace
del
recurso:
Youtube,
Vimeo,
Soundcloud,
Imagen,
Twi>er,
Flickr,
Picasa,
etc.
Créditos
o
fuente
del
recurso
Descripción
del
recurso
Cada
fila
representa
una
escena
o
un
slide

11. è Pasos para crear una proyecto multimedia con TimelineJS
Fecha
de
inicio
de
una
escena
Fecha
de
finalización
de
una
escena
Titulo
de
la
escena
o
slide
Texto
de
la
escena
o
slide
Enlace
del
recurso:
Youtube,
Vimeo,
Soundcloud,
Imagen,
Twi>er,
Flickr,
Picasa,
etc.
Créditos
o
fuente
del
recurso
Descripción
del
recurso

12. è Pasos para crear una proyecto multimedia con TimelineJS
En
la
parte
final
de
la
plan6lla
puedes
agregar
las
filas
(escenas)
que
requieras
para
tu
proyecto

13. è Pasos para crear una proyecto multimedia con TimelineJS
4.
Al
finalizar
la
edición
del
documento
da
clic
en
File
o
Archivo
y
después
da
clic
en
Publish
to
the
Web
o
Publicar
en
la
Web

14. è Pasos para crear una proyecto multimedia con TimelineJS
5.
Da
clic
en
Iniciar
la
plublicación.

15. è Pasos para crear una proyecto multimedia con TimelineJS
6.
Copia
el
código
proporcionado

16. è Pasos para crear una proyecto multimedia con TimelineJS
7.
Regresa
o
entra
al
si6o
h>p://6meline.verite.co/
y
pega
tu
código
en
la
opción
Google
Spreadsheet
URL.
Configura
cada
una
de
las
opciones
para
agregarlo
a
tu
si6o
web.

17. è Pasos para crear una proyecto multimedia con TimelineJS
8.
Copia
el
código
generado
en
Embed
Code
y
pégalo
en
una
entrada
o
argculo
de
tu
si6o
web
u6lizan
HTML.
También
puedes
dar
clic
en
Link
to
Preview
para
visualizar
tu
proyecto.

18. è Cómo insertar el proyecto multimedia en nuestro
sitio web o blog
9.
Pega
el
código
en
tu
si6o
web
habilitando
la
e6qeuta
HTML.

19. è Presentación del proyecto multimedia en el sitio web o blog

21. Desarrollado
por:
Lic.
Fidel
Antonio
Romero
Álvarez
/
fidelromeromx@gmail.com
Webmaster
e
Instructor
del
Centro
de
Formación
en
Periodismo
Digital
h>p://www.centroperiodismodigital.org/
Sistema
de
Universidad
Virtual
de
la
Universidad
de
Guadalajara
Dirección:
Av.
La
Paz
#
2453
Col.
Arcos
Sur
Guadalajara,
Jal.
México
CP.
44140
Teléfono:
Conmutador
31
34
22
22
ext
18849
webmaster@centroperiodismodigital.org
Fecha
de
creación:
15
de
julio
de
2013