Pin It

TimelineJs. Un des meilleurs outils pour creer des timelines

Sep 16, 13 TimelineJs. Un des meilleurs outils pour creer des timelines

TimelineJs est un outil TICE qui va vous permettre de créer des timelines ou frises chronologiques.

TimeToast, Meograph, Dipity, on a déjà présenté sur OutilsTice des outils qui permettent de créer des Timelines. Mais TimelienJs est peut-être un des meilleurs outils gratuits existant sur le marché. Il a beaucoup d’atouts et celui d’être gratuit en Open source n’est pas le moindre.

TimelineJs produit des chronologies interactives épatantes. L’outil a convaincu des milliers d’utilisateurs et parmi eux quelques grands médias comme Le Monde ou encore Arte qui l’utilisent régulièrement.

L’utilisation est assez simple et ne nécessite pas un long apprentissage. Cet outil fonctionne à partir d’un Google Doc à remplir. Le Google doc que vous allez télécharger fournit la trame de votre frise du temps. Il faut et il suffit de respecter les indications présentes dans le modèle pour obtenir en quelques minutes une timeline que vous allez pouvoir embedder dans un blog ou sur un site.

Exemple Timeline Apple

La première étape est donc de télécharger le modèle Google Docs fourni par TimelineJs. Composez ensuite la trame de votre frise en respectant les indications fournies par le modèle. Vous pouvez insérer de nombreux types d’éléments. Des éléments qui peuvent être issus de Twitter, Flickr, Google Maps, YouTube, Vimeo, Vine, Dailymotion, Wikipedia ou encore SoundCloud… la liste est encore longue.

Une fois tous vos éléments insérés, il ne vous reste plus qu’à publier le google doc en cliquant sur le bouton publier. Google vous fournit une URL que vous allez insérer dans TimelineJs. Le site va alors générer un code pour insérer votre frise sur un site ou un blog de classe. Si vous avez respecté les indications fournies dans le Google Doc, le résultat sera vraiment à la hauteur et devrait en épater plus d’un. Vous en premier.

Lien : TimelineJs

Leave a Comment

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title="" rel=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>