Créer un diagramme de composant UML

Vous pouvez créer un diagramme de composant UML pour afficher les composants, les ports, les interfaces et les relations entre eux.

Un composant dans UML représente une partie modulaire d'un système. Le comportement est défini en termes d'interfaces requises et fournies. Un composant dispose d'un affichage externe avec des propriétés et opérations publiques, et un affichage interne avec propriétés privées et réalise des classificateurs. L'affichage interne montre comment un comportement externe est réalisé en interne.

Exemple de diagramme de composant UML.

Tout d'abord, ouvrez le modèle de composant UML et sélectionnez l'une des quatre options disponibles. Le gabarit composant UML apparaît avec des formes conformes à la norme UML 2.5.

Remarque : Le gabarit Composant UML est disponible uniquement si vous êtes abonné à Visio (plan 2). Si vous avez un abonnement, vérifiez que vous disposez de la dernière version de Visio.

Démarrer un diagramme de composant

  1. Démarrez Visio. Si vous avez déjà ouvert un fichier, cliquez sur Fichier > Nouveau.

  2. Allez à Categories > Software and Database > UML Component.

  3. Sélectionnez le modèle vide ou l'un des trois diagrammes d'démarrage. Lorsque vous avez choisi le modèle de votre choix, cliquez sur Créer.

  4. La fenêtre Formes doit s'ouvrir en regard du diagramme. Si vous ne le voyez pas, voir Afficher > volets de tâches et assurez-vous que formes est sélectionnée. Si vous ne la voyez toujours pas, cliquez sur le bouton de la fenêtre Développer les formes Bouton Développer la fenêtre Formes sur la gauche.

  5. Sous l'onglet Affichage, vérifiez que la case à cocher en regard des points de connexion est sélectionnée. Les points de connexion apparaissent lorsque vous commencez à connecter des formes.

  6. Faites glisser les formes que vous voulez inclure dans votre diagramme de la fenêtre Formes vers la page. Pour renommer les étiquettes de texte, double-cliquez sur les étiquettes.

Formes de composants

Quand utiliser

Utilisez des formes de composants pour chaque unité fonctionnelle de votre système ou application.

Forme de composant « Store »

Afficher ou masquer le monde

Cliquez avec le bouton droit sur la forme pour afficher ou masquer l'étiquette d'étiquette d'étiquette.

Menu avec le bouton droit, commande Afficher l’étique  <<, composant>> 'étiquette de texte

Sous-systèmes

Vous pouvez utiliser la forme composant en tant que sous-système contenant d'autres composants. Il vous suffit de le reorganiser pour le rendre plus grand et de déposer les autres composants par-dessus. Lorsque vous voyez le surlignement vert, c'est parti ! À partir de ce point, la forme plus grande fait l'effet d'un conteneur, et la forme plus petite se déplace avec elle.

Conseil : Si un composant disparaît après l'avoir fait glisser au-dessus d'un autre composant, faites-le glisser au premier plan en appuyant sur Ctrl+Shift+F.

Forme Stocker un sous-système avec le composant Ordre glissé au-dessus

Formes d'interface

Quand utiliser

  1. Utilisez la forme Interface fournie lorsque vous souhaitez spécifier l'accomplissement d'une classe/interface.

  2. Utilisez l'interface requise lorsque vous souhaitez spécifier une dépendance sur une classe/interface.

Deux interfaces connectées, 1 : Forme Interface fournie se terminant par un cercle, 2 : forme Interface requise se terminant par une prise en forme

Étape 1

Faites glisser une forme Interface fournie vers la page et aligner le carré du port avec un point de connexion. Vous savez qu'il est connecté lorsque l'accent vert est mis autour du point de connexion.

Provided Interface shape glued to Component shape

Étape 2

Faites glisser une forme Interface requise vers la page et aligner le carré du port avec un point de connexion également. Vous savez qu'il est connecté lorsque vous voyez un surligligne vert autour du point de connexion.

Interface requise collée à la forme Composant

Étape 3

Pour connecter les interfaces Fournie et Obligatoire, sélectionnez tout d'abord la forme Interface requise. Ensuite, recherchez la poignée jaune.

Poignée jaune sur la forme Interface requise

Étape 4

Faites glisser la poignée jaune pour vous connecter à l'interface fournie.

Forme Interface requise connectée à l’interface fournie

Conseils pour les connecteurs

Arrangeant les connecteurs

Si un lien prend trop de tour, cliquez dessus avec le bouton droit, puis cliquez sur Lien droit.

Afficher la multiplication

Si nécessaire, cliquez avec le bouton droit sur le connecteur, puis sélectionnez Afficher la multiplication. Lorsque vous avez terminé, quatre zones de texte s'affichent et vous pouvez y ajouter des détails. Si vous n'avez pas besoin de toutes les zones de texte, supprimez les zones dont vous n'avez pas besoin.

Modifier le type de connecteur

Vous pouvez modifier le type d'un connecteur. Par exemple, vous pouvez changer d'association en association dirigée. Cliquez avec le bouton droit sur le connecteur, puis cliquez sur Définir le type de connecteur.

Établir des connexions dynamiques plutôt que des connexions de point à point

Si vous envisagez souvent de déplacer des formes, envisagez d'établir une connexion dynamique plutôt qu'une connexion de point à point.

Déplacer ou faire pivoter du texte sur des connecteurs

Vous devrez probablement faire pivoter ou déplacer du texte sur les lignes de vos connecteurs. Voici comment procéder :

  1. Cliquez sur une zone vide de la page pour désélectionner tout ce qui peut être sélectionné.

  2. Sous l'onglet Accueil, dans le groupe Outils, cliquez sur l'outil Bloc de texte Bouton Bloc de texte

  3. Cliquez sur le lien dont vous voulez faire pivoter ou déplacer le texte.

  4. Faites glisser le bloc de texte pour le déplacer ou faites-le pivoter à l'aide de la poignée Poignée de rotation

  5. Lorsque vous avez terminé, cliquez sur le bouton Pointeur pour Bouton Pointeur

    Lorsque vous revenir au bouton Pointeur d Bouton Pointeur pointeur, le texte conserve la même position relative par rapport à la forme. Si vous utilisez l'outil Pointeur Bouton Pointeur pour faire glisser le texte, la forme se déplace également. Pour déplacer le texte indépendamment de la forme, revenir à l'outil Bloc de texte pour Bouton Bloc de texte .

Exemple de diagramme de composant UML.

Tout d'abord, ouvrez le modèle de composant UML et sélectionnez l'une des quatre options disponibles. Le gabarit composant UML apparaît avec des formes conformes à la norme UML 2.5.

Remarque : Le gabarit Composant UML est disponible uniquement si vous êtes abonné à Visio (plan 2). Si vous avez un abonnement, vérifiez que vous disposez de la dernière version de Visio.

Démarrer un diagramme de séquence

  1. Ouvrez Visio pour le web.

  2. Dans la galerie, faites défiler vers le bas jusqu'à la ligne du composant UML, au milieu de la page.

    Le premier élément de la ligne représente un modèle vide et le gabarit compagnon. Les autres éléments de la ligne sont des exemples de diagrammes qui ont des formes déjà dessinées pour vous aider à démarrer rapidement.

  3. Cliquez sur un élément pour en afficher un aperçu plus grand.

  4. Lorsque vous trouvez le diagramme que vous souhaitez utiliser, cliquez sur le bouton Créer.

    Le nouveau diagramme, ainsi que le gabarit associé, s'ouvre dans votre navigateur.

Formes de composants

Quand utiliser

Utilisez des formes de composants pour chaque unité fonctionnelle de votre système ou application.

Forme de composant « Store »

Afficher ou masquer le monde

Cliquez avec le bouton droit sur la forme pour afficher ou masquer l'étiquette d'étiquette d'étiquette.

Menu avec le bouton droit, commande Afficher l’étique  <<, composant>> 'étiquette de texte

Sous-système

Vous pouvez utiliser la forme composant en tant que sous-système contenant d'autres composants. Il vous suffit de le reorganiser pour le rendre plus grand et de déposer les autres composants par-dessus. Lorsque vous voyez le surlignement vert, c'est parti ! À partir de ce point de la forme plus grande fait l'effet d'un conteneur, et la forme plus petite se déplace avec elle.

Conseil : Si un composant disparaît après l'avoir fait glisser au-dessus d'un autre composant, faites-le glisser au premier plan en appuyant sur Ctrl+Shift+F.

Forme Stocker un sous-système avec le composant Ordre glissé au-dessus

Formes d'interface

Quand utiliser

  1. Utilisez la forme Interface fournie lorsque vous souhaitez spécifier l'accomplissement d'une classe/interface.

  2. Utilisez l'interface requise lorsque vous souhaitez spécifier une dépendance sur une classe/interface.

Deux interfaces connectées, 1 : Forme Interface fournie se terminant par un cercle, 2 : forme Interface requise se terminant par une prise en forme

Étape 1

Faites glisser une forme Interface fournie vers la page et aligner le carré du port avec un point de connexion. Vous savez qu'il est connecté lorsque l'accent vert est mis autour du point de connexion.

Provided Interface shape glued to Component shape

Étape 2

Faites glisser une forme Interface requise vers la page, puis aligner le carré du port avec un point de connexion. Vous savez qu'il est connecté lorsque vous voyez un surligligne vert autour du point de connexion.

Interface requise collée à la forme Composant

Étape 3

Pour connecter ensemble les interfaces Fournie et Obligatoire, sélectionnez tout d'abord la forme Interface requise. Ensuite, recherchez la poignée jaune.

Poignée jaune sur la forme Interface requise

Étape 4

Faites glisser la poignée jaune pour vous connecter à l'interface fournie.

Forme Interface requise connectée à l’interface fournie

Conseils pour les connecteurs

Arrangeant les connecteurs

Si un lien prend trop de tours, cliquez dessus avec le bouton droit, puis cliquez sur Lien droit.

Afficher la multiplication

Si nécessaire, cliquez avec le bouton droit sur le connecteur, puis sélectionnez Afficher la multiplication. Lorsque vous avez terminé, quatre zones de texte s'affichent et vous pouvez y ajouter des détails. Si vous n'avez pas besoin de toutes les zones de texte, supprimez les zones dont vous n'avez pas besoin.

Modifier le type de connecteur

Vous pouvez modifier le type d'un connecteur. Par exemple, vous pouvez changer d'association en association dirigée. Cliquez avec le bouton droit sur le connecteur, puis cliquez sur Définir le type de connecteur.

Établir des connexions dynamiques plutôt que des connexions de point à point

Si vous envisagez souvent de déplacer des formes, envisagez d'établir une connexion dynamique plutôt qu'une connexion de point à point.

Déplacer ou faire pivoter du texte sur des connecteurs

Vous devrez probablement faire pivoter ou déplacer du texte sur les lignes de vos connecteurs. Voici comment procéder :

  1. Cliquez sur une zone vide de la page pour désélectionner tout ce qui peut être sélectionné.

  2. Sous l'onglet Accueil, dans le groupe Outils, cliquez sur l'outil Bloc de texte Bouton Bloc de texte

  3. Cliquez sur le lien dont vous voulez faire pivoter ou déplacer le texte.

  4. Faites glisser le bloc de texte pour le déplacer ou faites-le pivoter à l'aide de la poignée Poignée de rotation

  5. Lorsque vous avez terminé, cliquez sur le bouton Pointeur pour Bouton Pointeur

    Lorsque vous revenir au bouton Pointeur jusqu Bouton Pointeur pointeur, le texte conserve la même position relative par rapport à la forme. Si vous utilisez l'outil Pointeur Bouton Pointeur pour faire glisser le texte, la forme se déplace également. Pour déplacer le texte indépendamment de la forme, revenir à l'outil Bloc de texte pour Bouton Bloc de texte .

Component diagram displaying the structure of software code as cohesive components

Légende 1 dans un diagramme de composants, les composants sont des types génériques plutôt que des instances. Pour afficher les instances de composant, utilisez un diagramme de déploiement.

Légende 2 dépendances indiquent qu'un composant client dépend d'un composant fournisseur d'une certaine façon.

  1. Dans Visio 2010: Sous Catégories de modèles, cliquez sur Logiciel,sur Diagramme de modèle UML,puis sur Créer.

  2. Dans la arborescence, cliquez avec le bouton droit sur le package ou sous-système dans lequel vous voulez inclure la diagramme de composant, puis dans le menu Nouveau, cliquez sur Diagramme de composants.

    Une page vierge s'affiche, et le gabarit Composant UML devient le gabarit le plus en haut. L'espace de travail affiche « Composant » en tant que filigrane. Une icône représentant le diagramme est ajoutée à l'arborescence.

    Remarque : Si l'arborescence n'est pas visible, pointez sur Affichage dans le menu UML, puis cliquez sur Explorateur de modèles.

  3. Faites glisser une forme Composant sur la page de dessin pour chaque composant que vous voulez représenter.

  4. Le cas échéant, faites glisser une forme Interface sur la page de dessin et collez le point de terminaison sans le cercle à une forme de composant.

    Ajouter une interface à une classe, un composant ou d'autres éléments

    1. Dans une structure statique, composant ou un diagramme de déploiement, faites glisser la forme Interface lpop sur la page de dessin.

    2. Collez le point de terminaison sans le cercle à un point de connexion Image de point de connexion (X bleu) sur le classe,ou un autre élément.

    3. Double-cliquez sur la forme Interface pour ajouter un nom, des opérations et d'autres valeurs de propriétés.

      Liste des conseils

      Vous pouvez également représenter une interface avec une forme d'interface rectangulaire qui ressemble à une classe. Utilisez cette forme lorsque vous voulez afficher la liste des opérations d'interface.

      Pour modifier le type de forme qui s'affiche pour une interface, cliquez avec le bouton droit sur la forme Interface, puis cliquez sur Afficher en tant qu'interface de classe ou Afficher en tant qu'interface Lpop.

  5. Utilisez des formes de dépendance pour indiquer les relations entre les composants ou entre un composant et l'interface d'un autre composant.

    Indiquer une relation de dépendance entre des éléments UML

    1. Faites glisser une forme Dépendance de la structure statique UML,du déploiement UMLou du gabarit Composant UML sur la page de dessin et placez-la près des éléments que vous voulez liez.

    2. Collez le point de terminaison avec une pointe de flèche à un point de Image de point de connexion (X bleu) l'élément dont dépend l'autre élément. Collez le point de terminaison sans pointe de flèche à un point de connexion de l'élément qui dépend de l'autre élément.

    3. Double-cliquez sur la dépendance pour ajouter un nom, une dépendance et d'autres propriétés.

      Conseil : Si vous souhaitez indiquer une dépendance suivi, affinement, utilisation ou liaison, vous pouvez utiliser les formes Suivi,Affinement,Utilisation ou Liaison du gabarit Structure statique UML.

  6. Double-cliquez sur une forme pour ouvrir sa boîte de dialogue Propriétés UML dans laquelle vous pouvez ajouter un nom, des attributs, des opérations et d'autres propriétés.

  7. Enregistrez le diagramme.

Voir aussi

Diagrammes UML dans Visio

Créer un diagramme de communication UML

Créer un diagramme de déploiement UML

Créer un diagramme de séquence UML

Besoin d’aide ?

Développez vos compétences dans Office
Découvrez des formations
Accédez aux nouvelles fonctionnalités en avant-première
Rejoignez le programme Office Insider

Ces informations vous ont-elles été utiles ?

×