Aller au contenu

« Exemple Graphviz - architecture logicielle fictive » : différence entre les versions

De Loic Wiki
Création exemple Graphviz d'architecture logicielle fictive
 
Loic (discussion | contributions)
 
Ligne 7 : Ligne 7 :


== Source DOT ==
== Source DOT ==
<pre>
digraph SI_Fictif {
digraph SI_Fictif {
  rankdir=LR;
  rankdir=LR;
  graph [fontname="Arial", bgcolor="white", pad="0.2", nodesep="0.5", ranksep="0.8"];
  graph [fontname="Arial", bgcolor="white", pad="0.2", nodesep="0.5", ranksep="0.8"];
  node [shape=box, style="rounded,filled", fillcolor="#E8F0FE", color="#2563EB", fontname="Arial"];
  node [shape=box, style="rounded,filled", fillcolor="#E8F0FE", color="#2563EB", fontname="Arial"];
  edge [color="#64748B", fontname="Arial"];
  edge [color="#64748B", fontname="Arial"];
 
  users [label="Utilisateurs", shape=oval, fillcolor="#DCFCE7", URL="<nowiki>https://example.org/users</nowiki>"];
  users [label="Utilisateurs", shape=oval, fillcolor="#DCFCE7", URL="https://example.org/users"];
  web [label="Portail Web", URL="<nowiki>https://www.nginx.com/</nowiki>"];
  web [label="Portail Web", URL="https://www.nginx.com/"];
  api [label="API Gateway", URL="<nowiki>https://konghq.com/</nowiki>"];
  api [label="API Gateway", URL="https://konghq.com/"];
  auth [label="Auth / IAM", URL="<nowiki>https://www.keycloak.org/</nowiki>"];
  auth [label="Auth / IAM", URL="https://www.keycloak.org/"];
  crm [label="CRM métier", URL="<nowiki>https://www.suitecrm.com/</nowiki>"];
  crm [label="CRM métier", URL="https://www.suitecrm.com/"];
  erp [label="ERP métier", URL="<nowiki>https://www.odoo.com/</nowiki>"];
  erp [label="ERP métier", URL="https://www.odoo.com/"];
  wiki [label="Wiki documentaire", URL="<nowiki>https://www.mediawiki.org/</nowiki>"];
  wiki [label="Wiki documentaire", URL="https://www.mediawiki.org/"];
  mq [label="Bus d'événements", URL="<nowiki>https://kafka.apache.org/</nowiki>"];
  mq [label="Bus d'événements", URL="https://kafka.apache.org/"];
  cache [label="Cache distribué", URL="<nowiki>https://redis.io/</nowiki>"];
  cache [label="Cache distribué", URL="https://redis.io/"];
  db [label="Base PostgreSQL", URL="<nowiki>https://www.postgresql.org/</nowiki>"];
  db [label="Base PostgreSQL", URL="https://www.postgresql.org/"];
  search [label="Moteur de recherche", URL="<nowiki>https://www.meilisearch.com/</nowiki>"];
  search [label="Moteur de recherche", URL="https://www.meilisearch.com/"];
  obs [label="Observabilité", URL="<nowiki>https://grafana.com/</nowiki>"];
  obs [label="Observabilité", URL="https://grafana.com/"];
  cicd [label="CI/CD", URL="<nowiki>https://about.gitlab.com/</nowiki>"];
  cicd [label="CI/CD", URL="https://about.gitlab.com/"];
 
  users -> web [label="utilise"];
  users -> web [label="utilise"];
  web -> api [label="HTTPS"];
  web -> api [label="HTTPS"];
  api -> auth [label="OIDC"];
  api -> auth [label="OIDC"];
  api -> crm;
  api -> crm;
  api -> erp;
  api -> erp;
  api -> wiki;
  api -> wiki;
  crm -> db;
  crm -> db;
  crm -> cache;
  crm -> cache;
  erp -> db;
  erp -> db;
  wiki -> search;
  wiki -> search;
  crm -> mq;
  crm -> mq;
  erp -> mq;
  erp -> mq;
  obs -> api;
  obs -> api;
  obs -> crm;
  obs -> crm;
  obs -> erp;
  obs -> erp;
  cicd -> web;
  cicd -> web;
  cicd -> api;
  cicd -> api;
}
}
</pre>


== Références directes ==
== Références directes ==

Dernière version du 20 mars 2026 à 19:20

Exemple Graphviz - architecture logicielle fictive

Cette page montre une architecture logicielle fictive représentée en Graphviz / DOT.

Rendu graphique

graphviz-logiciel-fictif.svg

Source DOT

digraph SI_Fictif {
  rankdir=LR;
  graph [fontname="Arial", bgcolor="white", pad="0.2", nodesep="0.5", ranksep="0.8"];
  node [shape=box, style="rounded,filled", fillcolor="#E8F0FE", color="#2563EB", fontname="Arial"];
  edge [color="#64748B", fontname="Arial"];

  users [label="Utilisateurs", shape=oval, fillcolor="#DCFCE7", URL="https://example.org/users"];
  web [label="Portail Web", URL="https://www.nginx.com/"];
  api [label="API Gateway", URL="https://konghq.com/"];
  auth [label="Auth / IAM", URL="https://www.keycloak.org/"];
  crm [label="CRM métier", URL="https://www.suitecrm.com/"];
  erp [label="ERP métier", URL="https://www.odoo.com/"];
  wiki [label="Wiki documentaire", URL="https://www.mediawiki.org/"];
  mq [label="Bus d'événements", URL="https://kafka.apache.org/"];
  cache [label="Cache distribué", URL="https://redis.io/"];
  db [label="Base PostgreSQL", URL="https://www.postgresql.org/"];
  search [label="Moteur de recherche", URL="https://www.meilisearch.com/"];
  obs [label="Observabilité", URL="https://grafana.com/"];
  cicd [label="CI/CD", URL="https://about.gitlab.com/"];

  users -> web [label="utilise"];
  web -> api [label="HTTPS"];
  api -> auth [label="OIDC"];
  api -> crm;
  api -> erp;
  api -> wiki;
  crm -> db;
  crm -> cache;
  erp -> db;
  wiki -> search;
  crm -> mq;
  erp -> mq;
  obs -> api;
  obs -> crm;
  obs -> erp;
  cicd -> web;  
  cicd -> api;
}

Références directes

Remarque

Le rendu Graphviz est affiché ici via l'URL directe du SVG servi sous `/images/...`, comme pour D2 dans cette instance.