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

UML-based Web Engineering (UWE) UWE unterstützt die Entwicklung von Webanwendungen in alle Phasen des Entwicklungsprozesses 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 Prozess der Entwicklung : Anforderungsanalyse Konzeptentwurf Navigationsentwurf Designentwurf 30.11.2018

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

Anforderungsanalyse Aufgabe: Modellierungsmittel: 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 30.11.2018

Konzeptentwurf Aufgabe: Ziel : 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 30.11.2018

Navigationsentwurf Navigation-Space-Modell: welche Objekte durch Navigation in Anwendung besucht werden können Modellierungsmitteln: „navigation class“ „navigation association“ 30.11.2018

Navigationsentwurf Navigational-Structure-Modell: wie Objekte erreicht werden Erweiterung von Navigation-Space-Modell um: „indexes“ „guided tours“ „queries“ „menus“ 30.11.2018

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

Designentwurf Zustanddiagramm: Modellierung von Webszenarien 30.11.2018

Designentwurf Task-Modell: Aufgabenmodellierung Aktivitätsdiagramm wird verwendet um Use-Cases zu verfeinern 30.11.2018

Designentwurf Deployment-Modell: dokumentiert die Verteilung der Webanwendungskomponente 30.11.2018

Zusammenfassung Prozessstufen: Modellen Anforderungsanalyse Konzeptentwurf Navigationsentwurf Designentwurf Modellen Use-Cases-Modell Conceptual-Modell Navigation-Space-Modell Navigational-Structure-Modell Presentation-Modell Task-Modell Statecharts Deployment-Modell 30.11.2018