II.2. L'extension d'UML pour le web :
Cette extension d'UML définit un ensemble de
stéréotypes, qui rend possible la modélisation
d'applications web dont l'élément principal étant la page
web.
Un stéréotype est une extension du vocabulaire
d'UML. Elle permet l'association d'une nouvelle signification à un
élément du modèle. Il est représenté par une
chaine de caractères entre guillemets (« »).
Les stéréotypes offerts par UML concernent :
- Les classes
- Les associations - Les attributs
Ils sont définis dans ce qui suit :
II.2.1. Stéréotype classe :
+ « Serveur Page » : représente une page web qui
possède des scripts
exécutés par le serveur. Ces scripts interagissent
avec des ressources serveur, telles que les bases de données.
Les opérations de l'objet représentent les
fonctions dans le script et ses attributs, représentent les variables
qui sont accessibles par les fonctions de la page.
Icône :
+ « Client Page » : représente une page web
formatée en HTML, un
mélange de données, de représentation et
même de logique. Les fonctions d'une page client correspondent aux
fonctions dans le script et ses attributs, représentent les variables
qui sont accessibles par les fonctions de la page.
+ « Form » : est un ensemble de champs de saisie
faisant partie d'une
page client. A une classe formulaire correspond une balise
HTML « Form », ses attributs sont les éléments de
saisie telles qu'une zone de saisie, une zone de texte, bouton d'option...
Un formulaire n'a pas d'opérations, puisqu'il ne peut pas
les encapsuler. Toute opération qui interagit avec le formulaire
appartient à la page qui la contient.
Icône :
+ « Framset » : est un conteneur de plusieurs pages
web. La zone
d'affichage rectangulaire est divisée en cadres.
Une classe stéréotype « Framset » est
associée à une structure de cadre de page web par la balise HTML
<framset>.
Icône : Aucune.
II.2.2. Stéréotype association :
+ « link »: est une association entre une page client
et une autre page
client ou serveur. Elle représente un pointeur entre ces
pages. A un lien correspond une balise ancre HTML.
+ Soumet « Submit »:
Description : Une association de soumission se trouve toujours
entre un formulaire et une page serveur. Les valeurs des champs du formulaire
sont soumises au serveur qu'il les traite, par l'intermédiaire de pages
serveur.
Icône :
« Submit »
+ « Build » : est une association orientée entre
les pages client et les
pages serveur. Elle indique quelle page serveur est responsable
de la création de la page client.
Une page serveur peut construire plusieurs pages client, mais une
page client n'est construite que par une et une seule page serveur.
6. « Frame Content » : est une association
d'agrégation qui traduit
l'appartenance d'une page à un cadre.
Icône : Aucune.
6. « Redirect » : est une association
unidirectionnelle qui relie deux
pages client ou serveur.
Icône :
« Redirect »
Stéréotype attribut :
6. « input » : correspond à la balise
<input> d'un formulaire HTML. Cet
attribut est utilisé pour un mot ou une zone de texte.
Icône : Aucune.
6. « select élément »: permet à
l'utilisateur de sélectionner une ou
plusieurs valeurs dans une liste d'options.
Icône : Aucune.
6. « text area élément »: correspond
à la balise HTML <textarea>,
permet à l'utilisateur de saisir un texte sur plusieurs
lignes.
Icône : Aucune.
| 
