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. Ce comportement est défini en termes d’interfaces requises et fournies. Un composant dispose d’une vue externe avec des propriétés et opérations publiques, et il possède un Affichage interne avec des propriétés privées et des classifieurs. L’affichage interne montre comment le comportement externe est réalisé en interne.

Exemple de diagramme de composant UML.

Tout d’abord, vous ouvrez le modèle de composant UML et sélectionnez l’une des quatre options. Le gabarit composant UML apparaît, ainsi que les formes conformes à la norme UML 2,5.

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

Commencer un diagramme de composant

  1. Démarrer Visio. Si vous avez déjà un fichier ouvert, cliquez sur fichier > nouveau.

  2. Accédez à catégories > logiciel et base de données > composant UML.

  3. Sélectionnez le modèle vide ou l’un des trois diagrammes d’initiation. Lorsque vous avez sélectionné le modèle souhaité, cliquez sur créer.

  4. La fenêtre formes doit apparaître en regard du diagramme. Si ce n’est pas le cas, accédez à affichage > volets Office et vérifiez que l’option formes est sélectionnée. S’il n’apparaît toujours pas, cliquez sur le bouton développer la fenêtre formes Bouton fenêtre développer les formes à gauche.

  5. Dans l’onglet affichage , vérifiez que la case à cocher en regard de points de connexion est activée. Les points de connexion apparaissent alors lorsque vous commencez à connecter les formes.

  6. À présent, faites glisser les formes que vous voulez inclure dans votre diagramme de la fenêtre formes vers la page. Pour renommer des étiquettes de texte, double-cliquez sur celles-ci.

Formes de composant

Quand utiliser

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

Forme composant « Store »

Afficher ou masquer le stéréotype

Cliquez avec le bouton droit sur la forme pour afficher ou masquer l’étiquette du stéréotype.

Menu contextuel, commande Afficher le stéréotype,  <<composant>> libellé de texte

Sous-systèmes

Vous pouvez utiliser la forme composant comme une forme de sous-système qui contient d’autres composants. Il vous suffit de le redimensionner pour l’agrandir et de déposez d’autres composants en haut de celle-ci. Lorsque la mise en surbrillance verte s’affiche, relâchez-vous. À partir de ce point sur la forme la plus grande fera office de conteneur, et la forme la plus petite en sera déplacée.

Conseil : Si un composant disparaît après l’avoir glissé sur un autre, faites-le glisser vers l’avant en appuyant sur CTRL + MAJ + F.

Forme de sous-système de magasin avec composant d’ordre glissé au-dessus

Formes d’interface

Quand utiliser

  1. Utilisez la forme interface fournie lorsque vous souhaitez spécifier la réalisation d’une classe ou d’une interface.

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

Deux interfaces connectées, 1 : forme d’interface fournie se terminant par Circle, 2 : forme d’interface requise se terminant par un socket

Étape 1

Faites glisser une forme d' interface fournie vers la page, puis aligner le carré de port sur un point de connexion. Vous savez qu’il est connecté lorsque vous observez la surbrillance verte sur le point de connexion.

Forme d’interface fournie collée à une forme de composant

Étape 2

Faites glisser une forme d' interface requise vers la page, puis aligner le carré de port sur un point de connexion. Vous savez qu’il est connecté lorsque vous observez la surbrillance verte sur le point de connexion.

Forme d’interface requise collée à une forme de composant

Étape 3

Pour relier une interface fournie et requise, sélectionnez d’abord la forme interface requise. Recherchez ensuite 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 de l’interface requise connectée à l’interface fournie

Conseils pour les connecteurs

Redresser les liens

Si un connecteur prend trop de tours, cliquez avec le bouton droit sur celui-ci, puis cliquez sur lien droit.

Afficher la multiplicité

Le cas échéant, cliquez avec le bouton droit sur le lien et sélectionnez Show Multiplicity. Lorsque vous avez terminé, quatre zones de texte s’affichent à l’endroit où vous pouvez ajouter des détails. Si vous n’avez pas besoin des zones de texte, supprimez celles dont vous n’avez pas besoin.

Changer le type de connecteur

Vous pouvez modifier un type de connecteur. Par exemple, vous pouvez passer d’une association à une association dirigée. Cliquez avec le bouton droit sur le lien, puis cliquez sur définir le type de connecteur.

Établir des connexions dynamiques au lieu de points de connexion

Si vous envisagez de déplacer énormément de formes, envisagez de créer une connexion dynamique au lieu d’une connexion de point.

Déplacer ou faire pivoter du texte dans des connecteurs

Il est probable que vous deviez faire pivoter ou déplacer du texte sur les lignes de votre connecteur. Voici comment procéder :

  1. Cliquez dans une zone vide de la page pour désélectionner tous les éléments susceptibles d’être sélectionnés.

  2. Dans l’onglet Accueil , accédez au groupe Outils et cliquez sur l' outil bloc de texte Bouton Bloc de texte

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

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

  5. Lorsque vous avez terminé, cliquez sur le bouton de l' outil pointeur Bouton Pointeur

    Lorsque vous revenez au Bouton Pointeur bouton de l' outil pointeur , le texte conserve la même position 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, revenez à l' outil bloc de texte Bouton Bloc de texte .

Exemple de diagramme de composant UML.

Tout d’abord, vous ouvrez le modèle de composant UML et sélectionnez l’une des quatre options. Le gabarit composant UML apparaît, ainsi que les formes conformes à la norme UML 2,5.

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

Commencer un diagramme de séquence

  1. Ouvrez Visio pour le Web.

  2. Dans la Galerie, faites défiler vers le bas jusqu’à la ligne composant UML , à propos de la page.

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

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

  4. Lorsque vous avez trouvé le diagramme que vous voulez utiliser, cliquez sur le bouton créer .

    Le nouveau diagramme, avec le gabarit associé, s’ouvre dans votre navigateur.

Formes de composant

Quand utiliser

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

Forme composant « Store »

Afficher ou masquer le stéréotype

Cliquez avec le bouton droit sur la forme pour afficher ou masquer l’étiquette du stéréotype.

Menu contextuel, commande Afficher le stéréotype,  <<composant>> libellé de texte

Sous-systèmes

Vous pouvez utiliser la forme composant comme une forme de sous-système qui contient d’autres composants. Il vous suffit de le redimensionner pour l’agrandir et de déposez d’autres composants en haut de celle-ci. Lorsque la mise en surbrillance verte s’affiche, relâchez-vous. À partir de ce point sur la forme la plus grande fera office de conteneur, et la forme la plus petite en sera déplacée.

Conseil : Si un composant disparaît après l’avoir glissé sur un autre, faites-le glisser vers l’avant en appuyant sur CTRL + MAJ + F.

Forme de sous-système de magasin avec composant d’ordre glissé au-dessus

Formes d’interface

Quand utiliser

  1. Utilisez la forme interface fournie lorsque vous souhaitez spécifier la réalisation d’une classe ou d’une interface.

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

Deux interfaces connectées, 1 : forme d’interface fournie se terminant par Circle, 2 : forme d’interface requise se terminant par un socket

Étape 1

Faites glisser une forme d' interface fournie vers la page, puis aligner le carré de port sur un point de connexion. Vous savez qu’il est connecté lorsque vous observez la surbrillance verte sur le point de connexion.

Forme d’interface fournie collée à une forme de composant

Étape 2

Faites glisser une forme d' interface requise vers la page, puis aligner le carré de port sur un point de connexion. Vous savez qu’il est connecté lorsque vous observez la surbrillance verte sur le point de connexion.

Forme d’interface requise collée à une forme de composant

Étape 3

Pour relier une interface fournie et requise, sélectionnez d’abord la forme interface requise. Recherchez ensuite 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 de l’interface requise connectée à l’interface fournie

Conseils pour les connecteurs

Redresser les liens

Si un connecteur prend trop de tours, cliquez avec le bouton droit sur celui-ci, puis cliquez sur lien droit.

Afficher la multiplicité

Le cas échéant, cliquez avec le bouton droit sur le lien et sélectionnez Show Multiplicity. Lorsque vous avez terminé, quatre zones de texte s’affichent à l’endroit où vous pouvez ajouter des détails. Si vous n’avez pas besoin des zones de texte, supprimez celles dont vous n’avez pas besoin.

Changer le type de connecteur

Vous pouvez modifier un type de connecteur. Par exemple, vous pouvez passer d’une association à une association dirigée. Cliquez avec le bouton droit sur le lien, puis cliquez sur définir le type de connecteur.

Établir des connexions dynamiques au lieu de points de connexion

Si vous envisagez de déplacer énormément de formes, envisagez de créer une connexion dynamique au lieu d’une connexion de point.

Déplacer ou faire pivoter du texte dans des connecteurs

Il est probable que vous deviez faire pivoter ou déplacer du texte sur les lignes de votre connecteur. Voici comment procéder :

  1. Cliquez dans une zone vide de la page pour désélectionner tous les éléments susceptibles d’être sélectionnés.

  2. Dans l’onglet Accueil , accédez au groupe Outils et cliquez sur l' outil bloc de texte Bouton Bloc de texte

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

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

  5. Lorsque vous avez terminé, cliquez sur le bouton de l' outil pointeur Bouton Pointeur

    Lorsque vous revenez au Bouton Pointeur bouton de l' outil pointeur , le texte conserve la même position 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, revenez à l' outil bloc de texte Bouton Bloc de texte .

Component diagram displaying the structure of software code as cohesive components

Légende 1 dans un diagramme de composant, 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.

les dépendances Image du bouton indiquent qu’un composant client dépend d’une certaine façon d’un composant fournisseur.

  1. Dans Visio 2010  : sous catégories de modèles, cliquez sur logiciels, puis cliquez sur diagramme de modèle UML, puis sur créer.

  2. Dans le arborescence, cliquez avec le bouton droit sur le paquetage ou sous-système dans lequel vous souhaitez inclure le diagramme de composant, puis, dans le menu nouveau , cliquez sur diagramme de composant.

    Une page vide s’affiche, et le gabarit composant UML devient le gabarit le plus en haut. L’espace de travail affiche « composant » en 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 d' interface sur la page de dessin, puis collez le point de terminaison sans 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 Lollipop 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 composant 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é.

      Tiplist

      Vous pouvez également représenter une interface à l’aide d’une forme d' interface rectangulaire qui ressemble à une classe. Utilisez cette forme lorsque vous souhaitez afficher une 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 de l' interface et cliquez sur afficher en tant qu’interface de type classe ou afficher en tant qu’interface Lollipop.

  5. Utilisez des formes de dépendance pour indiquer les relations entre les composants ou entre les composants 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 à partir du gabarit UML- structure statique, UMLou composant UML sur la page de dessin et placez-la près des éléments que vous voulez relier.

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

    3. Double-cliquez sur la dépendance pour ajouter un nom, un stéréotype et d’autres propriétés.

      Conseil : Si vous voulez indiquer une relation suivi, affinement, utilisation ou liaison, vous pouvez utiliser les formes trace, perfectionnement, utilisationou liaison du gabarit UML-structure statique .

  6. Double-cliquez sur une forme pour ouvrir la boîte de dialogue Propriétés de 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 ?

Nous vous remercions pour vos commentaires.

Merci pour vos commentaires. Il serait vraisemblablement utile pour vous de contacter l’un de nos agents du support Office.

×