Accueil > UML / Enterprise Architect > Améliorer le rendu des diagrammes Enterprise Architect avec les styles visuels

Améliorer le rendu des diagrammes Enterprise Architect avec les styles visuels

Cet article présente dans un premier temps l’intérêt d’utiliser un référentiel de modélisation avec l’outil Enterprise Architect par rapport à un outil de dessin « BPMN ». Puis cet article aborde l’utilisation des styles visuels pour améliorer l’aspect visuel de vos diagrammes sous EA.

Un passage vital d’un outil de dessin vers un référentiel de modélisation

Contexte : dans le cadre d’un projet en clientèle, j’ai pris connaissance avec un collègue d’un ensemble de diagrammes BPMN définis par une équipe en charge de modéliser un ensemble de processus. Ces diagrammes BPMN étaient maintenus par un outil de modélisation BPM, « Bizagi BPMN Business Process Modeler ». L’aspect gratuit de ce freeware a probablement contribué à une adoption rapide au début du projet. L’aspect visuel des diagrammes de Bizagi était agréable et moderne. Mon collègue a rejoint ce projet afin de contribuer aux tâches en cours en apportant son expertise UML et BPMN.

Au bout d’un certain temps, je lui ai demandé son avis sur Bizagi par rapport à Sparx Enterprise Architect qui est utilisé pour d’autres aspects du projet. Sa réponse était claire : Bizagi est principalement un outil de dessin BPMN, comme peut l’être Ms Visio pour dessiner des diagrammes UML. Aussi il n’était pas possible de bénéficier des avantages d’un référentiel de modélisation, à savoir :

  • un explorateur pour parcourir la structure des modèles via les paquetages, diagrammes, et éléments
  • pouvoir construire un modèle navigable,
  • accéder aux propriétés de chaque élément du modèle (activité, gateway, etc.),
  • réutiliser la même activité (ou un autre élément) sur plusieurs diagrammes,
  • consulter les liens entre éléments du projet (traçabilité) de différents modèles (ex : exigences, analyse, conception, architecture…),
  • et encore bien d’autres fonctions (reverse/forward engineering, génération de document, etc.).

Le projet BPMN dans Bizagi étant devenu difficile à gérer et maintenir, un projet de modélisation a été créé sous EA pour reprendre l’ensemble des processus.

Appliquer les styles visuels pour améliorer le rendu de vos diagrammes BPMN

J’ai commencé par la suite à créer et maintenir des diagrammes BPMN2 dans EA. Les propriétés d’affichage disponibles par défaut sous EA pour les diagrammes BPMN étaient plutôt « basiques ». Dans un soucis de conserver un style d’affichage similaire aux diagrammes fournis jusqu’à présent aux utilisateurs, j’ai recherché des moyens simples dans EA pour appliquer un style d’affichage proche de l’outil Bizagi. Sans avoir atteint exactement le même rendu, j’ai pu facilement définir des styles d’affichages très similaires :

  • Evènement déclencheur BPMN2 :
    • couleur de fond = vert clair
    • couleur de la bordure = vert foncé

  • Evènement résultant ou final BPMN2 :
    • couleur de fond = rouge clair
    • couleur de la bordure = rouge foncé

  • Activités et gateways BPMN2 :
    • couleur de fond = bleu clair
    • couleur de la bordure = bleu foncé

La création de nouveaux styles visuels est très simple :

  • 1- sélectionner un élément puis définir ses aspects visuels : couleur de fond, couleur et épaisseur de trait/bordure, police de caractères.
  • Etape alternative : sélectionner un élément dont les aspects visuels ont déjà été définis puis cliquer sur l’icône « Get Style » de la barre d’outils du diagramme.
  • 2- cliquer sur l’icône « Save as New Style » de la barre d’outils du diagramme; EA demande la saisie du nom pour ce style visuel, par exemple « start event ».
  • Répétez ces étapes pour chaque style à définir.

Remarque : les styles visuels sont enregistrés dans votre projet EA (ex : fichier avec l’extension EAP), mais il n’est pas actuellement possible de les exporter via les « Reference Data » (utilisées pour exporter les images, templates RTF, matrices, etc.).

Après avoir créé vos styles visuels, ceux-ci se rajoutent à la liste suivante :

Voici un exemple de diagramme BPMN2 pour lequel j’ai appliqué ces nouveaux styles :

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


− 6 = un