UMLZustandsdiagramme fr WebAnwendungen Statecharts und UMLbased WebEngineering UWE

UML-Zustandsdiagramme für Web-Anwendungen Statecharts und UML-based Web-Engineering (UWE) Jana Schäfer

UML-based Web Engineering (UWE) n UWE unterstützt die Entwicklung von Webanwendungen in alle Phasen des Entwicklungsprozesses n Ziele von UWE : Systematische Objektorientierte Entwurfsmethode ¨ Personalisierung von Webanwendungen (Verminderung des Informationsüberflusses) ¨ Konkrete Benutzerführung (Vermeidung des „lost in the hyperspace“-Syndrom) ¨ Halbautomatische Generierung ¨ n Prozess der Entwicklung : Anforderungsanalyse ¨ Konzeptentwurf ¨ Navigationsentwurf ¨ Designentwurf ¨ 12/12/2021 2

Übersicht UML-based Web Engineering (UWE) Anforderungsanalyse • Use Cases-Modell Navigationsentwurf • Navigational-Structure-Modell • Navigation-Space-Modell 12/12/2021 Konzeptentwurf • Conceptual-Modell Designentwurf • Presention-Modell • Deployment-Modell • Task-Modell • Statecharts 3

Anforderungsanalyse n Aufgabe: ¨ n gewünschte Funktionalität herausfinden und in Use Cases repräsentieren Modellierungsmittel: Use-Case-Modell werden dargestellt durch „actors“ und „use cases“ ¨ Nutzung von Beziehungen „inheritance“, „include“, „extend“ ist möglich ¨ 12/12/2021 4

Konzeptentwurf n Aufgabe: ¨ n Erstellung von Conceptual-Modell, basierend auf Use-Cases-Modell Ziel : ¨ Datenstruktur zu modellieren und versuchen so viele von der Navigation-, Präsentation- und Wechselwirkungsaspekte wie möglich zu abstrahieren 12/12/2021 5

Navigationsentwurf n Navigation-Space-Modell: welche Objekte durch Navigation in Anwendung besucht werden können n Modellierungsmitteln: ¨ ¨ „navigation class“ „navigation association“ 12/12/2021 6

Navigationsentwurf n Navigational-Structure-Modell: wie Objekte erreicht werden n Erweiterung von Navigation-Space-Modell um: ¨ ¨ „indexes“ „guided tours“ „queries“ „menus“ 12/12/2021 7

Designentwurf n Presentation-Modell: wo und wie Navigationsobjekte dem Benutzer präsentiert werden n Modellierungselemente: ¨ ¨ ¨ ¨ ¨ „frameset“ „text“ „image“ „audio“ „anchor“ „form“ „button“, „colleltion“ „anchored collection“ 12/12/2021 8

Designentwurf n Zustanddiagramm: ¨ Modellierung von Webszenarien 12/12/2021 9

Designentwurf n Task-Modell: ¨ ¨ Aufgabenmodellierung Aktivitätsdiagramm wird verwendet um Use-Cases zu verfeinern 12/12/2021 10

Designentwurf n Deployment-Modell: ¨ dokumentiert die Verteilung der Webanwendungskomponente 12/12/2021 11

Zusammenfassung n Prozessstufen: ¨ ¨ n Anforderungsanalyse Konzeptentwurf Navigationsentwurf Designentwurf Modellen ¨ ¨ ¨ ¨ Use-Cases-Modell Conceptual-Modell Navigation-Space-Modell Navigational-Structure-Modell Presentation-Modell Task-Modell Statecharts Deployment-Modell 12/12/2021 12