Susana Nunes | susana@hellodata.eu | 06 85 85 32 72
Timeline JS 
simple et intuitif 
personnalisable 
ergonomique 
interactif 
responsive 
multimédia 
collaboratif 
Cr...
Un article très 
riche en 
information 
mais… un poil 
trop long ? 
Inspiration : 
Le projet d'aéroport à Notre-Dame-des-L...
http://timeline.knightlab.com
Timeline JS 
1ère ligne = intro (type de contenu : titre) 
format de la date : mm/dd/aaaa 
possibilité d'incorporer des...
Copier le 
lien
Coller le 
lien
Version online.
Merci. 
Contact : 
susana@hellodata.e 
u
Tutoriel TimelineJS - visualisation de chronologies
Tutoriel TimelineJS - visualisation de chronologies
Tutoriel TimelineJS - visualisation de chronologies
Prochain SlideShare
Chargement dans…5
×

Tutoriel TimelineJS - visualisation de chronologies

916 vues

Publié le

Tutoriel TimelineJS pour tous ceux qui souhaitent créer des timelines interactives riches en contenus multimédia, raconter des histoires en allant plus loin que simplement une liste de dates.

Présentation réalisée dans le cadre de l'édition de 2014 du Medialab SpeedTraining. Plus d'infos ici (notamment tous les autres tutoriels !) : www.medialabspeedtraining.fr

Publié dans : Design
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
916
Sur SlideShare
0
Issues des intégrations
0
Intégrations
69
Actions
Partages
0
Téléchargements
2
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Tutoriel TimelineJS - visualisation de chronologies

  1. 1. Susana Nunes | susana@hellodata.eu | 06 85 85 32 72
  2. 2. Timeline JS simple et intuitif personnalisable ergonomique interactif responsive multimédia collaboratif Crée par Zach Wise (New York Times) et le Knight News Innovation Lab
  3. 3. Un article très riche en information mais… un poil trop long ? Inspiration : Le projet d'aéroport à Notre-Dame-des-Landes en 21 dates Libération, 26 décembre 2012
  4. 4. http://timeline.knightlab.com
  5. 5. Timeline JS 1ère ligne = intro (type de contenu : titre) format de la date : mm/dd/aaaa possibilité d'incorporer des liens hypertexte ex. <a href="http://www.ina.fr/" title="Site de l'INA">INA</a> possibilité d'ajouter des citations ajoutez 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é)
  6. 6. Copier le lien
  7. 7. Coller le lien
  8. 8. Version online.
  9. 9. Merci. Contact : susana@hellodata.e u

×