TimeLine JS

Nous étions 7 à participer à ce Barcamp.

TimelineJS est un excellent outil pour réaliser des frises chronologiques interactives et “responsives“. Il a en plus le mérite d’être OpenSource et gratuit !

J’ai réalisé une chronologie pour mes cours :

Les utilisations que nous avons évoquées au barcamp :

  • présenter la progression pédagogique de l’année
  • travailler sur un planning cultural
  • travailler sur un historique (marketing, mathématiciens, histoire du 20ème siècle etc)
  • travailler en mode collaboratif en partageant le classeur entre plusieurs élèves / plusieurs enseignants.

Voici un récapitulatif des différentes étapes.

1- Avoir un compte Google ou G Suite, les données de la chronologie étant stockées dans une classeur Google SpreadSheet

2- Télécharger le modèle de classeur sur http://timeline.knightlab.com/

3- Remplir le classeur avec vos données : dates de début et de fin, titres des événements, textes, médias (sons, vidéos, liens, images, cartes, …), sources, etc

Modèle de classeur
Modèle de classeur

4- Publier votre classeur sur le web et copier son adresse.

5- Coller l’adresse du classeur sur le site http://timeline.knightlab.com/ et paramétrer la TimeLine (langage, polices, largeur, hauteur, zoom, etc)

Paramétrer la frise
Paramétrer la frise

6- Publier votre chronologie sur le web (lien, code d’intégration). Il peut être intéressant de créer un lien court pour une utilisation plus aisée (avec tinyurl.com par exemple)

Mots clés recherchés :

  • timeline JS

Technologies Informatique et Multimédia – Bureautique – Infographisme – Web