123 views
--- title: Tutoriel Markmap (drane PC_elea) author: Drane ac-clermont date: 2025 tags: - Markmap - tutoriel - drane PC_elea - apps --- ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_820d971a64578bc1540f7a0f1114d49f.png) # Tutoriel myMarkmap - carte mentale *([ac-clermont](https://pedagogie.ac-clermont.fr/numerique-educatif/category/documentation-et-tutoriels/))* <center> ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_fa9ab5635fc11fbae3e854ff9a81bc39.png =x60) </center> :::spoiler ✴ **Contact académique :** :::success * Mail accompagnement Eléa sur l'académie : **accompagnement.elea@ac-clermont.fr** ::: :::spoiler 🔍 **Documentation et tutoriels des services de “apps.education”** :::info * [**Documentation et tutoriels des services de “apps.education”**](https://codimd.apps.education.fr/s/swCBEVTHZ#) ::: <center> **NEW 03/25**💥 </center> ---- :::info MakMap est un outil de carte mentale en ligne qui permet de créer des cartes collaboratives et interactives. ::: ## 1️⃣ Pourquoi utiliser Markmap MakMap est un outil polyvalent qui peut être utilisé de différentes manières pour * Cartographier des ressources communes * Visualiser des réseaux et des relations * Documenter et partager des connaissances ... <center> ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_bd58b78b68e93f5def5ee73d00860a68.png =x150) </center> Application créée et soutenue par [Cédric Eysette](https://eyssette.forge.apps.education.fr/) ## 2️⃣ Comment utiliser Markmap * [**Présentation et tutoriel Cédric Eysette**](https://mymarkmap.forge.apps.education.fr/) * [Gabarit pour débuter (ac-clermont)](https://mymarkmap.forge.apps.education.fr/#---%0AmaxWidth:%20600%0AopenLinksInNewTab:%20true%0AcolorFreezeLevel:%202%20%0AinitialExpandLevel:%205%0A---%0A%0A#%20(#)%20TITRE%0A##%20(##)%20Tuto%20rapide%0A###%20(###)%20barre%20d'outils%20en%20haut%20%C3%A0%20gauche%20%20:%0A####%20(####)%20%E2%9C%92%EF%B8%8F%20:%20**++pour%20ouvrir%20l'%C3%A9diteur++**%20markdown%20%5C%5C%20et%20modifier%20le%20contenu%20de%20la%20carte%20%5C%5C%20%F0%9F%91%93%20pour%20**++cacher%20l'%C3%A9diteur++**.%0A#####%20(#####)%20%F0%9F%94%97%20%20:%20pour%20**++partager%20le%20lien++**%20de%20la%20carte%20*++(sauvegarde%20%20dans%20le%20lien)++*%0A#####%20%20%F0%9F%8C%90%20%20:%20sauvegarde%20de%20la%20carte%20en%20local%20au%20format%20html%0A#####%20%20%F0%9F%92%BE%20:%20sauvegarde%20de%20la%20carte%20en%20local%20au%20format%20image%20svg%0A#####%20%E2%9D%93%20%20:%20ouvre%20le%20tutoriel%20myMarkmap%0A#####%20%F0%9F%A7%B9%20:%20**++DANGER%20!++**%20:%20***ouvre%20une%20carte%20vierge%20dans%20le%20m%C3%AAme%20onglet%20%5C%5C%20%C3%A0%20la%20place%20de%20la%20pr%C3%A9c%C3%A9dente%20(PERTE%20DE%20CONTENU)***%0A##%20%F0%9F%9F%A5%20Sujet%201%0A###%20%F0%9F%94%B4point%2011%0A####%20branche%20suivante%0A#####%20branche%20suivante%20(%5C#*(espace)*TITRE%20;%20%5C##*(espace)*point%20suivant%20;%20%5C###...branche%20suivante%20;%20...)%0A###%20%F0%9F%94%B4%20point%2012%0A##%20%F0%9F%9F%A9%20Sujet%202%0A###%20%F0%9F%9F%A2%20point%2021%0A###%20%F0%9F%9F%A2%20point%2022%0A##%20%F0%9F%9F%AA%20Sujet%203%0A###%20%F0%9F%9F%A3%20point%2031%0A###%20%F0%9F%9F%A3%20point%2032%0A##%20%F0%9F%9F%A8%20Sujet%204%20%0A###%20%F0%9F%9F%A1%20point%2041%0A###%20%F0%9F%9F%A1%20point%2042%0A%0A##%20%E2%AC%9C%20Sujet%205%20%0A###%20%E2%9A%AA%20point%2051%0A###%20%E2%9A%AA%20point%2052%0A##%20%E2%AC%9B%20Tutoriels%20:%0A###%20%E2%9A%AB%20%20tutoriel%20:%20%5BmyMarkmap%5D(https://mymarkmap.forge.apps.education.fr/)%20*(C%C3%A9dric%20Eyssette)*%20%0A###%20%E2%9A%AB%20tutoriel%20%20:%20%5BCodiMD/Markdown%5D(https://codimd.apps.education.fr/6iXTVWj0RkiKflzoC1OCJQ?both)%0A####%20vers%20%5BCodiMD%5D(https://codimd.apps.education.fr)%0A%0A%0A%0A%0A) ### ✅ Principe de création :::success :::spoiler 1. **Créer une carte MarkMap** * à partir du [gabarit ci-dessus](https://mymarkmap.forge.apps.education.fr/#---%0AmaxWidth:%20600%0AopenLinksInNewTab:%20true%0AcolorFreezeLevel:%202%20%0AinitialExpandLevel:%205%0A---%0A%0A#%20(#)%20TITRE%0A##%20(##)%20Tuto%20rapide%0A###%20(###)%20barre%20d'outils%20en%20haut%20%C3%A0%20gauche%20%20:%0A####%20(####)%20%E2%9C%92%EF%B8%8F%20:%20**++pour%20ouvrir%20l'%C3%A9diteur++**%20markdown%20%5C%5C%20et%20modifier%20le%20contenu%20de%20la%20carte%20%5C%5C%20%F0%9F%91%93%20pour%20**++cacher%20l'%C3%A9diteur++**.%0A#####%20(#####)%20%F0%9F%94%97%20%20:%20pour%20**++partager%20le%20lien++**%20de%20la%20carte%20*++(sauvegarde%20%20dans%20le%20lien)++*%0A#####%20%20%F0%9F%8C%90%20%20:%20sauvegarde%20de%20la%20carte%20en%20local%20au%20format%20html%0A#####%20%20%F0%9F%92%BE%20:%20sauvegarde%20de%20la%20carte%20en%20local%20au%20format%20image%20svg%0A#####%20%E2%9D%93%20%20:%20ouvre%20le%20tutoriel%20myMarkmap%0A#####%20%F0%9F%A7%B9%20:%20**++DANGER%20!++**%20:%20***ouvre%20une%20carte%20vierge%20dans%20le%20m%C3%AAme%20onglet%20%5C%5C%20%C3%A0%20la%20place%20de%20la%20pr%C3%A9c%C3%A9dente%20(PERTE%20DE%20CONTENU)***%0A##%20%F0%9F%9F%A5%20Sujet%201%0A###%20%F0%9F%94%B4point%2011%0A####%20branche%20suivante%0A#####%20branche%20suivante%20(%5C#*(espace)*TITRE%20;%20%5C##*(espace)*point%20suivant%20;%20%5C###...branche%20suivante%20;%20...)%0A###%20%F0%9F%94%B4%20point%2012%0A##%20%F0%9F%9F%A9%20Sujet%202%0A###%20%F0%9F%9F%A2%20point%2021%0A###%20%F0%9F%9F%A2%20point%2022%0A##%20%F0%9F%9F%AA%20Sujet%203%0A###%20%F0%9F%9F%A3%20point%2031%0A###%20%F0%9F%9F%A3%20point%2032%0A##%20%F0%9F%9F%A8%20Sujet%204%20%0A###%20%F0%9F%9F%A1%20point%2041%0A###%20%F0%9F%9F%A1%20point%2042%0A%0A##%20%E2%AC%9C%20Sujet%205%20%0A###%20%E2%9A%AA%20point%2051%0A###%20%E2%9A%AA%20point%2052%0A##%20%E2%AC%9B%20Tutoriels%20:%0A###%20%E2%9A%AB%20%20tutoriel%20:%20%5BmyMarkmap%5D(https://mymarkmap.forge.apps.education.fr/)%20*(C%C3%A9dric%20Eyssette)*%20%0A###%20%E2%9A%AB%20tutoriel%20%20:%20%5BCodiMD/Markdown%5D(https://codimd.apps.education.fr/6iXTVWj0RkiKflzoC1OCJQ?both)%0A####%20vers%20%5BCodiMD%5D(https://codimd.apps.education.fr)%0A%0A%0A%0A%0A) * à partir de la [carte de démarrage de Cédric Eysette](https://mymarkmap.forge.apps.education.fr/) * à partir d'[une carte vierge](https://mymarkmap.forge.apps.education.fr/#---%0AmaxWidth:%20600%0AopenLinksInNewTab:%20true%0AcolorFreezeLevel:%202%20%0AinitialExpandLevel:%205%0A---%0A#%20Titre) ::: :::info :::spoiler 2. **Pour une carte collaborative,** partager le lien de partage de la carte dans un lien à diffuser *Le lien de partage contient tout le code du contenu de la carte. Il peut être très long.* ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_c6760b039a96d20876a82f4df6aa348d.png) ::: :::success :::spoiler 3. **Construire sa carte** avec les instructions de base markdown *Le crayon permet d'accéder à l'éditeur de texte pour entrer le code markdown structurant le contenu de la carte.* ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_a1cf68774f15438f9bd6f716b9de0538.png) ::: :::info :::spoiler 4. **Sauvegarder sa carte** 1. 🔴 Sous forme de lien (code du contenu de la carte dans le lien de partage) 2. 🟣 Copier le code markdown dans un éditeur de texte 3. 🟢 Sous forme d'un fichier .html (affiche le fichier dans un navigateur) 4. 🔵 Sous forme d'image .svg * à ouvrir dans inkscape avec branches vides de texte, à compléter ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_8a8381c17f15941d0ea1dd7b740703d2.png =x50) * à ouvrir dans le navigateur pour visionner la carte <center> ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_f9cfc92b12737ed7cf768391c65406bd.png) </center> :::