Formation UML et Cas d utilisation sous Visio 1. Qu est-ce que Visio?... 2 2. Commençons par l UML?... 2 3. Cas d utilisation... 8 4. Diagramme de classe sous Microsoft Visio depuis Visual Studio 2008... 15 Page 1 / 17
1. Qu est-ce que Visio? Microsoft Visio (officiellement Microsoft Office Visio) est un logiciel de diagrammes et de synopsis pour Windows qui fait partie de la suite bureautique Microsoft Office mais se vend séparément. On peut ainsi créer des diagrammes de Gantt, diagramme UML, Cas d utilisation etc. Dans Visio, les graphiques utilisés pour créer des diagrammes sont vectoriels. 2. Commençons par l UML? Pour commencer ouvrez Microsoft Office Visio. Cette fenêtre s ouvre : Cliquez sur «Logiciel et base de données», puis sur «UML Diagramme de modèle» puis sur «Créer» comme ci-dessous : Page 2 / 17
Pour créer une nouvelle classe cliquez sur «Classe» et glissez-la sur la feuille quadrillée : Zoomez sur votre diagramme en faisant Ctrl + «mollette». Vous pouvez voir que la classe se nomme «Classe1», pour le renommer il suffit de double cliquer sur le nom de la classe. Une nouvelle fenêtre s ouvre : Page 3 / 17
Remplacez «Classe1» par «Véhicule» puis laissez les autres paramètres par défaut. Pour remplir cette classe nous allons lui ajouter des attributs. Pour ce faire allez sur la droite de la fenêtre et cliquez sur «Attributs», vous pouvez voir : Une fois les attributs créés nous allons faire créer les méthodes de notre classe. Allez sur la droite de la fenêtre dans «Opérations» : Page 4 / 17
Comme c est une procédure dans «Type de renvoi» on ne met rien, puis on clique sur le bouton «Propriétés» pour rajouter des paramètres a notre méthode : Cliquez sur «Paramètres» pour créer les paramètres de votre méthode : Page 5 / 17
Cliquez sur «OK» pour les deux fenêtres ouvertes et voilà votre première classe de créée : Si vous voulez ajouter des nouvelles méthodes reprenez le processus au-dessus. Nous allons maintenant créer deux nouvelles classes qui vont hériter de la classe «Véhicule», la classe «Voiture» et la classe «Camion» : Page 6 / 17
Nous allons relier la classe «Voiture» et «Camion» a «Véhicule». Pour les relier les deux sous classes à la super classe il suffit de cliquer sur le flèche «Généralisation» et de la faire glisser sur une sous classe, de même pour la deuxième sous classe. Une fois les deux flèches associées aux sous classes reliez les au même point de la super classe. Page 7 / 17
Vous voilà enfin avec votre diagramme de classe terminé. Nous allons maintenant passer au Cas d utilisation. 3. Cas d utilisation Pour créer un cas d utilisation il suffit de reprendre le début de la formation pour la création d un diagramme UML. Cliquez sur «Logiciel et base de données», puis sur «UML Diagramme de modèle» puis sur «Créer». Vous pouvez voir la même feuille quadrillée que pour le diagramme UML. Sur la droite aller dans l onglet UML Cas d utilisation : Pour ce Cas d utilisation nous sommes à la charge d une application dans un distributeur de billets. Cliquez sur «Limite de système» est faite le glisser sur la feuille quadrillée : Page 8 / 17
Renommez-le par «Distributeur de billets» puis nous allons crées nos utilisateurs et nos cas d utilisation. Faites glisser «Acteur» qui se trouve à droite de chaque côtés de la limite de système que nous avons créée. Renommez-les en double cliquant dessus, celui de droite par «Technicien» et l autre par «Client». Ensuite créez huit cas d utilisation qui se trouve sur la droite en les faisant glisser dans la limite système. Page 9 / 17
Et renommez-les (comme sur l image au-dessus) en double cliquant sur chaque cas d utilisation. Nous allons maintenant créer les liens entre les acteurs et les cas d utilisations, pour les créer il suffit des faire glisser «Communique» à droite de l écran. Si vous double cliquez sur la communication une fenêtre s ouvre : Page 10 / 17
Faite comme sur l image au-dessus pour remplir le «Nom» et les «Terminaisons d association». Faite de même pour les autres communications comme sur l image ci-dessous : Page 11 / 17
Nous allons maintenant ajouter des relations d utilisation et d extension à nos cas d utilisation. Tout d abord une relation d utilisation entre les cas d utilisation «Consulter solde compte», «Imprimer solde compte» et «Imprimer un ticket». Pour effectuer cette relation il faut cliquer sur «Utilise» toujours à droite de l écran et l associer en la glissant à «Imprimer solde compte» est de diriger la flèche vers «Consulter solde compte» et de même pour «Imprimer un ticket» sauf que cette fois ci la flèche est dirigé vers «Imprimer un ticket». Voilà ce que cela devrai vous donner : Page 12 / 17
Attaquons les relations d extension entre les cas d utilisation «Retirer de l argent», «Retirer des Euros» et «Retirer des devises». Pour effectuer cette relation il faut cliquer sur «Etend» toujours à droite de l écran et l associer en la glissant à «Retirer des Euros» est de diriger la flèche vers «Retirer de l argent» et de même pour «Retirer des devises» avec la flèche dirigé vers «Retirer de l argent». Voilà ce que cela devrai vous donner : Page 13 / 17
Nous n avons plus qu à rajouter quelque note pour faciliter la compréhension du schéma des cas d utilisation. Faite glisser «Note» qui se trouve à droite de l écran en dehors de la limite de système mais toujours sur la feuille quadrillée. Sélectionnez le petit carré jaune à l intérieur de cette note vers le cas d utilisation que vous voulez. Dans notre cas nous allons faire une note sur le cas d utilisation «Imprimer solde compte». Comme ceci : Nous allons ajouter des commentaires à cette note. Pour ajouter un commentaire il suffit de double cliquer sur la note. Une nouvelle fenêtre s ouvre, dans «Nom» mettez «Note» et dans la zone de saisie «Documentation» ajoutez un commentaire. Dans notre cas : «Pour imprimer le solde d un compte, le client doit choisir l option «imprimer» sur l écran «consulter compte»». Voilà le schéma des cas d utilisation est terminé, vous devrez vous retrouvez avec ceci : Page 14 / 17
4. Diagramme de classe sous Microsoft Visio depuis Visual Studio 2008 Lancez la librairie qui se trouve dans le dossier de formation. Allez dans l onglet «Projet», «VisioUML» et «Retro concevoir» : Page 15 / 17
Microsoft Visual Studio va créer le fichier LibraryFormation.vsd (fichier Visio) et ensuite le lancer dans Visio. Vous allez vous trouvez devant la feuille quadrillée. Si l option d affichage modèle n est pas activée allez dans l onglet «UML» et cocher «Explorateur de modèle» : Ensuite allez dans l explorateur de modèle se trouvant à droite de l écran, cliquez sur le «+» à coté dossier ou est écrit «LibrairyFormation» puis une seconde fois sur celui qui vient de s afficher en-dessous : Page 16 / 17
Puis faite glisser chaque classe sur la feuille quadrillée. Vous devez avoir ce digramme de classe : Page 17 / 17