CréaCarte

CréaCarte est une application web libre pour créer, modifier, exporter et imprimer des cartes pédagogiques.

Elle permet de produire facilement des cartes classiques ou des flashcards recto-verso, avec une interface visuelle simple, tout en conservant un mode expert HTML/CSS pour les utilisateurs qui veulent modifier finement le rendu.

Accès à l’application

L’application peut être utilisée directement dans un navigateur web moderne.

• Version en ligne : https://lmdbt.forge.apps.education.fr/creacarte/
• Dépôt : https://forge.apps.education.fr/lmdbt/creacarte

Aucune installation n’est nécessaire pour l’usage courant.

À quoi sert CréaCarte ?

CréaCarte permet de créer des supports imprimables pour :

• des cartes de révision ;
• des flashcards question / réponse ;
• des cartes de jeu pédagogique ;
• des cartes de vocabulaire ;
• des cartes de mémorisation ;
• des supports de manipulation en classe.

L’application est pensée pour un usage enseignant : rapide, visuel, réutilisable, imprimable et modifiable.

Fonctionnalités principales

Nouvelle interface

La version 3 propose une interface entièrement revue avec plusieurs espaces de travail :

• un panneau d’agencement pour gérer la liste des cartes ;
• un panneau d’édition pour modifier la carte sélectionnée ;
• un panneau de typographie ;
• un panneau d’aperçu pour visualiser le rendu.

Les panneaux peuvent être affichés ou masqués selon les besoins. Cela permet de travailler en mode confortable, même sur des écrans de tailles différentes.

Deux types de cartes

CréaCarte propose deux modes de projet :

• Cartes classiques : une carte avec un recto et un verso, adaptée aux cartes de jeu ou cartes notionnelles.
• Flashcards : une carte recto-verso pensée pour les questions, réponses, indices, définitions ou automatismes.

Le changement de type de projet est accessible depuis la barre d’outils.

Mode simple

Le mode simple permet de créer des cartes sans écrire directement de HTML ou de CSS.

On peut modifier :

• le titre ;
• le thème ;
• le niveau ;
• le contenu ;
• les couleurs ;
• les icônes ;
• les images du recto et du verso ;
• la taille des images ;
• le texte affiché sur une image ;
• la couleur placée derrière une image ;
• les champs propres aux flashcards.

Le mode simple est le mode recommandé pour un usage courant en classe.

Mode expert HTML/CSS

Le mode expert permet de modifier directement le HTML et le CSS du projet.

Il est utile pour :

• adapter précisément la mise en page ;
• créer un modèle personnalisé ;
• récupérer ou modifier un ancien fichier HTML ;
• ajuster finement les styles ;
• travailler avec du code déjà existant.

Lors du retour vers le mode simple, CréaCarte essaie de récupérer les contenus compatibles avec le modèle de données de l’application.

Gestion des cartes

L’application permet de :

• créer une nouvelle carte ;
• sélectionner une carte dans la liste ;
• dupliquer une carte ;
• supprimer une carte ;
• déplacer une carte ;
• visualiser le nombre de cartes du projet.

Import et export

CréaCarte peut :

• enregistrer automatiquement le projet dans le navigateur ;
• exporter un projet au format JSON ;
• importer un projet JSON ;
• exporter les cartes en HTML ;
• importer un fichier HTML ;
• convertir certains anciens fichiers HTML CréaCarte vers le nouveau format de projet.

Le format JSON est recommandé pour reprendre un projet plus tard dans CréaCarte.

Le format HTML est utile pour partager ou publier un rendu autonome.

Impression

CréaCarte propose plusieurs modes d’impression :

• Impression - Par pliage : les cartes sont organisées pour être pliées après impression.
• Impression - Par recto-verso : les rectos et versos sont organisés pour une impression recto-verso.
• Impression personnalisée : réglages plus fins de la grille, des marges, de l’orientation, des espacements et des repères.

Pour un rendu correct, il est conseillé d’imprimer à 100 %, sans ajustement automatique de l’imprimante, et d’activer l’impression des arrière-plans si le navigateur le demande.

Typographie

Un panneau dédié permet de régler la typographie des différentes parties des cartes :

• titre ;
• thème ;
• contenu ;
• verso.

Plusieurs polices libres sont intégrées dans le dossier fonts/, dont notamment Luciole, Marelle, Alice, Roboto Slab et Computer Modern.

Images

Les images peuvent être ajoutées à partir :

• d’une URL ;
• d’un chemin local relatif au fichier HTML ;
• d’un fichier local choisi depuis l’interface.

L’interface permet aussi de régler :

• la taille de l’image ;
• la présence ou non d’une image selon le type de carte ;
• le texte affiché sur l’image ;
• la couleur située derrière l’image.

Mathématiques et contenus pédagogiques

CréaCarte prend en charge l’écriture mathématique avec MathJax.

Exemple :

\(Aire_{triangle}=\dfrac{base\times hauteur}{2}\)

L’application prend aussi en charge des contenus textuels enrichis et des icônes Font Awesome.

Assistant IA

La version actuelle contient un assistant IA intégré pour aider à générer des cartes pédagogiques à partir d’un sujet, d’un niveau, d’un nombre de cartes et de consignes complémentaires.

Les contenus générés doivent toujours être relus, corrigés et validés avant un usage avec les élèves.

Données et RGPD

CréaCarte fonctionne côté navigateur.

Les projets sont enregistrés localement dans le navigateur de l’utilisateur. Les données ne sont pas envoyées vers un serveur pour l’usage courant de l’application.

Attention : si l’assistant IA est utilisé, les consignes envoyées à l’assistant peuvent dépendre de la configuration de l’endpoint IA choisi. Il faut donc éviter d’y saisir des données personnelles d’élèves.

Installation locale

Pour utiliser CréaCarte localement :

1. Télécharger ou cloner le dépôt.
2. Ouvrir le fichier index.html dans un navigateur moderne.

Aucune compilation n’est nécessaire.

Structure simplifiée du projet

creacarte/
├── index.html
├── styles/
│   └── style.css
├── lib/
│   ├── main-script.js
│   ├── expert-editor.js
│   ├── legacy-converter.js
│   ├── print-layout.js
│   └── creacarte-ai.js
├── fonts/
│   ├── fonts.json
│   └── fichiers de polices
├── README.md
├── CHANGELOG.md
└── LICENSE

Utilisation rapide

1. Ouvrir CréaCarte.
2. Choisir le type de projet : cartes classiques ou flashcards.
3. Utiliser le mode simple pour modifier les cartes.
4. Ajouter, dupliquer ou supprimer les cartes selon les besoins.
5. Régler éventuellement les polices et les images.
6. Vérifier le rendu dans l’aperçu.
7. Exporter le projet en JSON pour le conserver.
8. Imprimer en mode pliage ou recto-verso.

Conseils d’usage

• Conserver une version JSON du projet pour pouvoir le modifier plus tard.
• Exporter en HTML pour diffuser ou archiver une version consultable.
• Vérifier l’aperçu avant toute impression.
• Tester une impression sur une seule page avant de lancer une série complète.
• Relire soigneusement les cartes générées avec l’assistant IA.

Exemples fournis

Le dépôt contient plusieurs exemples et modèles, dont :

• un modèle de base ;
• un modèle de flashcards ;
• des exemples autour de Pythagore ;
• des exemples sur les droites remarquables du triangle ;
• des exemples de cartes pédagogiques en mathématiques.

Contribution

Les retours, suggestions, tickets et contributions sont les bienvenus sur la Forge :

https://forge.apps.education.fr/lmdbt/creacarte/-/issues

Licence

Le code de l’application est publié sous licence MIT.

Les modèles de cartes sont placés sous licence Creative Commons Attribution 4.0.

CréaCarte est une application bricolée par Cyril Iaconelli.