Tutoriel TimelineJS - visualisation de chronologies

12
Susana Nunes | [email protected] | 06 85 85 32 72

Transcript of Tutoriel TimelineJS - visualisation de chronologies

Page 1: Tutoriel TimelineJS - visualisation de chronologies

Susana Nunes | [email protected] | 06 85 85 32 72

Page 2: Tutoriel TimelineJS - visualisation de chronologies

simple et intuitif personnalisableergonomiqueinteractifresponsivemultimédiacollaboratif

Crée par Zach Wise (New York Times) et le Knight News Innovation Lab

Timeline JS

Page 3: Tutoriel TimelineJS - visualisation de chronologies

Un article très riche en information mais… un poil trop long ?

Inspiration :Le projet d'aéroport à Notre-Dame-des-Landes en 21 datesLibération, 26 décembre 2012

Page 4: Tutoriel TimelineJS - visualisation de chronologies

http://timeline.knightlab.com

Page 5: Tutoriel TimelineJS - visualisation de chronologies
Page 6: Tutoriel TimelineJS - visualisation de chronologies

1ère ligne = intro (type de contenu : titre)

format de la date : mm/dd/aaaa

possibilité d'incorporer des liens hypertexteex. <a href="http://www.ina.fr/" title="Site de l'INA">INA</a>

possibilité d'ajouter des citationsajoutez dans le champ « media » : <blockquote>xxxx</blockquote>

start date / end date = date de début / date de fin

headline & text = titre & texte / description

media, media credit, media caption & media thumbnail= contenu multimédia, crédit, légende & miniature

type = type de contenu

tag = mot-clé (création d'une ligne par mot-clé)

Timeline JS

Page 7: Tutoriel TimelineJS - visualisation de chronologies
Page 8: Tutoriel TimelineJS - visualisation de chronologies

Copier le lien

Page 9: Tutoriel TimelineJS - visualisation de chronologies

Coller le lien

Page 10: Tutoriel TimelineJS - visualisation de chronologies
Page 11: Tutoriel TimelineJS - visualisation de chronologies

Version online.

Page 12: Tutoriel TimelineJS - visualisation de chronologies

Merci.Contact :

[email protected]