Index des modèles de schémas

Index des modèles de schémas

Cette page liste les modèles / exemples de schémas disponibles dans le wiki.

Documentation générale

• Déploiement Mermaid PlantUML BPMN JS — documentation détaillée du déploiement et du fonctionnement des technologies de diagrammes intégrées
• Tests de représentations d'architecture de tas — différentes représentations Mermaid de l'architecture de tas

Mermaid

Workflow / flowchart

• Exemple Mermaid — flowchart simple de workflow

Sequence

• Exemple Mermaid Sequence — diagramme de séquence

State

• Exemple Mermaid State — diagramme d'états

Entité-relation

• Exemple Mermaid ER — diagramme ER

Gantt

• Exemple Mermaid Gantt — planning / projet

Git graph

• Exemple Mermaid Gitgraph — historique de branches Git

Class diagram

• Exemple Mermaid Class Diagram — diagramme de classes

Journey

• Exemple Mermaid Journey — parcours utilisateur / processus

Pie

• Exemple Mermaid Pie — répartition en pourcentages

Mindmap

• Exemple Mermaid Mindmap — carte mentale

Timeline

• Exemple Mermaid Timeline — frise chronologique

PlantUML

• Exemple PlantUML — exemple simple de workflow / activité

• Modèle PlantUML - Workflow avec lignes d'eau — exemple de workflow avec lignes d'eau utilisateur / service

BPMN

• Exemple BPMN JS — exemple BPMN rendu avec bpmn-js

• Modèle BPMN JS - Workflow avec lignes d'eau — exemple BPMN avec lignes d'eau utilisateur / service

D2

• Exemple D2 - système d'information fictif — démonstration D2 sur un SI fictif (physique + logiciel)
• Exemple D2 - architecture logicielle fictive — architecture logicielle fictive orientée composants logiciels

Graphviz

• Exemple Graphviz - architecture logicielle fictive — architecture logicielle fictive représentée en DOT / Graphviz

Conseils d'usage

• utiliser Mermaid pour les schémas rapides et textuels
• utiliser PlantUML pour les diagrammes UML et techniques
• utiliser BPMN JS pour les workflows BPMN métiers
• utiliser D2 pour l'architecture physique et logique d'un système d'information
• utiliser Graphviz pour comparer des dépendances, flux et graphes de composants

Remarque sur cette instance MediaWiki

Pour les rendus SVG D2 / Graphviz, la méthode actuellement fonctionnelle dans ce wiki consiste à afficher l'URL directe du fichier SVG servi sous `/images/...`.

Évolutions possibles

Cette page peut servir de point d'entrée pour ajouter ensuite :

• des comparatifs entre moteurs
• des modèles réutilisables
• des conventions de nommage par type de schéma