{"id":12489,"date":"2026-08-25T14:29:51","date_gmt":"2026-08-25T06:29:51","guid":{"rendered":"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/"},"modified":"2026-09-03T23:26:08","modified_gmt":"2026-09-03T15:26:08","slug":"comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool","status":"publish","type":"post","link":"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/","title":{"rendered":"Guide complet sur PlantUML : les diagrammes en tant que code"},"content":{"rendered":"<div class=\"chat-messages-container\">\n<div>\n<div>\n<div>\n<div>\n<div>\n<div>\n<div>\n<div>\n<h1 dir=\"ltr\"><span>Introduction : Ma\u00eetriser les diagrammes en tant que code avec PlantUML et Visual Paradigm<\/span><\/h1>\n<div dir=\"ltr\"><span>Dans le paysage actuel du d\u00e9veloppement logiciel, o\u00f9 tout va vite, une communication visuelle claire n&#8217;est plus un luxe, mais une n\u00e9cessit\u00e9. Pourtant, les outils de diagrammation traditionnels cr\u00e9ent souvent plus de friction qu&#8217;ils ne r\u00e9solvent. Les interfaces glisser-d\u00e9poser g\u00e9n\u00e8rent des fichiers binaires qui r\u00e9sistent au contr\u00f4le de version, deviennent obsol\u00e8tes d\u00e8s que le code change et cr\u00e9ent des silos entre les d\u00e9veloppeurs et la documentation.<\/span><\/div>\n<div><\/div>\n<div dir=\"ltr\"><span>Entrez<\/span><strong dir=\"ltr\"><span>PlantUML<\/span><\/strong><span>: une approche r\u00e9volutionnaire qui traite les diagrammes comme du code. En d\u00e9crivant vos syst\u00e8mes en texte brut, vous d\u00e9bloquez la puissance du contr\u00f4le de version, de la g\u00e9n\u00e9ration automatis\u00e9e et d&#8217;une collaboration fluide. Mais pourquoi s&#8217;arr\u00eater \u00e0 l&#8217;\u00e9criture de code lorsque l&#8217;IA peut vous aider \u00e0 l&#8217;\u00e9crire mieux ?<\/span><\/div>\n<div><\/div>\n<div dir=\"ltr\"><span>Ce guide complet explore comment<\/span><strong dir=\"ltr\"><span>PlantUML<\/span><\/strong><span>, combin\u00e9 \u00e0<\/span><strong dir=\"ltr\"><span>l&#8217;IA Chatbot de Visual Paradigm<\/span><\/strong><span>et<\/span><strong dir=\"ltr\"><span>VPasCode<\/span><\/strong><span><span>, transforme la cr\u00e9ation de diagrammes d&#8217;une t\u00e2che fastidieuse en un flux de travail efficace et intelligent. Que vous soyez un architecte exp\u00e9riment\u00e9 cartographiant des microservices complexes ou un chef de produit esquissant des parcours utilisateurs, vous d\u00e9couvrirez comment exploiter les diagrammes bas\u00e9s sur du texte pour cr\u00e9er des visuels professionnels et maintenables qui \u00e9voluent avec votre projet.<br \/>\n<\/span><\/span><\/p>\n<p id=\"fweyXvg\"><img alt=\"VPasCode : Transformer la cr\u00e9ation de diagrammes : PlantUML et flux de travail aliment\u00e9s par l'IA\" class=\"alignnone wp-image-20135 size-full\" decoding=\"async\" height=\"572\" loading=\"lazy\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3691d85b8.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3691d85b8.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3691d85b8-300x168.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3691d85b8-768x429.png 768w\" width=\"1024\"\/><\/p>\n<\/div>\n<div dir=\"ltr\"><span>Des diagrammes de classes aux diagrammes de Gantt, des diagrammes de s\u00e9quence aux mod\u00e8les d&#8217;architecture C4, nous parcourrons des exemples pratiques et des meilleures pratiques qui rehausseront votre niveau de documentation. Dites adieu aux fichiers Visio obsol\u00e8tes et bonjour aux diagrammes qui vivent dans votre d\u00e9p\u00f4t, \u00e9voluent avec votre code et parlent le langage des d\u00e9veloppeurs.<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<h2>Pourquoi utiliser PlantUML pour les diagrammes en tant que code ? Quels sont les avantages ?<\/h2>\n<p>PlantUML est un outil open source qui vous permet de cr\u00e9er des diagrammes UML \u00e0 partir de descriptions en texte brut. Voici les principaux avantages :<\/p>\n<p id=\"rZkfDjQ\"><img alt=\"Pourquoi PlantUML pour les diagrammes en tant que code : Avantages et puissance avec VPasCode\" class=\"alignnone wp-image-20139 size-full\" decoding=\"async\" height=\"572\" loading=\"lazy\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3775a2b21.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3775a2b21.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3775a2b21-300x168.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3775a2b21-768x429.png 768w\" width=\"1024\"\/><\/p>\n<h3>1.\u00a0<strong>Compatible avec le contr\u00f4le de version<\/strong><\/h3>\n<ul>\n<li>\n<p>Les diagrammes bas\u00e9s sur du texte peuvent \u00eatre stock\u00e9s dans des d\u00e9p\u00f4ts Git<\/p>\n<\/li>\n<li>\n<p>Facile \u00e0 suivre les modifications, \u00e0 examiner les diff\u00e9rences et \u00e0 collaborer<\/p>\n<\/li>\n<li>\n<p>Pas de fichiers binaires difficiles \u00e0 fusionner<\/p>\n<\/li>\n<\/ul>\n<h3>2.\u00a0<strong>Maintenabilit\u00e9<\/strong><\/h3>\n<ul>\n<li>\n<p>Facile \u00e0 mettre \u00e0 jour et \u00e0 modifier les diagrammes<\/p>\n<\/li>\n<li>\n<p>Style coh\u00e9rent pour tous les diagrammes<\/p>\n<\/li>\n<li>\n<p>Composants et mod\u00e8les r\u00e9utilisables<\/p>\n<\/li>\n<\/ul>\n<h3>3.\u00a0<strong>Centr\u00e9 sur les d\u00e9veloppeurs<\/strong><\/h3>\n<ul>\n<li>\n<p>\u00c9crivez des diagrammes en code (pas de glisser-d\u00e9poser)<\/p>\n<\/li>\n<li>\n<p>S&#8217;int\u00e8gre aux IDE et aux outils de documentation<\/p>\n<\/li>\n<li>\n<p>G\u00e9n\u00e9ration automatique de diagrammes \u00e0 partir du code<\/p>\n<\/li>\n<\/ul>\n<h3>4.\u00a0<strong>Int\u00e9gration des outils<\/strong><\/h3>\n<ul>\n<li>\n<p>Fonctionne avec le chatbot IA de Visual Paradigm pour des suggestions de diagrammes intelligentes<\/p>\n<\/li>\n<li>\n<p>VPasCode offre une exp\u00e9rience d&#8217;\u00e9dition am\u00e9lior\u00e9e<\/p>\n<\/li>\n<li>\n<p>Prend en charge plusieurs formats de sortie (PNG, SVG, PDF)<\/p>\n<\/li>\n<\/ul>\n<h3>5.\u00a0<strong>Large prise en charge des diagrammes<\/strong><\/h3>\n<ul>\n<li>\n<p>Diagrammes de classes, diagrammes de s\u00e9quence, diagrammes d&#8217;activit\u00e9<\/p>\n<\/li>\n<li>\n<p>Diagrammes de cas d&#8217;utilisation, diagrammes de composants, diagrammes de d\u00e9ploiement<\/p>\n<\/li>\n<li>\n<p>Et bien d&#8217;autres types de diagrammes sp\u00e9cialis\u00e9s<\/p>\n<\/li>\n<\/ul>\n<hr\/>\n<h2>Outils : Chatbot IA de Visual Paradigm + VPasCode<\/h2>\n<p id=\"pNICRlm\"><img alt=\"Diagramme montrant le chatbot IA de Visual Paradigm g\u00e9n\u00e9rant du code PlantUML pour l'environnement VPasCode.\" class=\"alignnone size-full wp-image-20140\" decoding=\"async\" height=\"572\" loading=\"lazy\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d37f36b05b.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d37f36b05b.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d37f36b05b-300x168.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d37f36b05b-768x429.png 768w\" width=\"1024\"\/><\/p>\n<h3>Chatbot IA de Visual Paradigm<\/h3>\n<ul>\n<li>\n<p><strong>Suggestions intelligentes<\/strong>: Obtenez des recommandations aliment\u00e9es par l&#8217;IA pour les structures de diagrammes<\/p>\n<\/li>\n<li>\n<p><strong>Du langage naturel au diagramme<\/strong>: D\u00e9crivez votre syst\u00e8me en anglais simple, obtenez du code PlantUML<\/p>\n<\/li>\n<li>\n<p><strong>Bonnes pratiques<\/strong>: Apprenez les mod\u00e8les et conventions de diagrammes optimaux<\/p>\n<\/li>\n<\/ul>\n<h3>VPasCode<\/h3>\n<ul>\n<li>\n<p><strong>\u00c9diteur am\u00e9lior\u00e9<\/strong>: Mise en \u00e9vidence de la syntaxe, auto-compl\u00e9tion, d\u00e9tection d&#8217;erreurs<\/p>\n<\/li>\n<li>\n<p><strong>Aper\u00e7u en direct<\/strong>: Voyez votre diagramme se mettre \u00e0 jour en temps r\u00e9el pendant que vous tapez<\/p>\n<\/li>\n<li>\n<p><strong>Int\u00e9gration<\/strong>: Fonctionne de mani\u00e8re transparente avec la suite compl\u00e8te d&#8217;outils de mod\u00e9lisation de Visual Paradigm<\/p>\n<\/li>\n<\/ul>\n<hr\/>\n<h2>Exemples de diagrammes PlantUML<\/h2>\n<h3>1. Diagramme de classes<\/h3>\n<p id=\"MeKiwtT\"><img alt=\"Diagramme de classes PlantUML montrant les entit\u00e9s Client, Commande et Produit avec leurs attributs et m\u00e9thodes.\" class=\"alignnone size-full wp-image-20141\" decoding=\"async\" height=\"564\" loading=\"lazy\" sizes=\"auto, (max-width: 304px) 100vw, 304px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3827692ab.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3827692ab.png 304w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3827692ab-162x300.png 162w\" width=\"304\"\/><\/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:RLB1JiGW4BqtwJzCUgfkUl3AmQnnzx0NRQ8_W80R4c0Q6FHW_7UXfKsxbGF9lFUOUJmu1kAUeZLr9GmF0PvZ8BJAmqzTGLgTAC15CdWZhzsr48vRTGCfoxNPOeUhehddnNrYUyVW2xKiR1ma9tNEvrgdli_h1elojwvcUwzUhhnXhdR6HlIKsZB8Uq49YPidYz5HmZ5-cC8S13SYcgHypv9iS4CFXWirpct_SzHxb57GuccOwfshWh_iKnky5kfcQ4gjp_3EpHJOnAN0-lNPhRtb9Pk71hhk4PhxfkJ7OBnKgAkfpioicE_3GA0ZhbrI7PMJwO_y0G00\" 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>\u00c9ditez PlantUML dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\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:RLB1JiGW4BqtwJzCUgfkUl3AmQnnzx0NRQ8_W80R4c0Q6FHW_7UXfKsxbGF9lFUOUJmu1kAUeZLr9GmF0PvZ8BJAmqzTGLgTAC15CdWZhzsr48vRTGCfoxNPOeUhehddnNrYUyVW2xKiR1ma9tNEvrgdli_h1elojwvcUwzUhhnXhdR6HlIKsZB8Uq49YPidYz5HmZ5-cC8S13SYcgHypv9iS4CFXWirpct_SzHxb57GuccOwfshWh_iKnky5kfcQ4gjp_3EpHJOnAN0-lNPhRtb9Pk71hhk4PhxfkJ7OBnKgAkfpioicE_3GA0ZhbrI7PMJwO_y0G00\" 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:RPB1RiCW44JlblmFAv_SHZxqwaELgicXFLbgVu2QROG4R8INg5BLV-_QmGbsmervC0m3su5LuEXiMVHM3GEyMeEUuRSiG4PZz5beuOE3yOSaUt8h1PqoTgbj3iXl_fk6iqNzqCA9Z4xG8NF0btUAOJ_khJt54zfzxdFPyLSMbu3adF8QyuX9MaNIYl6ATZ9Bm95dvVcJMCbHEufVDg5DhsmVBOQ9ZOaNz2W1CCoUzRruNI0TJLvWKcuRl0-EmVoiZfKUEr5lucGLJdngKCKkSrX6J8zRFLNGDCzGFLRNEbkORYUBPcN4yxBvMYtqKjxeKXPRz5f-pZy0\" \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\nclass Client {\r\n    -idClient: String\r\n    -nom: String\r\n    -email: String\r\n    +getInfosClient(): void\r\n    +mettreAJourEmail(nouvelEmail: String): void\r\n}\r\n\r\nclass Commande {\r\n    -idCommande: String\r\n    -dateCommande: Date\r\n    -montantTotal: Double\r\n    +calculerTotal(): Double\r\n    +passerCommande(): void\r\n}\r\n\r\nclass Produit {\r\n    -idProduit: String\r\n    -nomProduit: String\r\n    -prix: Double\r\n    +getPrix(): Double\r\n    +mettreAJourPrix(nouveauPrix: Double): void\r\n}\r\n\r\nClient \"1\" --&gt; \"*\" Commande : passe\r\nCommande \"*\" --&gt; \"*\" Produit : contient\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RPB1RiCW44JlblmFAv_SHZxqwaELgicXFLbgVu2QROG4R8INg5BLV-_QmGbsmervC0m3su5LuEXiMVHM3GEyMeEUuRSiG4PZz5beuOE3yOSaUt8h1PqoTgbj3iXl_fk6iqNzqCA9Z4xG8NF0btUAOJ_khJt54zfzxdFPyLSMbu3adF8QyuX9MaNIYl6ATZ9Bm95dvVcJMCbHEufVDg5DhsmVBOQ9ZOaNz2W1CCoUzRruNI0TJLvWKcuRl0-EmVoiZfKUEr5lucGLJdngKCKkSrX6J8zRFLNGDCzGFLRNEbkORYUBPcN4yxBvMYtqKjxeKXPRz5f-pZy0\" \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:RLB1JiGW4BqtwJzCUgfkUl3AmQnnzx0NRQ8_W80R4c0Q6FHW_7UXfKsxbGF9lFUOUJmu1kAUeZLr9GmF0PvZ8BJAmqzTGLgTAC15CdWZhzsr48vRTGCfoxNPOeUhehddnNrYUyVW2xKiR1ma9tNEvrgdli_h1elojwvcUwzUhhnXhdR6HlIKsZB8Uq49YPidYz5HmZ5-cC8S13SYcgHypv9iS4CFXWirpct_SzHxb57GuccOwfshWh_iKnky5kfcQ4gjp_3EpHJOnAN0-lNPhRtb9Pk71hhk4PhxfkJ7OBnKgAkfpioicE_3GA0ZhbrI7PMJwO_y0G00\" 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<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RLB1JiGW4BqtwJzCUgfkUl3AmQnnzx0NRQ8_W80R4c0Q6FHW_7UXfKsxbGF9lFUOUJmu1kAUeZLr9GmF0PvZ8BJAmqzTGLgTAC15CdWZhzsr48vRTGCfoxNPOeUhehddnNrYUyVW2xKiR1ma9tNEvrgdli_h1elojwvcUwzUhhnXhdR6HlIKsZB8Uq49YPidYz5HmZ5-cC8S13SYcgHypv9iS4CFXWirpct_SzHxb57GuccOwfshWh_iKnky5kfcQ4gjp_3EpHJOnAN0-lNPhRtb9Pk71hhk4PhxfkJ7OBnKgAkfpioicE_3GA0ZhbrI7PMJwO_y0G00\" 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<h3>2. Diagramme de s\u00e9quence<\/h3>\n<p id=\"ZeQJLKw\"><img alt=\"Diagramme de s\u00e9quence de connexion montrant les interactions entre l'Utilisateur, le Navigateur Web, la passerelle API, le service d'authentification et le service utilisateur.\" class=\"alignnone size-full wp-image-20142\" decoding=\"async\" height=\"458\" loading=\"lazy\" sizes=\"auto, (max-width: 643px) 100vw, 643px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d38398c3e0.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d38398c3e0.png 643w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d38398c3e0-300x214.png 300w\" width=\"643\"\/><\/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:RP9FJmCX4CNl97o7IU-cznvCjPiq9YPkMl-SPzdH9L90cBNnsmkuQ7VZ3Txx3VDcmZOo1XvFHWfKx08yHGfI-2HgfJrQXjKBTN0Rt3avAy1Opmlgfhs3FJATyQjGqtb9ZJp0aSAdLbImB2oO7676P66wIo55yQ-kQmxOmBrxqnOEz35IP2cgaPWfHMBQX-CZhD7hjScq5DLAL4crWMSqkaygx0BrP5cZYL8Kym_Q3QJUeK763YDLUzOgIxbS8MkNSyNHyApXnKI9tnCN1ThWNhMXdn6hFt-xSBdxnNl_xY9wPtE-tsLCRHFIwEXDAcmm3ft3q4kn9TkdN_0D\" 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\">\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:RP9FJmCX4CNl97o7IU-cznvCjPiq9YPkMl-SPzdH9L90cBNnsmkuQ7VZ3Txx3VDcmZOo1XvFHWfKx08yHGfI-2HgfJrQXjKBTN0Rt3avAy1Opmlgfhs3FJATyQjGqtb9ZJp0aSAdLbImB2oO7676P66wIo55yQ-kQmxOmBrxqnOEz35IP2cgaPWfHMBQX-CZhD7hjScq5DLAL4crWMSqkaygx0BrP5cZYL8Kym_Q3QJUeK763YDLUzOgIxbS8MkNSyNHyApXnKI9tnCN1ThWNhMXdn6hFt-xSBdxnNl_xY9wPtE-tsLCRHFIwEXDAcmm3ft3q4kn9TkdN_0D\" 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:VPBFReCm38VlaV8ELYyxJRttC1MfbrrMrExFsO3RMWe19Q7QA_4SlDWCAYFGRhTWVx_aiyNM1tIXAOrMc0Tg77m4DkonFsjLIvDphj46MBtXbSz30xueMq5UbIN1L5tWANfFZemXIDBN4P-g2_n8xievGV64JRYG3NpY70DNTemcKlyZr4pI8trhpSRHAlg4vvT87ZQmen9j8GOaLrXBt_AsLX4YWMYe3QJxupkiiUQrgSuiRDGLjlSLwXCD5-J0a0Sv38E9lDTg02AmQvtqUXGXGp-O56BIjVHBBnqENUiR4p0yMDnIw7ubSi4-2sIvruFQLISsyJArUf2vSzZT7EV9-TkpJOjqNLd__whdcib9fheCQuI0cI5i-dHMkKAhBTb2_k4V\" \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\nacteur Utilisateur\r\nparticipant \"Navigateur Web\" comme Navigateur\r\nparticipant \"Passerelle API\" comme Passerelle\r\nparticipant \"Service d'authentification\" comme Auth\r\nparticipant \"Service utilisateur\" comme ServiceUtilisateur\r\n\r\nUtilisateur -&gt; Navigateur : Demande de connexion\r\nNavigateur -&gt; Passerelle : POST \/api\/login\r\nPasserelle -&gt; Auth : Valider les identifiants\r\nAuth -&gt; Auth : V\u00e9rifier la base de donn\u00e9es\r\nAuth --&gt; Passerelle : R\u00e9sultat d'authentification\r\nPasserelle -&gt; ServiceUtilisateur : Obtenir le profil utilisateur\r\nServiceUtilisateur --&gt; Passerelle : Donn\u00e9es utilisateur\r\nPasserelle -&gt; Navigateur : R\u00e9ponse de connexion\r\nNavigateur -&gt; Utilisateur : Afficher le tableau de bord\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:VPBFReCm38VlaV8ELYyxJRttC1MfbrrMrExFsO3RMWe19Q7QA_4SlDWCAYFGRhTWVx_aiyNM1tIXAOrMc0Tg77m4DkonFsjLIvDphj46MBtXbSz30xueMq5UbIN1L5tWANfFZemXIDBN4P-g2_n8xievGV64JRYG3NpY70DNTemcKlyZr4pI8trhpSRHAlg4vvT87ZQmen9j8GOaLrXBt_AsLX4YWMYe3QJxupkiiUQrgSuiRDGLjlSLwXCD5-J0a0Sv38E9lDTg02AmQvtqUXGXGp-O56BIjVHBBnqENUiR4p0yMDnIw7ubSi4-2sIvruFQLISsyJArUf2vSzZT7EV9-TkpJOjqNLd__whdcib9fheCQuI0cI5i-dHMkKAhBTb2_k4V\" \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:RP9FJmCX4CNl97o7IU-cznvCjPiq9YPkMl-SPzdH9L90cBNnsmkuQ7VZ3Txx3VDcmZOo1XvFHWfKx08yHGfI-2HgfJrQXjKBTN0Rt3avAy1Opmlgfhs3FJATyQjGqtb9ZJp0aSAdLbImB2oO7676P66wIo55yQ-kQmxOmBrxqnOEz35IP2cgaPWfHMBQX-CZhD7hjScq5DLAL4crWMSqkaygx0BrP5cZYL8Kym_Q3QJUeK763YDLUzOgIxbS8MkNSyNHyApXnKI9tnCN1ThWNhMXdn6hFt-xSBdxnNl_xY9wPtE-tsLCRHFIwEXDAcmm3ft3q4kn9TkdN_0D\" 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<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RP9FJmCX4CNl97o7IU-cznvCjPiq9YPkMl-SPzdH9L90cBNnsmkuQ7VZ3Txx3VDcmZOo1XvFHWfKx08yHGfI-2HgfJrQXjKBTN0Rt3avAy1Opmlgfhs3FJATyQjGqtb9ZJp0aSAdLbImB2oO7676P66wIo55yQ-kQmxOmBrxqnOEz35IP2cgaPWfHMBQX-CZhD7hjScq5DLAL4crWMSqkaygx0BrP5cZYL8Kym_Q3QJUeK763YDLUzOgIxbS8MkNSyNHyApXnKI9tnCN1ThWNhMXdn6hFt-xSBdxnNl_xY9wPtE-tsLCRHFIwEXDAcmm3ft3q4kn9TkdN_0D\" 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<h3>3. Diagramme d&#8217;activit\u00e9<\/h3>\n<p id=\"aHFktKE\"><img alt=\"Diagramme d'activit\u00e9 PlantUML illustrant le flux de traitement des commandes avec validation du paiement et mises \u00e0 jour de l'inventaire.\" class=\"alignnone size-full wp-image-20143\" decoding=\"async\" height=\"484\" loading=\"lazy\" sizes=\"auto, (max-width: 342px) 100vw, 342px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d384ae28eb.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d384ae28eb.png 342w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d384ae28eb-212x300.png 212w\" width=\"342\"\/><\/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:FOz12i8m44NtWTnXblKAkb0G4JTQ5Ds7v1T7cgGaKw6tTsp5tV3-CFF-heehCiRUcdcoPds51xz1bn9GDjPmHqthfeWaz70zX-sAv8b4pOIwiePetPRiKIlzrZOpl0_12UYKtefocHPwH4BvySmU2xqX1Thdr769JZWdEaJ7lOReAwX9UNbqnGjU_cfApbcucsW_LibnXdgAE-rnU_90QXP6_pNIVB1cfwcs_G00\" 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\">\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:FOz12i8m44NtWTnXblKAkb0G4JTQ5Ds7v1T7cgGaKw6tTsp5tV3-CFF-heehCiRUcdcoPds51xz1bn9GDjPmHqthfeWaz70zX-sAv8b4pOIwiePetPRiKIlzrZOpl0_12UYKtefocHPwH4BvySmU2xqX1Thdr769JZWdEaJ7lOReAwX9UNbqnGjU_cfApbcucsW_LibnXdgAE-rnU_90QXP6_pNIVB1cfwcs_G00\" 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:NP0nRiCm34Lt0Re3jpXNY8Tc2JgrA89SWBLeW8546Z9bjBVfwdFeObNiTEd2WUyJ_t-UPyDi9KNlGbq_Ytbtkj90YtA6Y31eIYY1UkzcXku3cHA9mOAH0y7B4J1gdg7JmaVl04wtZ6pKZWccfxhVm1kPPOBw0tSjZHzObWQHC-s2rxfANJDjnYCELlx8HHRzVkmFb90ZDET1PUISq5Xb2oSgqBMnfxZIdOp-LsZWNOr7tlCDaVTq8ylChVdbQwfhUD8fQoXi_ODwToO9xKs_\" \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\nd\u00e9but\r\n:Recevoir la commande;\r\nsi (Paiement valide ?) alors (oui)\r\n  :Traiter le paiement;\r\n  :Mettre \u00e0 jour l'inventaire;\r\n  :G\u00e9n\u00e9rer la facture;\r\n  :Envoyer l'email de confirmation;\r\nsinon (non)\r\n  :Rejeter la commande;\r\n  :Notifier le client;\r\nfinsi\r\n:Exp\u00e9dier le produit;\nfin\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NP0nRiCm34Lt0Re3jpXNY8Tc2JgrA89SWBLeW8546Z9bjBVfwdFeObNiTEd2WUyJ_t-UPyDi9KNlGbq_Ytbtkj90YtA6Y31eIYY1UkzcXku3cHA9mOAH0y7B4J1gdg7JmaVl04wtZ6pKZWccfxhVm1kPPOBw0tSjZHzObWQHC-s2rxfANJDjnYCELlx8HHRzVkmFb90ZDET1PUISq5Xb2oSgqBMnfxZIdOp-LsZWNOr7tlCDaVTq8ylChVdbQwfhUD8fQoXi_ODwToO9xKs_\" \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:FOz12i8m44NtWTnXblKAkb0G4JTQ5Ds7v1T7cgGaKw6tTsp5tV3-CFF-heehCiRUcdcoPds51xz1bn9GDjPmHqthfeWaz70zX-sAv8b4pOIwiePetPRiKIlzrZOpl0_12UYKtefocHPwH4BvySmU2xqX1Thdr769JZWdEaJ7lOReAwX9UNbqnGjU_cfApbcucsW_LibnXdgAE-rnU_90QXP6_pNIVB1cfwcs_G00\" 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<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:FOz12i8m44NtWTnXblKAkb0G4JTQ5Ds7v1T7cgGaKw6tTsp5tV3-CFF-heehCiRUcdcoPds51xz1bn9GDjPmHqthfeWaz70zX-sAv8b4pOIwiePetPRiKIlzrZOpl0_12UYKtefocHPwH4BvySmU2xqX1Thdr769JZWdEaJ7lOReAwX9UNbqnGjU_cfApbcucsW_LibnXdgAE-rnU_90QXP6_pNIVB1cfwcs_G00\" 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<h3>4. Diagramme de cas d&#8217;utilisation<\/h3>\n<p id=\"oVpEcFT\"><img alt=\"Diagramme de cas d'utilisation du syst\u00e8me de commerce \u00e9lectronique montrant les interactions du Client et de l'Administrateur avec Parcourir les produits, Passer une commande, G\u00e9rer l'inventaire, Consulter les rapports et Traiter un remboursement.\" class=\"alignnone size-full wp-image-20144\" decoding=\"async\" height=\"327\" loading=\"lazy\" sizes=\"auto, (max-width: 579px) 100vw, 579px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d385ecbf11.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d385ecbf11.png 579w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d385ecbf11-300x169.png 300w\" width=\"579\"\/><\/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:NP6nJWCn38RtI7a7w_Qh12qB0ogS61WG5QZiKU9U8rqIv3YK2l7kkE5QAKpERt-sVolhp8QuX4ch2NSCd83yk6Tmdj2oJr4hOpaHT4F9d09I1oR3MLogzoxuM4lrfPLMfm4cZXD2zzWFAGXk4TwEcJ5qyAqLGCbeJHRWWT91ueQIAvPp7RGThXfcCndfVo4tUzWErqtzsKGp8Zp5JupYwJX3omPwztY0L_n8TDcoQhTGifYpCBiItOpSQFLpEkbyDlJztP-_VnbnLE-VvRALgrRALEc0nQ8Ak0NyOemkQxMM89_o2m00\" 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\">\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:NP6nJWCn38RtI7a7w_Qh12qB0ogS61WG5QZiKU9U8rqIv3YK2l7kkE5QAKpERt-sVolhp8QuX4ch2NSCd83yk6Tmdj2oJr4hOpaHT4F9d09I1oR3MLogzoxuM4lrfPLMfm4cZXD2zzWFAGXk4TwEcJ5qyAqLGCbeJHRWWT91ueQIAvPp7RGThXfcCndfVo4tUzWErqtzsKGp8Zp5JupYwJX3omPwztY0L_n8TDcoQhTGifYpCBiItOpSQFLpEkbyDlJztP-_VnbnLE-VvRALgrRALEc0nQ8Ak0NyOemkQxMM89_o2m00\" 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:TP7FIWCn4CRlWNs7OI-UMj3MYmTfsODNGUiz9aCTo9zraWWYlej7-npxOixkjhGBwoNmPUQNcU_B9cNDkNYdzhgODuJk1on7obWfRJ8MXhfnX27NOABt2ACwLxVMKw2KMVVwr3NSLgfIZ2Rhi7S8zTDdojsl52sENMnati591yT0xmLh-AeKWD79baoEaiuK0zIFcaqiJ0mE4xGSRQ6SJhDspVK_L4h8KC8uJWUBP-Hc5dde3Yo8kwBm8IuryGMocaLUud4jrcqR-NAjzIpmp5hYxVS2HlyglXBwYu1tpMsblllingXXiRWVFKwq61X2FihLLAwdKbuK0fRBGS2Tn9uns4fjv9JV_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\ngauche \u00e0 droite\r\nacteur \"Client\" comme Client\r\nacteur \"Administrateur\" comme Admin\r\n\r\nrectangle \"Syst\u00e8me de commerce \u00e9lectronique\" {\r\n  casdutilisation \"Parcourir les produits\" comme UC1\r\n  casdutilisation \"Passer une commande\" comme UC2\r\n  casdutilisation \"G\u00e9rer l'inventaire\" comme UC3\r\n  casdutilisation \"Voir les rapports\" comme UC4\r\n  casdutilisation \"Traiter un remboursement\" comme UC5\r\n}\r\n\r\nClient --&gt; UC1\r\nClient --&gt; UC2\r\nAdmin --&gt; UC3\r\nAdmin --&gt; UC4\r\nAdmin --&gt; UC5\r\nUC2 ..&gt; UC5 : \u00e9tend\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TP7FIWCn4CRlWNs7OI-UMj3MYmTfsODNGUiz9aCTo9zraWWYlej7-npxOixkjhGBwoNmPUQNcU_B9cNDkNYdzhgODuJk1on7obWfRJ8MXhfnX27NOABt2ACwLxVMKw2KMVVwr3NSLgfIZ2Rhi7S8zTDdojsl52sENMnati591yT0xmLh-AeKWD79baoEaiuK0zIFcaqiJ0mE4xGSRQ6SJhDspVK_L4h8KC8uJWUBP-Hc5dde3Yo8kwBm8IuryGMocaLUud4jrcqR-NAjzIpmp5hYxVS2HlyglXBwYu1tpMsblllingXXiRWVFKwq61X2FihLLAwdKbuK0fRBGS2Tn9uns4fjv9JV_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:NP6nJWCn38RtI7a7w_Qh12qB0ogS61WG5QZiKU9U8rqIv3YK2l7kkE5QAKpERt-sVolhp8QuX4ch2NSCd83yk6Tmdj2oJr4hOpaHT4F9d09I1oR3MLogzoxuM4lrfPLMfm4cZXD2zzWFAGXk4TwEcJ5qyAqLGCbeJHRWWT91ueQIAvPp7RGThXfcCndfVo4tUzWErqtzsKGp8Zp5JupYwJX3omPwztY0L_n8TDcoQhTGifYpCBiItOpSQFLpEkbyDlJztP-_VnbnLE-VvRALgrRALEc0nQ8Ak0NyOemkQxMM89_o2m00\" 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<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NP6nJWCn38RtI7a7w_Qh12qB0ogS61WG5QZiKU9U8rqIv3YK2l7kkE5QAKpERt-sVolhp8QuX4ch2NSCd83yk6Tmdj2oJr4hOpaHT4F9d09I1oR3MLogzoxuM4lrfPLMfm4cZXD2zzWFAGXk4TwEcJ5qyAqLGCbeJHRWWT91ueQIAvPp7RGThXfcCndfVo4tUzWErqtzsKGp8Zp5JupYwJX3omPwztY0L_n8TDcoQhTGifYpCBiItOpSQFLpEkbyDlJztP-_VnbnLE-VvRALgrRALEc0nQ8Ak0NyOemkQxMM89_o2m00\" 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<h3>5. Diagramme de composants<\/h3>\n<p id=\"fkzfZrN\"><img alt=\"Diagramme de composants PlantUML montrant les applications web et mobiles frontales se connectant \u00e0 la passerelle API backend et aux microservices tels que Commande, Authentification et Paiement.\" class=\"alignnone size-full wp-image-20145\" decoding=\"async\" height=\"452\" loading=\"lazy\" sizes=\"auto, (max-width: 729px) 100vw, 729px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d386d88165.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d386d88165.png 729w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d386d88165-300x186.png 300w\" width=\"729\"\/><\/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:RLAx3i8m3DmhzH-ixlm20eH033ma1WR4uBO68afRfGQ44FzEueQI09jzTpxdaWmQHisNSn57DMOdF10a4rsLJ6MUm2EE0BORIc5OruNAa5LLxW0RC9Y1X9vNgIh8AeHfMo6VSUJPZanXN65D-geoQjxsmzKCfiXqmxiOkBhbBdoaajtczwZ8BELwaIvrJZfG2E9BLdW_6xT0v31VjgXOxV-jz8bkG4Bco9XYOrAENPNOWV78akrTGQ_N_sJhRYc4NI5W4D0dmbm-ynt6LuhWRm9laOZigNycBHZQT_30lAhvGIy0\" 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\">\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:RLAx3i8m3DmhzH-ixlm20eH033ma1WR4uBO68afRfGQ44FzEueQI09jzTpxdaWmQHisNSn57DMOdF10a4rsLJ6MUm2EE0BORIc5OruNAa5LLxW0RC9Y1X9vNgIh8AeHfMo6VSUJPZanXN65D-geoQjxsmzKCfiXqmxiOkBhbBdoaajtczwZ8BELwaIvrJZfG2E9BLdW_6xT0v31VjgXOxV-jz8bkG4Bco9XYOrAENPNOWV78akrTGQ_N_sJhRYc4NI5W4D0dmbm-ynt6LuhWRm9laOZigNycBHZQT_30lAhvGIy0\" 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:TP91JiCm44NtaNA7KJQiUWNKH0Z40eZ4WWNgOX8FOE7OaUs2gge7wZcu6FOa2dPBDydep_ip_axMpgFrsq6LnOZz9xuJLBVMQ4zQLB0l2u3NUXoLxD5Be-65kWsWY-yWdxKVJ2SLCJ6L31tA8Xd_JFPBzkIW2KgofaNdo99I17LxppFkqDCtxhWzsq1SuTP_aFRoRTxAQ1t46SbnWjuC0sen7Ul92h8Nm14b3M4oWotkOdq1rUPa_sCYB1uEBj1ZXouaR-8pc8NH-kT8heh6coP2qtt2QdNz5tgvmLoU2nQpr6aZZvbsJdEb90F_9aaMCHHFVUQCOZv-aTVXGuU_x1S0\" \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\npackage \"Frontend\" {\r\n  [Application Web] as WebApp\r\n  [Application Mobile] as MobileApp\r\n}\r\n\r\npackage \"Services Backend\" {\r\n  [Passerelle API] as Gateway\r\n  [Service d'authentification] as AuthService\r\n  [Service de commande] as OrderService\r\n  [Service de paiement] as PaymentService\r\n  [Service de notification] as NotificationService\r\n}\r\n\r\ndatabase \"Base de donn\u00e9es\" as DB\r\n\r\nWebApp --&gt; Gateway\r\nMobileApp --&gt; Gateway\r\nGateway --&gt; AuthService\r\nGateway --&gt; OrderService\r\nGateway --&gt; PaymentService\r\nOrderService --&gt; NotificationService\r\nAuthService --&gt; DB\r\nOrderService --&gt; DB\r\nPaymentService --&gt; DB\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TP91JiCm44NtaNA7KJQiUWNKH0Z40eZ4WWNgOX8FOE7OaUs2gge7wZcu6FOa2dPBDydep_ip_axMpgFrsq6LnOZz9xuJLBVMQ4zQLB0l2u3NUXoLxD5Be-65kWsWY-yWdxKVJ2SLCJ6L31tA8Xd_JFPBzkIW2KgofaNdo99I17LxppFkqDCtxhWzsq1SuTP_aFRoRTxAQ1t46SbnWjuC0sen7Ul92h8Nm14b3M4oWotkOdq1rUPa_sCYB1uEBj1ZXouaR-8pc8NH-kT8heh6coP2qtt2QdNz5tgvmLoU2nQpr6aZZvbsJdEb90F_9aaMCHHFVUQCOZv-aTVXGuU_x1S0\" \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:RLAx3i8m3DmhzH-ixlm20eH033ma1WR4uBO68afRfGQ44FzEueQI09jzTpxdaWmQHisNSn57DMOdF10a4rsLJ6MUm2EE0BORIc5OruNAa5LLxW0RC9Y1X9vNgIh8AeHfMo6VSUJPZanXN65D-geoQjxsmzKCfiXqmxiOkBhbBdoaajtczwZ8BELwaIvrJZfG2E9BLdW_6xT0v31VjgXOxV-jz8bkG4Bco9XYOrAENPNOWV78akrTGQ_N_sJhRYc4NI5W4D0dmbm-ynt6LuhWRm9laOZigNycBHZQT_30lAhvGIy0\" 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<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RLAx3i8m3DmhzH-ixlm20eH033ma1WR4uBO68afRfGQ44FzEueQI09jzTpxdaWmQHisNSn57DMOdF10a4rsLJ6MUm2EE0BORIc5OruNAa5LLxW0RC9Y1X9vNgIh8AeHfMo6VSUJPZanXN65D-geoQjxsmzKCfiXqmxiOkBhbBdoaajtczwZ8BELwaIvrJZfG2E9BLdW_6xT0v31VjgXOxV-jz8bkG4Bco9XYOrAENPNOWV78akrTGQ_N_sJhRYc4NI5W4D0dmbm-ynt6LuhWRm9laOZigNycBHZQT_30lAhvGIy0\" 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<h3>6. Diagramme de d\u00e9ploiement<\/h3>\n<p id=\"oDhKFeA\"><img alt=\"Diagramme de d\u00e9ploiement PlantUML montrant l'\u00e9quilibreur de charge, les serveurs web, le serveur d'application et la r\u00e9plication de base de donn\u00e9es.\" class=\"alignnone size-full wp-image-20147\" decoding=\"async\" height=\"650\" loading=\"lazy\" sizes=\"auto, (max-width: 609px) 100vw, 609px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d389188b6e.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d389188b6e.png 609w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d389188b6e-281x300.png 281w\" width=\"609\"\/><\/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:RP6zgiCm38LtWzz1P6-X6UzG6fCnGsc7pgeZBeR43hPJAANlVXt5IN-ucwJpMKUI3o6YZsFVIM5TIr0q3bjGsA7Lv0l008s2XnG0itwXAvp9tyZ3ZkNBUVUlMcQrbE8fnTA-6eREQ8p6sGmobihv6Ljfrm_EaerGg34OIo6DuNwDPbWrNqoD4Q7IcZ6yvvvrrNnOJzGL0xtxrkhTjbs8ukXDZ_wUTCPoMgjFwaIyp4BbTABODXrkizdF1rhZT8vKu6HTUYgLtwNNIIPX6LIATHRORlSlJ_W1FyUHWXG7ictwrJy0\" 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\">\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:RP6zgiCm38LtWzz1P6-X6UzG6fCnGsc7pgeZBeR43hPJAANlVXt5IN-ucwJpMKUI3o6YZsFVIM5TIr0q3bjGsA7Lv0l008s2XnG0itwXAvp9tyZ3ZkNBUVUlMcQrbE8fnTA-6eREQ8p6sGmobihv6Ljfrm_EaerGg34OIo6DuNwDPbWrNqoD4Q7IcZ6yvvvrrNnOJzGL0xtxrkhTjbs8ukXDZ_wUTCPoMgjFwaIyp4BbTABODXrkizdF1rhZT8vKu6HTUYgLtwNNIIPX6LIATHRORlSlJ_W1FyUHWXG7ictwrJy0\" 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:XP9DRiCW48NtIDnXv4rNYHGlkuWIDqilecQHDSQZ1Ca6p4_Lgke1UfFw7BvO0TTEQqNg2fZt3VDuOcSTCywt3ILIrGZPyDbvqOZAe3SG2lpAp0KpO1RA0juf0HZ14vgNo9onWatIpwVDVJd_aNDAFYYP9ar4_S2qRWHdJYYPoBtMIJJZFAvQhIoJ3h9INKJd4TgXTm9Deejo0JqfpwyOx-Ly-BB0_2lKIigXHviw3llolXE4YbcCwr---6sdPeubB2iMC6WZ91UQDMDWHoDQPjuEnJzjPkX309qFXzJtZ2cFs9TSXk1Ng-sOxxmFOOP2EinvnLA-BDtIZCBq5afcTx1URsypuN7sWvJiKDRXTtm3\" \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 \"\u00c9quilibreur de charge\" as LB {\r\n  node \"Serveur Web 1\" as WS1\r\n  node \"Serveur Web 2\" as WS2\r\n}\r\n\r\nnode \"Serveur d'application\" as AppServer {\r\n  composant \"Logique m\u00e9tier\" as BL\r\n  composant \"Couche d'acc\u00e8s aux donn\u00e9es\" as DAL\r\n}\r\n\r\nnode \"Serveur de base de donn\u00e9es\" as DBServer {\r\n  database \"Base de donn\u00e9es principale\" as PrimaryDB\r\n  database \"Base de donn\u00e9es r\u00e9pliqu\u00e9e\" as ReplicaDB\r\n}\r\n\r\nLB --&gt; WS1\r\nLB --&gt; WS2\r\nWS1 --&gt; AppServer\r\nWS2 --&gt; AppServer\r\nAppServer --&gt; DBServer\r\nPrimaryDB ..&gt; ReplicaDB : r\u00e9plique\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:XP9DRiCW48NtIDnXv4rNYHGlkuWIDqilecQHDSQZ1Ca6p4_Lgke1UfFw7BvO0TTEQqNg2fZt3VDuOcSTCywt3ILIrGZPyDbvqOZAe3SG2lpAp0KpO1RA0juf0HZ14vgNo9onWatIpwVDVJd_aNDAFYYP9ar4_S2qRWHdJYYPoBtMIJJZFAvQhIoJ3h9INKJd4TgXTm9Deejo0JqfpwyOx-Ly-BB0_2lKIigXHviw3llolXE4YbcCwr---6sdPeubB2iMC6WZ91UQDMDWHoDQPjuEnJzjPkX309qFXzJtZ2cFs9TSXk1Ng-sOxxmFOOP2EinvnLA-BDtIZCBq5afcTx1URsypuN7sWvJiKDRXTtm3\" \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:RP6zgiCm38LtWzz1P6-X6UzG6fCnGsc7pgeZBeR43hPJAANlVXt5IN-ucwJpMKUI3o6YZsFVIM5TIr0q3bjGsA7Lv0l008s2XnG0itwXAvp9tyZ3ZkNBUVUlMcQrbE8fnTA-6eREQ8p6sGmobihv6Ljfrm_EaerGg34OIo6DuNwDPbWrNqoD4Q7IcZ6yvvvrrNnOJzGL0xtxrkhTjbs8ukXDZ_wUTCPoMgjFwaIyp4BbTABODXrkizdF1rhZT8vKu6HTUYgLtwNNIIPX6LIATHRORlSlJ_W1FyUHWXG7ictwrJy0\" 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<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RP6zgiCm38LtWzz1P6-X6UzG6fCnGsc7pgeZBeR43hPJAANlVXt5IN-ucwJpMKUI3o6YZsFVIM5TIr0q3bjGsA7Lv0l008s2XnG0itwXAvp9tyZ3ZkNBUVUlMcQrbE8fnTA-6eREQ8p6sGmobihv6Ljfrm_EaerGg34OIo6DuNwDPbWrNqoD4Q7IcZ6yvvvrrNnOJzGL0xtxrkhTjbs8ukXDZ_wUTCPoMgjFwaIyp4BbTABODXrkizdF1rhZT8vKu6HTUYgLtwNNIIPX6LIATHRORlSlJ_W1FyUHWXG7ictwrJy0\" 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<h3>7. Diagramme d&#8217;\u00e9tats<br \/>\n<img alt=\"Diagramme d'\u00e9tat PlantUML illustrant le cycle de vie de la commande, de la cr\u00e9ation \u00e0 la livraison ou \u00e0 l'annulation.\" class=\"alignnone size-full wp-image-20148\" decoding=\"async\" height=\"902\" loading=\"lazy\" sizes=\"auto, (max-width: 327px) 100vw, 327px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d389e5b0fa.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d389e5b0fa.png 327w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d389e5b0fa-109x300.png 109w\" width=\"327\"\/><\/h3>\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:RLB12i8m3BqN-W_5ex0Vy232nAl2ZkAXRb4BRHrT9_ZtfYNDflFsylAIvRrkDqGTukYi58WYgDKnT11K7G2hRgNqK30hJlhjm4Tr0jyPVyyQueXQIEkdlvdWQ26nJ4xoy6nX67Wfbwne7gRlQGrXxkt1cXS4wdB5_Lhx5gmjhaebXHJdzKLLrNQoIY2JtzxKHZNZrPceSb9I_BHd4smGPqeIpTWcJt_7-AIP_g1Dld6nCd-70qfNfPVyocpMJchAAqaHbVCBcnIS6Me8l_7jN6yX0eR2zoKnPYR5DC7K3XtX3_K1\" 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\">\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:RLB12i8m3BqN-W_5ex0Vy232nAl2ZkAXRb4BRHrT9_ZtfYNDflFsylAIvRrkDqGTukYi58WYgDKnT11K7G2hRgNqK30hJlhjm4Tr0jyPVyyQueXQIEkdlvdWQ26nJ4xoy6nX67Wfbwne7gRlQGrXxkt1cXS4wdB5_Lhx5gmjhaebXHJdzKLLrNQoIY2JtzxKHZNZrPceSb9I_BHd4smGPqeIpTWcJt_7-AIP_g1Dld6nCd-70qfNfPVyocpMJchAAqaHbVCBcnIS6Me8l_7jN6yX0eR2zoKnPYR5DC7K3XtX3_K1\" 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:RP8zRiCm38Lt0xu3aR50Bj2XIE5qws0WtOeCWims0YJPeEcWEKAFudFeOgLiLLP_De9y7yNteCF8YdXojgwaOeHTqpkdV8UWASnXnXse4Hf26NPPr2g33Zq3Ub3CKgswLjrYkqNV6V_-Lwvx_sR8XRbKDskpMFz2ol12h3hgDOvZkV7fOmXpPzAYqyKCGy4_cokbqH6jkI8LmqVl9vkcZV8QhOtJkdgzEyD-_x2PJSNI_EaCxk7KJmwP2S4gyRM6LbU_T0MQRGgS0v4p9t7sBvUF4o1ywWjgw2OO4fgHRU_oMCvAg6EOdI920el0ELH1DrM4Kdv2f5mZKRhw5aHnJbJaCMXbnju38pdZvRz8RFdkA9TKwsfZSkiWJkNVVG40\" \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\nstate \"Commande cr\u00e9\u00e9e\" as Created\r\nstate \"Paiement en attente\" as PaymentPending\r\nstate \"Paiement confirm\u00e9\" as PaymentConfirmed\r\nstate \"Traitement\" as Processing\r\nstate \"Exp\u00e9di\u00e9\" as Shipped\r\nstate \"Livr\u00e9\" as Delivered\r\nstate \"Annul\u00e9\" as Cancelled\r\n\r\n[*] --&gt; Created\r\nCreated --&gt; PaymentPending : Soumettre la commande\r\nPaymentPending --&gt; PaymentConfirmed : Paiement r\u00e9ussi\r\nPaymentPending --&gt; Cancelled : \u00c9chec du paiement\r\nPaymentConfirmed --&gt; Processing : D\u00e9marrer le traitement\r\nProcessing --&gt; Shipped : Exp\u00e9dier la commande\r\nShipped --&gt; Delivered : Livraison termin\u00e9e\r\nCancelled --&gt; [*]\r\nDelivered --&gt; [*]\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RP8zRiCm38Lt0xu3aR50Bj2XIE5qws0WtOeCWims0YJPeEcWEKAFudFeOgLiLLP_De9y7yNteCF8YdXojgwaOeHTqpkdV8UWASnXnXse4Hf26NPPr2g33Zq3Ub3CKgswLjrYkqNV6V_-Lwvx_sR8XRbKDskpMFz2ol12h3hgDOvZkV7fOmXpPzAYqyKCGy4_cokbqH6jkI8LmqVl9vkcZV8QhOtJkdgzEyD-_x2PJSNI_EaCxk7KJmwP2S4gyRM6LbU_T0MQRGgS0v4p9t7sBvUF4o1ywWjgw2OO4fgHRU_oMCvAg6EOdI920el0ELH1DrM4Kdv2f5mZKRhw5aHnJbJaCMXbnju38pdZvRz8RFdkA9TKwsfZSkiWJkNVVG40\" \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:RLB12i8m3BqN-W_5ex0Vy232nAl2ZkAXRb4BRHrT9_ZtfYNDflFsylAIvRrkDqGTukYi58WYgDKnT11K7G2hRgNqK30hJlhjm4Tr0jyPVyyQueXQIEkdlvdWQ26nJ4xoy6nX67Wfbwne7gRlQGrXxkt1cXS4wdB5_Lhx5gmjhaebXHJdzKLLrNQoIY2JtzxKHZNZrPceSb9I_BHd4smGPqeIpTWcJt_7-AIP_g1Dld6nCd-70qfNfPVyocpMJchAAqaHbVCBcnIS6Me8l_7jN6yX0eR2zoKnPYR5DC7K3XtX3_K1\" 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<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RLB12i8m3BqN-W_5ex0Vy232nAl2ZkAXRb4BRHrT9_ZtfYNDflFsylAIvRrkDqGTukYi58WYgDKnT11K7G2hRgNqK30hJlhjm4Tr0jyPVyyQueXQIEkdlvdWQ26nJ4xoy6nX67Wfbwne7gRlQGrXxkt1cXS4wdB5_Lhx5gmjhaebXHJdzKLLrNQoIY2JtzxKHZNZrPceSb9I_BHd4smGPqeIpTWcJt_7-AIP_g1Dld6nCd-70qfNfPVyocpMJchAAqaHbVCBcnIS6Me8l_7jN6yX0eR2zoKnPYR5DC7K3XtX3_K1\" 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<h3>8. Diagramme d&#8217;objets<\/h3>\n<p id=\"BRkYXfb\"><img alt=\"Diagramme d'objets PlantUML montrant les relations entre les instances Client1, Commande1 et Produit1 avec des valeurs d'attributs sp\u00e9cifiques.\" class=\"alignnone size-full wp-image-20149\" decoding=\"async\" height=\"373\" loading=\"lazy\" sizes=\"auto, (max-width: 245px) 100vw, 245px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d38cc7cdc1.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d38cc7cdc1.png 245w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d38cc7cdc1-197x300.png 197w\" width=\"245\"\/><\/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:NP112i8m44NtWTmXT1z9kn2xK2hjHX4LRn3J0LkIJgbJ4CIxsxIfehkPz-4_Ph8xwOvwPpd3Qms6HDxV2HrqiNXo9eG9wwuKQn7bIiMHnursuC4URuqe44O8JbVMqtgW6JoqQoqi3BeXVN7sKPowyjEFVfxAJvT2nhDWv8McqPAeP2dLIYPgp0X9swt3lg4XJT9qaQQ_XdE7PMyeEDffcopdsH3eCLnoq2rX6vBAm7_pzozIRi89d8LJF9gTd6NGbCDBtm00\" 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\">\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:NP112i8m44NtWTmXT1z9kn2xK2hjHX4LRn3J0LkIJgbJ4CIxsxIfehkPz-4_Ph8xwOvwPpd3Qms6HDxV2HrqiNXo9eG9wwuKQn7bIiMHnursuC4URuqe44O8JbVMqtgW6JoqQoqi3BeXVN7sKPowyjEFVfxAJvT2nhDWv8McqPAeP2dLIYPgp0X9swt3lg4XJT9qaQQ_XdE7PMyeEDffcopdsH3eCLnoq2rX6vBAm7_pzozIRi89d8LJF9gTd6NGbCDBtm00\" 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:NP11QiCm44Nt1jz1PAyWUr7YHOjBl6aNIUWD56cW2XgDKKPG2Brx9DTgQ9Vplj2RF-ELTUI4lcteV073OkyT1Ex4hMs4CEdAX13Vh7WMcxrItQRWe14AUAVF82Q21G9gvmkzP3h2byRPmzOGvlIxRHu2GjJ1mggWQEl_nuz9TjMny4dp8kfL_oJLJlPgoPXO-rUa53Yd_J1iX-6lv1J99bThp6Ko_6CvLSDA3skPOxGkP5-AOgR8-knXVUOC_DVKAqdvyYYKyM-t4jGbscQ4OFEHxm00\" \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\nobject Client1 {\r\n  customerId = \"C001\"\r\n  name = \"John Doe\"\r\n  email = \"john@example.com\"\r\n}\r\n\r\nobject Commande1 {\r\n  orderId = \"ORD-1001\"\r\n  orderDate = \"2026-08-20\"\r\n  totalAmount = 299.99\r\n}\r\n\r\nobject Produit1 {\r\n  productId = \"P001\"\r\n  productName = \"Ordinateur portable\"\r\n  price = 299.99\r\n}\r\n\r\nClient1 --&gt; Commande1\r\nCommande1 --&gt; Produit1\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NP11QiCm44Nt1jz1PAyWUr7YHOjBl6aNIUWD56cW2XgDKKPG2Brx9DTgQ9Vplj2RF-ELTUI4lcteV073OkyT1Ex4hMs4CEdAX13Vh7WMcxrItQRWe14AUAVF82Q21G9gvmkzP3h2byRPmzOGvlIxRHu2GjJ1mggWQEl_nuz9TjMny4dp8kfL_oJLJlPgoPXO-rUa53Yd_J1iX-6lv1J99bThp6Ko_6CvLSDA3skPOxGkP5-AOgR8-knXVUOC_DVKAqdvyYYKyM-t4jGbscQ4OFEHxm00\" \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:NP112i8m44NtWTmXT1z9kn2xK2hjHX4LRn3J0LkIJgbJ4CIxsxIfehkPz-4_Ph8xwOvwPpd3Qms6HDxV2HrqiNXo9eG9wwuKQn7bIiMHnursuC4URuqe44O8JbVMqtgW6JoqQoqi3BeXVN7sKPowyjEFVfxAJvT2nhDWv8McqPAeP2dLIYPgp0X9swt3lg4XJT9qaQQ_XdE7PMyeEDffcopdsH3eCLnoq2rX6vBAm7_pzozIRi89d8LJF9gTd6NGbCDBtm00\" 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<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NP112i8m44NtWTmXT1z9kn2xK2hjHX4LRn3J0LkIJgbJ4CIxsxIfehkPz-4_Ph8xwOvwPpd3Qms6HDxV2HrqiNXo9eG9wwuKQn7bIiMHnursuC4URuqe44O8JbVMqtgW6JoqQoqi3BeXVN7sKPowyjEFVfxAJvT2nhDWv8McqPAeP2dLIYPgp0X9swt3lg4XJT9qaQQ_XdE7PMyeEDffcopdsH3eCLnoq2rX6vBAm7_pzozIRi89d8LJF9gTd6NGbCDBtm00\" 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<h3>9. Diagramme de chronologie<\/h3>\n<p id=\"EObwXSG\"><img alt=\"Diagramme de s\u00e9quence temporelle PlantUML montrant les \u00e9tats d'interaction client et serveur au fil du temps.\" class=\"alignnone size-full wp-image-20151\" decoding=\"async\" height=\"204\" loading=\"lazy\" sizes=\"auto, (max-width: 464px) 100vw, 464px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d38f22ba68.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d38f22ba68.png 464w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d38f22ba68-300x132.png 300w\" width=\"464\"\/><\/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:ROzB3i8m34JtaN87AoVWkw_44JX1QKV8KaYAdVJyk6G1GUn6Csz6zg1bb58VqJl9jwg5mYKoKWaqAZNvYQwG5VAEclJEks7dNGE9bNYEC6_VcK6HPavt4Zmhj0GZ3aQqaOrO94zGDSQYOnTzbNN9IR6rJ_s-O0Allz3vtsKsPk--0000\" 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\">\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:ROzB3i8m34JtaN87AoVWkw_44JX1QKV8KaYAdVJyk6G1GUn6Csz6zg1bb58VqJl9jwg5mYKoKWaqAZNvYQwG5VAEclJEks7dNGE9bNYEC6_VcK6HPavt4Zmhj0GZ3aQqaOrO94zGDSQYOnTzbNN9IR6rJ_s-O0Allz3vtsKsPk--0000\" 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:TP1D2WCX38NtWdS8RhhjxtwWH-W9xFWAmamiKGTwf9wZ5slGHHdAx8Bl-nw9GovUIfqdQoJTQoxahbC45qS-Knz_qGsoG5hKHski6VRMT92WK6G_blZGzyCwS60guYDJs86Nz89GPL30x3d0gN5KenStGuKnLScADBDWRkiCfpMtrIoVzpDnRjNdpMMKmuWbnN_fidKQEEYVVG40\" \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\nrobust \"Client\" as Client\r\nrobust \"Server\" as Server\r\n\r\n@0\r\nClient est inactif\r\n@10\r\nClient est \"en train d'envoyer une demande\"\r\n@20\r\nServer est en cours de traitement\r\n@30\r\nServer est \"en train d'envoyer une r\u00e9ponse\"\r\n@40\r\nClient est \"en train de recevoir une r\u00e9ponse\"\r\n@50\r\nClient est inactif\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TP1D2WCX38NtWdS8RhhjxtwWH-W9xFWAmamiKGTwf9wZ5slGHHdAx8Bl-nw9GovUIfqdQoJTQoxahbC45qS-Knz_qGsoG5hKHski6VRMT92WK6G_blZGzyCwS60guYDJs86Nz89GPL30x3d0gN5KenStGuKnLScADBDWRkiCfpMtrIoVzpDnRjNdpMMKmuWbnN_fidKQEEYVVG40\" \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:ROzB3i8m34JtaN87AoVWkw_44JX1QKV8KaYAdVJyk6G1GUn6Csz6zg1bb58VqJl9jwg5mYKoKWaqAZNvYQwG5VAEclJEks7dNGE9bNYEC6_VcK6HPavt4Zmhj0GZ3aQqaOrO94zGDSQYOnTzbNN9IR6rJ_s-O0Allz3vtsKsPk--0000\" 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<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ROzB3i8m34JtaN87AoVWkw_44JX1QKV8KaYAdVJyk6G1GUn6Csz6zg1bb58VqJl9jwg5mYKoKWaqAZNvYQwG5VAEclJEks7dNGE9bNYEC6_VcK6HPavt4Zmhj0GZ3aQqaOrO94zGDSQYOnTzbNN9IR6rJ_s-O0Allz3vtsKsPk--0000\" 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<h3>10. Carte mentale<\/h3>\n<p id=\"DMzyQwW\"><img alt=\"Diagramme de carte mentale de gestion de produits cr\u00e9\u00e9 avec PlantUML montrant la Strat\u00e9gie, l'Ex\u00e9cution, l'Analytique et les Parties prenantes.\" class=\"alignnone size-full wp-image-20153\" decoding=\"async\" height=\"752\" loading=\"lazy\" sizes=\"auto, (max-width: 560px) 100vw, 560px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d39a30cae3.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d39a30cae3.png 560w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d39a30cae3-223x300.png 223w\" width=\"560\"\/><\/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:LL1BRi903DrNwXsypgPNWAIecoAXG0zWJQp1IiOJsGugj--GePGk_RwsD-QedbY6XFFhImC7pSCI7FOe62cHU44REBgYKxpUXgQGEf93JqQeuLp1BgUPd9ql15l1wMfibUaptkBXCA48IrmJTzyK5kSiLNESbSN_IHhuCj9IdPNf7jLY6ASSuKDpJhzHQvjpi2VNdbmVoFQjXHEPFuAxB1TIA-tGbxliVYEETCxJK9Wgsqba8IgRnUB7LD5tCexo1BIB5PaPV1B-cRl5FATrt53vR_tn3m00\" 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\">\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:LL1BRi903DrNwXsypgPNWAIecoAXG0zWJQp1IiOJsGugj--GePGk_RwsD-QedbY6XFFhImC7pSCI7FOe62cHU44REBgYKxpUXgQGEf93JqQeuLp1BgUPd9ql15l1wMfibUaptkBXCA48IrmJTzyK5kSiLNESbSN_IHhuCj9IdPNf7jLY6ASSuKDpJhzHQvjpi2VNdbmVoFQjXHEPFuAxB1TIA-tGbxliVYEETCxJK9Wgsqba8IgRnUB7LD5tCexo1BIB5PaPV1B-cRl5FATrt53vR_tn3m00\" 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:TL51JiD03BmZyGVVa7BX2oq8SG6fKk41PkC4Y-rkQdjHUKAVadVint2QhJWX-M9xF6EFDseeTk3K7t2wlUdWcTGu9-W99ibzOVDg1tiJj3gFJ4lQGJrRSOZ70ILyrdajRnF67oK8EOKYGicOOcmpkuY91mvu5OW80nLsm999BdP1mjEfpg4ig7y6TH9EjZRVbSJNoyAaRObXu8IZanRumF0LytYXRSirr6kTJVXOIC6b8YiQ5MdDDtT1ONl_q58ifqNNp_ecqROOxDmwLtMZA66oAtCz7mjFBd_7QQnpOf8_srfh2UMn7VX2s3klJxXZGdwTje77o5vouWtvYzOt_G80\" \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\">@startmindmap\r\n* Gestion de produit\r\n** Strat\u00e9gie\r\n*** \u00c9tude de march\u00e9\r\n*** Analyse concurrentielle\r\n*** Planification de la feuille de route\r\n** Ex\u00e9cution\r\n*** Planification de sprint\r\n*** User Stories\r\n*** Affinage du backlog\r\n** Analyses\r\n*** M\u00e9triques utilisateurs\r\n*** Tests A\/B\r\n*** Taux de conversion\r\n** Parties prenantes\r\n*** \u00c9quipe d'ing\u00e9nierie\r\n*** \u00c9quipe de design\r\n*** Leaders d'entreprise\r\n*** Clients\r\n@endmindmap\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TL51JiD03BmZyGVVa7BX2oq8SG6fKk41PkC4Y-rkQdjHUKAVadVint2QhJWX-M9xF6EFDseeTk3K7t2wlUdWcTGu9-W99ibzOVDg1tiJj3gFJ4lQGJrRSOZ70ILyrdajRnF67oK8EOKYGicOOcmpkuY91mvu5OW80nLsm999BdP1mjEfpg4ig7y6TH9EjZRVbSJNoyAaRObXu8IZanRumF0LytYXRSirr6kTJVXOIC6b8YiQ5MdDDtT1ONl_q58ifqNNp_ecqROOxDmwLtMZA66oAtCz7mjFBd_7QQnpOf8_srfh2UMn7VX2s3klJxXZGdwTje77o5vouWtvYzOt_G80\" \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:LL1BRi903DrNwXsypgPNWAIecoAXG0zWJQp1IiOJsGugj--GePGk_RwsD-QedbY6XFFhImC7pSCI7FOe62cHU44REBgYKxpUXgQGEf93JqQeuLp1BgUPd9ql15l1wMfibUaptkBXCA48IrmJTzyK5kSiLNESbSN_IHhuCj9IdPNf7jLY6ASSuKDpJhzHQvjpi2VNdbmVoFQjXHEPFuAxB1TIA-tGbxliVYEETCxJK9Wgsqba8IgRnUB7LD5tCexo1BIB5PaPV1B-cRl5FATrt53vR_tn3m00\" 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<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LL1BRi903DrNwXsypgPNWAIecoAXG0zWJQp1IiOJsGugj--GePGk_RwsD-QedbY6XFFhImC7pSCI7FOe62cHU44REBgYKxpUXgQGEf93JqQeuLp1BgUPd9ql15l1wMfibUaptkBXCA48IrmJTzyK5kSiLNESbSN_IHhuCj9IdPNf7jLY6ASSuKDpJhzHQvjpi2VNdbmVoFQjXHEPFuAxB1TIA-tGbxliVYEETCxJK9Wgsqba8IgRnUB7LD5tCexo1BIB5PaPV1B-cRl5FATrt53vR_tn3m00\" 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<h3>11. Maquette (Salt)<\/h3>\n<p id=\"GwDuJzU\"><img alt=\"Maquette de page de connexion avec nom d'utilisateur, mot de passe, bouton de connexion et lien de mot de passe oubli\u00e9\" class=\"alignnone size-full wp-image-20154\" decoding=\"async\" height=\"112\" loading=\"lazy\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d39b895bc4.png\" width=\"151\"\/><\/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:SoWkIImgAKxCAU7bgjRcvL9Gg5RooK_Fp5C8I4nFLG89A2X4AuKMfnRb9UQcMYaenSB40XABYylpYr8GOZOGhKfsCAvRVb5wVea2JAKzHAQMbmk875BpKa3s0W00\" 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\">\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:SoWkIImgAKxCAU7bgjRcvL9Gg5RooK_Fp5C8I4nFLG89A2X4AuKMfnRb9UQcMYaenSB40XABYylpYr8GOZOGhKfsCAvRVb5wVea2JAKzHAQMbmk875BpKa3s0W00\" 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:SoWkIImgAKxCAU7bgjRcvL9Gg5OAI4nFLKX9LKZEpyjBhSZCprC2YIieH2lvvUSgfAYNbcJcP1OdbgIM5YbOAIZ5mcHzyqj0sWeIYujJaIHib9pX1jd1X53KvfScvMGUNgbW3v6lvUK28eVKl1IGkm00\" \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\">@startsalt\r\n{+\r\n  {\"Page de connexion\"\r\n    [\"Nom d'utilisateur : \"]\r\n    [\"Mot de passe : \"]\r\n    &lt;\"Connexion\"&gt;\r\n    &lt;\"Mot de passe oubli\u00e9 ?\"&gt;\r\n  }\r\n}\r\n@endsalt\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:SoWkIImgAKxCAU7bgjRcvL9Gg5OAI4nFLKX9LKZEpyjBhSZCprC2YIieH2lvvUSgfAYNbcJcP1OdbgIM5YbOAIZ5mcHzyqj0sWeIYujJaIHib9pX1jd1X53KvfScvMGUNgbW3v6lvUK28eVKl1IGkm00\" \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:SoWkIImgAKxCAU7bgjRcvL9Gg5RooK_Fp5C8I4nFLG89A2X4AuKMfnRb9UQcMYaenSB40XABYylpYr8GOZOGhKfsCAvRVb5wVea2JAKzHAQMbmk875BpKa3s0W00\" 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<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:SoWkIImgAKxCAU7bgjRcvL9Gg5RooK_Fp5C8I4nFLG89A2X4AuKMfnRb9UQcMYaenSB40XABYylpYr8GOZOGhKfsCAvRVb5wVea2JAKzHAQMbmk875BpKa3s0W00\" 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<h3>12. Diagramme de r\u00e9seau<\/h3>\n<p id=\"wiifxCb\"><img alt=\"Diagramme de r\u00e9seau montrant le flux de trafic depuis Internet, \u00e0 travers le pare-feu, vers le DMZ et les serveurs du r\u00e9seau interne.\" class=\"alignnone size-full wp-image-20155\" decoding=\"async\" height=\"590\" loading=\"lazy\" sizes=\"auto, (max-width: 425px) 100vw, 425px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d39ca1b16b.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d39ca1b16b.png 425w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d39ca1b16b-216x300.png 216w\" width=\"425\"\/><\/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:LL0n2iCm3DmD_eF8dY-Kj0H3XsRnOEZc40sXhXCS9nbA_rv5niITvBj3lZirIxGXhcydXPy6XEhk8mQFiGAxG0PPL6F0tJh7eZAPRXzFPcZ2Hmg0H1liGMFOCB1gz2crdIubWb9y_oDO1nt6VGgl8WgHXS5rdijV2Egm5IOssjukc2nkfw16X-NYWNcJ8aYHIqDTNxYaCloaTb8S5G-GuqXXD1FPFCsqG9OD-e6k-mC0\" 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\">\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:LL0n2iCm3DmD_eF8dY-Kj0H3XsRnOEZc40sXhXCS9nbA_rv5niITvBj3lZirIxGXhcydXPy6XEhk8mQFiGAxG0PPL6F0tJh7eZAPRXzFPcZ2Hmg0H1liGMFOCB1gz2crdIubWb9y_oDO1nt6VGgl8WgHXS5rdijV2Egm5IOssjukc2nkfw16X-NYWNcJ8aYHIqDTNxYaCloaTb8S5G-GuqXXD1FPFCsqG9OD-e6k-mC0\" 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:RL0x2iCm3DqDleF8qYbNA6a8WGuDfHuCtTn4fORK2VvaAJrGpf6BrR4nBJIJfFSalISLnWfjtREdH0qTGdPK5hL2cu4ma8f4deN6_8uka3LFS7Mw1iH7U5424666UaAdWUCjq9pzSrN3ucZZoNTQU5bcWy8b_HylejzIw7Q7SUnbAwmSLEZsDTFJjxCK1i4dtQ3KCgE9ekN6AeHQjW-9ElRKiiUmoPkZ93q4ydmV7b3paFhBALdFNulab1BE0f3Cn1W7l7I1glEV_m00\" \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 \"Internet\" as Internet\r\nnode \"Pare-feu\" as FW\r\nnode \"DMZ\" as DMZ {\r\n  node \"Serveur Web\" as WS\r\n  node \"Serveur DNS\" as DNS\r\n}\r\nnode \"R\u00e9seau Interne\" as Internal {\r\n  node \"Serveur d'Application\" as AppSrv\r\n  node \"Base de donn\u00e9es\" as DB\r\n  node \"Serveur de Fichiers\" as FileSrv\r\n}\r\n\r\nInternet --&gt; FW\r\nFW --&gt; DMZ\r\nDMZ --&gt; Internal\r\nWS --&gt; AppSrv\r\nAppSrv --&gt; DB\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RL0x2iCm3DqDleF8qYbNA6a8WGuDfHuCtTn4fORK2VvaAJrGpf6BrR4nBJIJfFSalISLnWfjtREdH0qTGdPK5hL2cu4ma8f4deN6_8uka3LFS7Mw1iH7U5424666UaAdWUCjq9pzSrN3ucZZoNTQU5bcWy8b_HylejzIw7Q7SUnbAwmSLEZsDTFJjxCK1i4dtQ3KCgE9ekN6AeHQjW-9ElRKiiUmoPkZ93q4ydmV7b3paFhBALdFNulab1BE0f3Cn1W7l7I1glEV_m00\" \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:LL0n2iCm3DmD_eF8dY-Kj0H3XsRnOEZc40sXhXCS9nbA_rv5niITvBj3lZirIxGXhcydXPy6XEhk8mQFiGAxG0PPL6F0tJh7eZAPRXzFPcZ2Hmg0H1liGMFOCB1gz2crdIubWb9y_oDO1nt6VGgl8WgHXS5rdijV2Egm5IOssjukc2nkfw16X-NYWNcJ8aYHIqDTNxYaCloaTb8S5G-GuqXXD1FPFCsqG9OD-e6k-mC0\" 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<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LL0n2iCm3DmD_eF8dY-Kj0H3XsRnOEZc40sXhXCS9nbA_rv5niITvBj3lZirIxGXhcydXPy6XEhk8mQFiGAxG0PPL6F0tJh7eZAPRXzFPcZ2Hmg0H1liGMFOCB1gz2crdIubWb9y_oDO1nt6VGgl8WgHXS5rdijV2Egm5IOssjukc2nkfw16X-NYWNcJ8aYHIqDTNxYaCloaTb8S5G-GuqXXD1FPFCsqG9OD-e6k-mC0\" 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<h3>13. Diagramme de Gantt<\/h3>\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:bPBDJiCm48JlaV8E-mAMx43vkLLL1U8MeN9275R9AZMuws1laVhsk4afCO43rvtzPaTZBwDWa0vPf2p4YYEeWt-bHc1ZT-GiKrcKHJ_EXkK8bQwkbBvLsXmrfQ1so6ov0wNAulcHtlSsq8uuxTwZR2aaxGLcD22tu32ceT7GuY4cUatHTWpr5YFD69CnboTcoB2c3tA-FruTOwomUQEqF15cVjLYubUTCzm5p_8lrjnCismeohcE9xRoDSbDZ5PcyMi93-by5r2ivp_HxFvrNaNl_E6xYVIYxRuPp4RfXvV9t-BYvBLC3Gm_unC0\" 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\">\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:bPBDJiCm48JlaV8E-mAMx43vkLLL1U8MeN9275R9AZMuws1laVhsk4afCO43rvtzPaTZBwDWa0vPf2p4YYEeWt-bHc1ZT-GiKrcKHJ_EXkK8bQwkbBvLsXmrfQ1so6ov0wNAulcHtlSsq8uuxTwZR2aaxGLcD22tu32ceT7GuY4cUatHTWpr5YFD69CnboTcoB2c3tA-FruTOwomUQEqF15cVjLYubUTCzm5p_8lrjnCismeohcE9xRoDSbDZ5PcyMi93-by5r2ivp_HxFvrNaNl_E6xYVIYxRuPp4RfXvV9t-BYvBLC3Gm_unC0\" 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:ZP9DJiCm44RtaNA7sR6o50VApwwYY7KMx10Bonc2MzUsx0dYIZr7ByOuKMaQfHAxaPtt_EMprubKf4uveh8WGn5XeoowDXgCqFRGHBz5tYkBa2TD0v2WhkfxKJs9IkOz8Q2nofbFenKPxq28idZVU6kPG6Wn0VwO3ft6z07Qx_Tv18iJ3o3nWHn0Lh3rVKniQBvKoZWZ_7t8wcLSJl2x4pxaUZaUlj7w490X6eFDrfwLtl4lBvlhrP-vFWUR6LwZT_GVXNoy2FU6YRiSCerZxmmf4nTRafMGgwMMHhIzCOwEXowgApKnFqdoC6yfM6ykEpgle0E-_hRNrzHoUe6t9_MQAndUrYy0\" \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\">@startgantt\r\ntitre Calendrier du Projet\r\n\r\nprojectstarts 2026-09-01\r\n\r\n-- Planification --\r\n[Collecte des exigences] commence le 2026-09-01 et dure 10 jours\r\n[Phase de conception] commence le 2026-09-11 et dure 14 jours\r\n\r\n-- D\u00e9veloppement --\r\n[D\u00e9veloppement Backend] commence le 2026-09-25 et dure 20 jours\r\n[D\u00e9veloppement Frontend] commence le 2026-09-25 et dure 18 jours\r\n\r\n-- Tests --\r\n[Tests unitaires] commence le 2026-10-15 et dure 10 jours\r\n[Tests d'int\u00e9gration] commence le 2026-10-25 et dure 7 jours\r\n\r\n-- D\u00e9ploiement --\r\n[D\u00e9ploiement en production] commence le 2026-11-01 et dure 3 jours\r\n@endgantt\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZP9DJiCm44RtaNA7sR6o50VApwwYY7KMx10Bonc2MzUsx0dYIZr7ByOuKMaQfHAxaPtt_EMprubKf4uveh8WGn5XeoowDXgCqFRGHBz5tYkBa2TD0v2WhkfxKJs9IkOz8Q2nofbFenKPxq28idZVU6kPG6Wn0VwO3ft6z07Qx_Tv18iJ3o3nWHn0Lh3rVKniQBvKoZWZ_7t8wcLSJl2x4pxaUZaUlj7w490X6eFDrfwLtl4lBvlhrP-vFWUR6LwZT_GVXNoy2FU6YRiSCerZxmmf4nTRafMGgwMMHhIzCOwEXowgApKnFqdoC6yfM6ykEpgle0E-_hRNrzHoUe6t9_MQAndUrYy0\" \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:bPBDJiCm48JlaV8E-mAMx43vkLLL1U8MeN9275R9AZMuws1laVhsk4afCO43rvtzPaTZBwDWa0vPf2p4YYEeWt-bHc1ZT-GiKrcKHJ_EXkK8bQwkbBvLsXmrfQ1so6ov0wNAulcHtlSsq8uuxTwZR2aaxGLcD22tu32ceT7GuY4cUatHTWpr5YFD69CnboTcoB2c3tA-FruTOwomUQEqF15cVjLYubUTCzm5p_8lrjnCismeohcE9xRoDSbDZ5PcyMi93-by5r2ivp_HxFvrNaNl_E6xYVIYxRuPp4RfXvV9t-BYvBLC3Gm_unC0\" 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<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bPBDJiCm48JlaV8E-mAMx43vkLLL1U8MeN9275R9AZMuws1laVhsk4afCO43rvtzPaTZBwDWa0vPf2p4YYEeWt-bHc1ZT-GiKrcKHJ_EXkK8bQwkbBvLsXmrfQ1so6ov0wNAulcHtlSsq8uuxTwZR2aaxGLcD22tu32ceT7GuY4cUatHTWpr5YFD69CnboTcoB2c3tA-FruTOwomUQEqF15cVjLYubUTCzm5p_8lrjnCismeohcE9xRoDSbDZ5PcyMi93-by5r2ivp_HxFvrNaNl_E6xYVIYxRuPp4RfXvV9t-BYvBLC3Gm_unC0\" 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<h3>14. Diagramme Entit\u00e9-Relation<\/h3>\n<p id=\"BMwpqin\"><img alt=\"Diagramme de relations entit\u00e9s montrant les relations entre les tables Client, Commande, Produit et Article_Commande.\" class=\"alignnone size-full wp-image-20156\" decoding=\"async\" height=\"531\" loading=\"lazy\" sizes=\"auto, (max-width: 578px) 100vw, 578px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3a0f4db1d.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3a0f4db1d.png 578w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3a0f4db1d-300x276.png 300w\" width=\"578\"\/><\/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:ZP9DReGm38NtIDp1ccKbBZ0QZKRgggls1YXDh6dKnA71MOoWTs_CJw73L695_Fmmdn-vjAmY9-_A0eajt-3md5eE7kC1L0jp0LrP03o1dkhQ6ZW29V-UUwVJ5GcZOZJdi_YgQdIJyfXjBKTBLv7GA-l-ACr7eBNdkomMbDTe9exXD4C4AVOHFEALpZZ2v1UoB0yHER1ojV8X4OkCsdhbxfZUOZ19yq0rdMUkPYptaStcJKPDj1hNduVS3Fgp_afgP5WMsQPLlp3w9JAfxcBBoZx2JSp_RYcD1tG0YIpNcuK6wj-RrVTL5Rhf3n-XSKfZMnPZBSs-M-ro11s8bQLicUDVJvXCbhHBHkPSa4o-tpy0\" 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\">\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:ZP9DReGm38NtIDp1ccKbBZ0QZKRgggls1YXDh6dKnA71MOoWTs_CJw73L695_Fmmdn-vjAmY9-_A0eajt-3md5eE7kC1L0jp0LrP03o1dkhQ6ZW29V-UUwVJ5GcZOZJdi_YgQdIJyfXjBKTBLv7GA-l-ACr7eBNdkomMbDTe9exXD4C4AVOHFEALpZZ2v1UoB0yHER1ojV8X4OkCsdhbxfZUOZ19yq0rdMUkPYptaStcJKPDj1hNduVS3Fgp_afgP5WMsQPLlp3w9JAfxcBBoZx2JSp_RYcD1tG0YIpNcuK6wj-RrVTL5Rhf3n-XSKfZMnPZBSs-M-ro11s8bQLicUDVJvXCbhHBHkPSa4o-tpy0\" 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:ZPBBRSCm38Rl1hm3aMC1Bn04GOgSUcetC5H9I8NguKhK8R0xaEVmOgNyQ9Ku1Noo-FEt-97KAI3p68qk2sbHuT33xgmLdNV00fnZG6UaXxOi09w0pt6j1Ep1HlDEkSFXClHswFtG7u_9LrMJsp8ZoHRGAtj9aZHCwHkb-N0sztoNHKxYZ65Mo97brOi_49U2RHIFc5Dcka8mJFNJ9udeaEcQ6HSj9bboPPY-vthpJaGrZMWySrp0cYdSXhQOLuDglE8ohm-KTFop_eeiGLopJcxHdZqghYNz2UlflQ0qTnCaPHlhQkB_zfiI3pW1ebLOhreR-NyVMjTLbMldPU-XOI7GOgOmvResQsKFt54PQhuibZta5ymcPRcEP3b9A-Yf_m00\" \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\nentit\u00e9 \"Client\" as Customer {\r\n  * customer_id : number &lt;&lt;g\u00e9n\u00e9r\u00e9&gt;&gt;\r\n  --\r\n  * name : string\r\n  email : string\r\n  phone : string\r\n}\r\n\r\nentit\u00e9 \"Commande\" as Order {\r\n  * order_id : number &lt;&lt;g\u00e9n\u00e9r\u00e9&gt;&gt;\r\n  --\r\n  * customer_id : number\r\n  order_date : date\r\n  total_amount : decimal\r\n}\r\n\r\nentit\u00e9 \"Produit\" as Product {\r\n  * product_id : number &lt;&lt;g\u00e9n\u00e9r\u00e9&gt;&gt;\r\n  --\r\n  * product_name : string\r\n  price : decimal\r\n  stock_quantity : number\r\n}\r\n\r\nentit\u00e9 \"Article de Commande\" as OrderItem {\r\n  * order_item_id : number &lt;&lt;g\u00e9n\u00e9r\u00e9&gt;&gt;\r\n  --\r\n  * order_id : number\r\n  * product_id : number\r\n  quantity : number\r\n  unit_price : decimal\r\n}\r\n\r\nCustomer ||--o{ Order : passe\r\nOrder ||--|{ OrderItem : contient\r\nProduct ||--o{ OrderItem : inclut\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZPBBRSCm38Rl1hm3aMC1Bn04GOgSUcetC5H9I8NguKhK8R0xaEVmOgNyQ9Ku1Noo-FEt-97KAI3p68qk2sbHuT33xgmLdNV00fnZG6UaXxOi09w0pt6j1Ep1HlDEkSFXClHswFtG7u_9LrMJsp8ZoHRGAtj9aZHCwHkb-N0sztoNHKxYZ65Mo97brOi_49U2RHIFc5Dcka8mJFNJ9udeaEcQ6HSj9bboPPY-vthpJaGrZMWySrp0cYdSXhQOLuDglE8ohm-KTFop_eeiGLopJcxHdZqghYNz2UlflQ0qTnCaPHlhQkB_zfiI3pW1ebLOhreR-NyVMjTLbMldPU-XOI7GOgOmvResQsKFt54PQhuibZta5ymcPRcEP3b9A-Yf_m00\" \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:ZP9DReGm38NtIDp1ccKbBZ0QZKRgggls1YXDh6dKnA71MOoWTs_CJw73L695_Fmmdn-vjAmY9-_A0eajt-3md5eE7kC1L0jp0LrP03o1dkhQ6ZW29V-UUwVJ5GcZOZJdi_YgQdIJyfXjBKTBLv7GA-l-ACr7eBNdkomMbDTe9exXD4C4AVOHFEALpZZ2v1UoB0yHER1ojV8X4OkCsdhbxfZUOZ19yq0rdMUkPYptaStcJKPDj1hNduVS3Fgp_afgP5WMsQPLlp3w9JAfxcBBoZx2JSp_RYcD1tG0YIpNcuK6wj-RrVTL5Rhf3n-XSKfZMnPZBSs-M-ro11s8bQLicUDVJvXCbhHBHkPSa4o-tpy0\" 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<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZP9DReGm38NtIDp1ccKbBZ0QZKRgggls1YXDh6dKnA71MOoWTs_CJw73L695_Fmmdn-vjAmY9-_A0eajt-3md5eE7kC1L0jp0LrP03o1dkhQ6ZW29V-UUwVJ5GcZOZJdi_YgQdIJyfXjBKTBLv7GA-l-ACr7eBNdkomMbDTe9exXD4C4AVOHFEALpZZ2v1UoB0yHER1ojV8X4OkCsdhbxfZUOZ19yq0rdMUkPYptaStcJKPDj1hNduVS3Fgp_afgP5WMsQPLlp3w9JAfxcBBoZx2JSp_RYcD1tG0YIpNcuK6wj-RrVTL5Rhf3n-XSKfZMnPZBSs-M-ro11s8bQLicUDVJvXCbhHBHkPSa4o-tpy0\" 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<h3>15. Diagramme d&#8217;Architecture (Style Mod\u00e8le C4)<\/h3>\n<p id=\"RYVwvLg\"><img alt=\"Diagramme d'architecture du mod\u00e8le C4 montrant le contexte du syst\u00e8me et le diagramme de conteneurs pour une plateforme de commerce \u00e9lectronique.\" class=\"alignnone size-full wp-image-20157\" decoding=\"async\" height=\"334\" loading=\"lazy\" sizes=\"auto, (max-width: 653px) 100vw, 653px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3a26bfc22.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3a26bfc22.png 653w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3a26bfc22-300x153.png 300w\" width=\"653\"\/><\/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:VLBBRi8m4Bn7oZ-iw9aVoA424bHLeb9eMbKzRi8IB1mxMZjGLFNVQuSae9HoyZvclBDZpun5jaqbmy3iXQgHiO8SYtt9kb6RM4lDSDm9IzS0fiAYAYKjRYF3O43093iPInN4MbdwiXFu3WE0gtxS6AihuWcWWJw1XvKeTtOX6nh1bzDOLmvH4AGIxLPprJBxf6C-CP4QKLCyLQGifAmFOjDDx8jdsYT9gOyZNhOJTIrKwR1iLSSRYcTYh1cTYJz--M69wVJneYk2TqCc38P2s-scHrvKGSOX-jeOEWoCOCxif3beGb8SY4yZoxtNA9nII0IMxiN-klv1ESphkbt5nIxyt_8NdGjtzl1pUfSnJvzRg3lll4U25dCqr4AJnUW9MYixQNv_VrS4hylipOTXS95ng-jpNtVNHf2jLx1kY8NtVqPgupxyBm00\" 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\">\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:VLBBRi8m4Bn7oZ-iw9aVoA424bHLeb9eMbKzRi8IB1mxMZjGLFNVQuSae9HoyZvclBDZpun5jaqbmy3iXQgHiO8SYtt9kb6RM4lDSDm9IzS0fiAYAYKjRYF3O43093iPInN4MbdwiXFu3WE0gtxS6AihuWcWWJw1XvKeTtOX6nh1bzDOLmvH4AGIxLPprJBxf6C-CP4QKLCyLQGifAmFOjDDx8jdsYT9gOyZNhOJTIrKwR1iLSSRYcTYh1cTYJz--M69wVJneYk2TqCc38P2s-scHrvKGSOX-jeOEWoCOCxif3beGb8SY4yZoxtNA9nII0IMxiN-klv1ESphkbt5nIxyt_8NdGjtzl1pUfSnJvzRg3lll4U25dCqr4AJnUW9MYixQNv_VrS4hylipOTXS95ng-jpNtVNHf2jLx1kY8NtVqPgupxyBm00\" 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:VLFBJiCm4Bn7oZ-ioe5JVo0710q58HLHA0Xnt3PBkgfZ1zlX8SJ_0B_H7sFjXb05w2LUUMVMEpFAeVDeVLEfD74hrZLQh62EYrLfJQEBt2XZuMd9dhO1bXOUTQbez3SoJJe437AZFJrxWgA1sOlpw_UA1l2Q9W3RACMa_G3GGTuuRogoi3VXSkb7gg4UUAhGqxsn5S5uc9jAm0kAtD09ZPPxQebqZtnY6glPEMei50HJPAg-dvxYIwXRzXqfPPxwRujVf96j2DeVFzVhZu8z6ntvioNNDUko7P0RY-BiMt2aKpKS7loicS6DPyLE57Pt4T0kai6rHV4K5BbkLTS3TwzcS65B5762HvZmet2TqRr0ZXbBIL7C4_an7IrUkD-P7DMruWK6TN1BywXGJhd-FvfjphcPizhaiYbtCwTd4IhdZlH6wEBUXT5w_K4kKev7lSIYu-sgmQ4mCulVg_7iEar-rlch6wfmBsCpkAA7PltfnVxPvIHD3aaNyhjy0G00\" \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\nskinparam backgroundColor white\r\nskinparam rectangleBackgroundColor white\r\n\r\nrectangle \"Contexte du Syst\u00e8me\" {\r\n  rectangle \"Client\" as Customer #LightBlue\r\n  rectangle \"Plateforme E-Commerce\" as Platform #LightGreen\r\n  rectangle \"Fournisseur de Paiement\" as Payment #LightYellow\r\n  rectangle \"Partenaire d'Exp\u00e9dition\" as Shipping #LightCoral\r\n}\r\n\r\nCustomer --&gt; Platform : Utilise\r\nPlatform --&gt; Payment : Traite les Paiements\r\nPlatform --&gt; Shipping : Organise la Livraison\r\n\r\nrectangle \"Diagramme de Conteneurs\" {\r\n  rectangle \"Application Web\" as WebApp #LightBlue\r\n  rectangle \"Application Mobile\" as MobileApp #LightBlue\r\n  rectangle \"API\" as API #LightGreen\r\n  rectangle \"Base de donn\u00e9es\" as DB #LightYellow\r\n}\r\n\r\nWebApp --&gt; API : API REST\r\nMobileApp --&gt; API : API REST\r\nAPI --&gt; DB : Requ\u00eates SQL\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:VLFBJiCm4Bn7oZ-ioe5JVo0710q58HLHA0Xnt3PBkgfZ1zlX8SJ_0B_H7sFjXb05w2LUUMVMEpFAeVDeVLEfD74hrZLQh62EYrLfJQEBt2XZuMd9dhO1bXOUTQbez3SoJJe437AZFJrxWgA1sOlpw_UA1l2Q9W3RACMa_G3GGTuuRogoi3VXSkb7gg4UUAhGqxsn5S5uc9jAm0kAtD09ZPPxQebqZtnY6glPEMei50HJPAg-dvxYIwXRzXqfPPxwRujVf96j2DeVFzVhZu8z6ntvioNNDUko7P0RY-BiMt2aKpKS7loicS6DPyLE57Pt4T0kai6rHV4K5BbkLTS3TwzcS65B5762HvZmet2TqRr0ZXbBIL7C4_an7IrUkD-P7DMruWK6TN1BywXGJhd-FvfjphcPizhaiYbtCwTd4IhdZlH6wEBUXT5w_K4kKev7lSIYu-sgmQ4mCulVg_7iEar-rlch6wfmBsCpkAA7PltfnVxPvIHD3aaNyhjy0G00\" \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:VLBBRi8m4Bn7oZ-iw9aVoA424bHLeb9eMbKzRi8IB1mxMZjGLFNVQuSae9HoyZvclBDZpun5jaqbmy3iXQgHiO8SYtt9kb6RM4lDSDm9IzS0fiAYAYKjRYF3O43093iPInN4MbdwiXFu3WE0gtxS6AihuWcWWJw1XvKeTtOX6nh1bzDOLmvH4AGIxLPprJBxf6C-CP4QKLCyLQGifAmFOjDDx8jdsYT9gOyZNhOJTIrKwR1iLSSRYcTYh1cTYJz--M69wVJneYk2TqCc38P2s-scHrvKGSOX-jeOEWoCOCxif3beGb8SY4yZoxtNA9nII0IMxiN-klv1ESphkbt5nIxyt_8NdGjtzl1pUfSnJvzRg3lll4U25dCqr4AJnUW9MYixQNv_VrS4hylipOTXS95ng-jpNtVNHf2jLx1kY8NtVqPgupxyBm00\" 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<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:VLBBRi8m4Bn7oZ-iw9aVoA424bHLeb9eMbKzRi8IB1mxMZjGLFNVQuSae9HoyZvclBDZpun5jaqbmy3iXQgHiO8SYtt9kb6RM4lDSDm9IzS0fiAYAYKjRYF3O43093iPInN4MbdwiXFu3WE0gtxS6AihuWcWWJw1XvKeTtOX6nh1bzDOLmvH4AGIxLPprJBxf6C-CP4QKLCyLQGifAmFOjDDx8jdsYT9gOyZNhOJTIrKwR1iLSSRYcTYh1cTYJz--M69wVJneYk2TqCc38P2s-scHrvKGSOX-jeOEWoCOCxif3beGb8SY4yZoxtNA9nII0IMxiN-klv1ESphkbt5nIxyt_8NdGjtzl1pUfSnJvzRg3lll4U25dCqr4AJnUW9MYixQNv_VrS4hylipOTXS95ng-jpNtVNHf2jLx1kY8NtVqPgupxyBm00\" 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<hr\/>\n<h2>Bonnes Pratiques<\/h2>\n<h3>1.\u00a0<strong>Gardez les diagrammes simples<\/strong><\/h3>\n<ul>\n<li>\n<p>Concentrez-vous sur un seul aspect par diagramme<\/p>\n<\/li>\n<li>\n<p>\u00c9vitez la surcharge avec trop d&#8217;\u00e9l\u00e9ments<\/p>\n<\/li>\n<\/ul>\n<h3>2.\u00a0<strong>Utilisez une d\u00e9nomination coh\u00e9rente<\/strong><\/h3>\n<ul>\n<li>\n<p>Suivez les conventions de d\u00e9nomination dans l&#8217;ensemble de vos diagrammes<\/p>\n<\/li>\n<li>\n<p>Utilisez des noms significatifs pour les classes, les acteurs et les composants<\/p>\n<\/li>\n<\/ul>\n<h3>3.\u00a0<strong>Documentez vos diagrammes<\/strong><\/h3>\n<ul>\n<li>\n<p>Ajoutez des titres et des descriptions<\/p>\n<\/li>\n<li>\n<p>Utilisez des notes pour un contexte suppl\u00e9mentaire<\/p>\n<\/li>\n<\/ul>\n<h3>4.\u00a0<strong>Modularisez les syst\u00e8mes complexes<\/strong><\/h3>\n<ul>\n<li>\n<p>D\u00e9composez les grands syst\u00e8mes en diagrammes plus petits et g\u00e9rables<\/p>\n<\/li>\n<li>\n<p>Utilisez le regroupement par paquets pour l&#8217;organisation<\/p>\n<\/li>\n<\/ul>\n<h3>5.\u00a0<strong>Exploitez les outils d&#8217;IA<\/strong><\/h3>\n<ul>\n<li>\n<p>Utilisez le chatbot IA de Visual Paradigm pour la structure initiale du diagramme<\/p>\n<\/li>\n<li>\n<p>Affinez et personnalisez avec VPasCode<\/p>\n<\/li>\n<\/ul>\n<h3>6.\u00a0<strong>Contr\u00f4le de version<\/strong><\/h3>\n<ul>\n<li>\n<p>Validez les fichiers PlantUML dans Git<\/p>\n<\/li>\n<li>\n<p>Utilisez des messages de validation significatifs d\u00e9crivant les modifications des diagrammes<\/p>\n<\/li>\n<\/ul>\n<hr\/>\n<h2>Bien d\u00e9marrer avec Visual Paradigm + VPasCode<\/h2>\n<ol>\n<li>\n<p><strong>Installez Visual Paradigm<\/strong> avec le plugin VPasCode<\/p>\n<\/li>\n<li>\n<p><strong>Cr\u00e9ez un nouveau fichier PlantUML<\/strong> (extension .puml)<\/p>\n<\/li>\n<li>\n<p><strong>Commencez \u00e0 taper<\/strong> votre code de diagramme<\/p>\n<\/li>\n<li>\n<p><strong>Utilisez le chatbot IA<\/strong> pour des suggestions en d\u00e9crivant votre syst\u00e8me<\/p>\n<\/li>\n<li>\n<p><strong>Aper\u00e7u en temps r\u00e9el<\/strong> pendant que vous modifiez<\/p>\n<\/li>\n<li>\n<p><strong>Exporter<\/strong> vers votre format souhait\u00e9 (PNG, SVG, PDF)<\/p>\n<\/li>\n<\/ol>\n<hr\/>\n<h2>Conclusion<\/h2>\n<p>PlantUML combin\u00e9 au chatbot IA de Visual Paradigm et \u00e0 VPasCode offre une approche puissante et conviviale pour les d\u00e9veloppeurs afin de cr\u00e9er des diagrammes professionnels. La nature bas\u00e9e sur le texte garantit la maintenabilit\u00e9, la compatibilit\u00e9 avec le contr\u00f4le de version et une collaboration facile, tandis que les outils aliment\u00e9s par l&#8217;IA acc\u00e9l\u00e8rent la cr\u00e9ation de diagrammes et assurent le respect des meilleures pratiques.<\/p>\n<p class=\"\">Que vous documentiez l&#8217;architecture logicielle, planifiiez des projets ou communiquiez des conceptions de syst\u00e8mes, PlantUML offre une solution compl\u00e8te qui s&#8217;adapte \u00e0 vos besoins.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction : Ma\u00eetriser les diagrammes en tant que code avec PlantUML et Visual Paradigm Dans le paysage actuel du d\u00e9veloppement<\/p>\n","protected":false},"author":11,"featured_media":12490,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","footnotes":""},"categories":[79,117],"tags":[],"class_list":["post-12489","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ai-chatbot","category-vpascode"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Guide complet sur PlantUML : les diagrammes en tant que code - Cyberm\u00e9diane<\/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.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Guide complet sur PlantUML : les diagrammes en tant que code - Cyberm\u00e9diane\" \/>\n<meta property=\"og:description\" content=\"Introduction : Ma\u00eetriser les diagrammes en tant que code avec PlantUML et Visual Paradigm Dans le paysage actuel du d\u00e9veloppement\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/\" \/>\n<meta property=\"og:site_name\" content=\"Cyberm\u00e9diane\" \/>\n<meta property=\"article:published_time\" content=\"2026-08-25T06:29:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-03T15:26:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3691d85b8.png\" \/><meta property=\"og:image\" content=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3691d85b8.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"572\" \/>\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.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3691d85b8.png\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"curtis\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/\"},\"author\":{\"name\":\"curtis\",\"@id\":\"https:\/\/www.cybermedian.com\/fr\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\"},\"headline\":\"Guide complet sur PlantUML : les diagrammes en tant que code\",\"datePublished\":\"2026-08-25T06:29:51+00:00\",\"dateModified\":\"2026-09-03T15:26:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/\"},\"wordCount\":1252,\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cybermedian.com\/fr\/wp-content\/uploads\/sites\/10\/2026\/08\/img_6a8d3691d85b8.png\",\"articleSection\":[\"AI Chatbot\",\"VPasCode\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/\",\"url\":\"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/\",\"name\":\"Guide complet sur PlantUML : les diagrammes en tant que code - Cyberm\u00e9diane\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cybermedian.com\/fr\/wp-content\/uploads\/sites\/10\/2026\/08\/img_6a8d3691d85b8.png\",\"datePublished\":\"2026-08-25T06:29:51+00:00\",\"dateModified\":\"2026-09-03T15:26:08+00:00\",\"author\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/#primaryimage\",\"url\":\"https:\/\/www.cybermedian.com\/fr\/wp-content\/uploads\/sites\/10\/2026\/08\/img_6a8d3691d85b8.png\",\"contentUrl\":\"https:\/\/www.cybermedian.com\/fr\/wp-content\/uploads\/sites\/10\/2026\/08\/img_6a8d3691d85b8.png\",\"width\":1024,\"height\":572},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.cybermedian.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Guide complet sur PlantUML : les diagrammes en tant que code\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.cybermedian.com\/fr\/#website\",\"url\":\"https:\/\/www.cybermedian.com\/fr\/\",\"name\":\"Cyberm\u00e9diane\",\"description\":\"Apprendre une nouvelle chose tous les jours\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.cybermedian.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.cybermedian.com\/fr\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\",\"name\":\"curtis\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.cybermedian.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.cybermedian.com\/fr\/author\/curtis\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Guide complet sur PlantUML : les diagrammes en tant que code - Cyberm\u00e9diane","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.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/","og_locale":"fr_FR","og_type":"article","og_title":"Guide complet sur PlantUML : les diagrammes en tant que code - Cyberm\u00e9diane","og_description":"Introduction : Ma\u00eetriser les diagrammes en tant que code avec PlantUML et Visual Paradigm Dans le paysage actuel du d\u00e9veloppement","og_url":"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/","og_site_name":"Cyberm\u00e9diane","article_published_time":"2026-08-25T06:29:51+00:00","article_modified_time":"2026-09-03T15:26:08+00:00","og_image":[{"url":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3691d85b8.png","type":"","width":"","height":""},{"width":1024,"height":572,"url":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3691d85b8.png","type":"image\/png"}],"author":"curtis","twitter_card":"summary_large_image","twitter_image":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3691d85b8.png","twitter_misc":{"\u00c9crit par":"curtis","Dur\u00e9e de lecture estim\u00e9e":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/#article","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/"},"author":{"name":"curtis","@id":"https:\/\/www.cybermedian.com\/fr\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d"},"headline":"Guide complet sur PlantUML : les diagrammes en tant que code","datePublished":"2026-08-25T06:29:51+00:00","dateModified":"2026-09-03T15:26:08+00:00","mainEntityOfPage":{"@id":"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/"},"wordCount":1252,"image":{"@id":"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cybermedian.com\/fr\/wp-content\/uploads\/sites\/10\/2026\/08\/img_6a8d3691d85b8.png","articleSection":["AI Chatbot","VPasCode"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/","url":"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/","name":"Guide complet sur PlantUML : les diagrammes en tant que code - Cyberm\u00e9diane","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/#primaryimage"},"image":{"@id":"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cybermedian.com\/fr\/wp-content\/uploads\/sites\/10\/2026\/08\/img_6a8d3691d85b8.png","datePublished":"2026-08-25T06:29:51+00:00","dateModified":"2026-09-03T15:26:08+00:00","author":{"@id":"https:\/\/www.cybermedian.com\/fr\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d"},"breadcrumb":{"@id":"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/#primaryimage","url":"https:\/\/www.cybermedian.com\/fr\/wp-content\/uploads\/sites\/10\/2026\/08\/img_6a8d3691d85b8.png","contentUrl":"https:\/\/www.cybermedian.com\/fr\/wp-content\/uploads\/sites\/10\/2026\/08\/img_6a8d3691d85b8.png","width":1024,"height":572},{"@type":"BreadcrumbList","@id":"https:\/\/www.cybermedian.com\/fr\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.cybermedian.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Guide complet sur PlantUML : les diagrammes en tant que code"}]},{"@type":"WebSite","@id":"https:\/\/www.cybermedian.com\/fr\/#website","url":"https:\/\/www.cybermedian.com\/fr\/","name":"Cyberm\u00e9diane","description":"Apprendre une nouvelle chose tous les jours","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.cybermedian.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/www.cybermedian.com\/fr\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d","name":"curtis","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.cybermedian.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.cybermedian.com\/fr\/author\/curtis\/"}]}},"_links":{"self":[{"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/posts\/12489","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/comments?post=12489"}],"version-history":[{"count":0,"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/posts\/12489\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/media\/12490"}],"wp:attachment":[{"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/media?parent=12489"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/categories?post=12489"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/tags?post=12489"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}