#19 - Créer une frise chronologique

Elles fleurissent sur les sites Internet de médias, d'établissements culturels... Elles ? ce sont ces jolies frises chronologiques sobres et fluides, qui intègrent des textes, des images, des vidéos ou autres médias, et proposent à l'internaute une entrée en douceur dans la découverte des contenus d'un site.
 
Frise chronologique sur l'histoire de Rennes - Archives municipales de Rennes
 
 
La bonne nouvelle, c'est que l'un des outils les plus répandus, Timeline JS, est gratuit, open-source, facile à utiliser, responsive web design et très adapté au tactile par dessus le marché. Seul pré-requis, avoir un compte Google : les données affichées dans la frise (contenu et médias) doivent en effet être stockées dans une feuille de calcul Google Drive (équivalent d'Excel)
 

Créer une frise chronologique Timeline JS pas à pas

Tout est expliqué (en anglais) sur Timeline.verite.co

19 copy template

Le tableau va permettre de saisir les données qui seront affichées sur la frise chonologique sous forme de diapos.

 

19 frise chrono notice elizano tableur

 

… telles qu’elles s’affichent sur la frise (avec localisation des différents champs) – d’Aïeux et d’Ailleurs

voir sur d'Aïeux et d'Ailleurs

 

Publier sur le web la feuille de données

 

19 timeline option

 

 

Les données peuvent être enrichies, modifiées à l'envie ; des lignes peuvent être rajoutées a posteriori : il suffit de republier la feuille de calcul pour que la mise à jour de la frise chronologique se fasse.

Voir aussi le résultat avec les frises chronologiques des fonds de presse ancienne numérisée des Côtes-d'Armor et de Loire-Atlantique.

 

La même, avec une carte !

Sur le même principe, il est possible de créer une frise chronologique avec du contenu et une carte avec TimeMapper : la feuille de calcul de base est un peu différente (elle contient notamment les colonnes nécessaires à la géolocalisation) mais le principe reste le même.

Frise chronologique et carte - d'Aïeux et d'Ailleurs

Voir sur d'Aïeux et d'Ailleurs 

 

Pour aller plus loin

Mots-clés: embed code, frise chronologique, histoire, image, Internet, médiation, valorisation

Imprimer