Diagramme d'activité avec PlantUML


Il s'agit de l'ancienne syntaxe du diagramme d'activités, pour voir la nouvelle version actuelle, voir: Diagrammes d'activité (nouvelle syntaxe).

Action simple

Vous pouvez utiliser (*) pour le point de départ et le point d'arrivée de le diagramme d'activité.

Dans certaines occasions, vous pouvez utiliser (*top) pour forcer le point de départ à être en haut du diagramme.

Utilisez --> pour les flèches


@startuml

(*) --> "First Action"
"First Action" --> (*)

@enduml

Texte sur les flèches

Par défaut, une flèche commence à partir de la dernière activité définie.

Vous pouvez rajouter un libellé sur une flèche en mettant des crochets [ et ] juste après la définition de la flèche.

@startuml

(*) --> "First Action"
-->[You can put also labels] "Second Action"
--> (*)

@enduml

Changer la direction des flèches

Vous pouvez utiliser -> pour les flèches horizontales. Il est aussi possible de forcer la direction d'une flèche en utilisant la syntaxe suivante :
  • -down-> (default arrow)
  • -right-> or ->
  • -left->
  • -up->


@startuml

(*) -up-> "First Action"
-right-> "Second Action"
--> "Third Action"
-left-> (*)

@enduml

Branches

Vous pouvez utiliser le mot clé if/then/else pour définir une branche.


@startuml
(*) --> "Initialization"

if "Some Test" then
  -->[true] "Some Action"
  --> "Another Action"
  -right-> (*)
else
  ->[false] "Something else"
  -->[Ending process] (*)
endif

@enduml

Malheureusement, vous devez parfois avoir à répéter la même activité dans le diagramme de texte.

@startuml
(*)  --> "check input"
If "input is verbose" then
--> [Yes] "turn on verbosity"
--> "run command"
else
--> "run command"
Endif
-->(*)
@enduml

Encore des branches

Par défaut, une branche commence à la dernière activité définie, mais il est possible de passer outre et de définir un lien avec le mot clé if.

Il est aussi possible d'imbriquer les branches.


@startuml

(*) --> if "Some Test" then

  -->[true] "activity 1"

  if "" then
    -> "activity 3" as a3
  else
    if "Other test" then
      -left-> "activity 5"
    else
      --> "activity 6"
    endif
  endif

else

  ->[false] "activity 2"

endif

a3 --> if "last test" then
  --> "activity 7"
else
  -> "activity 8"
endif

@enduml

Synchronisation

Vous pouvez utiliser la syntaxe === code === pour afficher des barres de synchronisation.


@startuml

(*) --> ===B1===
--> "Parallel Activity 1"
--> ===B2===

===B1=== --> "Parallel Activity 2"
--> ===B2===

--> (*)

@enduml

Description détaillée

Lorsque vous déclarez des activités, vous pouvez positionner sur plusieurs lignes le texte de description Vous pouvez également ajouter \n dans la description. Il est également possible d'utiliser quelques tags HTML tels que :

Vous pouvez aussi donner un court code à l'activité avec le mot clé as. Ce code peut être utilisé plus tard dans le diagramme de description.


@startuml
(*) -left-> "this <size:20>activity</size>
is <b>very</b> <color:red>long2</color>
and defined on several lines
that contains many <i>text</i>" as A1

-up-> "Another activity\n on several lines"

A1 --> "Short activity <img:sourceforge.jpg>"
@enduml

Notes

Vous pouvez rajouter des notes sur une activités en utilisant les commandes: note left, note right, note top ou note bottom, juste après la définition de l'activité concernée.

Si vous voulez mettre une note sur le démarrage du diagramme, définissez la note au tout début du diagramme.

Vous pouvez aussi avoir une note sur plusieurs lignes, en utilisant les mots clés endnote.

@startuml

(*) --> "Some Activity"
note right: This activity has to be defined
"Some Activity" --> (*)
note left
 This note is on
 several lines
end note

@enduml

Partition

Vous pouvez définir une partition en utilisant le mot clé partition, et optionnellement déclarer un fond de couleur pour votre partition (En utilisant un code couleur html ou un nom)

Quand vous déclarez les activités, ils sont automatiquement mis dans la dernière partition utilisée.

Vous pouvez fermer la partition de définition en utilisant les crochets fermants }.

@startuml

partition Conductor {
  (*) --> "Climbs on Platform"
  --> === S1 ===
  --> Bows
}

partition Audience #LightSkyBlue {
  === S1 === --> Applauds
}

partition Conductor {
  Bows --> === S2 ===
  --> WavesArmes
  Applauds --> === S2 ===
}

partition Orchestra #CCCCEE {
  WavesArmes --> Introduction
  --> "Play music"
}

@enduml

Paramètre de thème

Vous pouvez utiliser la commande skinparam pour changer la couleur et la police d'écriture pour dessiner.

Vous pouvez utiliser cette commande :Vous pouvez spécifier une couleur et une police d'écriture dans les stéréotypes d'activités.


@startuml

skinparam backgroundColor #AAFFFF
skinparam activity {
  StartColor red
  BarColor SaddleBrown
  EndColor Silver
  BackgroundColor Peru
  BackgroundColor<< Begin >> Olive
  BorderColor Peru
  FontName Impact
}

(*) --> "Climbs on Platform" << Begin >>
--> === S1 ===
--> Bows
--> === S2 ===
--> WavesArmes
--> (*)

@enduml

Octogone

Vous pouvez changer la forme des activités en octogone en utilisant la commande skinparam activityShape octagon.


@startuml
'Default is skinparam activityShape roundBox
skinparam activityShape octagon

(*) --> "First Activity"
"First Activity" --> (*)

@enduml

Exemple complet


@startuml
title Servlet Container

(*) --> "ClickServlet.handleRequest()"
--> "new Page"

if "Page.onSecurityCheck" then
  ->[true] "Page.onInit()"

  if "isForward?" then
   ->[no] "Process controls"

   if "continue processing?" then
     -->[yes] ===RENDERING===
   else
     -->[no] ===REDIRECT_CHECK===
   endif

  else
   -->[yes] ===RENDERING===
  endif

  if "is Post?" then
    -->[yes] "Page.onPost()"
    --> "Page.onRender()" as render
    --> ===REDIRECT_CHECK===
  else
    -->[no] "Page.onGet()"
    --> render
  endif

else
  -->[false] ===REDIRECT_CHECK===
endif

if "Do redirect?" then
 ->[yes] "redirect request"
 --> ==BEFORE_DESTROY===
else
 if "Do Forward?" then
  -left->[yes] "Forward request"
  --> ==BEFORE_DESTROY===
 else
  -right->[no] "Render page template"
  --> ==BEFORE_DESTROY===
 endif
endif

--> "Page.onDestroy()"
-->(*)

@enduml

Commentaires

Enregistrer un commentaire

Posts les plus consultés de ce blog

Comment utiliser les diagrammes PlantUML dans Visual Studio Code pour Windows 10

Image
Qu'est-ce que PlantUML ? PlantUML est un outil de création de diagramme simple qui utilise un simple langage de texte brut pour générer des diagrammes visuels. Cet outil est incroyable car il vous permet de stocker vos diagrammes sous forme de texte dans le contrôle de source, ce qui vous permet de voir les changements dans vos diagrammes au fil du temps. Exemple de composants de diagramme PlantUML Un diagramme UML Plant simple aura un composant texte et un composant image : Exemple de code PlantUML Bob-> Alice : Hello! Exemple de diagramme visuel PlantUML Le code répertorié ci-dessus est renvoyé à ceci : Ajout de la prise en charge de PlantUML au code Visual Studio Maintenant que nous avons une compréhension de base de ce qu'est PlantUML, ajoutons sa prise en charge dans Visual Studio Code. Installer l'extension PlantUML dans Visual Studio Code Ouvrez l'onglet extensions dans VS Code et recherchez  PlantUML , nous voulons installer l'  extension PlantUML par je...
Lire la suite

Comment fonctionne l'optimise d'Adam

Image
Introduction en douceur à l'algorithme d'optimisation Adam pour le Deep Learning Le choix de l'algorithme d'optimisation pour votre modèle d'apprentissage en profondeur peut faire la différence entre de bons résultats en minutes, heures et jours. L'  algorithme d'optimisation Adam  est une extension de la descente de gradient stochastique qui a récemment été plus largement adoptée pour les applications d'apprentissage en profondeur dans la vision par ordinateur et le traitement du langage naturel. Dans cet article, vous obtiendrez une introduction en douceur à l'algorithme d'optimisation Adam à utiliser dans l'apprentissage en profondeur. Après avoir lu cet article, vous saurez: Qu'est-ce que l'algorithme Adam et certains avantages de l'utilisation de la méthode pour optimiser vos modèles. Comment fonctionne l'algorithme d'Adam et en quoi il est différent des méthodes associées d'AdaGrad et de RMSProp. Comment l'al...
Lire la suite

SYSTEME DE RECONNAISSANCE FACIALE AVEC PYTHON

Image
  Dans ce didacticiel, vous apprendrez à utiliser OpenCV pour effectuer une reconnaissance faciale.  Pour construire notre système de reconnaissance faciale, nous allons d'abord effectuer la détection des visages, extraire les intégrations de visage de chaque visage à l'aide d'un apprentissage en profondeur, former un modèle de reconnaissance faciale sur les intégrations, puis enfin  reconnaître les visages dans les images et les flux vidéo avec OpenCV. Vous pouvez bien sûr échanger votre propre ensemble de données de visages !  Tout ce que vous avez à faire est de suivre ma structure de répertoires pour insérer vos propres images de visage. En prime, j'ai également inclus comment étiqueter les visages "inconnus" qui ne peuvent pas être classés avec suffisamment de confiance. Pour savoir comment effectuer la reconnaissance faciale OpenCV,  continuez à lire ! Mise à jour juillet 2021 :  Ajout d'une section sur les méthodes alternatives de reconnaissance...
Lire la suite