Formation UML et Cas d`utilisation sous Visio

MONNOT Quentin
UML et Cas d’utilisation sous Visio
Formation
UML et Cas d’utilisation
sous Visio
1.
2.
3.
4.
Qu’est-ce que Visio ? ......................................................................................................... 2
Commençons par l’UML ?................................................................................................. 2
Cas d’utilisation.................................................................................................................. 8
Diagramme de classe sous Microsoft Visio depuis Visual Studio 2008.......................... 15
Page 1 / 17
MONNOT Quentin
UML et Cas d’utilisation sous Visio
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
MONNOT Quentin
UML et Cas d’utilisation sous Visio
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
MONNOT Quentin
UML et Cas d’utilisation sous Visio
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
MONNOT Quentin
UML et Cas d’utilisation sous Visio
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
MONNOT Quentin
UML et Cas d’utilisation sous Visio
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
MONNOT Quentin
UML et Cas d’utilisation sous Visio
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
MONNOT Quentin
UML et Cas d’utilisation sous Visio
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
MONNOT Quentin
UML et Cas d’utilisation sous Visio
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
MONNOT Quentin
UML et Cas d’utilisation sous Visio
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
MONNOT Quentin
UML et Cas d’utilisation sous Visio
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
MONNOT Quentin
UML et Cas d’utilisation sous Visio
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
MONNOT Quentin
UML et Cas d’utilisation sous Visio
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
MONNOT Quentin
UML et Cas d’utilisation sous Visio
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
MONNOT Quentin
UML et Cas d’utilisation sous Visio
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
MONNOT Quentin
UML et Cas d’utilisation sous Visio
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
MONNOT Quentin
UML et Cas d’utilisation sous Visio
Puis faite glisser chaque classe sur la feuille quadrillée.
Vous devez avoir ce digramme de classe :
Page 17 / 17