Créer une frise chronologique Timeline JS avec une IA générative
Lorsque l’on crée une frise chronologique avec Timeline JS, le service en ligne nous demande de charger un template dans Google Drive et de le compléter pour générer la frise (tout est très bien expliqué ici.
Il est alors possible de faire créer une frise par un IA générative. Il suffit pour cela de générer un prompt détaillant le format de sortie de la requête. Prenons l’exemple d’un professeur de collège souhaitant générer une frise chronologique sur le thème de l’Empire romain. Il pourrait entrer le prompt suivant:
Tu es professeur d'histoire Géo en collège. Tu dois réaliser une frise chronologique regroupant les 20 dates les plus importantes concernant l'empire romain. Définis ces 20 évènements en les présentant rapidement.
Ta réponse doit être donnée au format csv
La première colonne contient l'année de début de l'évènement au format aaaa et doit être obligatoire remplie.
La colonne B contient le mois de début de l'évènement au format mm et n'est pas obligatoirement remplie.
La colonne C contient le jour de début de l'évènement au format jj et n'est pas obligatoirement remplie.
La colonne D contient l'heure de début de l'évènement au format hh:mm:ss et n'est pas obligatoirement remplie.
La colonne E contient l'année de fin de l'évènement au format aaaa et doit être obligatoire remplie. Elle doit toujours correspondre à la date de début ou être située plus tard si c'est une période.
La colonne F contient le mois de fin de l'évènement au format mm et n'est pas obligatoirement remplie.
La colonne G contient le jour de fin de l'évènement au format jj et n'est pas obligatoirement remplie.
La colonne H contient l'heure de fin de l'évènement au format hh:mm:ss et n'est pas obligatoirement remplie.
La colonne I est laissée libre.
La colonne H contient le titre de l'évènement.
La colonne K contient une courte description de l'évènement.
Il obtiendrait alors le code suivant:
Date début année,Date début mois,Date début jour,Date début heure,Date fin année,Date fin mois,Date fin jour,Date fin heure,,Titre,Description
-753,,,,-753,,,,,Fondation de Rome,"Fondation de Rome par Romulus."
-509,,,,-509,,,,,Début de la République romaine,"Remplacement de la monarchie par la République romaine."
-218,,,,-201,,,,,Deuxième Guerre punique,"Conflit majeur entre Rome et Carthage, marqué par les exploits d'Hannibal."
-44,,,,-44,,,,,Assassinat de Jules César,"Assassinat de Jules César par un groupe de sénateurs."
-27,,,,-27,,,,,Début de l'Empire romain,"Octave devient le premier empereur sous le nom d'Auguste."
64,,,64,,,,,Grand incendie de Rome,"Incendie dévastateur sous le règne de Néron."
79,,,79,,,,,Éruption du Vésuve,"Destruction de Pompéi et d'Herculanum par une éruption volcanique."
212,,,212,,,,,Édit de Caracalla,"Accorde la citoyenneté romaine à tous les hommes libres de l'Empire."
313,,,313,,,,,Édit de Milan,"Constantin promulgue la liberté de culte pour les chrétiens."
325,,,325,,,,,Concile de Nicée,"Établissement des bases doctrinales du christianisme."
330,,,330,,,,,Inauguration de Constantinople,"Fondation de Constantinople par Constantin."
395,,,395,,,,,Division de l'Empire romain,"Séparation de l'Empire romain en Empires d'Orient et d'Occident."
410,,,410,,,,,Saccage de Rome,"Pillage de Rome par les Wisigoths dirigés par Alaric."
476,,,476,,,,,Chute de l'Empire romain d'Occident,"Déposition du dernier empereur romain d'Occident, Romulus Augustule."
527,,,565,,,,,Règne de Justinien,"Règne de l'empereur Justinien et reconquête partielle de l'Occident."
622,,,622,,,,,Début de l'Hégire,"Départ de Mahomet de La Mecque vers Médine."
800,,,800,,,,,Couronnement de Charlemagne,"Charlemagne est couronné empereur des Romains par le pape Léon III."
1054,,,1054,,,,,Grand Schisme,"Séparation entre l'Église d'Orient et l'Église d'Occident."
1453,,,1453,,,,,Chute de Constantinople,"Prise de Constantinople par les Ottomans, marquant la fin de l'Empire byzantin."
1492,,,1492,,,,,Découverte de l'Amérique,"Expédition de Christophe Colomb qui découvre le Nouveau Monde.
Il lui suffirait alors de copier le code et de le « coller » dans la première case d’un tableau LibreOffice Calc en veillant bien à sélectionner « Virgule » dans options de séparateur.
Il obtiendrait alors le tableau suivant
A noter qu’il peut y avoir des petites erreurs dans la répartition des informations dans les colonnes et qu’il convient donc de vérifier.
Il suffit alors de copier / coller le tableau à partir de la ligne 2 dans le template fourni par timeline JS en prenant soin de de ne pas effacer la première ligne.
Il n’y a plus qu’à suivre la fin du tutoriel de timeline JS et on obtient la frise suivante:
Lien vers la frise: https://cdn.knightlab.com/libs/timeline3/latest/embed/index.html?source=1jKL9oaKrMvfI9cM7AeYtBIYpEetK_pY6w_jNhZtxFas&font=Default&lang=fr&initial_zoom=2&height=650
Le script réutilisable:
Tu es professeur d'histoire Géo en [préciser le niveau]. Tu dois réaliser une frise chronologique regroupant les [préciser le nombre de dates] dates les plus importantes concernant [préciser le sujet]. Définis ces [rappeler le nombre de dates] évènements en les présentant rapidement.
Ta réponse doit être donnée au format csv
La première colonne contient l'année de début de l'évènement au format aaaa et doit être obligatoire remplie.
La colonne B contient le mois de début de l'évènement au format mm et n'est pas obligatoirement remplie.
La colonne C contient le jour de début de l'évènement au format jj et n'est pas obligatoirement remplie.
La colonne D contient l'heure de début de l'évènement au format hh:mm:ss et n'est pas obligatoirement remplie.
La colonne E contient l'année de fin de l'évènement au format aaaa et doit être obligatoire remplie. Elle doit toujours correspondre à la date de début ou être située plus tard si c'est une période.
La colonne F contient le mois de fin de l'évènement au format mm et n'est pas obligatoirement remplie.
La colonne G contient le jour de fin de l'évènement au format jj et n'est pas obligatoirement remplie.
La colonne H contient l'heure de fin de l'évènement au format hh:mm:ss et n'est pas obligatoirement remplie.
La colonne I est laissée libre.
La colonne H contient le titre de l'évènement.
La colonne K contient une courte description de l'évènement
Commentaires récents