« Index des modèles de schémas » : différence entre les versions
Mise à jour de l'index des modèles avec D2 fictif |
Mise à jour de l'index des modèles avec D2 et Graphviz |
||
| Ligne 4 : | Ligne 4 : | ||
== Documentation générale == | == Documentation générale == | ||
* [[Déploiement Mermaid PlantUML BPMN JS]] — documentation détaillée du déploiement et du fonctionnement des | * [[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 == | == Mermaid == | ||
| Ligne 48 : | Ligne 49 : | ||
== 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) | ||
* [[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 == | == Conseils d'usage == | ||
| Ligne 53 : | Ligne 58 : | ||
* utiliser '''PlantUML''' pour les diagrammes UML et techniques | * utiliser '''PlantUML''' pour les diagrammes UML et techniques | ||
* utiliser '''BPMN JS''' pour les workflows BPMN métiers | * utiliser '''BPMN JS''' pour les workflows BPMN métiers | ||
* utiliser '''D2''' pour l'architecture physique et | * 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 | |||
Version du 20 mars 2026 à 13:40
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é
BPMN
- Exemple BPMN JS — exemple BPMN rendu avec bpmn-js
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