Dialogue Vous pouvez utiliser des diagrammes UML pour modéliser les exigences des utilisateurs de votre application et la ...

Dialogue

Vous pouvez utiliser des diagrammes UML pour modéliser les exigences des utilisateurs de votre application et la conception de cette dernière afin de faciliter les discussions à ce sujet avec votre équipe et les différentes parties prenantes. Ces diagrammes vous aident également à vous assurer que l'application répond aux besoins des utilisateurs, ce qui se traduit par une optimisation de l'architecture, une réduction du nombre de bogues, une simplification de la maintenance du code et une réduction du coût total de développement. 

Visual Studio propose un environnement intégré dans lequel vous pouvez suivre le travail parallèlement à vos modèles en liant les éléments de travail Team Foundation Server à des éléments de modèle. Les diagrammes UML sont des vues partielles du modèle résidant dans un projet de modélisation que vous pouvez archiver dans le contrôle de version. Vous bénéficiez ainsi d'une traçabilité entre les modèles, l'environnement IDE et le code, que vous conceviez une nouvelle solution ou mettiez à jour une solution existante. 

Vous pouvez créer des modèles de manière itérative pour vous aider à effectuer les tâches suivantes : 
- Identifier les exigences nouvelles ou changeantes liées à l'application.
- Créer une architecture multicouches avec les abstractions adéquates pour une approche orientée objet.
- Développer le flux des commandes entre les composants et les classes.

Examinons les diagrammes de modélisation de l'application Web PetShop afin de mieux comprendre sa conception et ses exigences.



Action
Dans l'Explorateur de solutions, développez le projet PetShopModeling.

Ouvrez Order Use Cases.usecasediagram.

Dialogue
Ce diagramme de cas d'usage montre les utilisateurs et leurs objectifs pour le système, représentés respectivement par des acteurs et des cas d'usage.




Action
Dans le projet PetShopModeling, ouvrez Petshop Online.componentdiagram.

Dialogue
Un diagramme de composant décrit la structure de niveau supérieur du système et les services utilisés par les différents composants du système pour communiquer les uns avec les autres. Vous pouvez utiliser ce diagramme pour vous aider à décrire l'architecture du système en complément des diagrammes de couche et des diagrammes de classe. 

Nous avons précédemment refactorisé le code afin qu'il soit conforme au diagramme de couche créé par l'architecte de l'équipe pour décrire l'architecture souhaitée. Toutefois, notre diagramme de composant ne comporte pas le composant PaymentGateway pour l'utilisation duquel nous avons refactorisé notre code. Comme nous estimons qu'il est important d'inclure ce composant dans le diagramme pour que notre modèle reflète ce que nous avons fait, nous allons ouvrir un bogue pour cette tâche.  



Action
Dans la boîte à outils, ajoutez un commentaire et connectez-le au composant Order Processing. Ajoutez le texte « Nous devons ajouter le composant PaymentGateway au diagramme »

Cliquez avec le bouton droit sur le composant Order Processing. Sélectionnez Créer un élément de travail, puis Bogue. 

Copiez le texte du commentaire dans le titre du bogue. 

Enregistrez le bogue.

Dialogue
Comme vous pouvez le constater, nous pouvons créer facilement un lien entre ce composant et un bogue afin que la personne chargée de résoudre le bogue puisse ouvrir le diagramme directement à partir du bogue. Maintenant que cette tâche est terminée, examinons le diagramme suivant.



Action
Dans le projet PetShopModeling, ouvrez Shopping Cart Order Flow.activitydiagram.

Dialogue
Les diagrammes d'activité décrivent le comportement dynamique d'un système.



Action
Dans le projet PetShopModeling, ouvrez Order System.classdiagram.

Dialogue
Mettons à jour ce diagramme de classe pour lui ajouter la classe PaymentProcessor. Nous pouvons reconstituer la logique des classes dans le diagramme en les faisant glisser à partir de l'Explorateur de solutions. Cette opération ajoute les classes au modèle ainsi qu'au diagramme.



Action
Dans l'Explorateur de solutions, sous le projet PaymentGateway, développez le nœud PaymentProcessor.cs.

Faites glisser la classe PaymentProcessor dans le diagramme de classe. La classe est ajoutée au modèle et au diagramme de classe.

Dialogue
Comme nous venons de le voir, les diagrammes UML peuvent vous aider à décrire visuellement vos applications et à communiquer leurs exigences et leur conception à d'autres intervenants. Nous avons également montré avec quelle simplicité il est possible de créer et de suivre le travail par rapport à la conception, sachant que nos modèles sont intégrés au code et à l'environnement de développement de Visual Studio. Pour en savoir plus, visionnez nos autres vidéos dans Visual Studio.