| Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente |
| slam4:uwe [2017/09/16 16:16] – [Diagramme de présentation] jcheron | slam4:uwe [2019/08/31 14:21] (Version actuelle) – modification externe 127.0.0.1 |
|---|
| |
| |
| **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 des applications Web. | **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). | 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 présentation ===== | ===== 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. | 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 :** | **Stéréotypes :** |
| | |
| | __Conteneurs__ |
| | |
| |< 100% >| | |< 100% >| |
| ^Icône ^Stéréotype ^ Classe de base ^ | ^Icône ^Stéréotype ^ Classe de base ^ |
| |{{:slam4:uwe:presentationpage.png?nolink}}| presentationPage | presentationClass | | |
| |{{:slam4:uwe:presentationgroup.png?nolink|}}| presentationGroup | presentationClass | | |
| |{{:slam4:uwe:presentationalternatives.png?nolink|}}| presentationAlternatives | presentationClass | | |
| |{{:slam4:uwe:presentationgroup.png?nolink|}}| presentationGroup | presentationClass | | |{{:slam4:uwe:presentationgroup.png?nolink|}}| presentationGroup | presentationClass | |
| | |{{:slam4:uwe:presentationpage.png?nolink}}| presentationPage | presentationGroup | |
| | |{{:slam4:uwe:inputform.png?nolink|}}| inputForm | presentationGroup | |
| | |{{:slam4:uwe:presentationalternatives.png?nolink|}}| presentationAlternatives | presentationElement | |
| |
| __Gestion d'un carnet d'adresses__ | __Elements__ |
| |
| <html><img src="http://uwe.pst.ifi.lmu.de/examples/AddressBookWithContentUpdates/Tutorial/UWE_AddressBookContent_PresentationModelPart1.png"></html> | |< 100% >| |
| | ^Icône ^Stéréotype ^ Classe de base ^ |
| | |{{:slam4:uwe:text.png?nolink|}}| text | OutputElement | |
| | |{{:slam4:uwe:image.png?nolink|}}| image | OutputElement | |
| | |{{:slam4:uwe:mediaobject.png?nolink|}}| mediaObject | OutputElement | |
| | |{{:slam4:uwe:tab.png?nolink|}}| tab| InteractiveElement | |
| | |{{:slam4:uwe:button.png?nolink|}}| button| InteractiveElement | |
| | |{{:slam4:uwe:anchor.png?nolink|}}| anchor| InteractiveElement | |
| | |{{:slam4:uwe:slider.png?nolink|}}| slider| InputElement | |
| | |{{:slam4:uwe:textinput.png?nolink|}}| textInput| InputElement | |
| | |{{:slam4:uwe:imageinput.png?nolink|}}| imageInput| InputElement | |
| | |{{:slam4:uwe:fileupload.png?nolink|}}| fileUpload| InputElement | |
| | |{{:slam4:uwe:customcomponent.png?nolink|}}| customComponent| InputElement | |
| |
| |
| <usecase> | |
| [User]-(Login) | |
| [User]-(Logout) | |
| (Login)<(Reminder) | |
| (Login)>(Captcha) | |
| </usecase> | |
| |
| <classdiagram [plain|nofunky|scruffy[;]][dir:[td|lr][;]][scale:75]> | |
| [note: You can stick notes on diagrams too!{bg:cornsilk}] | __Gestion d'un carnet d'adresses__ |
| [«interface»;Customer|-forname:string;-surname:string|+doShiz()]«interface»<>-orders*>[Order] | |
| [Order]++-0..*>[LineItem] | <html><img src="http://uwe.pst.ifi.lmu.de/examples/AddressBookWithContentUpdates/Tutorial/UWE_AddressBookContent_PresentationModelPart1.png"></html> |
| [Order]-[note:Aggregate root{bg:wheat}] | |
| [Client]-0..*>[Facture] | |
| </classdiagram> | |
| |
| |
| ===== Liens ===== | ===== Liens ===== |
| |
| * [[http://uwe.pst.ifi.lmu.de/download/UWE-Metamodel-Reference.pdf|UWE meta-model reference]] | * [[https://cacoo.com/|Cacoo]] |
| | * [[http://uwe.pst.ifi.lmu.de/download/UWE-Metamodel-Reference-v1.9.pdf|UWE meta-model reference]] |
| | * [[http://uwe.pst.ifi.lmu.de/teachingTutorialPresentationFrench.html|Tutoriel en Français (pdf)]] |
| | * [[http://uwe.pst.ifi.lmu.de/teachingTutorialFrench.html|Tutoriel Français en ligne]] |
| |