Cours pour enseigner la création d'une frise chronologique avec Timeline JS3

Au programme de Cultures de la com' en BTS communication figure des notions comme la mythologie, le mouvement des idées et l'évolution des technologie et médias... et là, bizarrement, la notion de frise chronologique semble s'imposer. Voilà donc un petit cours clef en main pour nos étudiants.

1ère partie du cours : les enjeux de la création d'une frise chronologique

Comme nous le rappelle le site Outil-Tice, créer une timeline permet

• Au niveau du fond : 
• un travail personnel et / ou collaboratif de l'étudiant (collaboratif s'il est fait en ligne, nous sommes d'accord) ;
• une meilleure compréhension d'un phénomène complexe
• Au niveau de la forme :
• Le rendu est valorisant et permet d'associer images fixes ou animés, liens hypertextes...

 Et si la frise est particulièrement bien faite, on peut avoir les honneurs de la presse, comme celle créée par Matan Stauber. Mais nous ne jouons pas dans la même cour. Si vous voulez dégoûter vos étudiants, proposez-leur d'explorer son site http://histography.io/ (uniquement sur Chrome ou Safari) ou alors gardez-le pour vous... mais je m'égare...

Un exemple de frise chronologique de l'écriture par Samuel Chalifour -  https://www.youtube.com/watch?v=1cEfrUZbQM0 - Histoire de l'écriture.
Images sources Licences Creative Commons :
Wikimedia : Détail d'une statue sumérienne - Ficatus - BY-SA
Wikimedia : Hiéroglyphes Égypte Louvre 222 - Guillaume Blanc

2e partie du cours : le travail préparatoire

Hélas, créer une frise chronologique suppose d'effectuer des recherches et d'organiser son travail. Reprenons les conseils de WikiHow pour aider nos charmants étudiants à réaliser leur frise historico-communicationnelle... 

1. indiquez le sujet de votre frise
2. dressez la liste des événements à inclure : ces événements doivent être significatifs, attractifs,  étonnants, originaux, importants... en lien direct ou indirect avec le sujet. Les événements indirects doivent avoir un impact sur votre sujet...
3. déterminez la date de début et la date de fin et le nombre d'événements que vous souhaitez inclure. La fourchette habituellement admise est de 15 à 20 dates.
4. présentez une histoire complète, travaillez votre storytelling pour lui donner un angle original
5. faites un brouillon de votre frise : indiquez les différents éléments que vous envisagez (textes, images, vidéos...) et modifiez si besoin.

3e partie du cours : la réalisation numérique (collaborative avec Timeline JS)

Reste la partie réalisation. Plusieurs outils numériques existent. Dont une extension pour Powerpoint qui permet de créer des frises mais aussi des diagrammes de Gantt (dans le cadre du projet ?). Il existe ainsi le site http://www.frisechrono.fr/ qui permet de créer et d'imprimer gratuitement des frises chronologiques sans inscription ni création de compte. En revanche, le travail collaboratif n'est pas possible.

Aussi ai-je choisi l'outil Timeline JS3 qui fonctionne avec Google Drive et qui demande un blog ou un site pour être visualisé (l'occasion de leur faire créer un blog ?). Il est simple et facile, voilà ce que l'on obtient en 5 minutes de travail... Oui c'est très sommaire car je n'ai pas travaillé sur les couleurs mais sur l'utilisation...



Alors, qu'allez-vous dire à vos étudiants (partons du principe qu'ils ont tous un compte gmail et donc un accès à Drive et qu'ils ont donc un compte blogger) ? Facile : suivez le tutoriel de cet étudiant

 Et en clair...

1. les étudiants se connectent à leur compte gmail
2. les étudiants se rendent sur le site Timeline JS3  : https://timeline.knightlab.com/index.html#make ==> ils cliquent sur le bouton "Get the Spreadsheet Template"
3.  une nouvelle page s'ouvre dans un nouvel onglet,il s'agit de cliquer alors sur le bouton "use that template" et la feuille s'ouvre dans leur drive
4. les cellules inutiles sont alors effacées (attention il faut garder la 1ère ligne et conserver le même ordre pour les colonnes) puis les étudiants peuvent saisir leurs informations 
5. une fois la saisie terminer, Fichier ==> Publier pour le web ==> copier le lien ainsi obtenu
6. retourner sur la page https://timeline.knightlab.com/index.html#make et coller le lien dans la boite précédée du chiffre 3
7. L'étudiant copie alors le contenu de la zone précédée du chiffre 4 (embed code) et se rend sur son site blogger
8. l'étudiant crée un nouveau billet, lui donne un titre, tape quelques retours à la ligne dans le corps du texte puis clique sur le bouton html. Il colle alors son lien au milieu des <Br /> (symbole de retour à la ligne). Il clique sur Rédiger et voit alors apparaitre sa timeline en pleine page (il écrase alors une larme d'émotion).
9. Il n'oublie pas de renseigner les libellés adéquats (les étiquettes) et publie ensuite fièrement son travail.

Et voilà le travail... Alors des sujets pour les étudiants, je n'en manque pas... Je pense leur faire utiliser par groupe (travail collaboratif), pendant les vacances de Noël, avec pour chaque groupe une frise à créer sur l'évolution des grands médias + l'écriture + les réseaux sociaux (en distinguant par réseau ? allez, d'accord...). Et vous ? qu'allez-vous leur faire faire ? A vos commentaires svp.

PS : si des enseignants veulent publier sur ce blog, qu'ils n'hésitent pas à me contacter pour créer en collaboratif.