Différences

Ci-dessous, les différences entre deux révisions de la page.

--- test:diagramme_plantuml_graph [2025/03/24 18:43] – [Mermaid] Jean-Baptiste
+++ test:diagramme_plantuml_graph [2025/12/05 17:40] (Version actuelle) – Jean-Baptiste
@@ Ligne 1: / Ligne 1: @@
+{{tag>Brouillon}}
+= Diagramme PlantUML
+Voir :
+* http://www.planttext.com/planttext Instance PlantUML en ligne
+* Extension PlantUML pour VSCode https://marketplace.visualstudio.com/items?itemName=jebbs.plantuml
+* https://mkdocs-magicspace.alnoda.org/tutorials/markdown/diagrams/
+Voir aussi :
+* [[:tech:diagramme_gnu_linux]]
+* [[https://mermaidjs.github.io/|Mermaid]]
+* https://d2lang.com/
+* https://pikchr.org
+* https://kroki.io/
+* ditaa
+== Mermaid
+Voir :
+ * https://squidfunk.github.io/mkdocs-material/reference/diagrams/
+ * https://mkdocs-mermaid2.readthedocs.io/en/latest/
+ * https://jimandreas.github.io/mkdocs-material/reference/diagrams/
+ * https://mkdocs-magicspace.alnoda.org/tutorials/markdown/diagrams/
+ * https://www.wwt.com/blog/docs-as-code-diagrams-as-code
+Tudo :
+ * https://www.youtube.com/watch?v=FCJazEuKEUE
+== mindmap - Mind mapping
+<code ->
+mindmap
+  root((blog))
+    Tech
+       Improve SEO
+       Auto generate webp
+       Update Hugo
+    Design
+      Refresh UI
+      Create event template
+    Content
+      Loop and Mermaid
+</code>
+Source :  https://www.cloudappie.nl/loop-mermaid-mindmap/
+== blockdiag
+<code ->
+blockdiag {
+  "192.168.1.0/24" -> "8.8.8.8:53/tcp+udp";
+  "192.168.2.0/24" -> "8.8.4.4:53/tcp+udp";
+}
+</code>
+== Autres
+Exemple :
+<code ->
+@startuml
+ (*) -up-> "la boucle"
+ -right-> "Second Action"
+ --> "Third Action"
+ -left-> (*)
+@enduml
+</code>
+<code ->
+<uml>
+version
+'checkversion
+</uml>
+<uml>
+skinparam backgroundColor transparent
+cloud "local network" as LocalNet {
+node "PC1" as PC1
+node "PC2" as PC2
+}
+node "Cloud Router" as CloudRouter
+PC1 - CloudRouter
+PC2 -- CloudRouter
+'cloud "local network" as LocalNet {
+node "N1" as N1
+node "N2" as N2
+node "N3" as N3
+'}
+CloudRouter -- N1
+CloudRouter -- N2
+'CloudRouter -- N3 : aaaaaaa
+CloudRouter -- N3
+</uml>
+<uml>
+skinparam backgroundColor transparent
+package "Front" {
+[nginx]-down->Website
+[bastion]
+}
+package "Back" {
+database "MySql"
+}
+</uml>
+<uml>
+title Document d'architecture technique
+skinparam backgroundColor transparent
+skinparam defaultFontName Courier
+skinparam component {
+  FontSize 13
+  InterfaceBackgroundColor RosyBrown
+  InterfaceBorderColor orange
+  BackgroundColor<<Apache>> Red
+  BorderColor<<Apache>>> #FF6655
+  FontName Courier
+  BorderColor black
+  BackgroundColor gold
+  ArrowFontName Impact
+  ArrowColor #FF6655
+  ArrowFontColor #777777
+}
+skinparam package {
+  FontSize 13
+  InterfaceBorderColor orange
+  FontName Courier
+  BorderColor black
+  BackgroundColor #DDDDFF
+}
+package "Front" {
+  [nginx]
+  node "bastion" {
+     [SSH]
+     [Squid]
+  }
+}
+package "Middle" {
+  [wiki]
+  [git]
+  [sugarcrm]
+  [website]
+  [analytics]
+  [files]
+  [zabbix]
+}
+database "Back" {
+  [mysql-it]
+}
+SSH --> Middle
+Middle --> Squid
+skinparam cloud {
+  FontSize 17
+}
+cloud "Internet" {
+}
+Internet --> [nginx]
+Squid --> Internet
+Internet --> SSH
+[nginx] --> [git]
+[nginx] --> [wiki]
+[nginx] --> [website]
+[nginx] --> [sugarcrm]
+[sugarcrm] --> [mysql-it]
+[nginx] --> [analytics]
+[analytics] --> [mysql-it]
+[nginx] --> [files]
+[files] --> [mysql-it]
+[nginx] --> [zabbix]
+[zabbix] --> [mysql-it]
+</uml>
+Ansible Preseed Génération système Linux
+<uml>
+@startuml
+title Génération système Linux
+start
+:Génération nouveau système Linux;
+if (Form scratch ?) then (yes)
+    if (VM / Physique ?) then (VM)
+        if (Cloud Infra / Poste de travail ?) then (Infra)
+            :Création instance Cloud / Infra;
+            'note left: Automatisable
+        else (Poste de travail)
+            :Création VM type Poste de travail;
+        endif
+    else (Physique)
+        :Conf PC physique
+        Raccordement câbles, VLAN install
+        Conf RAID,iDRAC,BIOS…;
+    endif
+    :Installation automatique OS
+    ----
+    ISO + Fichier de réponse;
+else (no)
+  start;
+  :Modification système existant;
+  note left
+    Si possible privilégiez une
+    régénération from scratch
+  end note
+  if (VM / Physique ?) then (VM)
+    :Restauration snapshot VM;
+  else (Physique)
+    :Déghost;
+endif
+'end
+endif
+:Configuration système / app + install
+----
+Ansible;
+stop
+@enduml
+</uml>
+</code>