{"id":1409,"date":"2026-02-06T23:10:44","date_gmt":"2026-02-06T22:10:44","guid":{"rendered":"https:\/\/www.pedagogie.ac-nice.fr\/MIGR-sti-voie-pro\/?page_id=1409"},"modified":"2026-04-02T01:37:53","modified_gmt":"2026-04-01T23:37:53","slug":"notebook-lm","status":"publish","type":"page","link":"https:\/\/www.pedagogie.ac-nice.fr\/sti-voie-pro\/notebook-lm\/","title":{"rendered":"Mermaid.ai"},"content":{"rendered":"<p>Nombre de vues : 12<\/p>\n<hr \/>\n<p><a href=\"https:\/\/www.pedagogie.ac-nice.fr\/MIGR-sti-voie-pro\/notebook-lm\/mermaid-removebg-preview\/\" rel=\"attachment wp-att-1410\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1410\" src=\"https:\/\/www.pedagogie.ac-nice.fr\/MIGR-sti-voie-pro\/wp-content\/uploads\/sites\/73\/2026\/02\/mermaid-removebg-preview.png\" alt=\"\" width=\"131\" height=\"48\" \/><\/a><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1073\" src=\"https:\/\/www.pedagogie.ac-nice.fr\/MIGR-sti-voie-pro\/wp-content\/uploads\/sites\/73\/2026\/01\/ChatGPT-Image-15-janv.-2026-22_15_54-retaillee-300x279.png\" alt=\"\" width=\"156\" height=\"145\" srcset=\"https:\/\/www.pedagogie.ac-nice.fr\/sti-voie-pro\/wp-content\/uploads\/sites\/73\/2026\/01\/ChatGPT-Image-15-janv.-2026-22_15_54-retaillee-300x279.png 300w, https:\/\/www.pedagogie.ac-nice.fr\/sti-voie-pro\/wp-content\/uploads\/sites\/73\/2026\/01\/ChatGPT-Image-15-janv.-2026-22_15_54-retaillee.png 607w\" sizes=\"auto, (max-width: 156px) 100vw, 156px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Voici <strong>5 connaissances essentielles<\/strong>, <strong>num\u00e9rot\u00e9es et class\u00e9es par ordre d\u2019importance<\/strong>, pour <strong>bien utiliser Mermaid.ai<\/strong>, avec des explications d\u00e9taill\u00e9es et orient\u00e9es usage r\u00e9el (enseignement STI, ing\u00e9nierie, projets techniques).<\/p>\n<hr \/>\n<h2>1\ufe0f\u20e3 Comprendre la logique \u201cdiagrammes-as-code\u201d (fondation absolue)<\/h2>\n<p>\ud83d\udc49 <strong>C\u2019est la connaissance la plus importante.<\/strong><\/p>\n<p>Mermaid.ai ne fonctionne pas comme un logiciel de dessin classique (type Visio, Draw.io).<br \/>\nIl transforme du <strong>texte structur\u00e9<\/strong> en <strong>diagrammes automatiques<\/strong>.<\/p>\n<h3>Ce qu\u2019il faut absolument comprendre<\/h3>\n<ul>\n<li>Tu ne \u00ab dessines \u00bb pas \u2192 tu <strong>d\u00e9cris<\/strong><\/li>\n<li>Le diagramme est une <strong>interpr\u00e9tation du texte<\/strong><\/li>\n<li>Une phrase mal structur\u00e9e = un sch\u00e9ma faux ou confus<\/li>\n<\/ul>\n<h3>Exemple<\/h3>\n<pre><code>A[Capteur] --&gt; B[Automate]\r\nB --&gt; C[Moteur]\r\n<\/code><\/pre>\n<p>\ud83d\udca1 Penser Mermaid comme un <strong>langage<\/strong>, pas comme un outil graphique.<\/p>\n<hr \/>\n<h2>2\ufe0f\u20e3 Conna\u00eetre les types de diagrammes et leurs usages<\/h2>\n<p>Mermaid.ai propose <strong>plusieurs types de diagrammes<\/strong>, chacun adapt\u00e9 \u00e0 un objectif pr\u00e9cis.<\/p>\n<h3>Les principaux \u00e0 ma\u00eetriser<\/h3>\n<ul>\n<li><strong>Flowchart<\/strong> : processus, cha\u00eenes fonctionnelles, algorithmes<\/li>\n<li><strong>Sequence diagram<\/strong> : \u00e9changes temporels (capteur \u2192 automate \u2192 actionneur)<\/li>\n<li><strong>State diagram<\/strong> : \u00e9tats et transitions (automatisme)<\/li>\n<li><strong>Class diagram<\/strong> : structure syst\u00e8me \/ objets<\/li>\n<li><strong>ER diagram<\/strong> : donn\u00e9es, bases, relations<\/li>\n<\/ul>\n<h3>Erreur fr\u00e9quente<\/h3>\n<p>\ud83d\udc49 Utiliser un flowchart pour tout.<\/p>\n<p>\ud83d\udca1 Le bon diagramme = meilleure compr\u00e9hension + meilleure \u00e9valuation.<\/p>\n<hr \/>\n<h2>3\ufe0f\u20e3 Savoir structurer un syst\u00e8me avant de le coder en Mermaid<\/h2>\n<p>Mermaid.ai <strong>n\u2019analyse pas le syst\u00e8me \u00e0 ta place<\/strong>.<\/p>\n<h3>Connaissance cl\u00e9<\/h3>\n<p>Avant d\u2019\u00e9crire du Mermaid, tu dois avoir :<\/p>\n<ul>\n<li>identifi\u00e9 les sous-syst\u00e8mes<\/li>\n<li>compris les flux (\u00e9nergie, information, mati\u00e8re)<\/li>\n<li>clarifi\u00e9 les interactions<\/li>\n<\/ul>\n<h3>Bonne pratique<\/h3>\n<ol>\n<li>Analyse sur papier<\/li>\n<li>Simplification<\/li>\n<li>Codage Mermaid<\/li>\n<\/ol>\n<h3>Exemple en STI<\/h3>\n<ul>\n<li>Capteur \u2260 Actionneur \u2260 Unit\u00e9 de traitement<\/li>\n<li>Flux unidirectionnels clairement identifi\u00e9s<\/li>\n<\/ul>\n<p>\ud83d\udca1 Un mauvais sch\u00e9ma vient presque toujours d\u2019une mauvaise analyse initiale.<\/p>\n<hr \/>\n<h2>4\ufe0f\u20e3 Ma\u00eetriser la syntaxe minimale et les r\u00e8gles de lisibilit\u00e9<\/h2>\n<p>Il ne faut pas tout conna\u00eetre, mais <strong>le minimum indispensable<\/strong>.<\/p>\n<h3>Syntaxe essentielle \u00e0 savoir<\/h3>\n<ul>\n<li>Fl\u00e8ches (<code>--&gt;<\/code>, <code>--&gt;|info|<\/code>)<\/li>\n<li>N\u0153uds (<code>[ ]<\/code>, <code>( )<\/code>, <code>{ }<\/code>)<\/li>\n<li>Sous-graphes (<code>subgraph<\/code>)<\/li>\n<li>Orientation (<code>LR<\/code>, <code>TB<\/code>)<\/li>\n<\/ul>\n<h3>R\u00e8gles de lisibilit\u00e9<\/h3>\n<ul>\n<li>Peu de texte dans les blocs<\/li>\n<li>Un flux = une id\u00e9e<\/li>\n<li>\u00c9viter les croisements inutiles<\/li>\n<\/ul>\n<p>\ud83d\udca1 Un diagramme lisible vaut mieux qu\u2019un diagramme \u201ccomplet\u201d.<\/p>\n<hr \/>\n<h2>5\ufe0f\u20e3 Comprendre les limites de Mermaid.ai et le r\u00f4le de l\u2019humain<\/h2>\n<p>Derni\u00e8re connaissance cl\u00e9 : <strong>Mermaid.ai n\u2019est pas un expert m\u00e9tier<\/strong>.<\/p>\n<h3>Limites importantes<\/h3>\n<ul>\n<li>Il peut g\u00e9n\u00e9rer :\n<ul>\n<li>des diagrammes syntaxiquement corrects mais conceptuellement faux<\/li>\n<\/ul>\n<\/li>\n<li>Il ne v\u00e9rifie pas :\n<ul>\n<li>normes industrielles<\/li>\n<li>coh\u00e9rence m\u00e9tier<\/li>\n<li>contraintes de s\u00e9curit\u00e9<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h3>Bon usage<\/h3>\n<ul>\n<li>Toujours valider le sch\u00e9ma<\/li>\n<li>Comparer avec le cours ou le cahier des charges<\/li>\n<li>Utiliser Mermaid.ai comme :\n<ul>\n<li>acc\u00e9l\u00e9rateur<\/li>\n<li>outil de visualisation<\/li>\n<li>support de discussion<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>\ud83d\udca1 L\u2019expertise reste humaine, Mermaid acc\u00e9l\u00e8re la repr\u00e9sentation.<\/p>\n<hr \/>\n<h2>\ud83d\udd11 Synth\u00e8se rapide (m\u00e9mo)<\/h2>\n<table>\n<thead>\n<tr>\n<th>Rang<\/th>\n<th>Connaissance cl\u00e9<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>1\ufe0f\u20e3<\/td>\n<td>Diagrammes-as-code : d\u00e9crire plut\u00f4t que dessiner<\/td>\n<\/tr>\n<tr>\n<td>2\ufe0f\u20e3<\/td>\n<td>Choisir le bon type de diagramme<\/td>\n<\/tr>\n<tr>\n<td>3\ufe0f\u20e3<\/td>\n<td>Analyser le syst\u00e8me avant de mod\u00e9liser<\/td>\n<\/tr>\n<tr>\n<td>4\ufe0f\u20e3<\/td>\n<td>Syntaxe minimale + lisibilit\u00e9<\/td>\n<\/tr>\n<tr>\n<td>5\ufe0f\u20e3<\/td>\n<td>Limites de l\u2019outil et esprit critique<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<hr \/>\n<p>&nbsp;<\/p>\n<p><span style=\"font-size: 18pt;\"><a href=\"https:\/\/www.pedagogie.ac-nice.fr\/sti-voie-pro\/category\/projets\/mutualisation-de-ressources\/ia\/\">\ud83c\udfed \ud83d\udcce RETROUVEZ LES TRAVAUX SOUS FORME D&rsquo;ARTICLES DANS LA CAT\u00c9GORIE \u00ab\u00a0IA\u00a0\u00bb<\/a><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nombre de vues : &nbsp; Voici 5 connaissances essentielles, num\u00e9rot\u00e9es et class\u00e9es par ordre d\u2019importance, pour bien utiliser Mermaid.ai, avec des explications d\u00e9taill\u00e9es et orient\u00e9es usage r\u00e9el (enseignement STI, ing\u00e9nierie, projets techniques). 1\ufe0f\u20e3 Comprendre la logique \u201cdiagrammes-as-code\u201d (fondation absolue) \ud83d\udc49 C\u2019est la connaissance la plus importante. Mermaid.ai ne fonctionne pas comme un logiciel de dessin &hellip; <\/p>\n<p><a class=\"more-link btn\" href=\"https:\/\/www.pedagogie.ac-nice.fr\/sti-voie-pro\/notebook-lm\/\">Lire la suite<\/a><\/p>\n","protected":false},"author":166,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1409","page","type-page","status-publish","hentry","nodate","item-wrap"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"fferrero","author_link":"https:\/\/www.pedagogie.ac-nice.fr\/sti-voie-pro\/author\/fferrero\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"Nombre de vues : &nbsp; Voici 5 connaissances essentielles, num\u00e9rot\u00e9es et class\u00e9es par ordre d\u2019importance, pour bien utiliser Mermaid.ai, avec des explications d\u00e9taill\u00e9es et orient\u00e9es usage r\u00e9el (enseignement STI, ing\u00e9nierie, projets techniques). 1\ufe0f\u20e3 Comprendre la logique \u201cdiagrammes-as-code\u201d (fondation absolue) \ud83d\udc49 C\u2019est la connaissance la plus importante. Mermaid.ai ne fonctionne pas comme un logiciel de dessin\u2026","post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/www.pedagogie.ac-nice.fr\/sti-voie-pro\/wp-json\/wp\/v2\/pages\/1409","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pedagogie.ac-nice.fr\/sti-voie-pro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.pedagogie.ac-nice.fr\/sti-voie-pro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.pedagogie.ac-nice.fr\/sti-voie-pro\/wp-json\/wp\/v2\/users\/166"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pedagogie.ac-nice.fr\/sti-voie-pro\/wp-json\/wp\/v2\/comments?post=1409"}],"version-history":[{"count":12,"href":"https:\/\/www.pedagogie.ac-nice.fr\/sti-voie-pro\/wp-json\/wp\/v2\/pages\/1409\/revisions"}],"predecessor-version":[{"id":1739,"href":"https:\/\/www.pedagogie.ac-nice.fr\/sti-voie-pro\/wp-json\/wp\/v2\/pages\/1409\/revisions\/1739"}],"wp:attachment":[{"href":"https:\/\/www.pedagogie.ac-nice.fr\/sti-voie-pro\/wp-json\/wp\/v2\/media?parent=1409"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}