Présentation d'outils en ligne et d'application pédagogique pour la réalisation de lignes du temps interactives

1. « Les lignes du temps :
applications pédagogiques et outils
en ligne»
Modérateur :
Christophe
JAEGLIN

3. Mutualisation
Padlet des ressources présentées
https://padlet.com/formationfoad/timelines

4. • des faits historiques
• des biographies
• des évolutions sociales
• de la gestion de projet
Qu’est-ce qu’une ligne de temps ?
Représentation graphique d’une succession
d’évènements
Frise Chronologique / Timeline
http://www.enseignons.be/app/uploads/2005/10/ReperesChrono-2.pdf
Comment représenter une ligne du temps ?

5. Ligne du temps
gravée dans le
sol
15 mètres d’histoire
1810-2010
Örebrö (Suède)
« Femton meter historia »
http://youtu.be/EOJjqvxzCs0

6. Fresque murale extérieure en porcelaine
• Der Fürstenzug (Le défilé des Princes - Dresden, Allemagne)
L=102m H=9m Réalisée en mosaïque
CC-PaternitéPasdemodificationparSpiterman
Dresden

7. Sur les réseaux
Présentation
chronologique des
messages postés par les
personnes que l’on suit
Ensemble des messages
présents sur le mur
« TIMELINE »

8. https://histography.io/
Basée sur des articles de wikipédia

9. Pourquoi utiliser une ligne de temps ?
• Repère visuel pour se situer ou situer
des évènements
• Outil d’analyse et d’observation
des changements historiques et sociaux
• Outil de concentration
• Outil de création

10. Sondage
Avez-vous déjà utilisé le principe de la ligne du temps en
formation (avec ou sans outil numérique) ?
1.
2.
3.
Oui, j’en ai déjà créée une pour une formation
Oui, ce sont les élèves qui l’ont créée
Non, pas encore

11. Application en formation?
• Faire une biographie
• Illustrer un dossier
• Travailler sur un scénario
pédagogique
• Créer un portfolio, un CV
• Mémoriser des évènements
• Présenter un projet
• Résumer des textes
Personnaliser la formation
Développer la co-création et la
collaboration

12. Comment faire ?
En utilisant des outils en ligne

13. Les classiques

14. Diaporama
interactif à partir
d’un powerpoint
Exemple
http://www.slideshare.ne
t/bllessard/ligne-du-
temps-musique-2009-10

15. À partir de
Word
Exemple & tutoriel
vidéo
Montrant la réalisation
avec le logiciel de
traitement de texte
Possibilité de faire un
screencast
https://www.youtube.co
m/watch?v=hQJ_Rv2UI
z4

16. Microsoft Office
Online
https://www.office.com/
• Utilisation de
modèles
• Mode collaboratif
• Partage et code
embarqué
• Insertion de vidéo
• Exemple:
https://1drv.ms/p/s!
AmUc1Yzryv9lgQpf
yzglfkqvOgWe

17. Pincello https://pincello.officetimeline.com/#/
Document téléchargeable dans powerpoint ou sous format image
Tutoriels vidéo : https://www.officetimeline.com/fr/videos

18. Timemapper
• Exemple
http://timemapper.okfnlabs.org/anon/xby
9xz-medieval-philosophers-timeliner#3
• En trois étapes à partir
d’un fichier excel
• Choix de la visualisation
des données : timeline,
géolocalisation ou les
deux
http://timemapper.okfnlabs.org/

19. À partir d’un
fichier Excel
Grâce à l’outil en ligne
TIMELINE JS couplé
avec Google Drive
Tutoriel (pdf)
https://blogs.lyceecfadume
ne.fr/informatique/files/201
6/11/TimelineJS.pdf
http://timeline.knightlab.com/#make
https://h5p.org/timeline

20. Les outils 2.0

21. infographie
https://www.canva.com/
https://www.visme.co/
https://venngage.com/
https://www.pixcone.com
https://www.easel.ly/
https://www.genial.ly/

22. Venngage et visme
• https://venngage.com/
• Nombreux modèles
• Collaboration et téléchargement
(version payante)
• 5 créations max. dans la version
gratuite
infographie
http://blog.visme.co/timeline-template/
Use timelines in the classroom (en)
https://www.visme.co/

23. Canva et pixtone
https://www.canva.com/
• Collaboration dans la
version gratuite
• Modèle d’une timeline en
mode vertical
• Infographie sous format
image ou pdf
infographie
https://www.pixcone.com
• Pas de collaboration
• Pas de modèle mais insertion
d’un élément de type «timeline»
: Kit visuel
• Téléchargement sous format
image

24. Easelly et genially
infographie
• Collaboration
(version gratuite)
• Quelques modèles
• Modèles de timelines dans
« Processus temporaires »
• Timelines animées
https://www.genial.ly/https://www.easel.ly/

25. annotationsAnnotation d’image
exemple
https://www.thinglink.com/ https://www.genial.ly/

26. Sondage
Avez-vous déjà utilisé un de ces outils pour créer ou faire
créer une ligne du temps ?
1.
2.
Oui
Non

27. annotations Mindmaps
https://hubaisms.files.wordpress.com/2012/11/united-states-
presidents-timeline-final.png
Outils de
Mindmapping
(liste outils en
français)
Modèle « Arête
de poisson »

28. Sutori
Tutoriel et exemple
https://langues.ac-
versailles.fr/spip.php?article871
• Collaboration dans la
version gratuite
• Timeline verticale
• Exemples réutilisables
• Insertion image, lien, quiz,
vidéo, embed code
https://www.sutori.com
storytelling

29. Line.do
• Exemple : https://line.do/fr/la-fibre-
optique/8as/vertical?from=l5a
• Très simple à utiliser
• Insertion d’image, de
vidéo, de sons, de posts
des réseaux sociaux,
géolocalisation
• Code embarqué
storytelling
https://line.do/

30. Les outils 2.0
spécialisés
- Présentation des données sous forme
chronologique
- Personnalisation par insertion d’éléments
complémentaires

31. https://micetf.fr/frise/
http://www.readwritethink.org/files/reso
urces/interactives/timeline_2/
http://free-timeline.com/index.php
Sansinscription
www.frisechronos.fr/

33. Frisemultimédia
https://time.graphics/fr/
http://www.myhistro.com/
www.tiki-toki.com/
https://www.preceden.com/dashboard

34. Tiki toki
Exemple : Agenda http://www.tiki-
toki.com/timeline/entry/739713/Agenda-e-
learning/
• Travail collaboratif (version
payante)
• Insertion image, audio et
vidéo
• Visualisation 3D
• 1 timeline publique
(version gratuite)
https://www.tiki-toki.com/

35. MyHistro
• Frise interactive géolocalisée
• Collaboration dans la version
gratuite
• Création de quiz
• Outils de présentation
• Insertion d’éléments multimédia
• Export en csv, pdf, DVD
• Voir un résumé de l’histoire
• Disponible AppStore
Tutoriel vidéo
https://www.youtube.com/watch?v=se0mTsUA-4c
Tutoriel pdf
https://profdoc.iddocs.fr/IMG/pdf/myhistro_mode_e
mploi-2.pdf
http://www.myhistro.com

36. Timegraphics
• Collaboration dans la version
gratuite
• Publique (version gratuite)
• Cartes de la communauté
réutiliables (edit)
• Insertion (image, vidéo, maps)
• Code embarqué
• Téléchargeable au format png
https://time.graphics/

37. Preceden
• Exemple :
https://www.preceden.com/timelines
/352137
• 10 évènements max
• Mise en place de calques
(layers)
• Code embarqué
• Export print ou image en version
gratuite
• Insertion d’image avec URL
• Public ou privé
• Le - : bandeau de publicité
https://www.preceden.com

38. Sondage
Lequel de ces 4 derniers outils avez-vous envie de tester
en premier ?
1.
2.
Tiki toki
MyHistro
3.
4.
Timegraphics
Preceden

39. Mutualisation
Padlet des ressources présentées
https://padlet.com/formationfoad/timelines

40. Autres services
• https://www.timetoast.com : beaucoup de publicité
• https://timeglider.com/signup : gratuit seulement pour les étudiants
• http://www.teach-nology.com/web_tools/materials/timeline/ :
• Piktochart : modèles Timeline infographies payants
• Infogram : modèles Timeline infographies payants
• http://www.lignedutemps.qc.ca/ : projet pédagogique canadien pour
les enseignants
Pour MAC/iOS
https://www.beedocs.com/timeline3D/mac/
•

41. Contact: idremeau@wanadoo.fr
Blog : http://e-learningbretagne.blogspirit.com/
Merci à toutes
et à tous et
à très bientôt !