Modélisation UML & SysML

Expertise et articles Blog sur UML, SysML, et Enterprise Architect

mardi, 17 septembre 2013 22:45

Améliorez le rendu de vos diagrammes UML/SysML/BPMN avec les styles visuels d'EA

Écrit par
Évaluer cet article
(0 Votes)

Afin de présenter le contexte initial pour un projet réalisé en clientèle, cet article aborde 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".

Ensuite, cet article présente un exemple d'utilisation des styles visuels pour améliorer le rendu et la qualité de vos diagrammes, après les avoir définis et organisés dans le référentiel de modélisation i.e. votre projet Enterprise Architect.

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

Contexte : dans le cadre d'un projet d'envergure 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 très agréable et moderne. Mon collègue a rejoint en premier ce projet afin de contribuer aux tâches en cours en apportant son expertise UML et BPMN. Sa contribution a permis notamment de corriger des erreurs de modélisation (ex : flots de séquences incomplets et stoppés avant la fin du processus, des évènements de début, fin ou intermédiaires manquants, etc.).

Au bout d'un certain temps, je lui ai demandé son avis sur Bizagi par rapport à Sparx Enterprise Architect que nous utilisons depuis longtemps 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 de projet pour structurer le modèle via des paquetages, et accéder à chaque élément du modèle (activité, gateway, etc.);
  • la possibilité de réutiliser la même activité (ou un autre élément) sur plusieurs diagrammes, ou de consulter les liens entre une activité et d'autres éléments du projet via une traçabilité.

Aussi le projet BPMN dans Bizagi était rapidement devenu difficile à gérer et maintenir. Le besoin de mettre en place un vrai projet de modélisation a rapidement motivé le choix du client d'abandonner Bizagi pour Enterprise Architect.

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

Après avoir rejoint le projet, j'ai commencé à créer et maintenir des diagrammes BPMN dans EA. Les propriétés d'affichage par défaut pour les diagrammes BPMN, notamment les couleurs utilisées sur les pool, lane, activités, gateways, ou évènements, é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 d'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é

Sparx EA diagram visual start on BPMN start event

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

Sparx EA diagram visual start on BPMN end event

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

Sparx EA diagram visual start on activity or gateway nodes

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, et 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 :

sparx enterprise architect diagram toolbar visual styles

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

sparx enterprise architect diagram visual styles