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)

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