Accueil > UML / Enterprise Architect > Apparence d’élément dans un diagramme Enterprise Architect

Apparence d’élément dans un diagramme Enterprise Architect

sparx enterprise architect 12

Nombreux sont ceux qui souhaitent améliorer la lisibilité de leurs modèles par l’ajout d’images, normalisées et compréhensibles par tous, dans les diagrammes.

Enterprise Architect offre de nombreuses possibilités pour changer la représentation des éléments de modélisation (classe, activité, acteur, composant..) présents sur un diagramme.

Il est possible d’ajouter des images issues du presse-papier, ou d’utiliser les images contenues dans la bibliothèque d’images du projet, ou encore de rattacher une image à un stéréotype, ou enfin gérer cette personnalisation via la création d’un shapescript intégré ou non à un mdg (Model Driven Generation).

Utilisation d’une image dans un diagramme

Intégration directe via le presse-papier

La façon la plus rapide pour changer l’apparence d’un élément dans un diagramme passe par l’utilisation du presse-papier.

Pour récupérer une image du presse-papier

  • Copier une image dans le presse-papier (en fonction de la provenance, par exemple <Alt+ImprEcran> ou <Ctrl+C> ou Menu contextuel <Copier l’image>)
  • Ensuite dans EA, sélectionner l’élément dans un diagramme (par exemple : une classe)
  • Ensuite via le menu Edit <Paste Image from Clipboard> ou le menu contextuel de la classe <Appearance>/<Apply Image from Clipboard>

Attention : l’image récupérée dans EA doit être de la bonne taille, sinon tout changement de taille la déformera et fera perdre de la qualité (l’image récupérée n’est pas de type metafile)

WP_class_1WP_class_02

NB : l’image récupérée par copier/coller est insérée automatiquement dans la bibliothèque d’images du repository
NB : l’application directe du presse-papier dans un diagramme créé automatiquement une boundary

Intégration via la bibliothèque d’images

EA permet d’intégrer une bibliothèque d’images à un projet EA. Cette dernière est accessible via le menu <Projet>/<Settings>/<Images…>. Le fichier EaExemple.EAP contient un liste d’images (aux formats Bitmap .png et metafile .emf).

Sparx Systems propose sur son site un fichier xml d’images : http://www.sparxsystems.com/bin/image-library-ea-12.xml. Pour l’importer, aller dans le menu <Projet>/<Data Management>/<Import Reference Data>.

 La bibliothèque permet l’ajout d’images multiformats (jpg, png, wmf…)

Pour changer l’apparence d’un élément à l’aide de la bibliothèque

  • Sélectionner l’élément dans un diagramme (par exemple : une classe)
  • Ensuite via le menu contextuel <Appearance> / Select <Alternate Image>
  • Choisir l’image dans la bibliothèque puis valider.

WP_ImageManager_3

NB : pour remplacer l’apparence de l’élément dans tous les nouveaux diagrammes le contenant, Choisir <Select default Image> à la place de <Alternate Image> dans le menu contextuel.

Intégration pour type d’élément donné dans un modèle

Intégration par la mise à jour d’un stéréotype via une metafile externe

L’utilisation de stéréotype permet d’étendre la notation utilisée pour un contexte précis. Pour améliorer la lisibilité de l’élément stéréotypé, il est alors possible d’y attacher une image.

L’image à rattacher est une image externe au format wmf ou emf (metafile).

Pour attacher une image à un stéréotype

  • Ouvrir la fenêtre UML Types via le menu <Projet>/<Settings>/<Uml Types…>
  • Sélectionner ou créer le stéréotype (Nom, Type d’élément de base)
  • Sélectionner le radio bouton <Metafile>
  • Cliquer sur le bouton <Edit>
  • Sélectionner le fichier voulu puis sauvegarder

WP_Stereotype_5

Intégration par la mise à jour d’un stéréotype via un Shape Script

Il est aussi possible de passer par un shape script pour rattacher un dessin à un stéréotype.

En utilisant un dessin de la bibliothèque

Shape Main { image("imageDeLaBibliothèque",0,0,100,100); }

Ou en créant un script

shape main
{
noshadow=true;
v_align="center";
h_align="center";
startpath();
moveto(0,10);
lineto(0,80);
bezierto(30,100,70,100,100,80);
lineto(100,10);
endpath();
fillandstrokepath();
startpath();
ellipse(0,0,100,20);
endpath();
fillandstrokepath();
printwrapped("#name#");
}
WP_ShapeScript_Cylindre_6

 

Intégration à l’aide d’un MDG

EA permet de créer un profil spécifique complet (boite à outils, diagrammes, éléments) pour un contexte donné.

Pour créer un stéréotype dans un MDG

  • Utiliser l’assistant de création ( <Add Model Using Wizard> / <Basic Template> ou utiliser la boite à outils <Profil> pour créer une MetaClass et le stereotype qui l’étend.
  • Ajouter l’attribut <_Image>
  • Editer la valeur initiale de cet attribut
  • Créer le Shape Script correspondant au dessin voulu
  • Sauvegarder le profil, ainsi -la toolbox et le diagramme associés
  • Publier le mdg via l’assistant menu <Tools> / <Generate MDG Technology File>
  • Copier le fichier Xml résultant dans le répertoire MDG Technologies
  • Redémarrer EA…

WP_MDG_9

  1. Pas encore de commentaire
  1. Pas encore de trackbacks