Outils pour utilisateurs

Outils du site


test:diagramme_plantuml_graph

Différences

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

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
test:diagramme_plantuml_graph [2025/05/25 18:24] Jean-Baptistetest: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>
 +
 +
 +
  

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki