{"id":718,"date":"2026-06-16T01:12:15","date_gmt":"2026-06-16T01:12:15","guid":{"rendered":"https:\/\/www.go-minder.com\/fr\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/"},"modified":"2026-06-16T01:12:15","modified_gmt":"2026-06-16T01:12:15","slug":"from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams","status":"publish","type":"post","link":"https:\/\/www.go-minder.com\/fr\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/","title":{"rendered":"Du texte \u00e0 l&#8217;architecture : Ma\u00eetriser VPasCode de Visual Paradigm pour les \u00e9quipes Agile"},"content":{"rendered":"<h2>Introduction<\/h2>\n<p>Dans le monde rapide du d\u00e9veloppement Agile, la documentation devient souvent un goulot d&#8217;\u00e9tranglement. Les outils de diagrammation traditionnels par glisser-d\u00e9poser n\u00e9cessitent un changement constant de contexte, ce qui rompt le flux de travail du d\u00e9veloppeur et rend le contr\u00f4le de version un cauchemar. Pour les \u00e9quipes Agile qui vivent dans leurs IDE et g\u00e8rent l&#8217;infrastructure comme du code, les diagrammes ne devraient pas \u00eatre diff\u00e9rents.<\/p>\n<p>Entrez <strong>VPasCode (Visual Paradigm as Code)<\/strong>, une plateforme unifi\u00e9e bas\u00e9e sur le navigateur qui transforme le texte en diagrammes professionnels et haute fid\u00e9lit\u00e9 en quelques secondes. En r\u00e9unissant la puissance de PlantUML, Mermaid.js et Graphviz dans un environnement unique et fluide, VPasCode permet aux ing\u00e9nieurs logiciels, aux architectes syst\u00e8mes et aux analystes d&#8217;affaires de traiter les diagrammes exactement comme du code : l\u00e9gers, g\u00e9rables par version et rendus instantan\u00e9ment. Cette \u00e9tude de cas explore comment un utilisateur exp\u00e9riment\u00e9 de Visual Paradigm et un d\u00e9veloppeur Agile peuvent exploiter VPasCode pour rationaliser les flux de travail, am\u00e9liorer la collaboration d&#8217;\u00e9quipe et maintenir la clart\u00e9 architecturale sans quitter l&#8217;esprit de l&#8217;\u00e9diteur de code.<\/p>\n<p id=\"fbzfNHZ\"><img alt=\"VPasCode: Unfied Diagram-as-Code Platform for Agile Teams\" class=\"alignnone wp-image-1299 size-full\" decoding=\"async\" height=\"543\" loading=\"lazy\" sizes=\"auto, (max-width: 977px) 100vw, 977px\" src=\"https:\/\/www.go-minder.com\/wp-content\/uploads\/2026\/06\/img_6a30a2ba2873e.png\" srcset=\"https:\/\/www.go-minder.com\/wp-content\/uploads\/2026\/06\/img_6a30a2ba2873e.png 977w, https:\/\/www.go-minder.com\/wp-content\/uploads\/2026\/06\/img_6a30a2ba2873e-300x167.png 300w, https:\/\/www.go-minder.com\/wp-content\/uploads\/2026\/06\/img_6a30a2ba2873e-768x427.png 768w\" width=\"977\"\/><\/p>\n<h2>Le dilemme du d\u00e9veloppeur Agile : Pourquoi le diagramme comme code ?<\/h2>\n<p>Pendant des ann\u00e9es, les \u00e9quipes Agile ont lutt\u00e9 contre le probl\u00e8me de la \u00ab d\u00e9gradation des diagrammes \u00bb. Un croquis au tableau blanc issu de la planification de Sprint est rarement mis \u00e0 jour lors de la revue de Sprint. Les outils par glisser-d\u00e9poser cr\u00e9ent des fichiers binaires qui ne fonctionnent pas bien avec les diff Git, rendant difficile le suivi de qui a chang\u00e9 quoi dans un diagramme d&#8217;architecture.<\/p>\n<p>VPasCode r\u00e9sout ce probl\u00e8me en adoptant une approche <strong>Diagramme comme code (DaC)<\/strong> d&#8217;approche. Que vous d\u00e9finissiez une architecture complexe de microservices ou un parcours utilisateur simple, vous l&#8217;\u00e9crivez en texte. Cela signifie :<\/p>\n<ul>\n<li>\n<p><strong>Compatible natif avec Git :<\/strong> Stockez vos diagrammes sous forme de fichiers texte bruts aux c\u00f4t\u00e9s de votre code source.<\/p>\n<\/li>\n<li>\n<p><strong>Acc\u00e8s cloud sans configuration :<\/strong> Aucun t\u00e9l\u00e9chargement de logiciel ni d\u00e9pendance locale requis ; il fonctionne enti\u00e8rement dans le navigateur.<\/p>\n<\/li>\n<li>\n<p><strong>Aper\u00e7u en temps r\u00e9el :<\/strong> Voyez vos graphiques se rendre en direct instantan\u00e9ment pendant que vous tapez, fournissant un retour imm\u00e9diat.<\/p>\n<\/li>\n<\/ul>\n<h2>Espace de travail unifi\u00e9 : Un \u00e9diteur, trois moteurs puissants<\/h2>\n<p>VPasCode rassemble les syntaxes de diagrammation open-source les plus populaires au monde dans un seul \u00e9diteur cloud coh\u00e9rent. Au lieu de jongler avec plusieurs outils, vous b\u00e9n\u00e9ficiez d&#8217;un parsing et d&#8217;un rendu natifs pour trois moteurs majeurs :<\/p>\n<ol>\n<li>\n<p><strong>PlantUML :<\/strong> La r\u00e9f\u00e9rence absolue pour les diagrammes d&#8217;architecture d&#8217;entreprise et de logiciels robustes.<\/p>\n<\/li>\n<li>\n<p><strong>Mermaid.js :<\/strong> Parfait pour les graphiques modernes inspir\u00e9s du markdown, les chronologies et les organigrammes.<\/p>\n<\/li>\n<li>\n<p><strong>Graphviz :<\/strong> Id\u00e9al pour exploiter le langage DOT pour les topologies de r\u00e9seaux complexes et les structures de donn\u00e9es.<\/p>\n<\/li>\n<\/ol>\n<p><img alt=\"A PlantUML class diagram code for a library management system, being edited with Visual Paradigm's VPasCode text-to-diagram editor\" decoding=\"async\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-class-diagram-library-management-system.jpg\"\/><\/p>\n<h2>Plong\u00e9e en profondeur : PlantUML pour l&#8217;architecture d&#8217;entreprise<\/h2>\n<p>PlantUML reste la puissance pour la mod\u00e9lisation technique d\u00e9taill\u00e9e. VPasCode prend en charge une vaste biblioth\u00e8que de types de diagrammes PlantUML, y compris les diagrammes de s\u00e9quence, de cas d&#8217;utilisation, de classes, d&#8217;activit\u00e9, de composants, de d\u00e9ploiement, d&#8217;\u00e9tat, d&#8217;ArchiMate et de diagrammes de relations d&#8217;entit\u00e9s (ERD).<\/p>\n<h3>Mod\u00e9lisation de syst\u00e8mes complexes : L&#8217;exemple de gestion de biblioth\u00e8que<\/h3>\n<p>Consid\u00e9rons un syst\u00e8me de gestion de biblioth\u00e8que. En utilisant PlantUML dans VPasCode, nous pouvons mod\u00e9liser clairement l&#8217;h\u00e9ritage, la composition et l&#8217;agr\u00e9gation. Le code ci-dessous d\u00e9finit les relations entre <code data-backticks=\"1\">Biblioth\u00e8que<\/code>,\u00a0<code data-backticks=\"1\">Membre<\/code>,\u00a0<code data-backticks=\"1\">Article de biblioth\u00e8que<\/code>, et diverses sous-classes comme <code data-backticks=\"1\">Livre num\u00e9rique<\/code> et <code data-backticks=\"1\">Livre imprim\u00e9<\/code>.<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:XLRBRjiw4DqRy3yGwQBklNNHReMYg9EqG82aBHAqm0Mw6KbZcRWKAP2Z5ExZtpiYHKMaxMHZMSFXcJDllNS4blfMBHVBHQN0EN4jImjsBtuj5qAiXOOM2t57LkecIA2kBJgN2hkTqOdUluFU3RObsbNh7uK8hoyASMza7PGijkOU4xshEk8acWntHTYk9FyKaUKWEO8tAPx0KgW3M6xnfJYuLHgZ47I4fzxgu_2Juf-3O0uNGa2VPGQ2Z2GfJ4LTNohfTaFO3iGLa3JwFmG-b9f6NBUv1wcW790IqWtI9HAVkTMBD4KEQRmabQJzYgk1UZTTdsBcFOBIaOMAH73jt9Z_Ov58L-giI7hQ6PlL23HuONfD4slFRUDLvzHc0VmmDxEL2k_aJxmvBqHjE18uoerjWL9ZjVcXbO7wgrMfp_5WbNeNp7rXFS9wRfHpeBRN9iGyjL4PNSjSx7swcrywuTeDDF1JQdm8eklnKnzQPGpGcYcglZqKLrpbzXA8Spty9i2NtouZPjrRJ-56wfxGpG1gQR6YF4KATDDpcbAfwqjVeKShREwHxwPeE--jK_C4MmPzOff4DBUJtTph8TobiTRyE3aR7klVHtKvZUSU6lsiyCrpBHqbBWSDPdcBbR5rzDtwjzptm3JbF-G8Sr6WcKkb-yn9P_LLIfMh0LJLArRyoFKqdCRkc37zE2krBV_FoK4RMdFUMBua3sby0LbdmUfW7sqVD5M8iGGzjHJ1TflRhx7ZLTIYfhIREcigNZTJeBDj4YRswOKmNh_r4NrYUJIeaVi5Rx4pbbR9MGkQ--9AtpD1O_UPey_5bUPPBGbqXPm-vRjkg5QtNCoNmDlVwxKVdKV4SI0SEUAMNYxyLFAl7mB2Ws0-jmAV2zDsnldf943NOjCq5XjFosl4DN_svammm1dxjp-B7Lo87JZnxfJMd5unJ45UBlf9_Q402kxsJfczLrukHdEfTjvI4vdy85vxy-hLFpafYrkqoCbuzEPhVzDtHZ5bV-JsN6oSCvNq8OkU3Jwir--ES0pruU-ENXtNgom-sD26K93fXDbEtrs5kE0Iiw24sxl16Te1HVZlUfo3eUpvCUHs-9pn_UBnh6nsD4CS8xA9wxi4Xs67VzUyEGKe9THedDSeLp4ehjht3CeVXdy1\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bLRRRjiu47qtu7yWiWznkt6nVHKMHTqu2nHe5a6xwFjOOcGkU55v2P2zV43-9DhVu8_ja9HaKPRTvaaGvtxcp93lZGLjdU3BnN9HSZ26V60xpfJT--TlZfA_bmj2raGgKP0lLZDPfmEeD3M6veVMjzotpLx9JF0pWJ-LirJVKh7JT2NYfo3fzrL17XIhag9nJQEP65HPTTif9tUPSkTreoqhELr1-XQaEyWAcO_Icx9gqnlFn6cq_y-EbVEShiYS-KufJa4c3vfQvRGy7t2m-FVGZBbIKaz-EewQZYspUdBasufPwdH-2bBwbjuvT5s2PKeMX4cRPDJOBJEDaXYOJefHEqibqrlVMc3Sh5xblQvyUy-2lBDdd24lLaWqw-pWQW0u5WixOpMKbgIgFx47FL2FcPsSSCzDYua4nPRSGKtDKCQGwYOQZ1CTGHo3_Uw4RpKRCJxKnkblhDmpPACgIAKGAPg4zqeBi7a6JlC_8l_BFUYQ2Yfj3emTIMCo8m16gNmKWPk-xHEXek5GHd_-oKBjd_Lax48Z9h6wmczcR4_0S0ir_CNaOU8Z8ie_8NN6t1WaNnLtWexEAx3qMha7YWibfBZ5_op4zkkszruvZToxPH8xOqO-y1GuCt3SO0woTfF2ZN9c7Vbk3cmryvEKPdOWrMI6JsmvAf05FxJZKlcRQkzR4-5ArOTUO0EraozOLETNnuki-m58gkOcfO8v1XPyOiPc6Dr8JMiyr94ndV81ibnyN7rdSAWz7Vkd4b41MTAfv7EiRNoAU-T6uZ7eQfNNiYObyD9n10AZLv76_KYE5sOK7d9E_tckGaaB8S_nIATC1JDv-s9AT_28R9r0sy3ZE9UZOHxwqfR0nimBGwdGuGH091MsTcvlQC3jhJjq9xVd5VdnQwzpb51_mNLP-nPl2esMq3HAszLKYgAFyW4J3uLEmBWadocFruiXrUK-R5bSH8ZjxDNswp_hTLg3vnJwNNLE1vVDSf4kaeFJmve_bWrxDsLzhKIZJDnzX5gogN4rrR6Eg917l7XxGT3FXG3vUD6lceAW0-EVaOxlpXlCLb6G4ddA4DNlcK-PLiGxGx4OTxdeqibjvaSzJtbUf_VpzisRroTJHx3k0ozmwB_lwPVaAKrkaUY65rNA_f9iZ54bYz2FSEXgNQ_VdQobxhrq29pJBSDzb29APIcngY7gdaph-l9eh7yMb9HehO6JRuwbE1BNAqcpQQv8-Ea6p0JwX4zyHfhElsRrteO89m2y3Zk44WHa1_XD3oISNjdWx69spaIVuIMB4sc28WUo6tjPBjuZelYs_ny0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\n\r\nclass Biblioth\u00e8que {\r\n  - nom: String\r\n  - adresse: String\r\n  - t\u00e9l\u00e9phone: String\r\n  + ajouterMembre(membre: Membre): void\r\n  + supprimerMembre(idMembre: String): void\r\n  + ajouterArticle(article: ArticleBiblioth\u00e8que): void\r\n  + supprimerArticle(idArticle: String): void\r\n  + pr\u00eaterArticle(idMembre: String, idArticle: String): boolean\r\n  + retournerArticle(idArticle: String): boolean\r\n}\r\n\r\nclass ArticleBiblioth\u00e8que {\r\n  # idArticle: String\r\n  # titre: String\r\n  # \u00e9diteur: String\r\n  # ann\u00e9ePublication: int\r\n  # estDisponible: boolean\r\n  + obtenirD\u00e9tails(): String\r\n  + d\u00e9finirDisponibilit\u00e9(statut: boolean): void\r\n}\r\n\r\nabstract class Livre {\r\n  - isbn: String\r\n  - auteur: String\r\n  - nombrePages: int\r\n  + obtenirAuteur(): String\r\n}\r\n\r\nclass LivreNum\u00e9rique {\r\n  - tailleFichierMo: double\r\n  - format: String\r\n  - urlT\u00e9l\u00e9chargement: String\r\n  + t\u00e9l\u00e9charger(): void\r\n}\r\n\r\nclass LivreImprim\u00e9 {\r\n  - emplacement\u00c9tag\u00e8re: String\r\n  - \u00e9tat: String\r\n  + obtenirEmplacement\u00c9tag\u00e8re(): String\r\n}\r\n\r\nclass Magazine {\r\n  - num\u00e9ro\u00c9dition: int\r\n  - num\u00e9roVolume: int\r\n  - dateCouverture: Date\r\n}\r\n\r\nclass DVD {\r\n  - dur\u00e9eMinutes: int\r\n  - r\u00e9alisateur: String\r\n  - langue: String\r\n  - sous-titresDisponibles: boolean\r\n}\r\n\r\nclass Membre {\r\n  - idMembre: String\r\n  - nom: String\r\n  - email: String\r\n  - t\u00e9l\u00e9phone: String\r\n  - dateAdh\u00e9sion: Date\r\n  + emprunterArticle(article: ArticleBiblioth\u00e8que): boolean\r\n  + retournerArticle(article: ArticleBiblioth\u00e8que): boolean\r\n  + obtenirArticlesEmprunt\u00e9s(): List\r\n}\r\n\r\nclass EnregistrementEmprunt {\r\n  - idEnregistrement: String\r\n  - dateEmprunt: Date\r\n  - date\u00c9ch\u00e9ance: Date\r\n  - dateRetour: Date\r\n  - estEnRetard(): boolean\r\n  - calculerAmende(): double\r\n}\r\n\r\nclass Amende {\r\n  - idAmende: String\r\n  - montant: double\r\n  - date\u00c9mission: Date\r\n  - estPay\u00e9e: boolean\r\n  + payerAmende(): void\r\n}\r\n\r\nclass Biblioth\u00e9caire {\r\n  - idEmploy\u00e9: String\r\n  - d\u00e9partement: String\r\n  + traiterEmprunt(membre: Membre, article: ArticleBiblioth\u00e8que): void\r\n  + traiterRetour(article: ArticleBiblioth\u00e8que): void\r\n  + g\u00e9n\u00e9rerRapport(): void\r\n  + g\u00e9rerInventaire(): void\r\n}\r\n\r\n' Relations d'h\u00e9ritage\r\nArticleBiblioth\u00e8que &lt;|-- Livre\r\nArticleBiblioth\u00e8que &lt;|-- Magazine\r\nArticleBiblioth\u00e8que &lt;|-- DVD\r\nLivre &lt;|-- LivreNum\u00e9rique\r\nLivre &lt;|-- LivreImprim\u00e9 \r\n\r\n' Composition et Agr\u00e9gation \r\n\r\nBiblioth\u00e8que \"1\" -- \"many\" Membre : poss\u00e8de &gt;\r\nBiblioth\u00e8que \"1\" -- \"many\" ArticleBiblioth\u00e8que : contient &gt;\r\nBiblioth\u00e8que \"1\" -- \"many\" Biblioth\u00e9caire : emploie &gt;\r\n\r\nMembre \"1\" -- \"many\" EnregistrementEmprunt : poss\u00e8de &gt;\r\nEnregistrementEmprunt \"1\" -- \"1..*\" ArticleBiblioth\u00e8que : r\u00e9f\u00e9rence &gt;\r\nEnregistrementEmprunt \"1\" -- \"0..*\" Amende : g\u00e9n\u00e8re &gt;\r\n\r\n' Association\r\nBiblioth\u00e9caire --&gt; EnregistrementEmprunt : g\u00e8re &gt;\r\nMembre --&gt; EnregistrementEmprunt : cr\u00e9e &gt;\r\n\r\nnote top of Biblioth\u00e8que : Syst\u00e8me central qui g\u00e8renles membres, les articles et les pr\u00eats\r\nnote right of ArticleBiblioth\u00e8que : Classe de base abstraitenpour tous les supports de la biblioth\u00e8que\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bLRRRjiu47qtu7yWiWznkt6nVHKMHTqu2nHe5a6xwFjOOcGkU55v2P2zV43-9DhVu8_ja9HaKPRTvaaGvtxcp93lZGLjdU3BnN9HSZ26V60xpfJT--TlZfA_bmj2raGgKP0lLZDPfmEeD3M6veVMjzotpLx9JF0pWJ-LirJVKh7JT2NYfo3fzrL17XIhag9nJQEP65HPTTif9tUPSkTreoqhELr1-XQaEyWAcO_Icx9gqnlFn6cq_y-EbVEShiYS-KufJa4c3vfQvRGy7t2m-FVGZBbIKaz-EewQZYspUdBasufPwdH-2bBwbjuvT5s2PKeMX4cRPDJOBJEDaXYOJefHEqibqrlVMc3Sh5xblQvyUy-2lBDdd24lLaWqw-pWQW0u5WixOpMKbgIgFx47FL2FcPsSSCzDYua4nPRSGKtDKCQGwYOQZ1CTGHo3_Uw4RpKRCJxKnkblhDmpPACgIAKGAPg4zqeBi7a6JlC_8l_BFUYQ2Yfj3emTIMCo8m16gNmKWPk-xHEXek5GHd_-oKBjd_Lax48Z9h6wmczcR4_0S0ir_CNaOU8Z8ie_8NN6t1WaNnLtWexEAx3qMha7YWibfBZ5_op4zkkszruvZToxPH8xOqO-y1GuCt3SO0woTfF2ZN9c7Vbk3cmryvEKPdOWrMI6JsmvAf05FxJZKlcRQkzR4-5ArOTUO0EraozOLETNnuki-m58gkOcfO8v1XPyOiPc6Dr8JMiyr94ndV81ibnyN7rdSAWz7Vkd4b41MTAfv7EiRNoAU-T6uZ7eQfNNiYObyD9n10AZLv76_KYE5sOK7d9E_tckGaaB8S_nIATC1JDv-s9AT_28R9r0sy3ZE9UZOHxwqfR0nimBGwdGuGH091MsTcvlQC3jhJjq9xVd5VdnQwzpb51_mNLP-nPl2esMq3HAszLKYgAFyW4J3uLEmBWadocFruiXrUK-R5bSH8ZjxDNswp_hTLg3vnJwNNLE1vVDSf4kaeFJmve_bWrxDsLzhKIZJDnzX5gogN4rrR6Eg917l7XxGT3FXG3vUD6lceAW0-EVaOxlpXlCLb6G4ddA4DNlcK-PLiGxGx4OTxdeqibjvaSzJtbUf_VpzisRroTJHx3k0ozmwB_lwPVaAKrkaUY65rNA_f9iZ54bYz2FSEXgNQ_VdQobxhrq29pJBSDzb29APIcngY7gdaph-l9eh7yMb9HehO6JRuwbE1BNAqcpQQv8-Ea6p0JwX4zyHfhElsRrteO89m2y3Zk44WHa1_XD3oISNjdWx69spaIVuIMB4sc28WUo6tjPBjuZelYs_ny0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:XLRBRjiw4DqRy3yGwQBklNNHReMYg9EqG82aBHAqm0Mw6KbZcRWKAP2Z5ExZtpiYHKMaxMHZMSFXcJDllNS4blfMBHVBHQN0EN4jImjsBtuj5qAiXOOM2t57LkecIA2kBJgN2hkTqOdUluFU3RObsbNh7uK8hoyASMza7PGijkOU4xshEk8acWntHTYk9FyKaUKWEO8tAPx0KgW3M6xnfJYuLHgZ47I4fzxgu_2Juf-3O0uNGa2VPGQ2Z2GfJ4LTNohfTaFO3iGLa3JwFmG-b9f6NBUv1wcW790IqWtI9HAVkTMBD4KEQRmabQJzYgk1UZTTdsBcFOBIaOMAH73jt9Z_Ov58L-giI7hQ6PlL23HuONfD4slFRUDLvzHc0VmmDxEL2k_aJxmvBqHjE18uoerjWL9ZjVcXbO7wgrMfp_5WbNeNp7rXFS9wRfHpeBRN9iGyjL4PNSjSx7swcrywuTeDDF1JQdm8eklnKnzQPGpGcYcglZqKLrpbzXA8Spty9i2NtouZPjrRJ-56wfxGpG1gQR6YF4KATDDpcbAfwqjVeKShREwHxwPeE--jK_C4MmPzOff4DBUJtTph8TobiTRyE3aR7klVHtKvZUSU6lsiyCrpBHqbBWSDPdcBbR5rzDtwjzptm3JbF-G8Sr6WcKkb-yn9P_LLIfMh0LJLArRyoFKqdCRkc37zE2krBV_FoK4RMdFUMBua3sby0LbdmUfW7sqVD5M8iGGzjHJ1TflRhx7ZLTIYfhIREcigNZTJeBDj4YRswOKmNh_r4NrYUJIeaVi5Rx4pbbR9MGkQ--9AtpD1O_UPey_5bUPPBGbqXPm-vRjkg5QtNCoNmDlVwxKVdKV4SI0SEUAMNYxyLFAl7mB2Ws0-jmAV2zDsnldf943NOjCq5XjFosl4DN_svammm1dxjp-B7Lo87JZnxfJMd5unJ45UBlf9_Q402kxsJfczLrukHdEfTjvI4vdy85vxy-hLFpafYrkqoCbuzEPhVzDtHZ5bV-JsN6oSCvNq8OkU3Jwir--ES0pruU-ENXtNgom-sD26K93fXDbEtrs5kE0Iiw24sxl16Te1HVZlUfo3eUpvCUHs-9pn_UBnh6nsD4CS8xA9wxi4Xs67VzUyEGKe9THedDSeLp4ehjht3CeVXdy1\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p><a href=\"https:\/\/www.vpascode.com\/#plantuml:XLRBRjiw4DqRy3yGwQBklNNHReMYg9EqG82aBHAqm0Mw6KbZcRWKAP2Z5ExZtpiYHKMaxMHZMSFXcJDllNS4blfMBHVBHQN0EN4jImjsBtuj5qAiXOOM2t57LkecIA2kBJgN2hkTqOdUluFU3RObsbNh7uK8hoyASMza7PGijkOU4xshEk8acWntHTYk9FyKaUKWEO8tAPx0KgW3M6xnfJYuLHgZ47I4fzxgu_2Juf-3O0uNGa2VPGQ2Z2GfJ4LTNohfTaFO3iGLa3JwFmG-b9f6NBUv1wcW790IqWtI9HAVkTMBD4KEQRmabQJzYgk1UZTTdsBcFOBIaOMAH73jt9Z_Ov58L-giI7hQ6PlL23HuONfD4slFRUDLvzHc0VmmDxEL2k_aJxmvBqHjE18uoerjWL9ZjVcXbO7wgrMfp_5WbNeNp7rXFS9wRfHpeBRN9iGyjL4PNSjSx7swcrywuTeDDF1JQdm8eklnKnzQPGpGcYcglZqKLrpbzXA8Spty9i2NtouZPjrRJ-56wfxGpG1gQR6YF4KATDDpcbAfwqjVeKShREwHxwPeE--jK_C4MmPzOff4DBUJtTph8TobiTRyE3aR7klVHtKvZUSU6lsiyCrpBHqbBWSDPdcBbR5rzDtwjzptm3JbF-G8Sr6WcKkb-yn9P_LLIfMh0LJLArRyoFKqdCRkc37zE2krBV_FoK4RMdFUMBua3sby0LbdmUfW7sqVD5M8iGGzjHJ1TflRhx7ZLTIYfhIREcigNZTJeBDj4YRswOKmNh_r4NrYUJIeaVi5Rx4pbbR9MGkQ--9AtpD1O_UPey_5bUPPBGbqXPm-vRjkg5QtNCoNmDlVwxKVdKV4SI0SEUAMNYxyLFAl7mB2Ws0-jmAV2zDsnldf943NOjCq5XjFosl4DN_svammm1dxjp-B7Lo87JZnxfJMd5unJ45UBlf9_Q402kxsJfczLrukHdEfTjvI4vdy85vxy-hLFpafYrkqoCbuzEPhVzDtHZ5bV-JsN6oSCvNq8OkU3Jwir--ES0pruU-ENXtNgom-sD26K93fXDbEtrs5kE0Iiw24sxl16Te1HVZlUfo3eUpvCUHs-9pn_UBnh6nsD4CS8xA9wxi4Xs67VzUyEGKe9THedDSeLp4ehjht3CeVXdy1\">Modifier PlantUML dans VPasCode<\/a><\/p>\n<h3>Gestion des flux logiques : Retrait d&#8217;esp\u00e8ces \u00e0 un guichet automatique<\/h3>\n<p>Les diagrammes de s\u00e9quence sont essentiels pour comprendre les interactions entre les composants du syst\u00e8me. L&#8217;exemple suivant mod\u00e9lise un retrait d&#8217;esp\u00e8ces \u00e0 un guichet automatique, en mettant en \u00e9vidence des flux alternatifs tels que des codes PIN invalides ou des fonds insuffisants, en utilisant les blocs <code data-backticks=\"1\">alt<\/code> de PlantUML.<\/p>\n<p><img alt=\"A PlantUML sequence diagram code for a classic ATM cash withdrawal scenario, being edited with Visual Paradigm's VPasCode text-to-diagram editor\" decoding=\"async\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-sequence-diagram-atm-cash-withdrawal.jpg\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZLN1Rjim3BqRy3yGFNGRq6A7tNeOcjWTK60jkZXhCQ0NrcOIeRBiINIB_lqeoqdbn1dgWmtmaKya7qLVEaRBNQtJv1Ci5MjA4_OVc2rl84EtWGV5cyhYAseuXuB-TcHAWbpXscAT9ZvmLd9Z7Q2fe1KwLQeM3RiqGGz0rZbkQhA03h8qYLpWH8uvyNRvxY5pDC_AhA5uSqnrxpGlqgH2nYTq12SxsbbPDftXtYMVXvIsYQP91kVV-sekuDeuiYnbsIfDl6c7B0YhtWuvCIhjTdWcw9rjwfPX9RNSNT-EAAyCqs0T0kQ5cEzHAycK0kTfS114y7mkUBQXyXaoInKPLkZF4_lvNhXgZ6JcEis-ADGi5RnuAF21F9upgcyFZMg8i3DOsZUOhL6Pu6OQoTIgzOOlOBRo1Ns3bNI1Aa2MvhVipXvDwKknlZs6f7-aHOJx_sHpVpINOjEymetmm0sPBi1HJmlIL78qU0S42w-kOvZLNlW3WY1A3CRQXDxFKQCVv5FugMh5x_aF2ltgI9eqU0KqLYZhh1NfnWxX7NHotMebi-nzVdIcSW6Ra2no797jbRoqQ9pS9pyJEPNQY_1eFkVAjHftYNvvZutwaNb8nnIJHoo8Esk6w-6nNkBYOuNCsjOsBrGTC0VOvqbo_VgTCddw4O-eZ2K-7uaFaZHcfMmTjjQMhHgdEuYRqvFYxTxm8z2ifxiJI_wx3JTQTe4cfYDzY7KwT1qj5ILdBwWarVAxXv-UmRWTyxY8gPOSSFIwtJQ7m5xqC4SJ1ARws8HCAxIR7q_JlqRhTBcHrGv_cWw-Zjfr5Jml9KB-IFy0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZLLDRzim3Bq7o7yWUka6jDXXjnw6vWCT0gn3aHIxgpQJQf1fJw8ATBzcjpM_mtzibEGcSfoqoy50pAT7yl5HldQiBFlAZ4VdSA_PudZ4cWt24jagpL2UeslQbm8Tj7_04soyBXwHGNckAyNwbqUuXBbM6wkg2g54SErMtb8XP85tKZ1wwq0EDP9D5xfHn6uyKWNN5cP68mcVWzbub07WxEimrLd0JUvl3v2hPyVjYsH_K5GeRHDkkXgFIiNgGJc4irbTDOnGn7GnFf-c0bVxUcTm-INmmnKiIFgmQC4eA2IPH4DW5_ycQS28BcMxPQMD2wqFi3D1ph5IL0OcILyBwcxnlPTgfRJJ1-7k_7GbyH_Aw3Ah94ZP0mjAiFDfm4hHUgrZDWToZ5Z-9i45SFdAkMotpXjMt9Nz57A8o3K5KPHXc7Nqe2a6fIcGNyYrg_m49cj-WBW0ssxHEVMClnEQQcd9wiqZNy6aiUsBWy_0KhYKynICjoqUQnyENT1U0iSY03cqJn8PZz38a7V9tY_uHBcJzJgOBWwZGlBGM4t1PYP1ywcrMuD5K8mItgQT6N3cywzgQOjuIBQpG0_HSq4sMN2rAPCF51XTQSwQxPom84Phwqrs865o6wmYZsoYnwx3z0m6kAcf50kHyoAAInQ2xjSJDP5am3qka-7UAd8g2YPIhRsi5zA7NF1OuyVzuKoV2P4tQGLuptCqpnAfjFagXdYqHshetNOcJMDhBxOQqAVuN3ks-i67SiwLtU29Xj_4PRtTsQxYKsHnKhEQrjfMIOEoeuvYbeDpcGlcxVP1tD7TBl4A5DSWMTm4ZZSapMrogqK--G3yhBsLrRILfhXrH_NB1tq4cocqg6IzgjVjQV_wFIeOS1bUoVqKrYUVnYdz1YHnwdSgNiq7eGEEPJ3aqKA4-_zjTggolXS3OtpqFXEtQ0iDd-16KtSdzyOo7btB6VbM_mC0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\n' Titre\r\ntitle Retrait d'esp\u00e8ces \u00e0 un guichet automatique - Diagramme de s\u00e9quence\r\n\r\n' Acteurs et participants\r\nactor Client as C\r\nparticipant \"Guichet automatique\" as ATM\r\nparticipant \"Syst\u00e8me bancaire\" as BS\r\ndatabase \"Compte client\" as DB\r\n\r\n' S\u00e9quence\r\nC -&gt; ATM : Ins\u00e9rer la carte\r\nATM -&gt; ATM : Lire les d\u00e9tails de la carte\r\nATM -&gt; C : Demander le code PIN\r\nC -&gt; ATM : Saisir le code PIN\r\nATM -&gt; BS : Valider la carte et le code PIN\r\nBS -&gt; DB : V\u00e9rifier les identifiants\r\nDB --&gt; BS : R\u00e9sultat de la validation\r\n\r\nalt Code PIN invalide\r\n    BS --&gt; ATM : Code PIN invalide\r\n    ATM -&gt; C : Code PIN invalide, r\u00e9essayez\r\n    note right: Apr\u00e8s 3 tentatives \u00e9chou\u00e9es,nla carte est conserv\u00e9e\r\nelse Code PIN valide\r\n    BS --&gt; ATM : Code PIN valide\r\n    ATM -&gt; C : Afficher le menu principal\r\n    C -&gt; ATM : S\u00e9lectionner le retrait\r\n    ATM -&gt; C : Demander le montant\r\n    C -&gt; ATM : Saisir le montant\r\n    ATM -&gt; BS : V\u00e9rifier le solde et la limite\r\n    BS -&gt; DB : Interroger le solde\r\n    DB --&gt; BS : Solde actuel\r\n    \r\n    alt Fonds insuffisants\r\n        BS --&gt; ATM : Solde insuffisant\r\n        ATM -&gt; C : Transaction refus\u00e9en(Afficher le solde)\r\n        C -&gt; ATM : Annuler la transaction\r\n        ATM -&gt; C : Rendre la carte\r\n    else Fonds suffisants\r\n        BS --&gt; ATM : Approuv\u00e9\r\n        ATM -&gt; ATM : Distribuer l'argent\r\n        ATM -&gt; C : Distribuer l'argent\r\n        C -&gt; ATM : Prendre l'argent\r\n        ATM -&gt; BS : Confirmer la distribution d'argent\r\n        BS -&gt; DB : D\u00e9biter le compte et enregistrer la transaction\r\n        DB --&gt; BS : Mise \u00e0 jour termin\u00e9e\r\n        BS --&gt; ATM : Transaction termin\u00e9e\r\n        ATM -&gt; C : Imprimer le re\u00e7u\r\n        alt Re\u00e7u demand\u00e9\r\n            C -&gt; ATM : Prendre le re\u00e7u\r\n        else Pas de re\u00e7u\r\n            C -&gt; ATM : Refuser le re\u00e7u\r\n        end\r\n        ATM -&gt; C : Rendre la carte\r\n        C -&gt; ATM : Prendre la carte\r\n    end\r\nend\r\n\r\nATM -&gt; C : Merci \/ Fin de la transaction\r\n\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZLLDRzim3Bq7o7yWUka6jDXXjnw6vWCT0gn3aHIxgpQJQf1fJw8ATBzcjpM_mtzibEGcSfoqoy50pAT7yl5HldQiBFlAZ4VdSA_PudZ4cWt24jagpL2UeslQbm8Tj7_04soyBXwHGNckAyNwbqUuXBbM6wkg2g54SErMtb8XP85tKZ1wwq0EDP9D5xfHn6uyKWNN5cP68mcVWzbub07WxEimrLd0JUvl3v2hPyVjYsH_K5GeRHDkkXgFIiNgGJc4irbTDOnGn7GnFf-c0bVxUcTm-INmmnKiIFgmQC4eA2IPH4DW5_ycQS28BcMxPQMD2wqFi3D1ph5IL0OcILyBwcxnlPTgfRJJ1-7k_7GbyH_Aw3Ah94ZP0mjAiFDfm4hHUgrZDWToZ5Z-9i45SFdAkMotpXjMt9Nz57A8o3K5KPHXc7Nqe2a6fIcGNyYrg_m49cj-WBW0ssxHEVMClnEQQcd9wiqZNy6aiUsBWy_0KhYKynICjoqUQnyENT1U0iSY03cqJn8PZz38a7V9tY_uHBcJzJgOBWwZGlBGM4t1PYP1ywcrMuD5K8mItgQT6N3cywzgQOjuIBQpG0_HSq4sMN2rAPCF51XTQSwQxPom84Phwqrs865o6wmYZsoYnwx3z0m6kAcf50kHyoAAInQ2xjSJDP5am3qka-7UAd8g2YPIhRsi5zA7NF1OuyVzuKoV2P4tQGLuptCqpnAfjFagXdYqHshetNOcJMDhBxOQqAVuN3ks-i67SiwLtU29Xj_4PRtTsQxYKsHnKhEQrjfMIOEoeuvYbeDpcGlcxVP1tD7TBl4A5DSWMTm4ZZSapMrogqK--G3yhBsLrRILfhXrH_NB1tq4cocqg6IzgjVjQV_wFIeOS1bUoVqKrYUVnYdz1YHnwdSgNiq7eGEEPJ3aqKA4-_zjTggolXS3OtpqFXEtQ0iDd-16KtSdzyOo7btB6VbM_mC0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZLN1Rjim3BqRy3yGFNGRq6A7tNeOcjWTK60jkZXhCQ0NrcOIeRBiINIB_lqeoqdbn1dgWmtmaKya7qLVEaRBNQtJv1Ci5MjA4_OVc2rl84EtWGV5cyhYAseuXuB-TcHAWbpXscAT9ZvmLd9Z7Q2fe1KwLQeM3RiqGGz0rZbkQhA03h8qYLpWH8uvyNRvxY5pDC_AhA5uSqnrxpGlqgH2nYTq12SxsbbPDftXtYMVXvIsYQP91kVV-sekuDeuiYnbsIfDl6c7B0YhtWuvCIhjTdWcw9rjwfPX9RNSNT-EAAyCqs0T0kQ5cEzHAycK0kTfS114y7mkUBQXyXaoInKPLkZF4_lvNhXgZ6JcEis-ADGi5RnuAF21F9upgcyFZMg8i3DOsZUOhL6Pu6OQoTIgzOOlOBRo1Ns3bNI1Aa2MvhVipXvDwKknlZs6f7-aHOJx_sHpVpINOjEymetmm0sPBi1HJmlIL78qU0S42w-kOvZLNlW3WY1A3CRQXDxFKQCVv5FugMh5x_aF2ltgI9eqU0KqLYZhh1NfnWxX7NHotMebi-nzVdIcSW6Ra2no797jbRoqQ9pS9pyJEPNQY_1eFkVAjHftYNvvZutwaNb8nnIJHoo8Esk6w-6nNkBYOuNCsjOsBrGTC0VOvqbo_VgTCddw4O-eZ2K-7uaFaZHcfMmTjjQMhHgdEuYRqvFYxTxm8z2ifxiJI_wx3JTQTe4cfYDzY7KwT1qj5ILdBwWarVAxXv-UmRWTyxY8gPOSSFIwtJQ7m5xqC4SJ1ARws8HCAxIR7q_JlqRhTBcHrGv_cWw-Zjfr5Jml9KB-IFy0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p><a href=\"https:\/\/www.vpascode.com\/#plantuml:ZLN1Rjim3BqRy3yGFNGRq6A7tNeOcjWTK60jkZXhCQ0NrcOIeRBiINIB_lqeoqdbn1dgWmtmaKya7qLVEaRBNQtJv1Ci5MjA4_OVc2rl84EtWGV5cyhYAseuXuB-TcHAWbpXscAT9ZvmLd9Z7Q2fe1KwLQeM3RiqGGz0rZbkQhA03h8qYLpWH8uvyNRvxY5pDC_AhA5uSqnrxpGlqgH2nYTq12SxsbbPDftXtYMVXvIsYQP91kVV-sekuDeuiYnbsIfDl6c7B0YhtWuvCIhjTdWcw9rjwfPX9RNSNT-EAAyCqs0T0kQ5cEzHAycK0kTfS114y7mkUBQXyXaoInKPLkZF4_lvNhXgZ6JcEis-ADGi5RnuAF21F9upgcyFZMg8i3DOsZUOhL6Pu6OQoTIgzOOlOBRo1Ns3bNI1Aa2MvhVipXvDwKknlZs6f7-aHOJx_sHpVpINOjEymetmm0sPBi1HJmlIL78qU0S42w-kOvZLNlW3WY1A3CRQXDxFKQCVv5FugMh5x_aF2ltgI9eqU0KqLYZhh1NfnWxX7NHotMebi-nzVdIcSW6Ra2no797jbRoqQ9pS9pyJEPNQY_1eFkVAjHftYNvvZutwaNb8nnIJHoo8Esk6w-6nNkBYOuNCsjOsBrGTC0VOvqbo_VgTCddw4O-eZ2K-7uaFaZHcfMmTjjQMhHgdEuYRqvFYxTxm8z2ifxiJI_wx3JTQTe4cfYDzY7KwT1qj5ILdBwWarVAxXv-UmRWTyxY8gPOSSFIwtJQ7m5xqC4SJ1ARws8HCAxIR7q_JlqRhTBcHrGv_cWw-Zjfr5Jml9KB-IFy0\">Modifier PlantUML dans VPasCode<\/a><\/p>\n<h3>Mod\u00e9lisation des processus m\u00e9tier : Syst\u00e8me de gestion des sinistres d&#8217;assurance<\/h3>\n<p>Les diagrammes d&#8217;activit\u00e9 aident \u00e0 visualiser la logique des flux de travail. L&#8217;exemple ci-dessous mod\u00e9lise un processus de r\u00e9clamation d&#8217;assurance, en capturant les points de d\u00e9cision tels que la validit\u00e9 de la police et l&#8217;exhaustivit\u00e9 des documents.<\/p>\n<p><img alt=\"A PlantUML activity diagram code for an insurance claim system, being edited with Visual Paradigm's VPasCode text-to-diagram live editor\" decoding=\"async\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-activity-diagram-insurance-claim-system.jpg\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZLHDQnin4BqR_1-6d993yDs6DY4D9L1Ag2azAzBiUbAjf6eak_xt7Kd-MCSk-BOhZTwyUUz93vnKJ7cmyE8uH-KqFbb5mtBB2OVfP3gf1ULZ_kejwUtAMuCHEByDb1XqgLx8RZq6n61ztwC1Sib3MY5mXLeK2EhWzeNhQgXWe7IYDO9o1jRAalbyLtOTt6wHxwOJWFaZC_MkzG61LEOz2s1SrDtlFb6tFIo2xy3Xvi0ABIFSEj-WbYXj8hwZDFKEd9pLM333QBA6-yttKgdOkpcqkMMWHdP6hbAjXPnya3REK5SrUjmJYRWctF1EfoI26A_pW2xnGOh7A9DRAxL_CiLn2OI8B1yNvDWt84U9LCAT1Kq-LGOxc_k7u2Cd64YqTFseJHVzS67wNueIT3wAheOAfB8dz2lclLwX_lrXNJH5YDIlKla3Q3c2ZIfP4SIsEkueqtFmZh5i5OCAHFc-_mHlIXg8FpVNo7gpk6Y4k2MpKt-KggRLkoHsmeQIGsRa6VuD68KabGIXmUBl_5bE3d8IZ1fKZpFhcK4DFhiq3lJ80U7CmahYjKkuS1ZutCSdPNMs1Lg54FrQpXnmYyqXs2q8YooPUxDOQ4cX82hvkpBPCjngb-9ZgWrgub94xdWrpuFy5Ht6Geyn9Oj5ORbSNKr8Q_Tnuy95-lXexDtR0pK1ltXnvYGIIciCgRuJjVHSljVejVW6GMqBWpRUps0Au-Q6l5ifSqtFiZ8rDukZLjgxZk9Gxyl_Nm0jVcUvf0QJ8ijdiZ-pLjL3GJ348PVm8tkRT_Uml53O-tfHHuATqDsBSPhugoG-YNnpS3fva1LvqFy1\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bLNDJXmn3BwljEyGSG4EA-wxKaj5KOL4guho0Y7ZMOmooH0d8tYR7fcU-mPviTgPOM67aIYNsVpOiR_F_hod57M8gR7gmb4AsXauingRNuyKeLakbeigzpSfocfz2Ofy8XEmZP22R1g8AZbG8VV6waP7z6uZfdhlI0551Ix05Ydo1QXAErAM7-H0-Qc1ZKGWL4VisNgB1iHd1PPjj8dOyJwgJbkiG7q-LjhwGEh89pnUBfHQVuanu4s2eEmaTFwjx24yj13YffXUkDg7HYp7OyLFifVpgIln9c087Jzpn9yXrBdh_2Ex9wTqXoJU0UuuEvts-DcCrYFgCJMDnA-jrSy19Be1tGcw0ewvANurkkMYV8JDvqJXGJV8T5lWiDum_IvIgGFIZi5hpc5Y4U0-eHYwk49BgcM8L6vcgDn5GuSH2pKbjO7EWQjtAFeAZNQL8DvBWm_lavRLB5LSGt1LU0CljQtDlMmq1g31-0fMNUu3rZWDK-wTZrmMtDv6sIbr-T9gIfSum_c0fVMEk2Vtan83jYjFoNhrYNcCdXkVM-hWlsfoi9ah8fEG_t1wBBWPBjTdN2Lk2ePLyPEHaNjqT39uyyke77i0aR0X3kSKiVGpg4PyNIoUbMyQlGKw4J-WrmgRQdFGsQWk0ikd0eTpQ836ae-gd6cOCsrDili9wBODhAVSZwNb4kBzACzQvimjCkESZfOResyiV4Xg7PWNESqgZQLaa4hBlfqr4u5zoprp6aeaKBwkkGabLdxQMf225fh7PEpXZC5CHyzCp5sl34-yb6HYfuq1Ngr4hRjuCynVC_uu4DzgVCwKBxu3pqEGHhsJXXNmKSSKP-HRklbg1oJt1vi9zw2CTpM6qVxzCISzatjMgoqbCpR_ZIdC5fYCjbecHGUCR4YDl4tZhE4Zda7RPz7_oFtMcq7n-zMPmRpZU2hT3nNobOJ7drCU2loF-Gy0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml InsuranceClaimSystem\r\n\r\nd\u00e9but\r\n\r\n:Le souscripteur soumet une r\u00e9clamation;\r\n:La r\u00e9clamation est enregistr\u00e9e dans le syst\u00e8me;\r\n\r\nsi (La police est-elle active et valide ?) alors (oui)\r\n  :Attribuer la r\u00e9clamation \u00e0 l'expert;\r\n  :Informer l'expert de la nouvelle r\u00e9clamation;\r\nsinon (non)\r\n  :Envoyer un avis de rejet au souscripteur;\r\n  :Enregistrer la raison : Police inactive\/invalid\u00e9e;\r\n  fin\r\nfin\r\n\r\n:L'expert examine les documents soumis;\r\n\r\nsi (Tous les documents requis sont-ils pr\u00e9sents ?) alors (oui)\r\n  :L'expert initie la validation de la r\u00e9clamation;\r\nsinon (non)\r\n  :Demander les documents manquants au souscripteur;\r\n  :Attendre les documents suppl\u00e9mentaires;\r\n  :Re-v\u00e9rifier les documents;\r\n  note right\r\n    Le syst\u00e8me attend\r\n    la r\u00e9ponse du souscripteur\r\n  end note\r\n  -&gt; retour \u00e0 \"L'expert examine les documents soumis\";\r\nfin\r\n\r\n:L'expert enqu\u00eate sur la r\u00e9clamation;\r\n:Contacter des t\u00e9moins\/experts si n\u00e9cessaire;\r\n:Estimer le montant des dommages\/pertes;\r\n\r\nsi (La r\u00e9clamation est-elle valide selon les termes de la police ?) alors (oui)\r\n  :Calculer le montant approuv\u00e9;\r\n  :Appliquer la franchise si applicable;\r\nsinon (non)\r\n  :Envoyer un avis de rejet avec la raison;\r\n  :Enregistrer la d\u00e9cision dans le syst\u00e8me;\r\n  fin\r\nfin\r\n\r\n:G\u00e9n\u00e9rer une offre de r\u00e8glement;\r\n:Envoyer l'offre de r\u00e8glement au souscripteur;\r\n\r\n:Le souscripteur examine l'offre;\r\n\r\nsi (Le souscripteur accepte-t-il l'offre ?) alors (oui)\r\n  :Traiter le paiement;\r\n  :Mettre \u00e0 jour le statut de la r\u00e9clamation \u00e0 \"R\u00e8glement\u00e9\";\r\n  :Envoyer une confirmation au souscripteur;\r\n  :Enregistrer les d\u00e9tails de cl\u00f4ture;\r\nsinon (non)\r\n  :Escalader vers la r\u00e9solution des litiges;\r\n  :N\u00e9gocier le r\u00e8glement;\r\n  :Mettre \u00e0 jour l'offre;\r\n  -&gt; retour \u00e0 \"Envoyer l'offre de r\u00e8glement au souscripteur\";\r\nfin\r\n\r\nfin\r\n\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bLNDJXmn3BwljEyGSG4EA-wxKaj5KOL4guho0Y7ZMOmooH0d8tYR7fcU-mPviTgPOM67aIYNsVpOiR_F_hod57M8gR7gmb4AsXauingRNuyKeLakbeigzpSfocfz2Ofy8XEmZP22R1g8AZbG8VV6waP7z6uZfdhlI0551Ix05Ydo1QXAErAM7-H0-Qc1ZKGWL4VisNgB1iHd1PPjj8dOyJwgJbkiG7q-LjhwGEh89pnUBfHQVuanu4s2eEmaTFwjx24yj13YffXUkDg7HYp7OyLFifVpgIln9c087Jzpn9yXrBdh_2Ex9wTqXoJU0UuuEvts-DcCrYFgCJMDnA-jrSy19Be1tGcw0ewvANurkkMYV8JDvqJXGJV8T5lWiDum_IvIgGFIZi5hpc5Y4U0-eHYwk49BgcM8L6vcgDn5GuSH2pKbjO7EWQjtAFeAZNQL8DvBWm_lavRLB5LSGt1LU0CljQtDlMmq1g31-0fMNUu3rZWDK-wTZrmMtDv6sIbr-T9gIfSum_c0fVMEk2Vtan83jYjFoNhrYNcCdXkVM-hWlsfoi9ah8fEG_t1wBBWPBjTdN2Lk2ePLyPEHaNjqT39uyyke77i0aR0X3kSKiVGpg4PyNIoUbMyQlGKw4J-WrmgRQdFGsQWk0ikd0eTpQ836ae-gd6cOCsrDili9wBODhAVSZwNb4kBzACzQvimjCkESZfOResyiV4Xg7PWNESqgZQLaa4hBlfqr4u5zoprp6aeaKBwkkGabLdxQMf225fh7PEpXZC5CHyzCp5sl34-yb6HYfuq1Ngr4hRjuCynVC_uu4DzgVCwKBxu3pqEGHhsJXXNmKSSKP-HRklbg1oJt1vi9zw2CTpM6qVxzCISzatjMgoqbCpR_ZIdC5fYCjbecHGUCR4YDl4tZhE4Zda7RPz7_oFtMcq7n-zMPmRpZU2hT3nNobOJ7drCU2loF-Gy0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZLHDQnin4BqR_1-6d993yDs6DY4D9L1Ag2azAzBiUbAjf6eak_xt7Kd-MCSk-BOhZTwyUUz93vnKJ7cmyE8uH-KqFbb5mtBB2OVfP3gf1ULZ_kejwUtAMuCHEByDb1XqgLx8RZq6n61ztwC1Sib3MY5mXLeK2EhWzeNhQgXWe7IYDO9o1jRAalbyLtOTt6wHxwOJWFaZC_MkzG61LEOz2s1SrDtlFb6tFIo2xy3Xvi0ABIFSEj-WbYXj8hwZDFKEd9pLM333QBA6-yttKgdOkpcqkMMWHdP6hbAjXPnya3REK5SrUjmJYRWctF1EfoI26A_pW2xnGOh7A9DRAxL_CiLn2OI8B1yNvDWt84U9LCAT1Kq-LGOxc_k7u2Cd64YqTFseJHVzS67wNueIT3wAheOAfB8dz2lclLwX_lrXNJH5YDIlKla3Q3c2ZIfP4SIsEkueqtFmZh5i5OCAHFc-_mHlIXg8FpVNo7gpk6Y4k2MpKt-KggRLkoHsmeQIGsRa6VuD68KabGIXmUBl_5bE3d8IZ1fKZpFhcK4DFhiq3lJ80U7CmahYjKkuS1ZutCSdPNMs1Lg54FrQpXnmYyqXs2q8YooPUxDOQ4cX82hvkpBPCjngb-9ZgWrgub94xdWrpuFy5Ht6Geyn9Oj5ORbSNKr8Q_Tnuy95-lXexDtR0pK1ltXnvYGIIciCgRuJjVHSljVejVW6GMqBWpRUps0Au-Q6l5ifSqtFiZ8rDukZLjgxZk9Gxyl_Nm0jVcUvf0QJ8ijdiZ-pLjL3GJ348PVm8tkRT_Uml53O-tfHHuATqDsBSPhugoG-YNnpS3fva1LvqFy1\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p><a href=\"https:\/\/www.vpascode.com\/#plantuml:ZLHDQnin4BqR_1-6d993yDs6DY4D9L1Ag2azAzBiUbAjf6eak_xt7Kd-MCSk-BOhZTwyUUz93vnKJ7cmyE8uH-KqFbb5mtBB2OVfP3gf1ULZ_kejwUtAMuCHEByDb1XqgLx8RZq6n61ztwC1Sib3MY5mXLeK2EhWzeNhQgXWe7IYDO9o1jRAalbyLtOTt6wHxwOJWFaZC_MkzG61LEOz2s1SrDtlFb6tFIo2xy3Xvi0ABIFSEj-WbYXj8hwZDFKEd9pLM333QBA6-yttKgdOkpcqkMMWHdP6hbAjXPnya3REK5SrUjmJYRWctF1EfoI26A_pW2xnGOh7A9DRAxL_CiLn2OI8B1yNvDWt84U9LCAT1Kq-LGOxc_k7u2Cd64YqTFseJHVzS67wNueIT3wAheOAfB8dz2lclLwX_lrXNJH5YDIlKla3Q3c2ZIfP4SIsEkueqtFmZh5i5OCAHFc-_mHlIXg8FpVNo7gpk6Y4k2MpKt-KggRLkoHsmeQIGsRa6VuD68KabGIXmUBl_5bE3d8IZ1fKZpFhcK4DFhiq3lJ80U7CmahYjKkuS1ZutCSdPNMs1Lg54FrQpXnmYyqXs2q8YooPUxDOQ4cX82hvkpBPCjngb-9ZgWrgub94xdWrpuFy5Ht6Geyn9Oj5ORbSNKr8Q_Tnuy95-lXexDtR0pK1ltXnvYGIIciCgRuJjVHSljVejVW6GMqBWpRUps0Au-Q6l5ifSqtFiZ8rDukZLjgxZk9Gxyl_Nm0jVcUvf0QJ8ijdiZ-pLjL3GJ348PVm8tkRT_Uml53O-tfHHuATqDsBSPhugoG-YNnpS3fva1LvqFy1\">Modifier PlantUML dans VPasCode<\/a><\/p>\n<h3>Machines \u00e0 \u00e9tats : Syst\u00e8me de d\u00e9tection de fum\u00e9e<\/h3>\n<p>Pour les syst\u00e8mes embarqu\u00e9s ou les appareils IoT, les diagrammes d&#8217;\u00e9tats sont essentiels. Cet exemple montre un syst\u00e8me de d\u00e9tection de fum\u00e9e passant des \u00e9tats de veille, de surveillance et d&#8217;alarme.<\/p>\n<p><img alt=\"A PlantUML state diagram code for a smoke detection system, being edited with Visual Paradigm's VPasCode text-to-diagram editor\" decoding=\"async\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-state-diagram-smoke-detection-system.jpg\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:XLLBQnin4BuR_1_cL9o22PJs4ag8yp249aw82psK7fJTiIsibRRIh8qf_kyTIVlGhXFYmtfNyttp-3GQNJaIbgf2mR8mMxn5meoaqSk38op6e_6892c49Gb2k9LYRKK1quY65WuT_lVdFp2TNiApsQDzMgtycWliPWN-ZKV0lmQvCC4I5-iFk63dEvaXI0V6UqcDdN_DmBZsMX5n8gL5vp0VZux3m7eObslI-UiXBjOVx2wM0XP5Fh054ghLpGQphG-CLffSPk1uSKhe22QuGtk0BrytPwVSHwCb6IlrseVnmaFHBKqSQcSi25PqXpKzFcCPNUYwaBIOdnoTlIo33zVP--ijz5aunqdCb09Ncvv-VCYQ2wbywZ5Hj9QVUUW1htXA3luJaPdrWbHP3MHyEPtm3IFuzemxxpRscoULXcKAeIB-U2fCekiRoYnCQDREK2-mzuMnXL1WIhJ2j_4f9fJGdGpCVVd1edYd5Lm2RRZZDaRbRvCVpFvQ4Fcck83cJPazJFRIek9cFUk82JZ9F25QB9N8Kh6xjxf9UiacSgIItBDUKgYPGajzH6e9q1kZLz8Mc3Ufn7zMp4b7ZWNunXsKVU1bBfJ3cHAsQ3ra2WMtrlV8Jn7zqb_GuI39GKuU7vYpS78wxF5zcHByUo8jJQNp9kS0zKJ7kwRX4oYvtf3hCnD671KwNnYIAvc5xWeDnvy7o8mcQnIKGdCFdOCeou6d8TNx-oKapOrzGv3KCfIZ5PnFD9zsFnzHVyGFR_KWhBVWPC2c3b9yV_lQQSe0Tx8rnzwSJax-O5JFHQNeNkTU3kClXsibzRQUG0ztjn4zGAMt45CUXQxui9VXjiWEt7-SrT-AzxEvBPfxucGA-SaxpSBeNV6OgYmtMG8O17hk8dHUsU9Xlg1Mb4gNgbgl-PoUmsjxmWkpyncDHrVS17mp_mS0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZLRBJXin5Dr7oZzu5wWKLQhQ3QeGWH09DGs887LHTU5CRi35Om-s1uIgV43_ealITVzWVgp7zeJnJ8feHD2CVSzz75-VcoFhk75bBjayrxSq9aUP4rhD7wsZlD_hzvnmajXOy6l3yvpOSb1j77UM3Patgfxy6lwm6g7-RLNcrOOy_EkRRsmuF6GN-e7C-Mhbrn3JqVCA-z7lCNosbZCTTk9Y_S8Es7J0Yu8R4fAHTSo74ygrhPf02eXZNJgVpe1BaPD2K9zTOSZQQjFlhRkfg6ucSyVLSl4O5-iN-7qkkp3LRzVU3J2IgvCRocvXEq8AG-SJBggD4NefxafYUmwfaMKIttVlR_PtVNpMIZXjXBg6at6roRanA51oPajp3n8aLnaSPRnmL1h6GVsgzXF_nygQNEhQqlgka1SYp4bPRMoptrv_DhtWrYARArt6pElObfr_UXKxuJYt0tQAAf0jEcIRUDqteLjI7o5OSWW0Nn9eCwpwvMa877Gm8OZ788msyq00ZajSAouzUGCAuIDelKjMGle_s9hfS4MQZNe18IPQXTPNvFkCAMroBdSDGpdDDQCbe3DnJxnixWmxP9PAyG9wgX-EkNDaF1_nIG39nG9tTCzoPTbAoFq6d02I6bAmeRoGF6iTGFDKTr4hwOIRb9ypa2Uu785grxP8TuBfYLOhON9QRhEPyctv1Hahe3tWuGEOo5xnDE7IqaXoaxUyM0YIi5OKn3v6FwbbcudBQYEYMs63HBH3TdBrsE1bX1E_JpXRlqnVOlyIUNDTgkMsZcXgc1McUbB4o35Pvg9wWdIruGaiAezQpZIKG6HHxD1VuTLtFxZbwD3OR9bMpbH_iFWMzmBAAcj8nt_NeO_oXGitqUQIB7KEEjtfCkMlIJmStEBlski6z7DZSM7e5I_XAKwaHDRHkjsJQyGzzPV2sqS_HQTinTos_UsUxBerCXA9wKoD2I-bErDBJvdsa-j4Ge6qYzg0jA5UqzCnvb8gHnrKEZAzYyTCKdUIvLoL9761xqfXw-Isasn71QkV6SP023_Wsw7KxoKs_n6oYG0JR-zhJWOYn7nXC9XkgWtwQj58Z4Cdnzy3H-We_Dpu2m00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml SmokeDetectionSystem\r\n\r\ntitle Diagramme d'\u00e9tats - Syst\u00e8me de d\u00e9tection de fum\u00e9e\r\n\r\n[*] --&gt; PowerOff\r\n\r\nstate PowerOff {\r\n    [*] --&gt; NoPower\r\n    NoPower : L'appareil est \u00e9teint\r\n    NoPower --&gt; PowerOn : Bouton d'alimentation press\u00e9\r\n}\r\n\r\nstate PowerOn {\r\n    [*] --&gt; Standby\r\n    Standby : Syst\u00e8me pr\u00eat\r\n    Standby --&gt; SelfCheck : Auto-test p\u00e9riodique (toutes les 24h)\r\n    Standby --&gt; Monitoring : D\u00e9marrer la surveillance (capteur actif)\r\n    \r\n    state SelfCheck {\r\n        [*] --&gt; TestingSensors\r\n        TestingSensors --&gt; TestPass : Tous les capteurs OK\r\n        TestingSensors --&gt; TestFail : Erreur de capteur d\u00e9tect\u00e9e\r\n        TestPass --&gt; Standby : Retour \u00e0 la veille\r\n        TestFail --&gt; ErrorState : Signaler l'erreur\r\n    }\r\n    \r\n    state Monitoring {\r\n        [*] --&gt; NoSmoke\r\n        NoSmoke : Fonctionnement normal\r\n        NoSmoke --&gt; SmokeDetected : Niveau de fum\u00e9e &gt; seuil\r\n        NoSmoke --&gt; LowBattery : Batterie faible (sans fil)\r\n        LowBattery --&gt; NoSmoke : Batterie remplac\u00e9e\r\n        \r\n        state SmokeDetected {\r\n            [*] --&gt; InitialAlert\r\n            InitialAlert --&gt; ConfirmedSmoke : La fum\u00e9e persiste &gt; 5 sec\r\n            InitialAlert --&gt; FalseAlarm : La fum\u00e9e se dissipe &lt; 5 sec FalseAlarm --&gt; NoSmoke : R\u00e9initialisation\r\n            ConfirmedSmoke --&gt; AlarmActive\r\n        }\r\n        \r\n        state AlarmActive {\r\n            [*] --&gt; SoundAlarm : Activer sir\u00e8ne et lumi\u00e8res\r\n            SoundAlarm --&gt; SendNotification : Notifier le panneau de contr\u00f4le \/ l'application\r\n            SendNotification --&gt; WaitForReset\r\n            WaitForReset --&gt; AlarmActive : Fum\u00e9e toujours pr\u00e9sente\r\n            WaitForReset --&gt; ResetSystem : Bouton de r\u00e9initialisation press\u00e9\r\n            ResetSystem --&gt; NoSmoke : Le syst\u00e8me se r\u00e9initialise\r\n        }\r\n    }\r\n}\r\n\r\nstate ErrorState {\r\n    [*] --&gt; FaultIndicator : Clignotement de la LED d'erreur\r\n    FaultIndicator --&gt; PowerOff : Cycle d'alimentation manuel requis\r\n}\r\n\r\nPowerOn --&gt; ErrorState : \u00c9chec de l'auto-test\r\nErrorState --&gt; PowerOff : Cycle d'alimentation\r\n\r\nPowerOff --&gt; [*] : Syst\u00e8me d\u00e9branch\u00e9 \/ batterie retir\u00e9e\r\n\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZLRBJXin5Dr7oZzu5wWKLQhQ3QeGWH09DGs887LHTU5CRi35Om-s1uIgV43_ealITVzWVgp7zeJnJ8feHD2CVSzz75-VcoFhk75bBjayrxSq9aUP4rhD7wsZlD_hzvnmajXOy6l3yvpOSb1j77UM3Patgfxy6lwm6g7-RLNcrOOy_EkRRsmuF6GN-e7C-Mhbrn3JqVCA-z7lCNosbZCTTk9Y_S8Es7J0Yu8R4fAHTSo74ygrhPf02eXZNJgVpe1BaPD2K9zTOSZQQjFlhRkfg6ucSyVLSl4O5-iN-7qkkp3LRzVU3J2IgvCRocvXEq8AG-SJBggD4NefxafYUmwfaMKIttVlR_PtVNpMIZXjXBg6at6roRanA51oPajp3n8aLnaSPRnmL1h6GVsgzXF_nygQNEhQqlgka1SYp4bPRMoptrv_DhtWrYARArt6pElObfr_UXKxuJYt0tQAAf0jEcIRUDqteLjI7o5OSWW0Nn9eCwpwvMa877Gm8OZ788msyq00ZajSAouzUGCAuIDelKjMGle_s9hfS4MQZNe18IPQXTPNvFkCAMroBdSDGpdDDQCbe3DnJxnixWmxP9PAyG9wgX-EkNDaF1_nIG39nG9tTCzoPTbAoFq6d02I6bAmeRoGF6iTGFDKTr4hwOIRb9ypa2Uu785grxP8TuBfYLOhON9QRhEPyctv1Hahe3tWuGEOo5xnDE7IqaXoaxUyM0YIi5OKn3v6FwbbcudBQYEYMs63HBH3TdBrsE1bX1E_JpXRlqnVOlyIUNDTgkMsZcXgc1McUbB4o35Pvg9wWdIruGaiAezQpZIKG6HHxD1VuTLtFxZbwD3OR9bMpbH_iFWMzmBAAcj8nt_NeO_oXGitqUQIB7KEEjtfCkMlIJmStEBlski6z7DZSM7e5I_XAKwaHDRHkjsJQyGzzPV2sqS_HQTinTos_UsUxBerCXA9wKoD2I-bErDBJvdsa-j4Ge6qYzg0jA5UqzCnvb8gHnrKEZAzYyTCKdUIvLoL9761xqfXw-Isasn71QkV6SP023_Wsw7KxoKs_n6oYG0JR-zhJWOYn7nXC9XkgWtwQj58Z4Cdnzy3H-We_Dpu2m00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:XLLBQnin4BuR_1_cL9o22PJs4ag8yp249aw82psK7fJTiIsibRRIh8qf_kyTIVlGhXFYmtfNyttp-3GQNJaIbgf2mR8mMxn5meoaqSk38op6e_6892c49Gb2k9LYRKK1quY65WuT_lVdFp2TNiApsQDzMgtycWliPWN-ZKV0lmQvCC4I5-iFk63dEvaXI0V6UqcDdN_DmBZsMX5n8gL5vp0VZux3m7eObslI-UiXBjOVx2wM0XP5Fh054ghLpGQphG-CLffSPk1uSKhe22QuGtk0BrytPwVSHwCb6IlrseVnmaFHBKqSQcSi25PqXpKzFcCPNUYwaBIOdnoTlIo33zVP--ijz5aunqdCb09Ncvv-VCYQ2wbywZ5Hj9QVUUW1htXA3luJaPdrWbHP3MHyEPtm3IFuzemxxpRscoULXcKAeIB-U2fCekiRoYnCQDREK2-mzuMnXL1WIhJ2j_4f9fJGdGpCVVd1edYd5Lm2RRZZDaRbRvCVpFvQ4Fcck83cJPazJFRIek9cFUk82JZ9F25QB9N8Kh6xjxf9UiacSgIItBDUKgYPGajzH6e9q1kZLz8Mc3Ufn7zMp4b7ZWNunXsKVU1bBfJ3cHAsQ3ra2WMtrlV8Jn7zqb_GuI39GKuU7vYpS78wxF5zcHByUo8jJQNp9kS0zKJ7kwRX4oYvtf3hCnD671KwNnYIAvc5xWeDnvy7o8mcQnIKGdCFdOCeou6d8TNx-oKapOrzGv3KCfIZ5PnFD9zsFnzHVyGFR_KWhBVWPC2c3b9yV_lQQSe0Tx8rnzwSJax-O5JFHQNeNkTU3kClXsibzRQUG0ztjn4zGAMt45CUXQxui9VXjiWEt7-SrT-AzxEvBPfxucGA-SaxpSBeNV6OgYmtMG8O17hk8dHUsU9Xlg1Mb4gNgbgl-PoUmsjxmWkpyncDHrVS17mp_mS0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p><a href=\"https:\/\/www.vpascode.com\/#plantuml:XLLBQnin4BuR_1_cL9o22PJs4ag8yp249aw82psK7fJTiIsibRRIh8qf_kyTIVlGhXFYmtfNyttp-3GQNJaIbgf2mR8mMxn5meoaqSk38op6e_6892c49Gb2k9LYRKK1quY65WuT_lVdFp2TNiApsQDzMgtycWliPWN-ZKV0lmQvCC4I5-iFk63dEvaXI0V6UqcDdN_DmBZsMX5n8gL5vp0VZux3m7eObslI-UiXBjOVx2wM0XP5Fh054ghLpGQphG-CLffSPk1uSKhe22QuGtk0BrytPwVSHwCb6IlrseVnmaFHBKqSQcSi25PqXpKzFcCPNUYwaBIOdnoTlIo33zVP--ijz5aunqdCb09Ncvv-VCYQ2wbywZ5Hj9QVUUW1htXA3luJaPdrWbHP3MHyEPtm3IFuzemxxpRscoULXcKAeIB-U2fCekiRoYnCQDREK2-mzuMnXL1WIhJ2j_4f9fJGdGpCVVd1edYd5Lm2RRZZDaRbRvCVpFvQ4Fcck83cJPazJFRIek9cFUk82JZ9F25QB9N8Kh6xjxf9UiacSgIItBDUKgYPGajzH6e9q1kZLz8Mc3Ufn7zMp4b7ZWNunXsKVU1bBfJ3cHAsQ3ra2WMtrlV8Jn7zqb_GuI39GKuU7vYpS78wxF5zcHByUo8jJQNp9kS0zKJ7kwRX4oYvtf3hCnD671KwNnYIAvc5xWeDnvy7o8mcQnIKGdCFdOCeou6d8TNx-oKapOrzGv3KCfIZ5PnFD9zsFnzHVyGFR_KWhBVWPC2c3b9yV_lQQSe0Tx8rnzwSJax-O5JFHQNeNkTU3kClXsibzRQUG0ztjn4zGAMt45CUXQxui9VXjiWEt7-SrT-AzxEvBPfxucGA-SaxpSBeNV6OgYmtMG8O17hk8dHUsU9Xlg1Mb4gNgbgl-PoUmsjxmWkpyncDHrVS17mp_mS0\">Modifier PlantUML dans VPasCode<\/a><\/p>\n<h3>Architecture de haut niveau : Diagramme de composants du syst\u00e8me de messagerie<\/h3>\n<p>Les diagrammes de composants offrent une vue de haut niveau de l&#8217;architecture du syst\u00e8me. Cet exemple illustre un syst\u00e8me de gestion de messagerie, montrant comment les applications clientes, les services backend, les files d&#8217;attente de messages et les bases de donn\u00e9es interagissent.<\/p>\n<p><img alt=\"A PlantUML component diagram code for a courier system, being edited with Visual Paradigm's VPasCode text-to-diagram editor\" decoding=\"async\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-component-diagram-courier-system.jpg\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZPR1Rjim38Rl0V8EH2xRW1Qz5-ZG9XxMRisMDXrw6H38CcCBZIL3aZDaJpzAjbDPKO3T8lAZI4e_vTmQoxHjwnqiLAi5wlN1MAoda-d42hl3mGoT7Ix9K3TAehIG2LPgvjaFS7Dpy-uoRZcTy2CwMxJ6gfhskMkQ6J03Wu7MOx3FjrIveFH7l3F7z5rH2mclc4F6J9KhfWkFUpkPNMqXldg0hypY7tRei4RqomZygGlNC-gzuEXHR-aD8pGJfc6MLoDwCAO2NZJZRqAMeu31c0fOiKFjVeHyRqlXFvGLMy6P5KgEOa97Al2NYNfsXYCuGfTe32iHdbfiyRVy-CpoNDZbqzLtjdrZdtnqptXa5FoCXQ0RPRpgqlYrNxei1RCiPmQfRsLigN7zz0ZPt9FqCvk7o5B9KcLpgk1HbURgUBJtWjIb3tqX3dB-TwK-I8jwopWQk8ALqeDY0rN2vUNdG21mJOL_MRyGJxfQA_w6TaO1Hrt-7py8ymmzSoK6PaUDbHSvJtGJ-METHExeXhl3wGsGOOEoGCa5ziSJbkBZ8vsxDihdrOAQxhivYOWBEW6IAZsXl19Skc_PV97AyougHtLYSot65JisLAgZLss-4wO2tBktR9OE2cxUXn2_5mp29oOTs8juEedkBbdAkiqDro97i0fsgf_gjg4HG5TPSez1xsw3Loqi1G-3KNM3SIOoEhHMQpUmnxJyU8hZMmpRIdYIDpgT9Cp98rWeQTeQGGQyQ_rSV3Z3vszcEWcq7pOGcyUlKpSXb7eO2QeAGOkoig2sqQm2t3DPx0XjcEQu0wxHbtlXV8qMdCx_0eW1vJyuz36sBJrJD7QkNPzndE3ammAmT6lAuRSmy4VO2dWdJkCJgSQAMlmbHAkM2a_idojBP-OIZ5zjW3jpaBoVXEiknyQtWONVV137fjDaPonm9_Qe3vkkeGslc2on62U-fGNzyVW7\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZLR1Kjim4Brd9l-maqleJ1dkdQ43ILeAXJOGEZrcrhP8L6p9bUGKFe6_u4Y-mp_MNJa6sN600y7MxjFkFhrT-SWwDAx8KXZhmaXXPlVMYQpVw_USTAa0VY-VCW69W4nOYmj1Rh0F4uaBWrbbYNMMQulAMKOEuV3ma3Qir_Yrt_C-IYW7W-CyJsMCJce5SIffRG1eOLnOfpDXoBpJFTEHfBII0bAvCg8m5R9AlWsynYWLM726aJO9_1OHO9999Qqpw6hqCI-HZNCFq5EqLXYHKhZZwMdbcSiJmlt3-vRlJ9YLZ6ikCbI9y82V9Y5EAsCtO2ZkydATIAxEGoRIvkZYvQie0RQGA-a1rmRZMwaMRm1ob2AhgPxYFJ-_0L7QoPiDynxs8rXu3LiucKhxml0l6x3GG7prfpb4v-WrL9bLUrSOHT9TN1vynvjR_E1tkgYibuKecg7762y5N8b4Mk_ed_mYHqpGOOHMm634lnGcqKgLQq5KQEiMHimkppsE_az68U12guMUZDJU6ObCON5ty8taeutyMxmSn2OvTZtNYw0BJgagSuCn1JgWKARkXa3hiB__EL0MV8B1rPVPDVcJ9cSwlXLkG81dYR_FlnRr3ky1fnWiirTJh2tZbifQzhQYMkQM0Yfo9kKw5of1nVGaz6ShZmr7OJv-arPhS2sBg-cOAj-Kj8LePxNbqAdeBIyl2WvtDXcDk-Ayg8sz_8Ddk9qn-uOIPkzf4T4CD9w0ShqgryhtgHrqmmCXC5WNFALW9H5If2PlpApk7JOIx_TQPzgPtMo84RKAXI3fGoOjP_a8VoWBLd-gO_IjpYDYnuvrL_1svKDif27SSBdTHJisw23NXyP6TC3O5Lov9xvvy67P7PPE4VHx7SkT58sriZJqYQAKo0c79f_Xhbt22V2EW-ptWXOAwsalDmTVrMYKGzrKb9u08nTB1_gcrV809-MJySp6fbnNjFehZKZ-o7Qoq0V3SpqW7DKCz17X2hSva_h-w_UejPaDdqSpxDOT1pIYSkGl2wQmti9wpMqk-Ye1dJl98lH-T6dI33T8Wh8TuIBjY66Erxmr0Cg7bpQZmNslugMXUuGLMiUUCmDqGLHb1pgRS_Xv-JZd5l3MglmvvudIieTEYA9otSpfY5xeI-i_\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml CourierSystem\r\n\r\ntitle Syst\u00e8me de messagerie - Diagramme de composants\r\n\r\n' === Composants ===\r\ncomponent \"Application client\" as CustomerApp\r\ncomponent \"Application mobile du livreur\" as CourierApp\r\ncomponent \"Tableau de bord Web administrateur\" as AdminWeb\r\n\r\ncomponent \"Passerelle API\" as ApiGateway\r\n\r\ncomponent \"Service de commande\" as OrderService\r\ncomponent \"Service d'exp\u00e9dition\" as DispatchService\r\ncomponent \"Service de suivi\" as TrackingService\r\ncomponent \"Service de paiement\" as PaymentService\r\ncomponent \"Service de notification\" as NotificationService\r\ncomponent \"Service utilisateur\" as UserService\r\n\r\ncomponent \"File d'attente de messagesn(RabbitMQ\/Kafka)\" as MessageQueue\r\ncomponent \"Cache Redis\" as RedisCache\r\n\r\ndatabase \"Base de donn\u00e9es PostgreSQL\" as SQLDB\r\ndatabase \"MongoDBn(Journaux\/Historique de suivi)\" as MongoLogs\r\n\r\n' === Interfaces \/ Ports ===\r\nCustomerApp --&gt; ApiGateway : \"REST \/ WebSocket\"\r\nCourierApp --&gt; ApiGateway : \"REST \/ WebSocket\"\r\nAdminWeb --&gt; ApiGateway : \"REST\"\r\n\r\nApiGateway --&gt; OrderService\r\nApiGateway --&gt; TrackingService\r\nApiGateway --&gt; PaymentService\r\nApiGateway --&gt; UserService\r\n\r\n' === D\u00e9pendances des services ===\r\nOrderService --&gt; DispatchService : \"gRPC \/ REST\"\r\nOrderService --&gt; PaymentService\r\nOrderService --&gt; NotificationService\r\nOrderService --&gt; SQLDB : \"JDBC\"\r\nOrderService --&gt; RedisCache : \"Cache\"\r\n\r\nDispatchService --&gt; MessageQueue : \"Publier des \u00e9v\u00e9nements\"\r\nDispatchService --&gt; CourierApp : \"Pousser via la passerelle API\"\r\nDispatchService --&gt; SQLDB\r\n\r\nTrackingService --&gt; MessageQueue : \"S'abonner aux mises \u00e0 jour de localisation\"\r\nTrackingService --&gt; MongoLogs : \"\u00c9crire l'historique de suivi\"\r\nTrackingService --&gt; RedisCache : \"Cache de la localisation actuelle\"\r\n\r\nPaymentService --&gt; SQLDB\r\nPaymentService --&gt; NotificationService\r\n\r\nNotificationService --&gt; MessageQueue : \"Consommer les notifications\"\r\nNotificationService --&gt; CustomerApp : \"Pousser via la passerelle API\"\r\n\r\nUserService --&gt; SQLDB\r\nUserService --&gt; RedisCache\r\n\r\n' === Notes ===\r\nnote right of OrderService\r\n  G\u00e8re la cr\u00e9ation de colis,\r\n  la tarification et le statut de la commande\r\nend note\r\n\r\nnote right of DispatchService\r\n  Apparie les commandes aux livreurs,\r\n  optimise les itin\u00e9raires\r\nend note\r\n\r\nnote bottom of MessageQueue\r\n  \u00c9v\u00e9nements asynchrones : commande_cr\u00e9\u00e9e,\r\n  localisation_mise_\u00e0_jour,\r\n  statut_livraison_modifi\u00e9\r\nend note\r\n\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZLR1Kjim4Brd9l-maqleJ1dkdQ43ILeAXJOGEZrcrhP8L6p9bUGKFe6_u4Y-mp_MNJa6sN600y7MxjFkFhrT-SWwDAx8KXZhmaXXPlVMYQpVw_USTAa0VY-VCW69W4nOYmj1Rh0F4uaBWrbbYNMMQulAMKOEuV3ma3Qir_Yrt_C-IYW7W-CyJsMCJce5SIffRG1eOLnOfpDXoBpJFTEHfBII0bAvCg8m5R9AlWsynYWLM726aJO9_1OHO9999Qqpw6hqCI-HZNCFq5EqLXYHKhZZwMdbcSiJmlt3-vRlJ9YLZ6ikCbI9y82V9Y5EAsCtO2ZkydATIAxEGoRIvkZYvQie0RQGA-a1rmRZMwaMRm1ob2AhgPxYFJ-_0L7QoPiDynxs8rXu3LiucKhxml0l6x3GG7prfpb4v-WrL9bLUrSOHT9TN1vynvjR_E1tkgYibuKecg7762y5N8b4Mk_ed_mYHqpGOOHMm634lnGcqKgLQq5KQEiMHimkppsE_az68U12guMUZDJU6ObCON5ty8taeutyMxmSn2OvTZtNYw0BJgagSuCn1JgWKARkXa3hiB__EL0MV8B1rPVPDVcJ9cSwlXLkG81dYR_FlnRr3ky1fnWiirTJh2tZbifQzhQYMkQM0Yfo9kKw5of1nVGaz6ShZmr7OJv-arPhS2sBg-cOAj-Kj8LePxNbqAdeBIyl2WvtDXcDk-Ayg8sz_8Ddk9qn-uOIPkzf4T4CD9w0ShqgryhtgHrqmmCXC5WNFALW9H5If2PlpApk7JOIx_TQPzgPtMo84RKAXI3fGoOjP_a8VoWBLd-gO_IjpYDYnuvrL_1svKDif27SSBdTHJisw23NXyP6TC3O5Lov9xvvy67P7PPE4VHx7SkT58sriZJqYQAKo0c79f_Xhbt22V2EW-ptWXOAwsalDmTVrMYKGzrKb9u08nTB1_gcrV809-MJySp6fbnNjFehZKZ-o7Qoq0V3SpqW7DKCz17X2hSva_h-w_UejPaDdqSpxDOT1pIYSkGl2wQmti9wpMqk-Ye1dJl98lH-T6dI33T8Wh8TuIBjY66Erxmr0Cg7bpQZmNslugMXUuGLMiUUCmDqGLHb1pgRS_Xv-JZd5l3MglmvvudIieTEYA9otSpfY5xeI-i_\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZPR1Rjim38Rl0V8EH2xRW1Qz5-ZG9XxMRisMDXrw6H38CcCBZIL3aZDaJpzAjbDPKO3T8lAZI4e_vTmQoxHjwnqiLAi5wlN1MAoda-d42hl3mGoT7Ix9K3TAehIG2LPgvjaFS7Dpy-uoRZcTy2CwMxJ6gfhskMkQ6J03Wu7MOx3FjrIveFH7l3F7z5rH2mclc4F6J9KhfWkFUpkPNMqXldg0hypY7tRei4RqomZygGlNC-gzuEXHR-aD8pGJfc6MLoDwCAO2NZJZRqAMeu31c0fOiKFjVeHyRqlXFvGLMy6P5KgEOa97Al2NYNfsXYCuGfTe32iHdbfiyRVy-CpoNDZbqzLtjdrZdtnqptXa5FoCXQ0RPRpgqlYrNxei1RCiPmQfRsLigN7zz0ZPt9FqCvk7o5B9KcLpgk1HbURgUBJtWjIb3tqX3dB-TwK-I8jwopWQk8ALqeDY0rN2vUNdG21mJOL_MRyGJxfQA_w6TaO1Hrt-7py8ymmzSoK6PaUDbHSvJtGJ-METHExeXhl3wGsGOOEoGCa5ziSJbkBZ8vsxDihdrOAQxhivYOWBEW6IAZsXl19Skc_PV97AyougHtLYSot65JisLAgZLss-4wO2tBktR9OE2cxUXn2_5mp29oOTs8juEedkBbdAkiqDro97i0fsgf_gjg4HG5TPSez1xsw3Loqi1G-3KNM3SIOoEhHMQpUmnxJyU8hZMmpRIdYIDpgT9Cp98rWeQTeQGGQyQ_rSV3Z3vszcEWcq7pOGcyUlKpSXb7eO2QeAGOkoig2sqQm2t3DPx0XjcEQu0wxHbtlXV8qMdCx_0eW1vJyuz36sBJrJD7QkNPzndE3ammAmT6lAuRSmy4VO2dWdJkCJgSQAMlmbHAkM2a_idojBP-OIZ5zjW3jpaBoVXEiknyQtWONVV137fjDaPonm9_Qe3vkkeGslc2on62U-fGNzyVW7\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p><a href=\"https:\/\/www.vpascode.com\/#plantuml:ZPR1Rjim38Rl0V8EH2xRW1Qz5-ZG9XxMRisMDXrw6H38CcCBZIL3aZDaJpzAjbDPKO3T8lAZI4e_vTmQoxHjwnqiLAi5wlN1MAoda-d42hl3mGoT7Ix9K3TAehIG2LPgvjaFS7Dpy-uoRZcTy2CwMxJ6gfhskMkQ6J03Wu7MOx3FjrIveFH7l3F7z5rH2mclc4F6J9KhfWkFUpkPNMqXldg0hypY7tRei4RqomZygGlNC-gzuEXHR-aD8pGJfc6MLoDwCAO2NZJZRqAMeu31c0fOiKFjVeHyRqlXFvGLMy6P5KgEOa97Al2NYNfsXYCuGfTe32iHdbfiyRVy-CpoNDZbqzLtjdrZdtnqptXa5FoCXQ0RPRpgqlYrNxei1RCiPmQfRsLigN7zz0ZPt9FqCvk7o5B9KcLpgk1HbURgUBJtWjIb3tqX3dB-TwK-I8jwopWQk8ALqeDY0rN2vUNdG21mJOL_MRyGJxfQA_w6TaO1Hrt-7py8ymmzSoK6PaUDbHSvJtGJ-METHExeXhl3wGsGOOEoGCa5ziSJbkBZ8vsxDihdrOAQxhivYOWBEW6IAZsXl19Skc_PV97AyougHtLYSot65JisLAgZLss-4wO2tBktR9OE2cxUXn2_5mp29oOTs8juEedkBbdAkiqDro97i0fsgf_gjg4HG5TPSez1xsw3Loqi1G-3KNM3SIOoEhHMQpUmnxJyU8hZMmpRIdYIDpgT9Cp98rWeQTeQGGQyQ_rSV3Z3vszcEWcq7pOGcyUlKpSXb7eO2QeAGOkoig2sqQm2t3DPx0XjcEQu0wxHbtlXV8qMdCx_0eW1vJyuz36sBJrJD7QkNPzndE3ammAmT6lAuRSmy4VO2dWdJkCJgSQAMlmbHAkM2a_idojBP-OIZ5zjW3jpaBoVXEiknyQtWONVV137fjDaPonm9_Qe3vkkeGslc2on62U-fGNzyVW7\">Modifier PlantUML dans VPasCode<\/a><\/p>\n<h3>Infrastructure as Code : Diagramme de d\u00e9ploiement<\/h3>\n<p>VPasCode prend \u00e9galement en charge les diagrammes de d\u00e9ploiement, permettant aux \u00e9quipes de visualiser l&#8217;infrastructure physique. Cet exemple montre une architecture AWS avec des \u00e9quilibreurs de charge, des instances EC2 et des bases de donn\u00e9es RDS.<\/p>\n<p><img alt=\"A PlantUML deployment diagram code for a sample architecture, being edited with Visual Paradigm's VPasCode text-to-diagram editor\" decoding=\"async\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-deployment-diagram-sample-architecture.jpg\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZPB1IyCm5CRlXVuF7prjXwgjwC63hEj41dEK5LGK3scJIQJBapRPGTd_Rf9sOmu42OJmtY_Vb_TU9frchJQR9WmKSO4eUogHDsGuLcIqkBgCm3hCbcKOx9778iSekJZpwpov7aVu3WEWpnQcQcIDqbHAw243M1EvPhL6jBoVBv-n8COnPGrJjMYzHRQOEdJdjYErLcwP5eESVPdfjBimoFRGNPvYhcmbLWp98GdKjFaa9PIpjUJPXxKfvdWjY2DvyxRscFJuxa_9z9-IwK4oFP8ygMZ6DAjO9quxnFVnADkmBr9OpKgC7aoZPPoz83CjjMpSjygV1-sT6uoT3-BurZKHDrY9ZfgjwA1RjbxBEWnStELTjGuWetZSKYKLAZy4gTv_KRO0ptfHRsUlvQIKgBMqZok86e-aHqWOJ8JYzZFz0000\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZLBDIiD04Bu7yWv3JkqXrKJqq8CqfY853QK55SN39jdgodQtxe-8qWVmKVeSUJ5dDpMsWY21pJBppVVDpBSZROWoTid3GCYQGfJTp27dqjOmazRGuwC8Y8PnCG-3RyZrD8TUSZZmtq5oqe_W8mm0sknSMXshPgCfiR2o9MVLDW-0Kcn1AWDHy_bY6MUbebO1bbLFH3rIA2ucnQrNp2xFNCtQ7J_aERVQK5-XztGKUsqsdKuBdWWSJbGKplCKaYu9KCdbIWegi8ziEe42qODd3VTJMKFouENnchJmzP-KwJyfquuotQ7yDTdUsZ1G4atTlvP2D1kgEwsQ6EAJKROaxrB0R3o7NcQLL0IkB3SipkxwxGvzS2ksTWQYZn37fswxC8GPog79m2aOHHQi2WENS00tFo8wcmYQewGLTQnaoSGU4AVoS4_SzZ74kEJUMEoVlZ4fj4UbEwWm655Huzlx0W00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nnode \"AWS Cloud Route53\" as DNS\r\n\r\nnode \"VPC (10.0.0.0\/16)\" {\r\n  node \"Sous-r\u00e9seau public\" {\r\n    artifact \"\u00c9quilibreur de charge NGINX\" as ALB\r\n  }\r\n  \r\n  node \"Cluster de sous-r\u00e9seau priv\u00e9\" {\r\n    node \"Instance EC2 1\" {\r\n      component \"API Node.js [Pod 1]\" as Pod1\r\n    }\r\n    node \"Instance EC2 2\" {\r\n      component \"API Node.js [Pod 2]\" as Pod2\r\n    }\r\n  }\r\n  \r\n  node \"Sous-r\u00e9seau de base de donn\u00e9es\" {\r\n    database \"Amazon RDS (Aurora Multi-AZ)\" as Aurora\r\n  }\r\n}\r\n\r\nDNS --&gt; ALB : R\u00e9sout le trafic\r\nALB --&gt; Pod1 : \u00c9quilibrage round-robin\r\nALB --&gt; Pod2\r\nPod1 --&gt; Aurora : Pool de connexions\r\nPod2 --&gt; Aurora\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZLBDIiD04Bu7yWv3JkqXrKJqq8CqfY853QK55SN39jdgodQtxe-8qWVmKVeSUJ5dDpMsWY21pJBppVVDpBSZROWoTid3GCYQGfJTp27dqjOmazRGuwC8Y8PnCG-3RyZrD8TUSZZmtq5oqe_W8mm0sknSMXshPgCfiR2o9MVLDW-0Kcn1AWDHy_bY6MUbebO1bbLFH3rIA2ucnQrNp2xFNCtQ7J_aERVQK5-XztGKUsqsdKuBdWWSJbGKplCKaYu9KCdbIWegi8ziEe42qODd3VTJMKFouENnchJmzP-KwJyfquuotQ7yDTdUsZ1G4atTlvP2D1kgEwsQ6EAJKROaxrB0R3o7NcQLL0IkB3SipkxwxGvzS2ksTWQYZn37fswxC8GPog79m2aOHHQi2WENS00tFo8wcmYQewGLTQnaoSGU4AVoS4_SzZ74kEJUMEoVlZ4fj4UbEwWm655Huzlx0W00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZPB1IyCm5CRlXVuF7prjXwgjwC63hEj41dEK5LGK3scJIQJBapRPGTd_Rf9sOmu42OJmtY_Vb_TU9frchJQR9WmKSO4eUogHDsGuLcIqkBgCm3hCbcKOx9778iSekJZpwpov7aVu3WEWpnQcQcIDqbHAw243M1EvPhL6jBoVBv-n8COnPGrJjMYzHRQOEdJdjYErLcwP5eESVPdfjBimoFRGNPvYhcmbLWp98GdKjFaa9PIpjUJPXxKfvdWjY2DvyxRscFJuxa_9z9-IwK4oFP8ygMZ6DAjO9quxnFVnADkmBr9OpKgC7aoZPPoz83CjjMpSjygV1-sT6uoT3-BurZKHDrY9ZfgjwA1RjbxBEWnStELTjGuWetZSKYKLAZy4gTv_KRO0ptfHRsUlvQIKgBMqZok86e-aHqWOJ8JYzZFz0000\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p><a href=\"https:\/\/www.vpascode.com\/#plantuml:ZPB1IyCm5CRlXVuF7prjXwgjwC63hEj41dEK5LGK3scJIQJBapRPGTd_Rf9sOmu42OJmtY_Vb_TU9frchJQR9WmKSO4eUogHDsGuLcIqkBgCm3hCbcKOx9778iSekJZpwpov7aVu3WEWpnQcQcIDqbHAw243M1EvPhL6jBoVBv-n8COnPGrJjMYzHRQOEdJdjYErLcwP5eESVPdfjBimoFRGNPvYhcmbLWp98GdKjFaa9PIpjUJPXxKfvdWjY2DvyxRscFJuxa_9z9-IwK4oFP8ygMZ6DAjO9quxnFVnADkmBr9OpKgC7aoZPPoz83CjjMpSjygV1-sT6uoT3-BurZKHDrY9ZfgjwA1RjbxBEWnStELTjGuWetZSKYKLAZy4gTv_KRO0ptfHRsUlvQIKgBMqZok86e-aHqWOJ8JYzZFz0000\">Modifier PlantUML dans VPasCode<\/a><\/p>\n<h3>Architecture d&#8217;entreprise : Prise en charge d&#8217;ArchiMate<\/h3>\n<p>Pour les architectes d&#8217;entreprise, VPasCode prend en charge la notation ArchiMate, permettant la mod\u00e9lisation des couches m\u00e9tier, applicative et technologique. Cet exemple illustre l&#8217;interaction entre les processus m\u00e9tier et les services technologiques sous-jacents dans un contexte de navigateur Internet.<\/p>\n<p><img alt=\"A PlantUML ArchiMate diagram code for an Internet browser, being edited with Visual Paradigm's VPasCode text-to-diagram live editor\" decoding=\"async\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-archimate-diagram-internet-browser.jpg\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bLLTZvf057qduJ_S-j35nCO_q3IBkwjhQgiHDficJSY8LvmDp91XqDYc_trdO00HjEqJCoVtdFinvuRxJ18XyoI6EPCe64gO27xCK817aZH6s_f0MHZdMuJFH8HxcX29OxSwVR4jsv9KnWWrPfZmgQEfW-yMxe_bYn-uNk1zVV8VdfrX0owUfdwmdi-U_NFKNww2n-NhTutPrapmFAKiSZPvHXbcsGW64tCS37_R5a1r3PQRDmnb7LbULRnRXq293OOjtahmK7sTZ2TOWGOR3Jm5Ddm3NmXuA0uqH8TABqzJBgG1LEwv3mQ37HUDaEEcQKn38YbdOCA7MlPFgslIHEb6cflf_Gm97eaaPWJR-gXOhxY15OaGT03yP72dKiezmYu-tPMTdCjCSnRgWtF4JQfe4zoJ0-MvC58QWqq5TlaFF4avGoOTL-aSSAKiftYw0jr2WO46WU-ACewLQ4zfxMb83FUCnpmwAIM_lfXPD43W2abtH0s2ic-OS76QIqn60yeWAQumRcM2lKpYyHiva2mKD3N-EDEh7zXOt3XSl-_b8isGeQ0XV8HLd4UK_QjM6QqK2yDrPFyYfcQeZqL9XO0UQbOWzHXjQurnC8tvCLZWJlRQ7JhBe-cQLsHYKV2IzjYyLwgXfXXI4jDVfK6KGjTQFQjJqOkArpJQjttTOy_h2S-9Lrjqiun6B57MBGVKuz__Ijeo7xHsiYAjyGQZRt-kP2l7qw9tlThtb9T1jngyIgkyUuFiHf70g5tiHUfh2r5BXDfNnZwLsziJwwkr5Tmt4jkwHxPLVyLt\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bLNDRjim3BuRy3jmlTG5ElG5Xg7kVx6s2P8KnKw6uZAE2bdo93bTD-nTUkrpvCL6sR8R9tQndKnH_3vIv4Vus5YcRPaBk9OMjKGB9rez6zGmPNaXC0m-SPcAyX7X2zFfakVCub7SM5_380mijmBX_2Sw05HtjtG7d-6EhNX6PgbRVWVOluc_Z-vdIJnDfj_EPwTNqS6xy-RyOfPChY-lPflUsMYSd8qUxfml32wrAWikisXU6YxHc4FOkrs_MOvwx-1t602S-8jaD7_2rBQ1zP72xoKeiYta3Qu36skLqZSoAiV6wNs73blKTca6y5FKAvvYnEsqB0gbhNTGPky0BXTAKnFvZnAXKDGZwfvdWyZ70oiAmLEAMXou57ywpsylbIJY-Ftakx3XISwOPRuPZwr9g3CbvVeD3T282vOXFE0S9EolNq4mM2b1b_lrwpRfBagPEYDwnhc3dU2IXasl8CfJbRiNOexIEbhYQPXtYQfWIP5HJ8Gh79CWAN1C0A9o9qvTgAwsk7ghx3R8OhgKIgZiXRXcpO6Zxq_hUKbYohEWD16NjvWh_N9DzH_keNGZoHNN24TRwM1fSt7qn5RCf9eNjdxR1cSh0gzzlrfKIizYGBP-eq7eIWvqB4IPSVcldECgslKUjMLS6e-lnYftimtoqZYTMLNPSXddARLf9bWrEGmcA98BePwJ6rpOtbM1dRrpS8UhyiaikIzwTgINwXrQOCgPuBzg0H73hWPxzgw1LnLFUBRiBaAFZeSJRW87dnWRmpFfbg1kK8--_ojfHvdGMU86DC4F47txDP2jRay7lYlYlb5k1ttqm45O8-OFm76MQSownMwb7jgGbY9rklBoQJJVxLXVhPtWlfQ4mJ7AH_gd_WK0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml Internet Browser Sample\r\n!include &lt;archimate\/Archimate&gt;\r\n\r\ntitle Exemple ArchiMate - Navigateur Internet\r\n\r\n'LAYOUT_AS_SKETCH()\r\n'LAYOUT_LEFT_RIGHT()\r\n'LAYOUT_TOP_DOWN()\r\n\r\nGrouping(business, \"M\u00e9tier\"){\r\n  Business_Object(businessObject, \"Un objet m\u00e9tier\")\r\n  Business_Process(someBusinessProcess,\"Un processus m\u00e9tier\")\r\n  Business_Service(itSupportService, \"Support informatique pour le m\u00e9tier (Service applicatif)\")\r\n}\r\n\r\nGrouping(application, \"Application\"){\r\n  Application_DataObject(dataObject, \"Donn\u00e9es de page Web n '\u00e0 la vol\u00e9e'\")\r\n  Application_Function(webpageBehaviour, \"Comportement de la page Web\")\r\n  Application_Component(ActivePartWebPage, \"Partie active de la page Web n '\u00e0 la vol\u00e9e'\")\r\n}\r\n\r\nGrouping(technology, \"Technologie\"){\r\n  Technology_Artifact(inMemoryItem,\"en m\u00e9moire \/ '\u00e0 la vol\u00e9e' html\/javascript\")\r\n  Technology_Service(internetBrowser, \"Navigateur Internet g\u00e9n\u00e9rique et plugin\")\r\n  Technology_Service(internetBrowserPlugin, \"Certains plugins de navigateur Internet\")\r\n  Technology_Service(webServer, \"Certains serveurs Web\")\r\n}\r\n\r\n\r\nRel_Flow_Left(someBusinessProcess, businessObject, \"\")\r\nRel_Serving_Up(itSupportService, someBusinessProcess, \"\")\r\nRel_Specialization_Up(webpageBehaviour, itSupportService, \"\")\r\nRel_Flow_Right(dataObject, webpageBehaviour, \"\")\r\nRel_Specialization_Up(dataObject, businessObject, \"\")\r\nRel_Assignment_Left(ActivePartWebPage, webpageBehaviour, \"\")\r\nRel_Specialization_Up(inMemoryItem, dataObject, \"\")\r\nRel_Realization_Up(inMemoryItem, ActivePartWebPage, \"\")\r\nRel_Specialization_Right(inMemoryItem,internetBrowser, \"\")\r\nRel_Serving_Up(internetBrowser, webpageBehaviour, \"\")\r\nRel_Serving_Up(internetBrowserPlugin, webpageBehaviour, \"\")\r\nRel_Aggregation_Right(internetBrowser, internetBrowserPlugin, \"\")\r\nRel_Access_Up(webServer, inMemoryItem, \"\")\r\nRel_Serving_Up(webServer, internetBrowser, \"\")\r\n\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bLNDRjim3BuRy3jmlTG5ElG5Xg7kVx6s2P8KnKw6uZAE2bdo93bTD-nTUkrpvCL6sR8R9tQndKnH_3vIv4Vus5YcRPaBk9OMjKGB9rez6zGmPNaXC0m-SPcAyX7X2zFfakVCub7SM5_380mijmBX_2Sw05HtjtG7d-6EhNX6PgbRVWVOluc_Z-vdIJnDfj_EPwTNqS6xy-RyOfPChY-lPflUsMYSd8qUxfml32wrAWikisXU6YxHc4FOkrs_MOvwx-1t602S-8jaD7_2rBQ1zP72xoKeiYta3Qu36skLqZSoAiV6wNs73blKTca6y5FKAvvYnEsqB0gbhNTGPky0BXTAKnFvZnAXKDGZwfvdWyZ70oiAmLEAMXou57ywpsylbIJY-Ftakx3XISwOPRuPZwr9g3CbvVeD3T282vOXFE0S9EolNq4mM2b1b_lrwpRfBagPEYDwnhc3dU2IXasl8CfJbRiNOexIEbhYQPXtYQfWIP5HJ8Gh79CWAN1C0A9o9qvTgAwsk7ghx3R8OhgKIgZiXRXcpO6Zxq_hUKbYohEWD16NjvWh_N9DzH_keNGZoHNN24TRwM1fSt7qn5RCf9eNjdxR1cSh0gzzlrfKIizYGBP-eq7eIWvqB4IPSVcldECgslKUjMLS6e-lnYftimtoqZYTMLNPSXddARLf9bWrEGmcA98BePwJ6rpOtbM1dRrpS8UhyiaikIzwTgINwXrQOCgPuBzg0H73hWPxzgw1LnLFUBRiBaAFZeSJRW87dnWRmpFfbg1kK8--_ojfHvdGMU86DC4F47txDP2jRay7lYlYlb5k1ttqm45O8-OFm76MQSownMwb7jgGbY9rklBoQJJVxLXVhPtWlfQ4mJ7AH_gd_WK0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bLLTZvf057qduJ_S-j35nCO_q3IBkwjhQgiHDficJSY8LvmDp91XqDYc_trdO00HjEqJCoVtdFinvuRxJ18XyoI6EPCe64gO27xCK817aZH6s_f0MHZdMuJFH8HxcX29OxSwVR4jsv9KnWWrPfZmgQEfW-yMxe_bYn-uNk1zVV8VdfrX0owUfdwmdi-U_NFKNww2n-NhTutPrapmFAKiSZPvHXbcsGW64tCS37_R5a1r3PQRDmnb7LbULRnRXq293OOjtahmK7sTZ2TOWGOR3Jm5Ddm3NmXuA0uqH8TABqzJBgG1LEwv3mQ37HUDaEEcQKn38YbdOCA7MlPFgslIHEb6cflf_Gm97eaaPWJR-gXOhxY15OaGT03yP72dKiezmYu-tPMTdCjCSnRgWtF4JQfe4zoJ0-MvC58QWqq5TlaFF4avGoOTL-aSSAKiftYw0jr2WO46WU-ACewLQ4zfxMb83FUCnpmwAIM_lfXPD43W2abtH0s2ic-OS76QIqn60yeWAQumRcM2lKpYyHiva2mKD3N-EDEh7zXOt3XSl-_b8isGeQ0XV8HLd4UK_QjM6QqK2yDrPFyYfcQeZqL9XO0UQbOWzHXjQurnC8tvCLZWJlRQ7JhBe-cQLsHYKV2IzjYyLwgXfXXI4jDVfK6KGjTQFQjJqOkArpJQjttTOy_h2S-9Lrjqiun6B57MBGVKuz__Ijeo7xHsiYAjyGQZRt-kP2l7qw9tlThtb9T1jngyIgkyUuFiHf70g5tiHUfh2r5BXDfNnZwLsziJwwkr5Tmt4jkwHxPLVyLt\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p><a href=\"https:\/\/www.vpascode.com\/#plantuml:bLLTZvf057qduJ_S-j35nCO_q3IBkwjhQgiHDficJSY8LvmDp91XqDYc_trdO00HjEqJCoVtdFinvuRxJ18XyoI6EPCe64gO27xCK817aZH6s_f0MHZdMuJFH8HxcX29OxSwVR4jsv9KnWWrPfZmgQEfW-yMxe_bYn-uNk1zVV8VdfrX0owUfdwmdi-U_NFKNww2n-NhTutPrapmFAKiSZPvHXbcsGW64tCS37_R5a1r3PQRDmnb7LbULRnRXq293OOjtahmK7sTZ2TOWGOR3Jm5Ddm3NmXuA0uqH8TABqzJBgG1LEwv3mQ37HUDaEEcQKn38YbdOCA7MlPFgslIHEb6cflf_Gm97eaaPWJR-gXOhxY15OaGT03yP72dKiezmYu-tPMTdCjCSnRgWtF4JQfe4zoJ0-MvC58QWqq5TlaFF4avGoOTL-aSSAKiftYw0jr2WO46WU-ACewLQ4zfxMb83FUCnpmwAIM_lfXPD43W2abtH0s2ic-OS76QIqn60yeWAQumRcM2lKpYyHiva2mKD3N-EDEh7zXOt3XSl-_b8isGeQ0XV8HLd4UK_QjM6QqK2yDrPFyYfcQeZqL9XO0UQbOWzHXjQurnC8tvCLZWJlRQ7JhBe-cQLsHYKV2IzjYyLwgXfXXI4jDVfK6KGjTQFQjJqOkArpJQjttTOy_h2S-9Lrjqiun6B57MBGVKuz__Ijeo7xHsiYAjyGQZRt-kP2l7qw9tlThtb9T1jngyIgkyUuFiHf70g5tiHUfh2r5BXDfNnZwLsziJwwkr5Tmt4jkwHxPLVyLt\">Modifier PlantUML dans VPasCode<\/a><\/p>\n<h3>Mod\u00e9lisation des donn\u00e9es : MCD de billetterie de cin\u00e9ma<\/h3>\n<p>Les diagrammes de relations entit\u00e9s-associations (MCD) sont cruciaux pour la conception de bases de donn\u00e9es. VPasCode prend en charge les notations MCD standard et Chen. Cet exemple mod\u00e9lise un syst\u00e8me de billetterie de cin\u00e9ma, d\u00e9finissant des entit\u00e9s telles que <code data-backticks=\"1\">Client<\/code>,\u00a0<code data-backticks=\"1\">Film<\/code>,\u00a0<code data-backticks=\"1\">Spectacle<\/code>, et <code data-backticks=\"1\">R\u00e9servation<\/code>.<\/p>\n<p><img alt=\"A PlantUML entity relationship diagram (ERD) code for a cinema ticket system, being edited with Visual Paradigm's VPasCode text-to-diagram editor\" decoding=\"async\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-entity-relaiotnship-diagram-erd-cinema-ticket-system.jpg\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:dLR1Rk8m4BqZyGyMbrqgaDgkzeAggYc4RdOXe01LRv593B6Qs97jj49b_trjnma99AsqDpjlF9utRsQS1ouW4raITplT3Y82YmFeZJCkQ89O3q0E0hC17zqE05VbtiSX687Dnfc0kti53OUvmGupBdm24oJnPyiR_xAyxp-l-paQmqz0b40SLu2Rw-k-yNu5qeYIwgdRqYKzm5WS_9HY8hYqSDnrZZ2qnrmmA30bVWY5EhvsvlPgRSsNtSxVAkavVSD8CqxKgg2hDwrSvT6u7bCHL8Xum72gRbQNsYycf30puIIOP0BLmjqZmXhpmb2C84S5XOcrjWqWVP5zBMFzCrxh2CbJkPOYNnVSpBQTdS7FvBefIGegOEnpQLNZeJxuCJpGJCZFlrSBzoocLKJVTK1SBeferBerb6OPsYaOTm8dPvhhCYDX2n93ii_Wlb44dcqBkHyNYvbjkQOk6GwGBqijYo5JwjXZPsxDP9e6j_sgoHjEB-5wNYIPF2zoKUP5PVChYIxvCqa_Xbka-YclpNx57ycIBM8Neeb3sjXYcFim213dU5jFG2tyHqfVPJbg1jjyNP0msrOUhLEbfIvE7fk5p2iJ9ZGZebaJEVX4nfl8fl2GI4f-WaH4muh5ZxBk6IGS1hgFSNZH6ar9AQKjugvAt92Tk-cVmVBF_Nrp3LJHqomANf7mTQqrKmun3rH2V9YcCKRX5zMupFEWepOvAG8kKjGcPvlSL-0pIGglbvEwYdujt5wUVuU79kKC9DjrXnWYmUNmhgN0GtBivAEAwMMHW7ptF-NSDidAKLvsP40JdVFgys7kRNdBlW4FnVfvuH5EURTJFjx7ut18Fygk785U6aFPqBrk9t_kZ84Uo1BbGOJ2B9Or0fLDyN2SMKMK2mNh_UKLaJvRV53uyQDU_z8ee4H0JBGRzQdkfZI3SlRiYOn7q7EVnx8woplFUHln9FxEiBYaVS8P2X1-qnRT3g4opGpl8m7ehi9ifKjm19QsEt7Sfm4OBzofuytjYLnQxjYUpTJIVbawdZqnVcAqqsuCetBUZe1dFsrcbZS0pyvI-TeiP_Rg_FOJnteZLA9ORSPZUxKQWAdbw00yUxfn9og2RkT1ldhoF-yV\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bLPBRjim4DqRy1q8Rre7Df2cw2O8WYYEqgZr3_u4sGcqH3a4zAj81ItYxkjRT5Vu7BfOXvGeYRQKehiXPqJEUszcg1l6SSBJmEzskXqISigp0-gDV0fs3s6676cYrsu7eRDYPLCNNQBrshf3LzV2CHpcxZZ93c4KWFFHM8mUZCNxJ-VztDMoJG9C_PhZm_bvlpZq344kVdQ8dwEGr48krBTnH4FER8-w42SJlqJMT9KxNSo9JKFc93JcD0h1jx8cvd9bJERTpayDxZtr0mdM0qD15NOhKFWmqNDIIRb4kz9yKlcam0sn0ngcdB1wfbiIQcULt4W8B4eu5UuxOsKgAZdHAEiV0nhHC3i4E1Smjqi5ysKhCj39Lf_eifJ-JK9i7d7isx6F7HsCIraSCIhWLzulozdqECLbJ1oE7P_899bQgJJBZTP46_LfntU6daaAYLStQGLH1NWqF7NvEDocZIAnA6MsB0U1z7Os6vl6L7K3_Mw3wjiKkYOH4feZQsACWSt1HRyMyqBZKwzErrnmAQcIh2gQvAALedOkVBeDYUtZ3H7DbvUm4ZWDiaCIvUhLfUK_ObBkdZGZOTp63kZDw4QIMrAX0rba1qQI5omgHE99QXiALdsl7LtpB7ghTfJ6sfqdOWTHo36SB6kyMJQOcZpbJJm4aGiiOKe2CJQhW8ygWBg22u_A6n8SCkmKQUZDravRLGiQJrfXj35uTVzrCFzwVTrIFdLtDTIXH3VKzmbl9WFkSbC9miPnxDDlAKowVnPqGL5UquelLTR5kbNxDmkaLB0vNJbMQmeTgPzBsoHXzV1W1hSJOEHDfI593rg9X8w8Kv-Sl1ewByOBPP8J38RYGzZ_tmSj4x9uFig-Tg908C1KlaAr5qlm9BCuVJhVeGNn9Vkisob-4NQxuJ1wHKUzrIEU1-sOabwt8v_N8gm-Xtjn4cqJ7C3WoRE1MFK6DON3d4c9A4Y8gnmjzsC8qlP4tEwrgNSWse7AaVy-tKw-rt1g5OqvJ-X6bdlsk_6U7QfLYCn5PwlWjoTwY6wFIIgz9FiJKP5KjoFbI-ZscQF8EqQxL7F9dDh6QcLEL-O0ZMRJUsinoVPW6zFfUYmjysbkBS0gJlI99mzKsBHf3t6VrsCh-xM03n-jkJXpFH-RnzdKi9wsKJqbE72zN5e3bEr73xDrjeSjSt8xMo-MsLwWl26X2t-bVm40\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\n\r\nentit\u00e9 \"Client\" as client {\r\n  * client_id : UUID &lt;&gt;\r\n  --\r\n  * pr\u00e9nom : VARCHAR(50)\r\n  * nom : VARCHAR(50)\r\n  * email : VARCHAR(100) &lt;&gt;\r\n  * t\u00e9l\u00e9phone : VARCHAR(20)\r\n  * points_fid\u00e9lit\u00e9 : INT\r\n  * date_inscription : TIMESTAMP\r\n}\r\n\r\nentit\u00e9 \"Film\" as film {\r\n  * film_id : UUID &lt;&gt;\r\n  --\r\n  * titre : VARCHAR(200)\r\n  * description : TEXT\r\n  * dur\u00e9e_minutes : INT\r\n  * genre : VARCHAR(50)\r\n  * date_sortie : DATE\r\n  * note : VARCHAR(10)\r\n}\r\n\r\nentit\u00e9 \"Cin\u00e9ma\" as cin\u00e9ma {\r\n  * cin\u00e9ma_id : UUID &lt;&gt;\r\n  --\r\n  * nom_cin\u00e9ma : VARCHAR(100)\r\n  * nombre_total_places : INT\r\n  * disposition_places : JSON\r\n}\r\n\r\nentit\u00e9 \"Spectacle\" as spectacle {\r\n  * spectacle_id : UUID &lt;&gt;\r\n  --\r\n  * film_id : UUID &lt;&gt;\r\n  * cin\u00e9ma_id : UUID &lt;&gt;\r\n  * heure_spectacle : TIMESTAMP\r\n  * heure_fin : TIMESTAMP\r\n  * langue : VARCHAR(50)\r\n  * sous_titres : BOOLEAN\r\n  * prix_r\u00e9gulier : DECIMAL(10,2)\r\n  * prix_vip : DECIMAL(10,2)\r\n}\r\n\r\nentit\u00e9 \"Place\" as place {\r\n  * place_id : UUID &lt;&gt;\r\n  --\r\n  * cin\u00e9ma_id : UUID &lt;&gt;\r\n  * ligne_label : CHAR(2)\r\n  * num\u00e9ro_place : INT\r\n  * type_place : VARCHAR(20)\r\n  * est_accessible : BOOLEAN\r\n}\r\n\r\nentit\u00e9 \"R\u00e9servation\" as r\u00e9servation {\r\n  * r\u00e9servation_id : UUID &lt;&gt;\r\n  --\r\n  * client_id : UUID &lt;&gt;\r\n  * spectacle_id : UUID &lt;&gt;\r\n  * heure_r\u00e9servation : TIMESTAMP\r\n  * montant_total : DECIMAL(10,2)\r\n  * statut : VARCHAR(20)\r\n  * mode_paiement : VARCHAR(30)\r\n  * identifiant_transaction : VARCHAR(100)\r\n}\r\n\r\nentit\u00e9 \"R\u00e9servationPlace\" as r\u00e9servation_place {\r\n  * r\u00e9servation_id : UUID &lt;&lt;FK,PK&gt;&gt;\r\n  * place_id : UUID &lt;&lt;FK,PK&gt;&gt;\r\n  --\r\n  * prix_billet : DECIMAL(10,2)\r\n  * r\u00e9duction_appliqu\u00e9e : DECIMAL(10,2)\r\n}\r\n\r\nentit\u00e9 \"Paiement\" as paiement {\r\n  * paiement_id : UUID &lt;&gt;\r\n  --\r\n  * r\u00e9servation_id : UUID &lt;&gt;\r\n  * montant : DECIMAL(10,2)\r\n  * date_paiement : TIMESTAMP\r\n  * statut_paiement : VARCHAR(20)\r\n  * passerelle_paiement : VARCHAR(30)\r\n  * r\u00e9f\u00e9rence_passerelle : VARCHAR(200)\r\n}\r\n\r\nentit\u00e9 \"Avis\" as avis {\r\n  * avis_id : UUID &lt;&gt;\r\n  --\r\n  * client_id : UUID &lt;&gt;\r\n  * film_id : UUID &lt;&gt;\r\n  * note : INT\r\n  * commentaire : TEXT\r\n  * date_avis : TIMESTAMP\r\n}\r\n\r\n' Relations\r\nclient ||--o{ r\u00e9servation : \"effectue\"\r\nfilm ||--o{ spectacle : \"programm\u00e9 comme\"\r\ncin\u00e9ma ||--o{ spectacle : \"accueille\"\r\nspectacle ||--o{ r\u00e9servation : \"a\"\r\nr\u00e9servation ||--|{ r\u00e9servation_place : \"contient\"\r\nplace ||--o{ r\u00e9servation_place : \"attribu\u00e9e \u00e0\"\r\nr\u00e9servation ||--|| paiement : \"a\"\r\nclient ||--o{ avis : \"r\u00e9dige\"\r\nfilm ||--o{ avis : \"re\u00e7oit\"\r\n\r\nnote right of r\u00e9servation : Statut : EN_ATTENTE, CONFIRM\u00c9E, ANNUL\u00c9E, EXPIR\u00c9E\r\nnote left of place : type_place : R\u00c9GULI\u00c8RE, VIP, COUPLE\r\nnote right of paiement : statut_paiement : EN_ATTENTE, R\u00c9USSI, \u00c9CHOU\u00c9, REMBOURS\u00c9\r\n\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bLPBRjim4DqRy1q8Rre7Df2cw2O8WYYEqgZr3_u4sGcqH3a4zAj81ItYxkjRT5Vu7BfOXvGeYRQKehiXPqJEUszcg1l6SSBJmEzskXqISigp0-gDV0fs3s6676cYrsu7eRDYPLCNNQBrshf3LzV2CHpcxZZ93c4KWFFHM8mUZCNxJ-VztDMoJG9C_PhZm_bvlpZq344kVdQ8dwEGr48krBTnH4FER8-w42SJlqJMT9KxNSo9JKFc93JcD0h1jx8cvd9bJERTpayDxZtr0mdM0qD15NOhKFWmqNDIIRb4kz9yKlcam0sn0ngcdB1wfbiIQcULt4W8B4eu5UuxOsKgAZdHAEiV0nhHC3i4E1Smjqi5ysKhCj39Lf_eifJ-JK9i7d7isx6F7HsCIraSCIhWLzulozdqECLbJ1oE7P_899bQgJJBZTP46_LfntU6daaAYLStQGLH1NWqF7NvEDocZIAnA6MsB0U1z7Os6vl6L7K3_Mw3wjiKkYOH4feZQsACWSt1HRyMyqBZKwzErrnmAQcIh2gQvAALedOkVBeDYUtZ3H7DbvUm4ZWDiaCIvUhLfUK_ObBkdZGZOTp63kZDw4QIMrAX0rba1qQI5omgHE99QXiALdsl7LtpB7ghTfJ6sfqdOWTHo36SB6kyMJQOcZpbJJm4aGiiOKe2CJQhW8ygWBg22u_A6n8SCkmKQUZDravRLGiQJrfXj35uTVzrCFzwVTrIFdLtDTIXH3VKzmbl9WFkSbC9miPnxDDlAKowVnPqGL5UquelLTR5kbNxDmkaLB0vNJbMQmeTgPzBsoHXzV1W1hSJOEHDfI593rg9X8w8Kv-Sl1ewByOBPP8J38RYGzZ_tmSj4x9uFig-Tg908C1KlaAr5qlm9BCuVJhVeGNn9Vkisob-4NQxuJ1wHKUzrIEU1-sOabwt8v_N8gm-Xtjn4cqJ7C3WoRE1MFK6DON3d4c9A4Y8gnmjzsC8qlP4tEwrgNSWse7AaVy-tKw-rt1g5OqvJ-X6bdlsk_6U7QfLYCn5PwlWjoTwY6wFIIgz9FiJKP5KjoFbI-ZscQF8EqQxL7F9dDh6QcLEL-O0ZMRJUsinoVPW6zFfUYmjysbkBS0gJlI99mzKsBHf3t6VrsCh-xM03n-jkJXpFH-RnzdKi9wsKJqbE72zN5e3bEr73xDrjeSjSt8xMo-MsLwWl26X2t-bVm40\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:dLR1Rk8m4BqZyGyMbrqgaDgkzeAggYc4RdOXe01LRv593B6Qs97jj49b_trjnma99AsqDpjlF9utRsQS1ouW4raITplT3Y82YmFeZJCkQ89O3q0E0hC17zqE05VbtiSX687Dnfc0kti53OUvmGupBdm24oJnPyiR_xAyxp-l-paQmqz0b40SLu2Rw-k-yNu5qeYIwgdRqYKzm5WS_9HY8hYqSDnrZZ2qnrmmA30bVWY5EhvsvlPgRSsNtSxVAkavVSD8CqxKgg2hDwrSvT6u7bCHL8Xum72gRbQNsYycf30puIIOP0BLmjqZmXhpmb2C84S5XOcrjWqWVP5zBMFzCrxh2CbJkPOYNnVSpBQTdS7FvBefIGegOEnpQLNZeJxuCJpGJCZFlrSBzoocLKJVTK1SBeferBerb6OPsYaOTm8dPvhhCYDX2n93ii_Wlb44dcqBkHyNYvbjkQOk6GwGBqijYo5JwjXZPsxDP9e6j_sgoHjEB-5wNYIPF2zoKUP5PVChYIxvCqa_Xbka-YclpNx57ycIBM8Neeb3sjXYcFim213dU5jFG2tyHqfVPJbg1jjyNP0msrOUhLEbfIvE7fk5p2iJ9ZGZebaJEVX4nfl8fl2GI4f-WaH4muh5ZxBk6IGS1hgFSNZH6ar9AQKjugvAt92Tk-cVmVBF_Nrp3LJHqomANf7mTQqrKmun3rH2V9YcCKRX5zMupFEWepOvAG8kKjGcPvlSL-0pIGglbvEwYdujt5wUVuU79kKC9DjrXnWYmUNmhgN0GtBivAEAwMMHW7ptF-NSDidAKLvsP40JdVFgys7kRNdBlW4FnVfvuH5EURTJFjx7ut18Fygk785U6aFPqBrk9t_kZ84Uo1BbGOJ2B9Or0fLDyN2SMKMK2mNh_UKLaJvRV53uyQDU_z8ee4H0JBGRzQdkfZI3SlRiYOn7q7EVnx8woplFUHln9FxEiBYaVS8P2X1-qnRT3g4opGpl8m7ehi9ifKjm19QsEt7Sfm4OBzofuytjYLnQxjYUpTJIVbawdZqnVcAqqsuCetBUZe1dFsrcbZS0pyvI-TeiP_Rg_FOJnteZLA9ORSPZUxKQWAdbw00yUxfn9og2RkT1ldhoF-yV\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p><a href=\"https:\/\/www.vpascode.com\/#plantuml:dLR1Rk8m4BqZyGyMbrqgaDgkzeAggYc4RdOXe01LRv593B6Qs97jj49b_trjnma99AsqDpjlF9utRsQS1ouW4raITplT3Y82YmFeZJCkQ89O3q0E0hC17zqE05VbtiSX687Dnfc0kti53OUvmGupBdm24oJnPyiR_xAyxp-l-paQmqz0b40SLu2Rw-k-yNu5qeYIwgdRqYKzm5WS_9HY8hYqSDnrZZ2qnrmmA30bVWY5EhvsvlPgRSsNtSxVAkavVSD8CqxKgg2hDwrSvT6u7bCHL8Xum72gRbQNsYycf30puIIOP0BLmjqZmXhpmb2C84S5XOcrjWqWVP5zBMFzCrxh2CbJkPOYNnVSpBQTdS7FvBefIGegOEnpQLNZeJxuCJpGJCZFlrSBzoocLKJVTK1SBeferBerb6OPsYaOTm8dPvhhCYDX2n93ii_Wlb44dcqBkHyNYvbjkQOk6GwGBqijYo5JwjXZPsxDP9e6j_sgoHjEB-5wNYIPF2zoKUP5PVChYIxvCqa_Xbka-YclpNx57ycIBM8Neeb3sjXYcFim213dU5jFG2tyHqfVPJbg1jjyNP0msrOUhLEbfIvE7fk5p2iJ9ZGZebaJEVX4nfl8fl2GI4f-WaH4muh5ZxBk6IGS1hgFSNZH6ar9AQKjugvAt92Tk-cVmVBF_Nrp3LJHqomANf7mTQqrKmun3rH2V9YcCKRX5zMupFEWepOvAG8kKjGcPvlSL-0pIGglbvEwYdujt5wUVuU79kKC9DjrXnWYmUNmhgN0GtBivAEAwMMHW7ptF-NSDidAKLvsP40JdVFgys7kRNdBlW4FnVfvuH5EURTJFjx7ut18Fygk785U6aFPqBrk9t_kZ84Uo1BbGOJ2B9Or0fLDyN2SMKMK2mNh_UKLaJvRV53uyQDU_z8ee4H0JBGRzQdkfZI3SlRiYOn7q7EVnx8woplFUHln9FxEiBYaVS8P2X1-qnRT3g4opGpl8m7ehi9ifKjm19QsEt7Sfm4OBzofuytjYLnQxjYUpTJIVbawdZqnVcAqqsuCetBUZe1dFsrcbZS0pyvI-TeiP_Rg_FOJnteZLA9ORSPZUxKQWAdbw00yUxfn9og2RkT1ldhoF-yV\">Modifier PlantUML dans VPasCode<\/a><\/p>\n<h2>Mermaid.js : Diagrammes compatibles avec Markdown<\/h2>\n<p>Pour les \u00e9quipes qui documentent abondamment en Markdown (comme dans les README GitHub ou Confluence), Mermaid.js est le choix id\u00e9al. VPasCode rend Mermaid nativement dans le navigateur, prenant en charge les diagrammes de flux, les diagrammes de classes, les diagrammes de s\u00e9quence, les diagrammes de Gantt, les cartes mentales, et plus encore.<\/p>\n<h3>Diagramme de flux de d\u00e9cision pour les soins de sant\u00e9<\/h3>\n<p>Ce diagramme de flux guide les patients \u00e0 travers un processus de prise de d\u00e9cision en mati\u00e8re de soins de sant\u00e9, de la reconnaissance des sympt\u00f4mes au traitement.<\/p>\n<p><img alt=\"A Mermaid.js flowchart code for a 'see doctor' flow, being edited with Visual Paradigm's VPasCode text-to-diagram live editor\" decoding=\"async\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-mermaid-flowchart-see-doctor.jpg\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpdkd9ugjAUh+9NfIfzAmZvsAUFFP+wBd3F0nDRtGfapLSkLRije\/fRomDkjpyv3+932l+pz+xEjYNDPJ1A90UkRZTwrc4oJWgDOSKHHXLBqISIt4JhCbPZO8yvmQXhgCpIKjRHVOzy8Ted9J65Z24\/aG+wIAvauQYI9mi8xnr9UoPTkBTl87Fc3yAme3ZC3kiEWDPXoVFda6FchcqVj5g4VElI5Bwq\/oJ4IAlASu6OpKWyoU5oNSjSQCyvsaBHpa2wsKMcx02W4yYrcjBIgx6+JFXlM+FLZ+TTcDRwQOvskJCFhDUpkKFoMUyhQNvIAHlk3dd8nFiF3w1JtexeCIbUO70J4+11f6lqpysLWVUb3SIfW2\/H1jsf3E3NBd6g0I0TCqE3z5q6fOb9DnmHu8Yo\/y79rd2RvO\/4DwW\/pJQ=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier Mermaid dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNptkU1u2zAQhfcBcofZdWX0Bi3s2Pl1HMPOjtCCoSfpABQpcEglrZ0D9Cja9wa6WIe0HatIBQj6e\/Pe+0bP1r+aHzpEeJyen4EcY7VGYHSRAtTa6g2CT6BbL89PyJ4cyCvjHSNZhrrvNmR0eqtgNPoGk+2M48ggJCdneEFn8Pv7+dnee5I1u4dEO7hQ46ZBiwEssuSFlozcbL4chkqozd\/F++jE1dBn4d0OpmoZ0G0CQr7gr1HrE0tdNFKhtENDrjo2mJaWMzVmJo7FfTh48J8V1aXqf7faJh3JO2h0rvrZ8bJor7ZT0i\/OcyQDfRf1k6UT99WJ+1otrS4rjEFTxFo2XQ1VhepGXfi61tIriJQhIkf+iLwpkbdqhQbLf8krDH3HyUYd+Z+JrL\/d4xzHr8vjnVonamVv9j9V7opkvl3\/rJvY\/6nFUAu5JZ9jTmDzE9i9WvWdSU3fhf3CvkIOoIwafIrksBoOFc6FMESfghPOA8lww1m92Jf\/C9My2mM=\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">flowchart TD\r\n    A[Se sentir malade ou avoir besoin de conseils m\u00e9dicaux] --&gt; B{Est-ce une urgence?}\r\n\r\n    B --&gt;|Oui| C[Appeler les services d'urgence ou aller aux urgences]\r\n    B --&gt;|Non| D[Prendre rendez-vous avec un m\u00e9decin]\r\n\r\n    D --&gt; E[Assister au rendez-vous]\r\n    E --&gt; F[\u00c9valuation par le m\u00e9decin]\r\n\r\n    F --&gt; G{Diagnostic \u00e9tabli?}\r\n\r\n    G --&gt;|Oui| H[Plan de traitement]\r\n    G --&gt;|Non| I[Commander des tests]\r\n\r\n    I --&gt; J[Recevoir les r\u00e9sultats des tests]\r\n    J --&gt; F\r\n\r\n    H --&gt; K[Suivre le traitement]\r\n    K --&gt; L{Sympt\u00f4mes am\u00e9lior\u00e9s?}\r\n\r\n    L --&gt;|Oui| M[R\u00e9cup\u00e9ration \/ Suivi de routine]\r\n    L --&gt;|Non| N[Retourner voir le m\u00e9decin]\r\n    N --&gt; F\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNptkU1u2zAQhfcBcofZdWX0Bi3s2Pl1HMPOjtCCoSfpABQpcEglrZ0D9Cja9wa6WIe0HatIBQj6e\/Pe+0bP1r+aHzpEeJyen4EcY7VGYHSRAtTa6g2CT6BbL89PyJ4cyCvjHSNZhrrvNmR0eqtgNPoGk+2M48ggJCdneEFn8Pv7+dnee5I1u4dEO7hQ46ZBiwEssuSFlozcbL4chkqozd\/F++jE1dBn4d0OpmoZ0G0CQr7gr1HrE0tdNFKhtENDrjo2mJaWMzVmJo7FfTh48J8V1aXqf7faJh3JO2h0rvrZ8bJor7ZT0i\/OcyQDfRf1k6UT99WJ+1otrS4rjEFTxFo2XQ1VhepGXfi61tIriJQhIkf+iLwpkbdqhQbLf8krDH3HyUYd+Z+JrL\/d4xzHr8vjnVonamVv9j9V7opkvl3\/rJvY\/6nFUAu5JZ9jTmDzE9i9WvWdSU3fhf3CvkIOoIwafIrksBoOFc6FMESfghPOA8lww1m92Jf\/C9My2mM=\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpdkd9ugjAUh+9NfIfzAmZvsAUFFP+wBd3F0nDRtGfapLSkLRije\/fRomDkjpyv3+932l+pz+xEjYNDPJ1A90UkRZTwrc4oJWgDOSKHHXLBqISIt4JhCbPZO8yvmQXhgCpIKjRHVOzy8Ted9J65Z24\/aG+wIAvauQYI9mi8xnr9UoPTkBTl87Fc3yAme3ZC3kiEWDPXoVFda6FchcqVj5g4VElI5Bwq\/oJ4IAlASu6OpKWyoU5oNSjSQCyvsaBHpa2wsKMcx02W4yYrcjBIgx6+JFXlM+FLZ+TTcDRwQOvskJCFhDUpkKFoMUyhQNvIAHlk3dd8nFiF3w1JtexeCIbUO70J4+11f6lqpysLWVUb3SIfW2\/H1jsf3E3NBd6g0I0TCqE3z5q6fOb9DnmHu8Yo\/y79rd2RvO\/4DwW\/pJQ=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier Mermaid dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p><a href=\"https:\/\/www.vpascode.com\/#mermaid:eNpdkd9ugjAUh+9NfIfzAmZvsAUFFP+wBd3F0nDRtGfapLSkLRije\/fRomDkjpyv3+932l+pz+xEjYNDPJ1A90UkRZTwrc4oJWgDOSKHHXLBqISIt4JhCbPZO8yvmQXhgCpIKjRHVOzy8Ted9J65Z24\/aG+wIAvauQYI9mi8xnr9UoPTkBTl87Fc3yAme3ZC3kiEWDPXoVFda6FchcqVj5g4VElI5Bwq\/oJ4IAlASu6OpKWyoU5oNSjSQCyvsaBHpa2wsKMcx02W4yYrcjBIgx6+JFXlM+FLZ+TTcDRwQOvskJCFhDUpkKFoMUyhQNvIAHlk3dd8nFiF3w1JtexeCIbUO70J4+11f6lqpysLWVUb3SIfW2\/H1jsf3E3NBd6g0I0TCqE3z5q6fOb9DnmHu8Yo\/y79rd2RvO\/4DwW\/pJQ=\">Modifier Mermaid dans VPasCode<\/a><\/p>\n<h2>Graphviz : Topologies de r\u00e9seaux et structures de donn\u00e9es<\/h2>\n<p>Graphviz utilise le langage DOT pour cr\u00e9er des graphiques complexes. Il est particuli\u00e8rement utile pour visualiser les topologies de r\u00e9seaux, les arbres de d\u00e9pendance et les structures de donn\u00e9es.<\/p>\n<h3>Topologie du r\u00e9seau de centre de donn\u00e9es<\/h3>\n<p>Ce graphique illustre un r\u00e9seau de centre de donn\u00e9es simplifi\u00e9, montrant des h\u00f4tes connect\u00e9s via des commutateurs interconnect\u00e9s avec des liens trunks et des connexions de basculement.<\/p>\n<p><img alt=\"A Graphviz code for a sample graph, being edited with Visual Paradigm's VPasCode text-to-diagram live editor\" decoding=\"async\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-graphviz-graph.jpg\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Graphviz<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqNU8tOwzAQvCPxD6twTRFtEx4HH1oQAgl6aRGHqkKOvUmsGjuyXUpB\/DtOkwgDLcIHS9mZWY0nu4WhVQkPiguDzCGfVlQpoYqZQYT3wwPwJ9fKKfqMJLpB+YJOMBqPjKAytlTZnkUj8qihSpqhJNEVdbR3icqhgXu0JUzQrbVZwkxXWupiA2PKlplWCLcqN9Q6s2JuZTBsIzUjURZ9ebDiDUk\/aQrNrTRHmP\/LYAy2pBUSJgyT6L\/cRiLJhZTIY2DeliHRUXKWpqcXnlwDXTHv52leF9eCu5KcHJ\/X+CvyrSPvHReNHeSFt9PJLhI6zM69rELVKAfH6SK0P10Lx8qRrEoKMG\/Dmz4+jX4YYBlPsR8tQtUYnReFqvGfqomPqg\/t6VQ32rqnk2+cwW7OIOQMd3OGISfZzUmivQn0euHTOhnMzEot\/UjCnVDL+iegKEpH0sXODttn7kUGvxJsgeE+IAnT67rAvJkeTm0ZTk+beNztAVxTIfWL34LbeheYVspvWZ3AxyeFTAk4\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier Graphviz dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Graphviz<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqNU8tu2zAQvAfIPxDqoRc58ENqnAMP9ikBil7sIAfDCChyJRGllwJJNW6LfpC\/wz8W0pJQJrGL8iBAOzPU7Gi3MqypySMKaYA7EKuGIUqs1gaA\/L6+Iv6UGh2yHdDkHtQPcJKzdGEkU6llaEcWjCyTjqpYAYoma91opSsJRAAxx4MF1pIdk0odD6HEAZ05gUIjHg9gyYg8YGmYdablrg3g5+OhkRgoxjIF8ReU5jQpkr\/2rPwFdJJ1he6J2l+\/+S\/vKbE1a4ByabgC\/+Z+KqCltwsiJdy3YmjyKbvN8y93nhyAoVhOyrwMxRcpXE3HN\/OA70GcHPlmYNvZAVF5O4PsLmOzYu5lDWCnnN7k29j+6kU6Xi9UUzNCNn2uq6fnxTsDvBA5TJJtrFqC86JYtfyn6puPakL6M6jutXXP4zec6XnONObMznNmMSc7z8mSiwmMRnFrg4x8lYBkbVr8Hv4AyKp2NN+elZ96vIhMP8TXA7NLQBZHN9xCNt3oCGbreHT6uNNhP\/ysOzDczz7spcawCAWzvFWw85sRYvjzCh04FzA=\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Graphviz in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-graphviz\"><code class=\"language-graphviz\" data-language=\"graphviz\" class=\"language-graphviz\">graph UndirectedSpanningTree {\r\n    fontname=\"Helvetica,Arial,sans-serif\"\r\n    label=\"Topologie de r\u00e9seau maill\u00e9 de centre de donn\u00e9es - Infrastructure d'\u00e9pine dorsale\"\r\n    labelloc=\"b\"\r\n    fontsize=14\r\n    \r\n    node [fontname=\"Helvetica,Arial,sans-serif\", shape=circle, style=filled, color=\"#475569\", fillcolor=\"#f1f5f9\", width=0.8, fixedsize=true]\r\n    edge [color=\"#94a3b8\", penwidth=2.5]\r\n    \r\n    SwitchAlpha  [label=\"SW_A\", fillcolor=\"#cbd5e1\"]\r\n    SwitchBeta   [label=\"SW_B\", fillcolor=\"#cbd5e1\"]\r\n    Node1        [label=\"Host_01\"]\r\n    Node2        [label=\"Host_02\"]\r\n    Node3        [label=\"Host_03\"]\r\n    Node4        [label=\"Host_04\"]\r\n    \r\n    SwitchAlpha -- SwitchBeta [label=\" Lien Trunk\", weight=5]\r\n    SwitchAlpha -- Node1\r\n    SwitchAlpha -- Node2\r\n    SwitchBeta -- Node3\r\n    SwitchBeta -- Node4\r\n    Node1 -- Node2 [style=dashed, color=\"#cbd5e1\", label=\" Interconnexion de basculement\"]\r\n}\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqNU8tu2zAQvAfIPxDqoRc58ENqnAMP9ikBil7sIAfDCChyJRGllwJJNW6LfpC\/wz8W0pJQJrGL8iBAOzPU7Gi3MqypySMKaYA7EKuGIUqs1gaA\/L6+Iv6UGh2yHdDkHtQPcJKzdGEkU6llaEcWjCyTjqpYAYoma91opSsJRAAxx4MF1pIdk0odD6HEAZ05gUIjHg9gyYg8YGmYdablrg3g5+OhkRgoxjIF8ReU5jQpkr\/2rPwFdJJ1he6J2l+\/+S\/vKbE1a4ByabgC\/+Z+KqCltwsiJdy3YmjyKbvN8y93nhyAoVhOyrwMxRcpXE3HN\/OA70GcHPlmYNvZAVF5O4PsLmOzYu5lDWCnnN7k29j+6kU6Xi9UUzNCNn2uq6fnxTsDvBA5TJJtrFqC86JYtfyn6puPakL6M6jutXXP4zec6XnONObMznNmMSc7z8mSiwmMRnFrg4x8lYBkbVr8Hv4AyKp2NN+elZ96vIhMP8TXA7NLQBZHN9xCNt3oCGbreHT6uNNhP\/ysOzDczz7spcawCAWzvFWw85sRYvjzCh04FzA=\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Graphviz in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqNU8tOwzAQvCPxD6twTRFtEx4HH1oQAgl6aRGHqkKOvUmsGjuyXUpB\/DtOkwgDLcIHS9mZWY0nu4WhVQkPiguDzCGfVlQpoYqZQYT3wwPwJ9fKKfqMJLpB+YJOMBqPjKAytlTZnkUj8qihSpqhJNEVdbR3icqhgXu0JUzQrbVZwkxXWupiA2PKlplWCLcqN9Q6s2JuZTBsIzUjURZ9ebDiDUk\/aQrNrTRHmP\/LYAy2pBUSJgyT6L\/cRiLJhZTIY2DeliHRUXKWpqcXnlwDXTHv52leF9eCu5KcHJ\/X+CvyrSPvHReNHeSFt9PJLhI6zM69rELVKAfH6SK0P10Lx8qRrEoKMG\/Dmz4+jX4YYBlPsR8tQtUYnReFqvGfqomPqg\/t6VQ32rqnk2+cwW7OIOQMd3OGISfZzUmivQn0euHTOhnMzEot\/UjCnVDL+iegKEpH0sXODttn7kUGvxJsgeE+IAnT67rAvJkeTm0ZTk+beNztAVxTIfWL34LbeheYVspvWZ3AxyeFTAk4\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier Graphviz dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p><a href=\"https:\/\/www.vpascode.com\/#graphviz:eNqNU8tOwzAQvCPxD6twTRFtEx4HH1oQAgl6aRGHqkKOvUmsGjuyXUpB\/DtOkwgDLcIHS9mZWY0nu4WhVQkPiguDzCGfVlQpoYqZQYT3wwPwJ9fKKfqMJLpB+YJOMBqPjKAytlTZnkUj8qihSpqhJNEVdbR3icqhgXu0JUzQrbVZwkxXWupiA2PKlplWCLcqN9Q6s2JuZTBsIzUjURZ9ebDiDUk\/aQrNrTRHmP\/LYAy2pBUSJgyT6L\/cRiLJhZTIY2DeliHRUXKWpqcXnlwDXTHv52leF9eCu5KcHJ\/X+CvyrSPvHReNHeSFt9PJLhI6zM69rELVKAfH6SK0P10Lx8qRrEoKMG\/Dmz4+jX4YYBlPsR8tQtUYnReFqvGfqomPqg\/t6VQ32rqnk2+cwW7OIOQMd3OGISfZzUmivQn0euHTOhnMzEot\/UjCnVDL+iegKEpH0sXODttn7kUGvxJsgeE+IAnT67rAvJkeTm0ZTk+beNztAVxTIfWL34LbeheYVspvWZ3AxyeFTAk4\">Modifier Graphviz dans VPasCode<\/a><\/p>\n<h2>Automatisation native \u00e0 l&#8217;IA : Booster votre flux de travail<\/h2>\n<p>VPasCode n&#8217;est pas qu&#8217;un \u00e9diteur de texte ; c&#8217;est un assistant propuls\u00e9 par l&#8217;IA. Alors que la version gratuite offre un support multi-moteur essentiel, un aper\u00e7u en temps r\u00e9el et des exports flexibles (PNG\/SVG), les fonctionnalit\u00e9s payantes d\u00e9verrouillent des capacit\u00e9s d&#8217;IA r\u00e9volutionnaires.<\/p>\n<h3>Fonctionnalit\u00e9s cl\u00e9s de l&#8217;IA :<\/h3>\n<ul>\n<li>\n<p><strong>Du langage naturel au diagramme :<\/strong> Traduire directement des descriptions d&#8217;architecture en anglais simple en scripts de code propres et pr\u00eats \u00e0 \u00eatre rendus.<\/p>\n<\/li>\n<li>\n<p><strong>Correction automatique des erreurs de code par l&#8217;IA :<\/strong> Bloqu\u00e9 par une erreur de syntaxe ? L&#8217;IA int\u00e9gr\u00e9e analyse votre code PlantUML, Mermaid ou Graphviz et corrige automatiquement les erreurs.<\/p>\n<\/li>\n<\/ul>\n<p><img alt=\"An illustration showing how the AI code error fix functionality works\" decoding=\"async\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/how-does-vpascode-ai-code-error-fix-works2.jpg\"\/><\/p>\n<ul>\n<li>\n<p><strong>Traduction de diagrammes par l&#8217;IA :<\/strong> Traduire sans effort le texte et les libell\u00e9s de vos diagrammes dans plusieurs langues en un seul clic, tout en conservant les structures syntaxiques intactes.<\/p>\n<\/li>\n<\/ul>\n<p><img alt=\"This is an illustration showing how the translation feature works in VPasCode\" decoding=\"async\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-translating-platuml-from-english-to-chinese.jpg\"\/><\/p>\n<h2>Partage et collaboration<\/h2>\n<p>VPasCode rend le partage sans effort. Vous pouvez g\u00e9n\u00e9rer une URL web unique et persistante pour partager des diagrammes en direct avec vos coll\u00e8gues ou clients afin de r\u00e9aliser des revues collaboratives. Pour une documentation formelle, vous pouvez t\u00e9l\u00e9charger votre travail sous forme d&#8217;images PNG haute qualit\u00e9 ou de graphiques vectoriels SVG \u00e9volutifs.<\/p>\n<h2>Acc\u00e8s aux fonctionnalit\u00e9s premium<\/h2>\n<p>Si vous \u00eates d\u00e9j\u00e0 utilisateur de Visual Paradigm, vous avez peut-\u00eatre d\u00e9j\u00e0 acc\u00e8s \u00e0 ces fonctionnalit\u00e9s d&#8217;IA premium :<\/p>\n<ul>\n<li>\n<p><strong>\u00c9dition Combo en ligne Visual Paradigm<\/strong> (ou version sup\u00e9rieure).<\/p>\n<\/li>\n<li>\n<p><strong>\u00c9dition Professionnelle de bureau Visual Paradigm<\/strong> (ou version sup\u00e9rieure) avec un contrat de maintenance actif.<\/p>\n<\/li>\n<\/ul>\n<blockquote>\n<p><strong>Note pour les utilisateurs de bureau :<\/strong> Les utilisateurs de Visual Paradigm Professional Edition (ou version sup\u00e9rieure) avec une maintenance active b\u00e9n\u00e9ficient automatiquement d&#8217;un acc\u00e8s complet aux applications web de l&#8217;\u00e9dition Combo en ligne VP \u2014 ce qui signifie que vous obtenez un acc\u00e8s imm\u00e9diat aux outils d&#8217;IA premium de VPasCode sans frais suppl\u00e9mentaires !<\/p>\n<\/blockquote>\n<h2>Astuces et conseils pour les \u00e9quipes agiles<\/h2>\n<ol>\n<li>\n<p><strong>G\u00e9rez la version de vos diagrammes :<\/strong> Puisque VPasCode g\u00e9n\u00e8re du texte, stockez vos <code data-backticks=\"1\">.puml<\/code>,\u00a0<code data-backticks=\"1\">.mmd<\/code>, ou <code data-backticks=\"1\">.dot<\/code> dans votre d\u00e9p\u00f4t Git. Cela vous permet de suivre les modifications, de revenir en cas d&#8217;erreur et d&#8217;examiner l&#8217;\u00e9volution de l&#8217;architecture au fil du temps.<\/p>\n<\/li>\n<li>\n<p><strong>Utilisez des liens en direct pour les points quotidiens :<\/strong>Au lieu de faire des captures d&#8217;\u00e9cran des diagrammes pour Slack ou Teams, partagez l&#8217;URL en direct de VPasCode. Les parties prenantes peuvent voir la derni\u00e8re version sans avoir besoin de t\u00e9l\u00e9charger des fichiers.<\/p>\n<\/li>\n<li>\n<p><strong>Exploitez l&#8217;IA pour le code de base :<\/strong>Utilisez la fonctionnalit\u00e9 \u00ab Diagramme \u00e0 partir du langage naturel \u00bb pour g\u00e9n\u00e9rer rapidement un squelette de code pour des diagrammes complexes, puis affinez-les manuellement. Cela fait gagner du temps sur la m\u00e9morisation de la syntaxe.<\/p>\n<\/li>\n<li>\n<p><strong>Standardisez les mod\u00e8les :<\/strong>Cr\u00e9ez des extraits de code r\u00e9utilisables pour des types de diagrammes courants (par exemple, des mod\u00e8les de d\u00e9ploiement AWS, des diagrammes de composants de microservices) et partagez-les au sein de l&#8217;\u00e9quipe pour garantir la coh\u00e9rence.<\/p>\n<\/li>\n<li>\n<p><strong>Int\u00e9grez avec CI\/CD :<\/strong>Puisque les diagrammes sont du code, vous pouvez int\u00e9grer les exports VPasCode dans votre pipeline CI\/CD pour g\u00e9n\u00e9rer et publier automatiquement des diagrammes d&#8217;architecture mis \u00e0 jour \u00e0 chaque version.<\/p>\n<\/li>\n<\/ol>\n<h2>Conclusion<\/h2>\n<p>VPasCode repr\u00e9sente un bond en avant significatif pour les \u00e9quipes Agile cherchant \u00e0 combler l&#8217;\u00e9cart entre le code et la documentation. En unifiant PlantUML, Mermaid.js et Graphviz en une seule plateforme am\u00e9lior\u00e9e par l&#8217;IA, il \u00e9limine les frictions inh\u00e9rentes aux outils de diagrammation traditionnels. Pour les d\u00e9veloppeurs et les architectes qui valorisent la rapidit\u00e9, la pr\u00e9cision et le contr\u00f4le de version, VPasCode offre une solution fluide pour maintenir la documentation architecturale vivante, pr\u00e9cise et int\u00e9gr\u00e9e au flux de travail de d\u00e9veloppement. Que vous mod\u00e9lisiez un parcours utilisateur simple ou un syst\u00e8me distribu\u00e9 complexe, VPasCode garantit que vos diagrammes \u00e9voluent aussi rapidement que votre code.<\/p>\n<hr\/>\n<h2>R\u00e9f\u00e9rences<\/h2>\n<ol>\n<li><strong><a href=\"https:\/\/www.visual-paradigm.com\/guide\/comprehensive-guide-to-vpascode-by-visual-paradigm\/\">Guide complet de VPasCode par Visual Paradigm<\/a><\/strong>: Un aper\u00e7u approfondi de l&#8217;architecture centrale de VPasCode, de l&#8217;unit\u00e9 multi-moteur et des fonctionnalit\u00e9s d&#8217;automatisation natives \u00e0 l&#8217;IA.<\/li>\n<li><strong><a href=\"https:\/\/updates.visual-paradigm.com\/releases\/introducing-vpascode-the-ultimate-unified-text-to-diagram-platform\/\">Pr\u00e9sentation de VPasCode : La plateforme ultime unifi\u00e9e de texte vers diagramme<\/a><\/strong>: L&#8217;annonce officielle de lancement d\u00e9taillant le d\u00e9ploiement de VPasCode et son support pour PlantUML, Mermaid.js et Graphviz.<\/li>\n<li><strong><a href=\"https:\/\/www.visual-paradigm.com\/guide\/clarity-by-design-streamlining-infrastructure-documentation-with-vpascode-and-graphviz\/\">Clart\u00e9 par conception : Rationaliser la documentation d&#8217;infrastructure avec VPasCode et Graphviz<\/a><\/strong>: Un guide ax\u00e9 sur l&#8217;utilisation de Graphviz au sein de VPasCode pour cr\u00e9er des diagrammes clairs d&#8217;infrastructure et de topologie r\u00e9seau.<\/li>\n<li><strong><a href=\"https:\/\/www.visual-paradigm.com\/features\/vpascode\/\">Fonctionnalit\u00e9s de VPasCode<\/a><\/strong>: Un r\u00e9sum\u00e9 des fonctionnalit\u00e9s cl\u00e9s, notamment l&#8217;aper\u00e7u en temps r\u00e9el, le partage facile et les exports flexibles.<\/li>\n<li><strong><a href=\"https:\/\/www.visual-paradigm.com\/guide\/mastering-vpascode-the-ultimate-guide-to-ai-powered-diagram-as-code-with-multi-engine-support\/\">Ma\u00eetriser VPasCode : Le guide ultime du diagramme en code propuls\u00e9 par l&#8217;IA avec support multi-moteur<\/a><\/strong>: Un tutoriel complet sur l&#8217;exploitation des fonctionnalit\u00e9s d&#8217;IA telles que la correction d&#8217;erreurs et la traduction au sein de VPasCode.<\/li>\n<li><strong><a href=\"https:\/\/updates.visual-paradigm.com\/releases\/break-language-barriers-natively-with-vpascodes-new-ai-diagram-translation\/\">Brisez les barri\u00e8res linguistiques nativement gr\u00e2ce \u00e0 la nouvelle fonctionnalit\u00e9 de traduction de diagrammes par IA de VPasCode<\/a><\/strong>: Un article expliquant la fonctionnalit\u00e9 de traduction de diagrammes par IA et comment elle localise les \u00e9tiquettes tout en pr\u00e9servant la syntaxe.<\/li>\n<li><strong><a href=\"https:\/\/online.visual-paradigm.com\/\">Visual Paradigm Online<\/a><\/strong>: Le portail principal pour acc\u00e9der aux outils en ligne de Visual Paradigm, y compris VPasCode.<\/li>\n<li><strong><a href=\"https:\/\/updates.visual-paradigm.com\/releases\/never-get-stuck-on-syntax-again-introducing-ai-code-error-fixing-in-vpascode\/\">Ne restez plus jamais bloqu\u00e9 sur la syntaxe : Pr\u00e9sentation de la correction d&#8217;erreurs de code par IA dans VPasCode<\/a><\/strong>: Un aper\u00e7u d\u00e9taill\u00e9 de la fonctionnalit\u00e9 de correction d&#8217;erreurs de code par IA et de la mani\u00e8re dont elle aide les d\u00e9veloppeurs \u00e0 r\u00e9soudre instantan\u00e9ment les probl\u00e8mes de syntaxe.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Introduction Dans le monde rapide du d\u00e9veloppement Agile, la documentation devient souvent un goulot d&#8217;\u00e9tranglement. Les outils de diagrammation traditionnels par glisser-d\u00e9poser n\u00e9cessitent un changement constant de contexte, ce qui&hellip;<\/p>\n","protected":false},"author":3,"featured_media":719,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","inline_featured_image":false,"fifu_image_url":"https:\/\/www.go-minder.com\/wp-content\/uploads\/2026\/06\/img_6a30a2ba2873e.png","fifu_image_alt":"","footnotes":""},"categories":[13,65],"tags":[],"class_list":["post-718","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ai","category-vpascode"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Du texte \u00e0 l&#039;architecture : Ma\u00eetriser VPasCode de Visual Paradigm pour les \u00e9quipes Agile - Go Minder French - Your Hub for AI and Software Trends<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.go-minder.com\/fr\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Du texte \u00e0 l&#039;architecture : Ma\u00eetriser VPasCode de Visual Paradigm pour les \u00e9quipes Agile - Go Minder French - Your Hub for AI and Software Trends\" \/>\n<meta property=\"og:description\" content=\"Introduction Dans le monde rapide du d\u00e9veloppement Agile, la documentation devient souvent un goulot d&#8217;\u00e9tranglement. Les outils de diagrammation traditionnels par glisser-d\u00e9poser n\u00e9cessitent un changement constant de contexte, ce qui&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.go-minder.com\/fr\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/\" \/>\n<meta property=\"og:site_name\" content=\"Go Minder French - Your Hub for AI and Software Trends\" \/>\n<meta property=\"article:published_time\" content=\"2026-06-16T01:12:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.go-minder.com\/wp-content\/uploads\/2026\/06\/img_6a30a2ba2873e.png\" \/><meta property=\"og:image\" content=\"https:\/\/www.go-minder.com\/wp-content\/uploads\/2026\/06\/img_6a30a2ba2873e.png\" \/>\n\t<meta property=\"og:image:width\" content=\"977\" \/>\n\t<meta property=\"og:image:height\" content=\"543\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"curtis\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.go-minder.com\/wp-content\/uploads\/2026\/06\/img_6a30a2ba2873e.png\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.go-minder.com\/fr\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.go-minder.com\/fr\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/\"},\"author\":{\"name\":\"curtis\",\"@id\":\"https:\/\/www.go-minder.com\/fr\/#\/schema\/person\/16da910cd6b226cc1dd44b77156cb29d\"},\"headline\":\"Du texte \u00e0 l&#8217;architecture : Ma\u00eetriser VPasCode de Visual Paradigm pour les \u00e9quipes Agile\",\"datePublished\":\"2026-06-16T01:12:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.go-minder.com\/fr\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/\"},\"wordCount\":2311,\"publisher\":{\"@id\":\"https:\/\/www.go-minder.com\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.go-minder.com\/fr\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.go-minder.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/06\/img_6a30a2ba2873e.png\",\"articleSection\":[\"AI\",\"VPasCode\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.go-minder.com\/fr\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/\",\"url\":\"https:\/\/www.go-minder.com\/fr\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/\",\"name\":\"Du texte \u00e0 l'architecture : Ma\u00eetriser VPasCode de Visual Paradigm pour les \u00e9quipes Agile - Go Minder French - Your Hub for AI and Software Trends\",\"isPartOf\":{\"@id\":\"https:\/\/www.go-minder.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.go-minder.com\/fr\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.go-minder.com\/fr\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.go-minder.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/06\/img_6a30a2ba2873e.png\",\"datePublished\":\"2026-06-16T01:12:15+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.go-minder.com\/fr\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.go-minder.com\/fr\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.go-minder.com\/fr\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/#primaryimage\",\"url\":\"https:\/\/www.go-minder.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/06\/img_6a30a2ba2873e.png\",\"contentUrl\":\"https:\/\/www.go-minder.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/06\/img_6a30a2ba2873e.png\",\"width\":977,\"height\":543},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.go-minder.com\/fr\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.go-minder.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Du texte \u00e0 l&#8217;architecture : Ma\u00eetriser VPasCode de Visual Paradigm pour les \u00e9quipes Agile\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.go-minder.com\/fr\/#website\",\"url\":\"https:\/\/www.go-minder.com\/fr\/\",\"name\":\"Go Minder French - Your Hub for AI and Software Trends\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.go-minder.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.go-minder.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.go-minder.com\/fr\/#organization\",\"name\":\"Go Minder French - Your Hub for AI and Software Trends\",\"url\":\"https:\/\/www.go-minder.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.go-minder.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.go-minder.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/01\/cropped-go-minder-favicon.png\",\"contentUrl\":\"https:\/\/www.go-minder.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/01\/cropped-go-minder-favicon.png\",\"width\":512,\"height\":512,\"caption\":\"Go Minder French - Your Hub for AI and Software Trends\"},\"image\":{\"@id\":\"https:\/\/www.go-minder.com\/fr\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.go-minder.com\/fr\/#\/schema\/person\/16da910cd6b226cc1dd44b77156cb29d\",\"name\":\"curtis\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.go-minder.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g\",\"caption\":\"curtis\"},\"url\":\"https:\/\/www.go-minder.com\/fr\/author\/curtis\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Du texte \u00e0 l'architecture : Ma\u00eetriser VPasCode de Visual Paradigm pour les \u00e9quipes Agile - Go Minder French - Your Hub for AI and Software Trends","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.go-minder.com\/fr\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/","og_locale":"fr_FR","og_type":"article","og_title":"Du texte \u00e0 l'architecture : Ma\u00eetriser VPasCode de Visual Paradigm pour les \u00e9quipes Agile - Go Minder French - Your Hub for AI and Software Trends","og_description":"Introduction Dans le monde rapide du d\u00e9veloppement Agile, la documentation devient souvent un goulot d&#8217;\u00e9tranglement. Les outils de diagrammation traditionnels par glisser-d\u00e9poser n\u00e9cessitent un changement constant de contexte, ce qui&hellip;","og_url":"https:\/\/www.go-minder.com\/fr\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/","og_site_name":"Go Minder French - Your Hub for AI and Software Trends","article_published_time":"2026-06-16T01:12:15+00:00","og_image":[{"url":"https:\/\/www.go-minder.com\/wp-content\/uploads\/2026\/06\/img_6a30a2ba2873e.png","type":"","width":"","height":""},{"width":977,"height":543,"url":"https:\/\/www.go-minder.com\/wp-content\/uploads\/2026\/06\/img_6a30a2ba2873e.png","type":"image\/png"}],"author":"curtis","twitter_card":"summary_large_image","twitter_image":"https:\/\/www.go-minder.com\/wp-content\/uploads\/2026\/06\/img_6a30a2ba2873e.png","twitter_misc":{"\u00c9crit par":false,"Dur\u00e9e de lecture estim\u00e9e":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.go-minder.com\/fr\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/#article","isPartOf":{"@id":"https:\/\/www.go-minder.com\/fr\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/"},"author":{"name":"curtis","@id":"https:\/\/www.go-minder.com\/fr\/#\/schema\/person\/16da910cd6b226cc1dd44b77156cb29d"},"headline":"Du texte \u00e0 l&#8217;architecture : Ma\u00eetriser VPasCode de Visual Paradigm pour les \u00e9quipes Agile","datePublished":"2026-06-16T01:12:15+00:00","mainEntityOfPage":{"@id":"https:\/\/www.go-minder.com\/fr\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/"},"wordCount":2311,"publisher":{"@id":"https:\/\/www.go-minder.com\/fr\/#organization"},"image":{"@id":"https:\/\/www.go-minder.com\/fr\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/#primaryimage"},"thumbnailUrl":"https:\/\/www.go-minder.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/06\/img_6a30a2ba2873e.png","articleSection":["AI","VPasCode"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/www.go-minder.com\/fr\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/","url":"https:\/\/www.go-minder.com\/fr\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/","name":"Du texte \u00e0 l'architecture : Ma\u00eetriser VPasCode de Visual Paradigm pour les \u00e9quipes Agile - Go Minder French - Your Hub for AI and Software Trends","isPartOf":{"@id":"https:\/\/www.go-minder.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.go-minder.com\/fr\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/#primaryimage"},"image":{"@id":"https:\/\/www.go-minder.com\/fr\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/#primaryimage"},"thumbnailUrl":"https:\/\/www.go-minder.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/06\/img_6a30a2ba2873e.png","datePublished":"2026-06-16T01:12:15+00:00","breadcrumb":{"@id":"https:\/\/www.go-minder.com\/fr\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.go-minder.com\/fr\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.go-minder.com\/fr\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/#primaryimage","url":"https:\/\/www.go-minder.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/06\/img_6a30a2ba2873e.png","contentUrl":"https:\/\/www.go-minder.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/06\/img_6a30a2ba2873e.png","width":977,"height":543},{"@type":"BreadcrumbList","@id":"https:\/\/www.go-minder.com\/fr\/from-text-to-architecture-mastering-visual-paradigms-vpascode-for-agile-teams\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.go-minder.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Du texte \u00e0 l&#8217;architecture : Ma\u00eetriser VPasCode de Visual Paradigm pour les \u00e9quipes Agile"}]},{"@type":"WebSite","@id":"https:\/\/www.go-minder.com\/fr\/#website","url":"https:\/\/www.go-minder.com\/fr\/","name":"Go Minder French - Your Hub for AI and Software Trends","description":"","publisher":{"@id":"https:\/\/www.go-minder.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.go-minder.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.go-minder.com\/fr\/#organization","name":"Go Minder French - Your Hub for AI and Software Trends","url":"https:\/\/www.go-minder.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.go-minder.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/www.go-minder.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/01\/cropped-go-minder-favicon.png","contentUrl":"https:\/\/www.go-minder.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/01\/cropped-go-minder-favicon.png","width":512,"height":512,"caption":"Go Minder French - Your Hub for AI and Software Trends"},"image":{"@id":"https:\/\/www.go-minder.com\/fr\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.go-minder.com\/fr\/#\/schema\/person\/16da910cd6b226cc1dd44b77156cb29d","name":"curtis","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.go-minder.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g","caption":"curtis"},"url":"https:\/\/www.go-minder.com\/fr\/author\/curtis\/"}]}},"_links":{"self":[{"href":"https:\/\/www.go-minder.com\/fr\/wp-json\/wp\/v2\/posts\/718","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.go-minder.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.go-minder.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.go-minder.com\/fr\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.go-minder.com\/fr\/wp-json\/wp\/v2\/comments?post=718"}],"version-history":[{"count":0,"href":"https:\/\/www.go-minder.com\/fr\/wp-json\/wp\/v2\/posts\/718\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.go-minder.com\/fr\/wp-json\/wp\/v2\/media\/719"}],"wp:attachment":[{"href":"https:\/\/www.go-minder.com\/fr\/wp-json\/wp\/v2\/media?parent=718"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.go-minder.com\/fr\/wp-json\/wp\/v2\/categories?post=718"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.go-minder.com\/fr\/wp-json\/wp\/v2\/tags?post=718"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}