Différences

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

--- cnam:nfe114:uwe:navigation [2024/02/21 20:12] – créée jcheron
+++ cnam:nfe114:uwe:navigation [2024/02/22 12:35] (Version actuelle) – [Exemple] jcheron
@@ Ligne 6: / Ligne 6: @@
 L'élaboration du diagramme de navigation se fait à partir :
   * Du diagramme des US/UC
+    * avec prise en compte des extensions (liens)
+    * et intégration des inclusions
   * Du diagramme des classes métiers
+    * en tenant compte des relations ManyToOne, OneToMany, ManyToMany, OneToOne
+  * Des épopées : suite d'US
+Chacun des noeuds peut éventuellement correspondre à plusieurs interfaces. Ils sont connectés ensemble par des liens.
+===== Stéréotypes =====
+UWE utilise les stéréotypes suivants dans la représentation :
+|Représentation | Stéréotype | Rôle |
+^<html><div class="imageB"></html>{{:cnam:nfe114:uwe:pasted:20240222-013053.png?nolink}}<html></div></html> ^ <<navigationClass>>^ Noeud de navigation ^
+^<html><div class="imageB"></html>{{:cnam:nfe114:uwe:pasted:20240222-013258.png?nolink}}<html></div></html> ^ <<index>>^ Index de l'application ^
+^<html><div class="imageB"></html>{{:cnam:nfe114:uwe:pasted:20240222-013339.png?nolink}}<html></div></html> ^ <<guidedTour>>^ Visite guidée ^
+^<html><div class="imageB"></html>{{:cnam:nfe114:uwe:pasted:20240222-013427.png?nolink}}<html></div></html> ^ <<externalNode>>^ Noeud externe ^
+^<html><div class="imageB"></html>{{:cnam:nfe114:uwe:pasted:20240222-013514.png?nolink}}<html></div></html> ^ <<menu>>^ Menu ^
+^<html><div class="imageB"></html>{{:cnam:nfe114:uwe:pasted:20240222-013545.png?nolink}}<html></div></html> ^ <<query>>^ Recherche/interrogation ^
+^<html><div class="imageB"></html>{{:cnam:nfe114:uwe:pasted:20240222-013640.png?nolink}}<html></div></html> ^ <<processClass>>^ Noeud de traitement ^
+^<html><div class="imageB"></html><<processLink>><html></div></html> ^ <<processLink>>^ Lien de traitement ^
+^<html><div class="imageB"></html><<navigationLink>><html></div></html> ^ <<navigationLink>>^ Lien de navigation ^
+ ===== Exemple =====
+<html><div class="imageB"></html>{{:cnam:nfe114:uwe:pasted:20240222-031320.png?600}}<html></div></html>
+===== Extensions =====
+  * Types de noeuds (techniques) : pages, route, component...
+  * Navigation :
+    * Client
+    * Serveur/serveur API
+  * Eléments associés (dossier/fichiers, zones DOM...)