La Philosophie des Diagrammes

Les diagrammes dans Boldo sont bien plus que de simples outils de dessin : ils constituent un espace de travail visuel et interactif, conçu pour représenter, explorer et enrichir la connaissance de votre organisation.

Visualiser l’Existant

Les diagrammes permettent de visualiser les actifs déjà présents dans votre inventaire. Vous pouvez ainsi cartographier vos applications, processus, systèmes, équipes, ou toute autre entité métier, et comprendre en un coup d’œil leur organisation, leurs interactions et leurs dépendances.

Construire des Représentations Métier Riches

Un diagramme n’est pas figé : il s’enrichit au fil de vos besoins. Vous pouvez ajouter des formes, des zones, des annotations et du texte pour contextualiser vos actifs, illustrer des flux, des responsabilités, ou des scénarios métier. Cette liberté graphique vous permet de créer des représentations adaptées à chaque usage : architecture applicative, cartographie de processus, organigramme, etc.

Prototyper et Imaginer l’Avenir

Les diagrammes de Boldo ne se limitent pas à l’existant. Vous pouvez ajouter des actifs qui ne sont pas encore dans l’inventaire : simulez de nouveaux systèmes, projetez des évolutions, ou préparez des scénarios de transformation. Ces éléments peuvent ensuite être validés, enrichis, puis intégrés à l’inventaire officiel.

Créer et Modifier l’Inventaire Visuellement

Boldo fait du diagramme un véritable outil de création et de gestion de l’inventaire :

• Ajoutez de nouveaux actifs directement depuis le diagramme, en les positionnant dans leur contexte métier.
• Modifiez les propriétés des actifs existants sans quitter la vue graphique.
• Créez, supprimez ou modifiez les relations entre actifs par simple glisser-déposer, pour refléter l’évolution de votre organisation.
  
  

Un Pont entre la Modélisation et l’Action

Grâce à cette approche, le diagramme devient le point de convergence entre la modélisation conceptuelle (ce que vous imaginez) et la gestion opérationnelle (ce que vous possédez réellement). Il favorise la communication, collaboration et l’alignement entre équipes, tout en garantissant la cohérence et la fiabilité de votre inventaire.

L’Interface des Diagrammes : un espace de travail structuré et intuitif

La page de diagrammes dans Boldo est conçue pour offrir une expérience fluide, puissante et accessible à tous les utilisateurs, qu’ils soient experts en architecture ou simples contributeurs métier. Elle se compose de plusieurs zones fonctionnelles :

1. Le Panneau Catalogue (à gauche)

Le panneau Catalogue permet de naviguer entre vos vues, graphiques, cartes imbriquées et diagrammes.

2. Le Canvas Central

C’est le cœur de la page, où vous construisez et visualisez votre diagramme.

Vous pouvez y :

• Positionner, connecter et organiser vos actifs et formes
• Naviguer librement, zoomer/dézoomer, déplacer la vue
• Sélectionner un ou plusieurs éléments pour les déplacer ou les modifier
  
  

3. Les barres d’outils du Canvas

Pour faciliter la création et la gestion du diagramme, plusieurs barres d’outils sont intégrées directement sur le canvas :

• À gauche du canvas : la barre d’outils d’ajout d’éléments
  Cette barre d’outils vous permet d’enrichir rapidement votre diagramme en y ajoutant différents types d’éléments :
• • Sélection : Activez le mode sélection pour choisir un ou plusieurs éléments sur le diagramme. Cliquez simplement sur un élément pour le sélectionner. Pour une sélection multiple, cliquez et faites glisser la souris pour dessiner un rectangle de sélection, ou maintenez la touche Cmd (Mac) ou Ctrl (PC) tout en cliquant sur plusieurs éléments.
• • Actifs : Ajoutez des actifs à votre diagramme en cliquant sur le bouton dédié, puis en sélectionnant le type d’actif souhaité dans la barre verticale qui s’affiche à droite. Vous pouvez ensuite positionner l’actif sur le canvas en cliquant à l’endroit désiré, ou en le faisant glisser directement depuis la barre d’outils. Une fois un type d’actif sélectionné, il devient le type par défaut, ce qui vous permet d’en ajouter plusieurs rapidement par simple clic ou glisser-déposer.
• • Formes : Insérez des formes (rectangle ou cercle) pour structurer ou illustrer votre diagramme. Sélectionnez la forme désirée dans la barre d’outils, puis cliquez sur le canvas ou faites un glisser-déposer pour l’ajouter.
• • Textes : Ajoutez facilement des zones de texte enrichi à votre diagramme. Cliquez sur le bouton texte, puis sur le canvas, ou faites un glisser-déposer pour positionner le texte à l’endroit souhaité.
• • Caméras :
    Utilisez les caméras pour mettre en avant des zones importantes de votre diagramme et faciliter la navigation. Comme pour les autres éléments, placez une caméra sur le canvas en cliquant ou en la faisant glisser depuis la barre d’outils. Ces caméras vous permettront ensuite de zoomer rapidement sur des zones clés via la liste des éléments.
    
• En haut à droite :

Une barre d’outils pour aligner automatiquement les éléments sélectionnés, afin d’obtenir des diagrammes clairs et bien organisés. Si vous sélectionnez des éléments, l’alignement ne s’effectuera que sur la sélection. Sinon, la totalité du diagramme sera alignée.

• En bas à droite :

Une barre d’outils pour gérer le canvas lui-même : zoom, ajustement de la vue, affichage de la grilles, alignement des éléments sur la grille, mode plein écran.

• Au-dessus des éléments sélectionnés :

Lorsqu’un élément du diagramme est sélectionné, une barre d’outil apparaît au dessus. Les actions possibles dépendent du type d’élément sélectionné.

• Tous types d’éléments
• • Verrouiller : Permet de verrouiller l’éléments, empêchant tout déplacement ou suppression involontaire.
  • Supprimer du diagramme : Supprime l’élément du diagramme.Ajouter des assets liés (présent si l’actif existe dans l’inventaire) : Permet d’ajouter rapidement des actifs en lien direct avec l’élément sélectionné. Cette fonctionnalité facilite l’exploration de l’inventaire et la conception de diagrammes de manière intuitive.
    
    

• Actifs
• • Positionnement : Permet de modifier l’ordre d’affichage de l’élément sur le canvas, en le faisant passer devant ou derrière d’autres éléments. Cela vous aide à organiser visuellement la superposition des objets.
  • Apparence : Offre la possibilité de personnaliser la représentation visuelle de l’élément. Un actif peut ainsi être affiché sous forme de rectangle (par défaut), de cercle, ou de point, afin de s’adapter à vos besoins de lisibilité ou de discrétion sur le diagramme.
• • Ajouter des assets liés (présent si l’actif existe dans l’inventaire) : Permet d’ajouter rapidement des actifs en lien direct avec l’élément sélectionné. Cette fonctionnalité facilite l’exploration de l’inventaire et la conception de diagrammes de manière intuitive.
• • Afficher les relations (présent si l’actif existe dans l’inventaire) : Permet d’afficher ou cacher les relations existantes entre l’actif sélectionné et les autres actifs du diagramme. Cela permet de mieux comprendre les interactions, dépendances ou connexions au sein de votre organisation.
• • Afficher le panneau de détails (présent si l’actif existe dans l’inventaire) : Ouvre le panneau latéral dédié à l’élément sélectionné, où vous pouvez consulter et modifier ses propriétés, ses relations, et accéder à des informations complémentaires pour une gestion approfondie.
• • Ajouter à l’inventaire (présent si l’actif n’existe pas dans l’inventaire) : Permet d’ajouter rapidement l’actif dans l’inventaire
    
• Formes
  Cliquez sur ce bouton pour choisir la couleur de fond de la forme grâce aux boutons situés à droite de la barre d’outils.
  Cliquez sur ce bouton pour choisir la couleur de bordure de la forme grâce aux mêmes boutons situés à droite.
• • Couleur de fond
• • Couleur de bordure
• Textes
  Cliquez sur ces boutons pour activer les transformations sur la portion sélectionnée de texte.
  Cliquez sur ce bouton pour transformer la sélection en lien hypertexte. Pour modifier ou supprimer un lien créé, cliquez sur la portion de texte correspondante et cliquez respectivement sur le bouton “stylo” ou le bouton “poubelle”
  Utilisez ce bouton pour appliquer un style de titre à votre sélection : H1 pour un titre principal, H2 pour un sous-titre, et H3 pour un titre de niveau inférieur.
  Utilisez ces boutons pour transformer la sélection en liste à puce ou liste ordonnée.
• • Texte gras, italique, souligné, barré
• • URL
• • H1, H2, H3
• • Liste à puce, liste ordonnée
• Caméra
  Choisissez un nom pour retrouver facilement votre caméra dans le panneau de droite.
  Cliquez sur ce bouton pour exporter la zone définie par la caméra en tant que fichier image.
• • Nom
• • Exportez en image
• En bas du canvas (sélection multiple d’actifs) :

4. Barre d’outil groupée

Si vous sélectionnez plusieurs éléments de type "actif", une barre d’outils supplémentaire peut apparaître en bas du canvas, offrant des actions groupées (modification de propriétés, création de relations multiples, suppression en masse, etc.).

• Barre d’outils de relations
  Lorsque vous connectez deux éléments entre eux, en faisant un cliquer-déposer depuis un des cercles violet présent autour d’un élément jusqu’à un autre élément, une barre d’outils spécifique apparaît.
  Une liste des relations possibles entre les deux actifs apparaît. Si la relation existe déjà dans l’inventaire, une icône de livre s’affiche devant son nom.
  Vous pouvez supprimer ou modifier une relation en cliquant dessus et en cliquant respectivement sur les boutons situés à gauche et à droite du nom de la relation.
  
  

• • Connexion d’un actif présent dans l’inventaire à un autre actif présent dans l’inventaire
  • Un bouton “inverser la relation” permet d’inverser la source et la destination de la relation. Si la relation que vous cherchez entre les deux actifs liés n’est pas visible, il s’agit possiblement du sens de la relation qui n’est pas le bon.
  • Si vous cliquez sur une relation existante, elle est immédiatement affichée sur le diagramme avec le style défini dans le métamodèle.
  • Si la relation n’existe pas encore, elle est automatiquement créée dans l’inventaire et ajoutée au diagramme avec le style correspondant.
  • Connexion d’un actif non présent dans l’inventaire avec un actif présent ou non présent dans l’inventaire.
    
    

• • • Une liste des relations possibles entre les deux types d’actifs s’affiche. Sélectionner l’une de ces relations renseignera simplement le champ de texte correspondant, sans pour autant créer de relation dans l’inventaire.
  • Connexion d’une forme à n’importe quel type d’actif.
  • • Vous pouvez choisir le nom de la relation.

5. Les Panneaux de Détail et de Liste (à droite)

• Panneau de détail d’actif :

Lorsque vous sélectionnez un actif sur le diagramme, ce panneau affiche toutes ses propriétés, ses relations, et permet de les modifier directement en cliquant sur le bouton “stylo”.

• Panneau de liste des éléments du diagramme :

Ce panneau donne une vue d’ensemble de tous les éléments présents sur le diagramme (actifs, formes, textes), facilitant la navigation, la sélection et la gestion de l’ensemble du contenu.