{"id":2902,"date":"2026-10-16T10:43:10","date_gmt":"2026-10-16T02:43:10","guid":{"rendered":"https:\/\/updates.visual-paradigm.com\/fr\/releases\/free-mermaid-use-case-diagram-editor\/"},"modified":"2026-10-16T10:43:10","modified_gmt":"2026-10-16T02:43:10","slug":"free-mermaid-use-case-diagram-editor","status":"publish","type":"releases","link":"https:\/\/updates.visual-paradigm.com\/fr\/releases\/free-mermaid-use-case-diagram-editor\/","title":{"rendered":"\u00c9diteur de diagrammes de cas d’utilisation gratuit : prise en charge de Mermaid dans VPasCode"},"content":{"rendered":"

\"Les<\/p>\n

Diagrammes de cas d’utilisation<\/a>aident les \u00e9quipes \u00e0 expliquer comment les personnes et les syst\u00e8mes externes interagissent avec les fonctions fournies par un syst\u00e8me. D\u00e9sormais, vous pouvez les cr\u00e9er dans Mermaid et les pr\u00e9visualiser dans VPasCode. Cette nouvelle fonctionnalit\u00e9 \u00e9tend la prise en charge des diagrammes en code de VPasCode et vous offre une autre mani\u00e8re de d\u00e9crire le comportement d’un syst\u00e8me \u00e0 l’aide de texte plut\u00f4t que de dessiner chaque \u00e9l\u00e9ment manuellement.<\/p>\n

Utilisez-vous d\u00e9j\u00e0 Mermaid pour la documentation technique ? Vous pouvez d\u00e9sormais utiliser VPasCode comme un\u00e9diteur de diagrammes Mermaid<\/strong>pour les diagrammes de cas d’utilisation, aux c\u00f4t\u00e9s des autres types de diagrammes pris en charge. Si vous recherchez un\u00e9diteur de diagrammes de cas d’utilisation gratuit<\/strong>pour convertir la syntaxe Mermaid en un diagramme visuel, essayez-le dans l’\u00e9diteur VPasCode<\/a>.<\/p>\n

Nouveaut\u00e9s : diagrammes de cas d’utilisation Mermaid<\/h2>\n

VPasCode prenait d\u00e9j\u00e0 en charge les diagrammes de cas d’utilisation \u00e9crits en PlantUML. Avec cette mise \u00e0 jour, vous pouvez \u00e9galement les \u00e9crire dans la syntaxeusecase-beta<\/code>disponible dans Mermaid 12.0.0 et versions ult\u00e9rieures. Cette syntaxe repr\u00e9sente les acteurs, les cas d’utilisation, les limites du syst\u00e8me et les relations entre les acteurs et les cas d’utilisation.<\/p>\n

Cette fonctionnalit\u00e9 facilite le maintien des mod\u00e8les de cas d’utilisation dans le m\u00eame flux de travail bas\u00e9 sur du texte que vos autres diagrammes Mermaid. Modifiez la source, g\u00e9n\u00e9rez un aper\u00e7u et r\u00e9vissez le diagramme au fur et \u00e0 mesure que vos exigences \u00e9voluent.<\/p>\n

\"Infographie<\/p>\n

Exemple : diagramme de cas d’utilisation d’un syst\u00e8me de distributeur automatique de billets (DAB)<\/h2>\n

L’exemple ci-dessous montre deux acteurs et les fonctions du DAB auxquelles ils peuvent acc\u00e9der. La limite du syst\u00e8me regroupe les cas d’utilisation appartenant au syst\u00e8me DAB.<\/p>\n

\n
\nMermaid<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier Mermaid dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\r\n
\r\n Mermaid<\/span>\r\n \r\n <\/path><\/path><\/svg>\r\n Edit Mermaid in VPasCode<\/span>\r\n <\/a>\r\n <\/div>\r\n
\r\n 
usecase-beta\r\ndirection LR\r\nactor User(\"Utilisateur\")\r\nactor Technician(\"Technicien\")\r\nsystemBoundary \"Syst\u00e8me DAB\"\r\n  Withdraw(\"Retirer de l'argent\")\r\n  Transfer(\"Transf\u00e9rer de l'argent\")\r\n  Deposit(\"D\u00e9poser de l'argent\")\r\n  SettleBills(\"R\u00e9gler les factures\")\r\n  Repair(\"R\u00e9parer le DAB\")\r\nend\r\nUser --> Withdraw\r\nUser --> Transfer\r\nUser --> Deposit\r\nUser --> SettleBills\r\nTechnician --> Repair<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier Mermaid dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
Ici,actor<\/code>d\u00e9clare les personnes qui interagissent avec le syst\u00e8me, et chaque cas d’utilisation nomm\u00e9 repr\u00e9sente une fonction. LesystemBoundary<\/code>regroupe ces fonctions sous le syst\u00e8me DAB. Les fl\u00e8ches indiquent quelles fonctions chaque acteur peut acc\u00e9der, tandis quedirection LR<\/code>demande une disposition de gauche \u00e0 droite.<\/p>\n
Pourquoi utiliser Mermaid pour les diagrammes de cas d’utilisation ?<\/h2>\n
Un diagramme bas\u00e9 sur du texte peut \u00eatre pratique lorsque vous souhaitez un mod\u00e8le facile \u00e0 r\u00e9viser en m\u00eame temps que les exigences, la documentation ou le code. Au lieu de repositionner manuellement les formes, vous pouvez modifier une \u00e9tiquette, ajouter un acteur ou mettre \u00e0 jour une relation dans la source. Cela rend Mermaid utile pour les premi\u00e8res discussions de conception, ainsi que pour maintenir les diagrammes \u00e0 jour au fur et \u00e0 mesure que le syst\u00e8me \u00e9volue.<\/p>\n
Les diagrammes de cas d’utilisation peuvent aider les chefs de produit, les analystes d’affaires, les d\u00e9veloppeurs, les architectes et les parties prenantes \u00e0 se faire une image commune de la port\u00e9e du syst\u00e8me. Ils facilitent la discussion sur des questions telles que :<\/p>\n