Table des matières
UWE
UML-based Web Engineering
UWE est une méthode d'ingénierie Web pour la POO (Programmation orientée objet) basée sur UML (Langage de Modélisation Unifié), elle est utilisée pour déterminer et représenter les spécifications fonctionnelles des applications Web. UWE est une extension d'UML, d'ailleurs les diagrammes reposent directement sur une approche UML (diagrammes de cas d'utilisation, d'activités et de classe).
Diagramme de navigation
Le diagramme de navigation permet de représenter les liens existants entre les pages. Il sollicite en particulier 2 stéréotypes :
- Le noeud (Node) est une unité navigable, il peut être présent sur plusieurs pages : il est représenté par le stéréotype NavigationClass.
- Les noeuds sont connectés par des liens (Link) permettant la navigation, et représentés par le stéréotype NavigationLink.
Stéréotypes :
| Icône | Stéréotype | Classe de base |
|---|---|---|
 | navigationClass | Node |
 | menu | Node |
 | index | Node |
 | query | Node |
 | guidedTour | Node |
 | processClass | Node |
 | externalNode | Node |
| → | processLink | Link |
| → | navigationLink | Link |
Exemple :
Gestion d'un carnet d'adresses
Diagramme de présentation
Le diagramme de présentation représente les relations entre les classes de navigation, les classes dites « processus » ou « procédurales » et les pages de l'application web.
Il donne une représentation abstraite de l'interface utilisateur.
Stéréotypes :
Conteneurs
| Icône | Stéréotype | Classe de base |
|---|---|---|
 | presentationGroup | presentationClass |
 | presentationPage | presentationGroup |
 | inputForm | presentationGroup |
 | presentationAlternatives | presentationElement |
Elements
| Icône | Stéréotype | Classe de base |
|---|---|---|
 | text | OutputElement |
 | image | OutputElement |
 | mediaObject | OutputElement |
 | tab | InteractiveElement |
 | button | InteractiveElement |
 | anchor | InteractiveElement |
 | slider | InputElement |
 | textInput | InputElement |
 | imageInput | InputElement |
 | fileUpload | InputElement |
 | customComponent | InputElement |
Gestion d'un carnet d'adresses
