🗺️1. Introduction
Qu'est-ce qu'une frise chronologique ?
Une frise chronologique est un outil qui représente des événements sur une ligne du temps. On place des dates et des informations sur un axe horizontal, du passé vers le futur, pour mieux comprendre l'ordre dans lequel les choses se sont passées.
Par exemple, on peut créer une frise pour montrer les grandes étapes de la Révolution française, les découvertes scientifiques importantes, ou encore les événements de ta propre vie !
À quoi sert FriseChronoFacile ?
FriseChronoFacile est un outil web qui te permet de :
- Créer ta propre frise chronologique avec des événements, des périodes et des annotations
- Ajouter des images, des couleurs et des descriptions pour rendre ta frise plus belle
- Déplacer et modifier facilement les éléments
- Exporter ta frise en PDF pour l'imprimer ou la remettre à ton professeur
- Sauvegarder ton travail dans un fichier pour le reprendre plus tard
🖥️2. L'interface
L'écran de FriseChronoFacile est divisé en quatre parties principales :
La barre du haut
Boutons de la barre du haut
- Nouveau — crée une frise vide
- Ouvrir — ouvre un fichier .json précédemment sauvegardé
- Sauvegarder — enregistre ta frise dans un fichier .json
- Paramètres ⚙️ — accède aux réglages de l'application
- Exporter (bouton bleu) — exporte en PDF, ZIP, JSON ou Draw.io
Les trois panneaux
Panneau gauche
- Titre, dates début/fin, échelles
- Ruptures temporelles
- Bouton Appliquer
- Formulaires Événement / Période / Texte libre
Panneau central (la frise)
- Axe horizontal avec ticks et dates
- Cartes d'événements
- Barres de périodes
- Textes libres (annotations)
- Boutons de zoom en haut
Panneau droit
- Liste de tous les éléments
- Bouton ✎ pour modifier
- Bouton ✕ pour supprimer
- Compteur d'éléments
Barre de la frise
- Boutons − et + (zoom)
- Bouton ⊡ (ajuster la vue)
- Affichage du % de zoom
- Cases à cocher Grille / Labels
⚙️3. Créer et configurer ta frise
Avant d'ajouter des événements, il faut définir les paramètres de base de ta frise.
Étapes pour configurer ta frise
- Dans le panneau gauche, repère la section "Paramètres de la frise"
- Dans le champ Titre, écris le nom de ta frise (ex :
La Révolution française) - Dans Date de début, écris l'année de début (ex :
1789) - Dans Date de fin, écris l'année de fin (ex :
1799) - Choisis l'échelle principale selon la durée de ta frise
- Choisis l'échelle secondaire pour avoir des tirets intermédiaires
- Clique sur Appliquer pour mettre à jour la frise
Choisir la bonne échelle
📍4. Ajouter un événement
Un événement est un moment précis dans le temps. Il apparaît comme une carte reliée à l'axe par un trait pointillé.
- Dans le panneau gauche, clique sur l'onglet Événement
- Remplis le champ Date :
1789(année seule),juillet 1789ou14 juillet 1789 - Écris le Titre de l'événement (ex :
Prise de la Bastille) - Ajoute une Description optionnelle (Markdown supporté :
**gras**,*italique*) - Pour ajouter une image : colle une URL ou clique sur l'icône 🖼 pour choisir un fichier
- Choisis une couleur parmi les carrés colorés ou utilise la roue de couleurs
- Choisis la position : Automatique, Au-dessus ou En-dessous de l'axe
- Clique sur Ajouter l'événement
**texte** pour mettre en gras, *texte* pour l'italique, ***texte*** pour les deux !📏5. Ajouter une période
Une période représente un intervalle de temps entre deux dates. Elle peut apparaître comme une barre colorée sur l'axe ou une carte avec des liens d'accroche.
- Dans le panneau gauche, clique sur l'onglet Période
- Remplis le champ Début (ex :
1789) - Remplis le champ Fin (ex :
1799) - Écris le Titre (ex :
Révolution française) - Choisis une couleur
- Choisis un motif de fond parmi : Aucun, Hachure simple, Hachure double, Pointillé, Inclinées droite/gauche
- Choisis le mode d'affichage : barre sur l'axe, carte externe, ou les deux
- Clique sur Ajouter la période
✏️6. Ajouter un texte libre
Un texte libre (annotation) est un bloc de texte flottant. C'est pratique pour ajouter un titre, une légende ou un commentaire sur la frise.
- Dans le panneau gauche, clique sur l'onglet Texte libre
- Écris ton texte (le Markdown est accepté)
- Choisis la taille de police (10px à 28px)
- Choisis une couleur pour le texte
- Choisis la position : Centré horizontalement ou Libre (déplaçable librement)
- Clique sur Ajouter le texte
✎7. Modifier un élément
Méthode 1 : Cliquer sur la carte dans la frise
- Clique directement sur la carte (ou la barre de période) dans la frise centrale
- L'élément est sélectionné — un cadre blanc apparaît autour
- Le formulaire dans le panneau gauche se remplit automatiquement
- Modifie ce que tu veux, puis clique sur ✎ Enregistrer les modifications
Méthode 2 : Bouton ✎ dans le panneau droit
- Dans le panneau droit, trouve l'élément dans la liste
- Clique sur le bouton ✎ (crayon) à droite de son nom
- Le formulaire se remplit dans le panneau gauche
- Modifie puis clique sur ✎ Enregistrer les modifications
🖐️8. Déplacer les éléments
Tu peux déplacer les cartes d'événements, les cartes de périodes et les textes libres par glisser-déposer.
- Place ton curseur sur la carte à déplacer
- Clique et maintiens le bouton gauche de la souris enfoncé
- Fais glisser la carte vers l'endroit souhaité
- Relâche le bouton
↔️9. Redimensionner les cartes
Redimensionner une carte d'événement
- Clique sur la carte pour la sélectionner
- Repère le petit carré coloré dans le coin bas-droit de la carte
- Clique et fais glisser : vers la droite pour élargir, vers le bas pour allonger
Redimensionner un texte libre
- Clique sur le texte pour le sélectionner
- Repère le petit carré à droite du texte
- Fais-le glisser horizontalement pour changer la largeur (le texte revient à la ligne automatiquement)
✂️10. Ruptures de frise
Une rupture temporelle te permet de "sauter" une longue période sans événements importants. Elle est représentée par des barres obliques (///) sur l'axe. Cela rend la frise plus lisible en économisant de la place.
Exemple : ta frise va de 1200 à 2000, mais rien d'important ne se passe entre 1400 et 1700 — tu crées une rupture pour compresser cette période.
Ajouter une rupture
- Dans le panneau gauche, repère la zone Ruptures temporelles
- Dans le champ "de", écris l'année de début (ex :
1400) - Dans le champ "à", écris l'année de fin (ex :
1700) - Clique sur le bouton +
Supprimer une rupture
Dans la liste des ruptures, clique sur le bouton ✕ à côté de la rupture à supprimer.
🔍11. Zoomer et se déplacer
Boutons de zoom
Molette de la souris
Utilise la molette de ta souris sur la frise pour zoommer (vers le haut) ou dézoommer (vers le bas). Le zoom se fait autour de ta position de souris.
Se déplacer
- Cliquer-glisser sur le fond vide : maintiens le bouton gauche sur une zone sans carte et fais glisser
- Barre de défilement horizontale : la barre en bas de la zone de la frise
📋12. La liste des éléments
Le panneau droit liste tous les éléments de ta frise.
Actions disponibles
💾13. Sauvegarder et ouvrir un fichier
Sauvegarder ta frise
- Clique sur le bouton Sauvegarder dans la barre du haut
- Ton navigateur télécharge automatiquement un fichier
.json - Le fichier s'appelle
frise-[nom-de-ta-frise].json— garde-le précieusement !
Ouvrir une frise sauvegardée
- Clique sur Ouvrir dans la barre du haut
- Dans la fenêtre de sélection, navigue jusqu'à ton fichier
.json - Sélectionne le fichier — ta frise se charge automatiquement
📤14. Exporter ta frise
Clique sur le bouton Exporter (bleu, en haut à droite) pour accéder aux options d'export.
Idéal pour imprimer ou remettre à ton professeur. Format configurable (A4, A3) dans les Paramètres. Rendu haute résolution.
🗜️ ZIP
Archive contenant le fichier JSON et toutes les images intégrées. Parfait pour partager ta frise complète.
📊 JSON KnightLab
Format compatible avec Timeline JS pour afficher ta frise sur un site web. Utile si ton professeur dispose d'un site.
📐 Draw.io XML
Exporte ta frise vers le logiciel Draw.io pour une retouche graphique avancée de chaque élément.
🔧15. Paramètres
Clique sur Paramètres ⚙️ dans la barre du haut pour ouvrir la fenêtre de réglages.
Thème et affichage
Format de saisie et polices
⌨️16. Astuces et raccourcis clavier
Raccourcis clavier
| Touche | Action |
|---|---|
| Suppr ou Delete | Supprime l'élément sélectionné (le cadre blanc doit être visible) |
| Échap ou Escape | Désélectionne l'élément actuel (le cadre blanc disparaît) |
Conseils et astuces
**texte**) ou en italique (*texte*).🎓17. Exemples de sujets pour une frise
📚 Histoire
- La Révolution française (1789–1799)
- La Première Guerre mondiale (1914–1918)
- La Deuxième Guerre mondiale (1939–1945)
- L'histoire de l'informatique (1940–2024)
- Les grandes découvertes (1450–1550)
- L'Empire romain
- L'Égypte ancienne
🔬 Sciences
- Les grandes découvertes scientifiques
- La conquête spatiale (1957–aujourd'hui)
- L'histoire de la médecine
- Les grandes inventions
- Les théories de l'évolution
🌍 Géographie & environnement
- Les grandes explorations maritimes
- L'évolution du climat
- Les grandes catastrophes naturelles
- L'histoire d'un pays ou d'une région
📖 Littérature & culture
- Les périodes littéraires françaises
- La vie d'un auteur (Hugo, Molière…)
- L'histoire du cinéma
- L'évolution de la musique
- Ma propre biographie !