{"id":12657,"date":"2026-09-16T17:29:24","date_gmt":"2026-09-16T09:29:24","guid":{"rendered":"https:\/\/www.cybermedian.com\/fr\/plantuml-use-case-diagram-guide\/"},"modified":"2026-09-22T18:15:28","modified_gmt":"2026-09-22T10:15:28","slug":"plantuml-use-case-diagram-guide","status":"publish","type":"post","link":"https:\/\/www.cybermedian.com\/fr\/plantuml-use-case-diagram-guide\/","title":{"rendered":"Guide des diagrammes de cas d’utilisation PlantUML"},"content":{"rendered":"

Introduction<\/span><\/h2>\n

Utilisation<\/span> cas<\/span> diagrammes<\/span> offrent<\/span> \u00e0 d\u00e9finir<\/span> mani\u00e8re claire<\/span> pour<\/span> d\u00e9crire<\/span> comment<\/span> les utilisateurs,<\/span> les syst\u00e8mes externes,<\/span> et<\/span> les autres acteurs<\/span> interagissent<\/span> avec<\/span> un syst\u00e8me logiciel.<\/span> Ils aident<\/span> les \u00e9quipes<\/span> \u00e0 d\u00e9finir<\/span> la port\u00e9e du syst\u00e8me,<\/span> identifier<\/span> <\/span> <\/span> <\/span> <\/span> <\/span> <\/span> <\/span> fonctionnel<\/span> exigences,<\/span> et<\/span> communiquer<\/span> attendu<\/span> comportement<\/span> avant<\/span> mise en \u0153uvre<\/span> commence.<\/span><\/p>\n

PlantUML<\/span> rend<\/span> l’utilisation<\/span> cas<\/span> de mod\u00e9lisation<\/span> pratique<\/span> gr\u00e2ce \u00e0<\/span> une<\/span> syntaxe bas\u00e9e sur du texte<\/span> <\/span> qui<\/span> peut<\/span> \u00eatre<\/span> stock\u00e9e,<\/span> examin\u00e9e,<\/span> versionn\u00e9e,<\/span> et<\/span> r\u00e9g\u00e9n\u00e9r\u00e9e<\/span> aux c\u00f4t\u00e9s de<\/span> documentation du projet<\/span> <\/span> ou<\/span> source<\/span> code.<\/span> Avec<\/span> quelques<\/span> commandes,<\/span> vous<\/span> pouvez<\/span> d\u00e9finir<\/span> des<\/span> acteurs,<\/span> des<\/span> cas<\/span> d’utilisation,<\/span> des<\/span> limites<\/span> du<\/code> associations,<\/span> des<\/code> associations,<\/span> des<\/span> relations<\/span> <<inclure>>,<\/span> des<\/span> relations<\/span><\/p>\n

<<\u00e9tendre>>,<\/span> des<\/span> g\u00e9n\u00e9ralisations,<\/span> des<\/span> notes,<\/span> PlantUML<\/span> utilisation<\/span> cas<\/span> notation<\/span> pr\u00e9sent\u00e9e<\/span> dans<\/span> la<\/span> feuille de r\u00e9f\u00e9rence<\/span> <\/span> et<\/span> d\u00e9montre<\/span> comment<\/span> \u00e0<\/span> appliquer<\/span> cela<\/span> dans<\/span> exemples r\u00e9alistes<\/span> <\/span> Elle<\/span> pr\u00e9sente \u00e9galement<\/span> dans<\/span> un<\/span> flux de travail plus large<\/span> <\/span> <\/span> utilisant<\/span> Visual<\/span> Paradigm<\/span> UML,<\/span> assist\u00e9 par l’IA<\/span> mod\u00e9lisation,<\/span> et<\/span> VPasCode.<\/span> Ensemble,<\/span> ces<\/span> outils<\/span> prennent en charge<\/span> un<\/span> processus complet :<\/span> processus :<\/span> transformer<\/span> les exigences<\/span> en<\/span> un<\/span> mod\u00e8le initial,<\/span> mod\u00e8le initial,<\/span> valider<\/span> les relations UML,<\/span> les relations UML,<\/span> affiner<\/span> le<\/span> diagramme,<\/span> et<\/span> maintenir<\/span> le<\/span> mod\u00e8le final<\/span> mod\u00e8le final<\/span> en tant que<\/span> diagramme lisible<\/span> diagramme lisible<\/span> source.<\/span><\/p>\n

\"DiagrammeUn diagramme de cas d’utilisation UML d\u00e9crit comment les utilisateurs externes ou les syst\u00e8mes interagissent avec un syst\u00e8me. Il se concentre sur ce que fait le syst\u00e8me<\/strong>, plut\u00f4t que sur la mani\u00e8re dont il est impl\u00e9ment\u00e9.<\/p>\n

PlantUML vous permet de cr\u00e9er des diagrammes de cas d’utilisation en utilisant une notation textuelle simple.<\/p>\n

1. Structure de base de PlantUML<\/h2>\n

Chaque diagramme PlantUML commence par @startuml<\/code> et se termine par @enduml<\/code>.<\/p>\n

\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\r\n
\r\n PlantUML<\/span>\r\n \r\n <\/path><\/path><\/svg>\r\n Edit PlantUML in VPasCode<\/span>\r\n <\/a>\r\n <\/div>\r\n
\r\n 
@startuml\r\n\r\n' Le contenu du diagramme va ici\r\n\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
Les commentaires commencent par une apostrophe :<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
' Ceci est un commentaire\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
Vous pouvez \u00e9galement utiliser des commentaires multilignes :<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
\/'\r\nCeci est un\r\ncomentaire sur plusieurs lignes\r\n'\/\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
2. D\u00e9finir des acteurs<\/h2>\n
Un acteur repr\u00e9sente une personne, un r\u00f4le, une organisation, un appareil ou un syst\u00e8me externe qui interagit avec votre syst\u00e8me.<\/p>\n
Acteur de base<\/h3>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
actor User\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
Cela cr\u00e9e un acteur en forme de b\u00e2ton nomm\u00e9 User<\/code>.<\/p>\n
Acteur avec un alias<\/h3>\n
Les alias sont utiles lorsque le nom affich\u00e9 contient des espaces ou lorsque vous souhaitez un identifiant plus court pour les relations.<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
actor \"Passerelle de paiement\" as payment\r\nactor \"Administrateur syst\u00e8me\" as admin\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
Vous pouvez ensuite faire r\u00e9f\u00e9rence aux alias :<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
payment --> ProcessPayment\r\nadmin --> ManageUsers\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
Acteur utilisant un style visuel diff\u00e9rent<\/h3>\n
PlantUML prend en charge plusieurs styles d’acteurs. Le style par d\u00e9faut est g\u00e9n\u00e9ralement suffisant, mais vous pouvez utiliser un acteur de style ic\u00f4ne :<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
skinparam actorStyle awesome\r\n\r\nactor Client\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
Vous pouvez \u00e9galement utiliser un acteur de style rectangle simple :<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
skinparam actorStyle hollow\r\n\r\nactor Client\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
L’apparence exacte d\u00e9pend du moteur de rendu PlantUML et des param\u00e8tres de th\u00e8me.<\/p>\n
3. D\u00e9finir les cas d’utilisation<\/h2>\n
Un cas d’utilisation repr\u00e9sente un service, un objectif ou une fonction fournie par le syst\u00e8me.<\/p>\n
Cas d’utilisation de base<\/h3>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
usecase \"Connexion\"\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
PlantUML affiche ceci comme une ellipse \u00e9tiquet\u00e9e Se connecter<\/code>.<\/p>\n
Cas d’utilisation avec un alias<\/h3>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
usecase \"Traiter le paiement par carte de cr\u00e9dit\" as ProcessPayment\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
L’\u00e9tiquette visible est Traiter le paiement par carte de cr\u00e9dit<\/code>, tandis que ProcessPayment<\/code> est utilis\u00e9 dans les relations.<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
actor Client\r\nClient --> ProcessPayment\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
Noms de cas d’utilisation sur plusieurs lignes<\/h3>\n
Vous pouvez ins\u00e9rer un saut de ligne en utilisant n<\/code>:<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
usecase \"Traiternle paiement parncarte de cr\u00e9dit\" as ProcessPayment\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
Ceci est utile lorsqu’un diagramme contient des \u00e9tiquettes longues.<\/p>\n
4. Limites du syst\u00e8me<\/h2>\n
Une limite de syst\u00e8me regroupe les cas d’utilisation qui appartiennent \u00e0 un syst\u00e8me particulier.<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
rectangle \"Syst\u00e8me d'achat en ligne\" {\r\n    usecase \"Parcourir les produits\" as Browse\r\n    usecase \"Paiement\" as Checkout\r\n}\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
Le rectangle repr\u00e9sente le syst\u00e8me, et les cas d’utilisation \u00e0 l’int\u00e9rieur repr\u00e9sentent les fonctionnalit\u00e9s fournies par ce syst\u00e8me.<\/p>\n
Vous pouvez \u00e9galement utiliser un alias nomm\u00e9 pour la limite :<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
rectangle \"Syst\u00e8me d'achat en ligne\" as OnlineStore {\r\n    usecase \"Parcourir les produits\" as Browse\r\n    usecase \"Paiement\" as Checkout\r\n}\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
Une limite de syst\u00e8me est utile pour distinguer le comportement du syst\u00e8me des acteurs et services externes.<\/p>\n
5. Connecter les acteurs et les cas d’utilisation<\/h2>\n
Une association indique qu’un acteur participe \u00e0 ou interagit avec un cas d’utilisation.<\/p>\n
Association non dirig\u00e9e<\/h3>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
Client -- Parcourir\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
Cela cr\u00e9e une ligne pleine sans pointe de fl\u00e8che.<\/p>\n
Association dirig\u00e9e<\/h3>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
Client --> Parcourir\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
Cela cr\u00e9e une ligne pleine avec une pointe de fl\u00e8che pointant vers le cas d’utilisation.<\/p>\n
Les deux formes sont couramment utilis\u00e9es. La direction de la fl\u00e8che doit \u00eatre choisie de mani\u00e8re coh\u00e9rente selon la communication ou la responsabilit\u00e9 que vous souhaitez mettre en \u00e9vidence.<\/p>\n
Association avec une \u00e9tiquette<\/h3>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
Client --> Paiement : commence\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
L’\u00e9tiquette d\u00e9crit l’interaction.<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
Client --> VoirCommandes : affiche l'historique des commandes\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
Pour une mise en page plus lisible, vous pouvez utiliser une fl\u00e8che plus longue :<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
Client ---> Commander : d\u00e9marre\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
6. La <<inclure>><\/code> relation<\/h2>\n
Une inclure<\/code> relation repr\u00e9sente un comportement qui est toujours requis<\/strong> par un autre cas d’utilisation.<\/p>\n
Par exemple, passer une commande peut toujours n\u00e9cessiter une validation du paiement :<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
PasserCommande ..> ValiderPaiement : <<inclure>>\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
La direction est importante :<\/p>\n
Cas d'utilisation de base ..> Cas d'utilisation inclus : <<inclure>>\r\n<\/code><\/pre>\n
La fl\u00e8che pointe du cas d’utilisation qui a besoin du comportement vers le cas d’utilisation qui fournit le comportement r\u00e9utilisable.<\/p>\n
Exemple<\/h3>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
usecase \"Passer une commande\" as PasserCommande\r\nusecase \"Valider les d\u00e9tails du client\" as ValiderClient\r\nusecase \"Calculer le total de la commande\" as CalculerTotal\r\nusecase \"Effectuer le paiement\" as EffectuerPaiement\r\n\r\nPasserCommande ..> ValiderClient : <<include>>\r\nPasserCommande ..> CalculerTotal : <<include>>\r\nPasserCommande ..> EffectuerPaiement : <<include>>\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier PlantUML dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
Cela signifie :<\/p>\n
    \n
  1. \n
    Passer une commande valide toujours les d\u00e9tails du client.<\/p>\n<\/li>\n
  2. \n
    Passer une commande calcule toujours le total de la commande.<\/p>\n<\/li>\n
  3. \n
    Passer une commande effectue toujours le paiement.<\/p>\n<\/li>\n<\/ol>\n
    Utiliser <<inclure>><\/code> lorsque le comportement inclus est obligatoire ou r\u00e9utilisable.<\/p>\n
    7. La <<\u00e9tendre>><\/code> relation<\/h2>\n
    Une extension<\/code> relation repr\u00e9sente un comportement optionnel, conditionnel ou exceptionnel ajout\u00e9 \u00e0 un cas d’utilisation de base.<\/p>\n
    Par exemple, l’application d’une r\u00e9duction peut se produire uniquement lorsque le client dispose d’un bon valide :<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    AppliquerRemise ..> PasserCommande : <<\u00e9tendre>>\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    La direction est :<\/p>\n
    Cas d'utilisation d'extension optionnel ..> Cas d'utilisation de base : <<extend>>\r\n<\/code><\/pre>\n
    La fl\u00e8che pointe depuis le comportement optionnel vers le cas d’utilisation de base<\/strong>.<\/p>\n
    Exemple correct<\/h3>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    usecase \"Checkout\" as Checkout\r\nusecase \"Apply Discount Coupon\" as ApplyDiscount\r\n\r\nApplyDiscount ..> Checkout : <<extend>>\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    Cela signifie que Appliquer un coupon de r\u00e9duction<\/code> \u00e9tend optionnellement le processus de paiement<\/code>.<\/p>\n
    Comparaison entre inclure et \u00e9tendre<\/h3>\n\n\n\n\n\n\n
    Relation<\/th>\nObjectif<\/th>\nDirection de la fl\u00e8che<\/th>\n<\/tr>\n<\/thead>\n
    <<include>><\/code><\/td>\nComportement r\u00e9utilisable obligatoire<\/td>\nCas d’utilisation de base \u2192 cas d’utilisation inclus<\/td>\n<\/tr>\n
    <<extend>><\/code><\/td>\nComportement optionnel ou conditionnel<\/td>\nCas d’utilisation d’extension \u2192 cas d’utilisation de base<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
    Exemple :<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    Checkout ..> ValidatePayment : <<include>>\r\nApplyDiscount ..> Checkout : <<extend>>\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    \u00c9vitez d’inverser ces relations car la direction en modifie le sens.<\/p>\n
    8. G\u00e9n\u00e9ralisation des cas d’utilisation<\/h2>\n
    La g\u00e9n\u00e9ralisation montre qu’un cas d’utilisation est une forme sp\u00e9cialis\u00e9e d’un autre cas d’utilisation.<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    usecase \"Rechercher des produits\" as SearchProducts\r\nusecase \"Parcourir des produits\" as BrowseProducts\r\n\r\nSearchProducts -|> BrowseProducts\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    Le triangle creux pointe vers le cas d’utilisation le plus g\u00e9n\u00e9ral.<\/p>\n
    Cela signifie que Rechercher des produits<\/code> est une variante sp\u00e9cialis\u00e9e de Parcourir des produits<\/code>.<\/p>\n
    La g\u00e9n\u00e9ralisation est moins courante que include<\/code> et extend<\/code>, donc utilisez-le uniquement lorsqu’il existe une v\u00e9ritable relation parent-enfant entre les cas d’utilisation.<\/p>\n
    9. G\u00e9n\u00e9ralisation des acteurs<\/h2>\n
    Les acteurs peuvent \u00e9galement avoir des relations de g\u00e9n\u00e9ralisation.<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    acteur Client\r\nacteur \"Client Premium\" as ClientPremium\r\n\r\nClientPremium -|> Client\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    Cela indique qu’un client premium est un type sp\u00e9cialis\u00e9 de client et h\u00e9rite des interactions de l’acteur g\u00e9n\u00e9ral.<\/p>\n
    Par exemple :<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    ClientPremium --> AppliquerRemise\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    10. Notes et annotations<\/h2>\n
    Les notes ajoutent des explications ou des contraintes \u00e0 un diagramme.<\/p>\n
    Note attach\u00e9e \u00e0 un cas d’utilisation<\/h3>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    note \u00e0 droite de Paiement\r\n  Le client doit fournir\r\n  des informations de facturation\r\n  valides.\nend note\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    D’autres positions incluent :<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    note \u00e0 gauche de Paiement\r\n  Processus orient\u00e9 client\nend note\r\n\r\nnote au-dessus de Paiement\r\n  Flux de travail commercial principal\nend note\r\n\r\nnote en dessous de Paiement\r\n  Inclut le traitement des paiements\nend note\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    Syntaxe de note courte<\/h3>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    note \u00e0 droite de Login : Une authentification utilisateur est requise\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    Note autonome avec un alias<\/h3>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    note \"Le paiement doit \u00eatre autoris\u00e9navant que la commande soit confirm\u00e9e\" comme PaymentNote\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    Reliez la note \u00e0 un \u00e9l\u00e9ment avec une ligne pointill\u00e9e :<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    PaymentNote .. MakePayment\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    Notes pour les contraintes<\/h3>\n
    Les notes sont utiles pour documenter les conditions :<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    note \u00e0 droite de ApplyDiscount\r\n  Comportement optionnel :\r\n  utilis\u00e9 uniquement lorsqu'un\r\n  coupon valide est fourni.\r\nfin note\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    11. Direction de la mise en page<\/h2>\n
    Par d\u00e9faut, PlantUML choisit automatiquement une mise en page. Vous pouvez influencer la direction.<\/p>\n
    Mise en page de gauche \u00e0 droite<\/h3>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    direction de gauche \u00e0 droite\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    Cela est souvent utile pour les diagrammes de cas d’utilisation car les acteurs apparaissent \u00e0 gauche et les syst\u00e8mes externes \u00e0 droite.<\/p>\n
    Mise en page de haut en bas<\/h3>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    direction de haut en bas\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    Cela peut \u00eatre utile pour des diagrammes compacts ou des flux de travail organis\u00e9s verticalement.<\/p>\n
    Liens de mise en page invisibles<\/h3>\n
    Un lien invisible peut influencer le positionnement sans afficher de relation visible :<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    Client -[cach\u00e9]-> Paiement\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    Ceci est utile pour am\u00e9liorer la mise en page du diagramme.<\/p>\n
    12. Mise en forme du diagramme<\/h2>\n
    Supprimer les ombres<\/h3>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    skinparam shadowing false\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    Utiliser des paquets et des limites rectangulaires<\/h3>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    skinparam packageStyle rectangle\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    D\u00e9finir les couleurs<\/h3>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    skinparam usecase {\r\n    BackgroundColor #FDFDFD\r\n    BorderColor #333333\r\n}\r\n\r\nskinparam actor {\r\n    BorderColor #333333\r\n}\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    D\u00e9finir les couleurs des fl\u00e8ches<\/h3>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    skinparam ArrowColor #555555\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    D\u00e9finir la taille de police par d\u00e9faut<\/h3>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    skinparam defaultFontSize 14\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    Une section de style compl\u00e8te peut ressembler \u00e0 ceci :<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    skinparam shadowing false\r\nskinparam packageStyle rectangle\r\nskinparam actorStyle awesome\r\nskinparam defaultFontSize 14\r\n\r\nskinparam usecase {\r\n    BackgroundColor #F9FBFF\r\n    BorderColor #234\r\n}\r\n\r\nskinparam ArrowColor #555555\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    13. Paquets et regroupement<\/h2>\n
    Les paquets peuvent regrouper des cas d’utilisation li\u00e9s.<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    package \"Fonctionnalit\u00e9s Client\" {\r\n    usecase \"Cr\u00e9er un compte\" as Register\r\n    usecase \"Se connecter\" as Login\r\n    usecase \"Parcourir les produits\" as Browse\r\n}\r\n\r\npackage \"Fonctionnalit\u00e9s d'Administration\" {\r\n    usecase \"G\u00e9rer les produits\" as ManageProducts\r\n    usecase \"G\u00e9n\u00e9rer un rapport de ventes\" as SalesReport\r\n}\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    Les packages sont utiles lorsqu’un diagramme contient de nombreux cas d’utilisation.<\/p>\n
    Vous pouvez \u00e9galement utiliser un rectangle comme groupe :<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    rectangle \"Gestion des commandes\" {\r\n    usecase \"Passer une commande\" as PlaceOrder\r\n    usecase \"Suivre une commande\" as TrackOrder\r\n    usecase \"Annuler une commande\" as CancelOrder\r\n}\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    14. Syst\u00e8mes externes<\/h2>\n
    Les applications ou services externes peuvent \u00eatre repr\u00e9sent\u00e9s comme des acteurs.<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    actor \"Passerelle de paiement\" as PaymentGateway\r\nactor \"Service d'envoi d'e-mails\" as EmailService\r\nactor \"CRM externe\" as CRM\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    Connectez-les aux cas d’utilisation du syst\u00e8me :<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    PaymentGateway --> MakePayment\r\nEmailService --> SendConfirmation\r\nCRM --> SynchronizeCustomer\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    Cela s\u00e9pare clairement les fonctionnalit\u00e9s du syst\u00e8me des services situ\u00e9s en dehors des limites du syst\u00e8me.<\/p>\n
    15. Exemple complet<\/h2>\n
    L’exemple suivant combine les principales notations de la feuille de r\u00e9f\u00e9rence.<\/p>\n
    \"Exemple<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    @startuml\r\ntitle Syst\u00e8me d'achat en ligne - Diagramme des cas d'utilisation\r\n\r\ndirection de gauche \u00e0 droite\r\n\r\nskinparam shadowing false\r\nskinparam packageStyle rectangle\r\nskinparam actorStyle awesome\r\n\r\nskinparam usecase {\r\n    BackgroundColor #F9FBFF\r\n    BorderColor #333333\r\n}\r\n\r\nskinparam ArrowColor #555555\r\n\r\n' Acteurs\r\nactor Client as client\r\nactor \"Client Premium\" as premium\r\nactor Administrateur as admin\r\nactor \"Passerelle de paiement\" as payment\r\nactor \"Service d'envoi d'e-mails\" as email\r\n\r\n' G\u00e9n\u00e9ralisation des acteurs\r\npremium -|> client\r\n\r\n' Limite du syst\u00e8me\r\nrectangle \"Syst\u00e8me d'achat en ligne\" {\r\n\r\n    ' Cas d'utilisation du client\r\n    usecase \"Cr\u00e9er un compte\" as Register\r\n    usecase \"Se connecter\" as Login\r\n    usecase \"Parcourir les produits\" as Browse\r\n    usecase \"Rechercher des produits\" as Search\r\n    usecase \"Voir les d\u00e9tails du produit\" as ViewProduct\r\n    usecase \"Ajouter un produit au panier\" as AddToCart\r\n    usecase \"Voir le panier\" as ViewCart\r\n    usecase \"Passer \u00e0 la caisse\" as Checkout\r\n    usecase \"Passer une commande\" as PlaceOrder\r\n    usecase \"Suivre une commande\" as TrackOrder\r\n    usecase \"Annuler une commande\" as CancelOrder\r\n\r\n    ' Comportement partag\u00e9 inclus\r\n    usecase \"Valider les informations du client\" as ValidateCustomer\r\n    usecase \"Calculer le total de la commande\" as CalculateTotal\r\n    usecase \"Effectuer un paiement\" as MakePayment\r\n    usecase \"Envoyer une confirmation de commande\" as SendConfirmation\r\n\r\n    ' Comportement optionnel\r\n    usecase \"Appliquer un coupon de r\u00e9duction\" as ApplyDiscount\r\n    usecase \"Demander un remboursement\" as RequestRefund\r\n\r\n    ' Cas d'utilisation d'administration\r\n    usecase \"G\u00e9rer les produits\" as ManageProducts\r\n    usecase \"G\u00e9n\u00e9rer un rapport de ventes\" as SalesReport\r\n}\r\n\r\n' Associations des acteurs\r\nclient --> Register\r\nclient --> Login\r\nclient --> Browse\r\nclient --> Search\r\nclient --> ViewProduct\r\nclient --> AddToCart\r\nclient --> ViewCart\r\nclient --> Checkout\r\nclient --> TrackOrder\r\nclient --> CancelOrder\r\n\r\npremium --> ApplyDiscount\r\npremium --> RequestRefund\r\n\r\nadmin --> ManageProducts\r\nadmin --> SalesReport\r\n\r\npayment --> MakePayment\r\nemail --> SendConfirmation\r\n\r\n' Relations d'inclusion\r\nCheckout ..> ValidateCustomer : <<include>>\r\nCheckout ..> CalculateTotal : <<include>>\r\nCheckout ..> PlaceOrder : <<include>>\r\n\r\nPlaceOrder ..> MakePayment : <<include>>\r\nPlaceOrder ..> SendConfirmation : <<include>>\r\n\r\n' Relations d'extension\r\nApplyDiscount ..> Checkout : <<extend>>\r\nRequestRefund ..> CancelOrder : <<extend>>\r\n\r\n' G\u00e9n\u00e9ralisation des cas d'utilisation\r\nSearch -|> Browse\r\n\r\n' Notes\r\nnote right of Checkout\r\n    Processus principal d'achat du client\r\nend note\r\n\r\nnote right of ApplyDiscount\r\n    Comportement optionnel :\r\n    utilis\u00e9 uniquement lorsqu'un coupon\r\n    valide est disponible\r\nend note\r\n\r\nnote bottom of MakePayment\r\n    Le paiement est g\u00e9r\u00e9 par\r\n    une passerelle de paiement externe\r\nend note\r\n\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nModifier PlantUML dans VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    \"Diagramme<\/p>\n
    16. Lecture de l’exemple complet<\/h2>\n
    Le diagramme communique ce qui suit :<\/p>\n