Tutoriel TimelineJS - visualisation de chronologies

741 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
741
Sur SlideShare
0
Issues des intégrations
0
Intégrations
67
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

×