« Index des modèles de schémas » : différence entre les versions
Apparence
Mise à jour de l'index des modèles avec D2 et Graphviz |
Correction du lien vers la page de déploiement BPMN |
||
| (6 versions intermédiaires par le même utilisateur non affichées) | |||
| Ligne 44 : | Ligne 44 : | ||
* [[Exemple PlantUML]] — exemple simple de workflow / activité | * [[Exemple PlantUML]] — exemple simple de workflow / activité | ||
* [[Modèle PlantUML - Workflow avec lignes d'eau]] — exemple de workflow avec lignes d'eau utilisateur / service | |||
* [[Catalogue PlantUML]] — catalogue des principaux cas d'usage PlantUML avec rendus | |||
* [[Exemple PlantUML - Étapes avec liens]] — étapes PlantUML avec liens vers Google, index des modèles et sous-modèle A/B | |||
== BPMN == | == BPMN == | ||
* [[Exemple 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 | |||
* [[Exemple BPMN.io - Étapes avec liens]] — étapes BPMN avec liens vers Google, index des modèles et sous-modèle A/B | |||
* [[Sous-modèle BPMN.io - Blocs A et B]] — sous-modèle BPMN minimal (A puis B) | |||
* [[Sous-modèle PlantUML - Blocs A et B]] — version PlantUML du sous-modèle A/B | |||
== D2 == | == D2 == | ||
* [[Exemple D2 - système d'information fictif]] — démonstration D2 sur un SI fictif (physique + logiciel) | * [[Exemple D2 - système d'information fictif]] — démonstration D2 sur un SI fictif (physique + logiciel) | ||
| Ligne 57 : | Ligne 67 : | ||
* utiliser '''Mermaid''' pour les schémas rapides et textuels | * utiliser '''Mermaid''' pour les schémas rapides et textuels | ||
* utiliser '''PlantUML''' pour les diagrammes UML et techniques | * utiliser '''PlantUML''' pour les diagrammes UML et techniques | ||
* utiliser '''BPMN | * utiliser '''BPMN.js''' pour les workflows BPMN métiers | ||
* utiliser '''D2''' pour l'architecture physique et logique d'un système d'information | * 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 | * utiliser '''Graphviz''' pour comparer des dépendances, flux et graphes de composants | ||
Dernière version du 3 avril 2026 à 11:22
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
- Catalogue PlantUML — catalogue des principaux cas d'usage PlantUML avec rendus
- Exemple PlantUML - Étapes avec liens — étapes PlantUML avec liens vers Google, index des modèles et sous-modèle A/B
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
- Exemple BPMN.io - Étapes avec liens — étapes BPMN avec liens vers Google, index des modèles et sous-modèle A/B
- Sous-modèle BPMN.io - Blocs A et B — sous-modèle BPMN minimal (A puis B)
- Sous-modèle PlantUML - Blocs A et B — version PlantUML du sous-modèle A/B
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