Aller au contenu

« Exemple D2 - système d'information fictif » : différence entre les versions

De Loic Wiki
Création de la démo D2 sur SI fictif
 
Loic (discussion | contributions)
Aucun résumé des modifications
 
(7 versions intermédiaires par un autre utilisateur non affichées)
Ligne 3 : Ligne 3 :
Cette page montre une démonstration de '''D2''' sur un '''système d'information fictif''', et non sur ton serveur.
Cette page montre une démonstration de '''D2''' sur un '''système d'information fictif''', et non sur ton serveur.


== Rendu graphique ==
https://lololand.hopto.org:25698/images/d2-fictif.svg
== Source D2 ==
<pre class="oc-d2">
<pre class="oc-d2">
direction: right
direction: right
Ligne 14 : Ligne 18 :
}
}


company: Entreprise Fictive Alphacorp {
company: Entreprise Fictive Alphacorp xxx {
   shape: rectangle
   shape: rectangle


Ligne 22 : Ligne 26 :
}
}


network: Réseau & sécurité {
network: Réseau et sécurité {
   fw: Pare-feu
   fw: Pare-feu
   vpn: VPN
   vpn: VPN
Ligne 74 : Ligne 78 :
</pre>
</pre>


== Usage ==
== Remarque ==
Le diagramme est écrit dans un bloc <code>&lt;pre class="oc-d2"&gt;</code> puis transformé en SVG par le moteur de rendu D2.
Dans cette instance MediaWiki, la méthode fonctionnelle pour afficher un SVG dans une page consiste à utiliser directement l'URL du fichier SVG servi par `/images/...` sur une ligne seule, avec `$wgAllowExternalImages = true`.

Dernière version du 20 mars 2026 à 00:07

Exemple D2 - système d'information fictif

Cette page montre une démonstration de D2 sur un système d'information fictif, et non sur ton serveur.

Rendu graphique

d2-fictif.svg

Source D2

direction: right

users: Utilisateurs {
  shape: person
}

internet: Internet {
  shape: cloud
}

company: Entreprise Fictive Alphacorp xxx {
  shape: rectangle

  hq: Siège social
  dc: Datacenter principal
  branch: Agence régionale
}

network: Réseau et sécurité {
  fw: Pare-feu
  vpn: VPN
  lb: Reverse Proxy
}

apps: Applications métiers {
  portal: Portail interne
  crm: CRM
  erp: ERP
  wiki: Wiki documentaire
  helpdesk: Helpdesk
}

data: Données {
  db1: Base PostgreSQL
  db2: Base MariaDB
  storage: Stockage documentaire
  backup: Sauvegarde hors site
}

ops: Exploitation {
  monitoring: Supervision
  logging: Centralisation logs
  cicd: CI/CD
}

users -> internet: accès web
internet -> fw
fw -> vpn
fw -> lb
lb -> portal
lb -> crm
lb -> erp
lb -> wiki
lb -> helpdesk
portal -> db1
crm -> db1
erp -> db2
wiki -> storage
helpdesk -> db2
monitoring -> portal
monitoring -> crm
monitoring -> erp
logging -> portal
logging -> crm
logging -> erp
storage -> backup
hq -> dc
branch -> vpn

Remarque

Dans cette instance MediaWiki, la méthode fonctionnelle pour afficher un SVG dans une page consiste à utiliser directement l'URL du fichier SVG servi par `/images/...` sur une ligne seule, avec `$wgAllowExternalImages = true`.