Methoden zur Web Modellierung: Object-oriented Hypermedia ... · Object-oriented Hypermedia Method...

11

Web Engineering-Seminar

Dominik KirstenDaniel Schäferbarthold

Methoden zur Web Modellierung:Object-oriented Hypermedia Method (OO-H)

Trier, 21.01.2008

22

Gliederung

1. Einführung1.1 Anforderungen an die Modellierung von Web-Anwendungen1.2 Modellierungsmethoden von Web-Anwendungen

2. OO-H Methode 2.1 Überblick2.2 Design Prozess2.3 Pattern Katalog2.4 Navigation Access Diagram2.5 Abstract Presentation Diagram

3. CASE Tool

4. Bewertung der Methode4.1 Vor- und Nachteile4.2 Fazit

3

Allgemeine Anforderungen

4

Modellierungsmethoden

55

Gliederung

1. Einführung1.1 Anforderungen an die Modellierung von Web-Anwendungen1.2 Modellierungsmethoden von Web-Anwendungen

2. OO-H Methode 2.1 Überblick2.2 Design Prozess2.3 Pattern Katalog2.4 Navigation Access Diagram2.5 Abstract Presentation Diagram

3. CASE Tool

4. Bewertung der Methode4.1 Vor- und Nachteile4.2 Fazit

6

Überblick über die OO-H Methode (1)

• Veröffentlicht von Gómez, Cachero & Pastor

• Erweitert vorhandene Objektorientierte Methoden

• Basiert auf der OO-Methode• Modellbasierter Ansatz• Automatisierte Software Produktion-Umgebung

• OO-H erweitert die OO-Methode um 2 neue Sichten:• NAD und APD

• Automatische CODE Generierung

7

Überblick über die OO-H Methode (2)

8

Die OO-H Methode

• OO-H Methode besteht im wesentlichen aus folgenden Konzepten:

• Design Prozess

• Pattern Katalog

• NAD

• APD

• CASE Tool (Computer-Aided-Software-Engineering)

9

Design Prozess (1)

• Legt die Phasen fest, die die Entwickler einzuhalten haben

• OO-H baut auf dem Object Model der OO-Methode aufEntspricht den Content Model der zu entwerfenden Web-

Anwendung

• Design Prozess startet mit einem UML-Klassendiagramm

10

Klassendiagramm

• in Anlehnung an UML - Klassendiagramm• stellt das Content Modell dar• Möglichkeit von Vererbung und Aggregation• neuer Aspekt: Agent Relationtionships

• sie bilden eine Beziehung zwischen einer Agent Klasse und den von ihr ausführbaren Klassenoperationen anderer Klassen

11

Design Prozess (2)

• Nächster Schritt im Design Prozess:

• Modellierung der Navigation Access Diagrams entspricht einer Sicht auf die Hypertext-Struktur für jeden Usertypen

12

Design Prozess (3)

• Nun wird das Abstract Presentation Diagram eingeführt:

• Basiert auf einem Konzept von Templates

• Soll die Schnittstellenqualität verbessern Der Pattern Katalog enthält dafür Konstruktionen

13

Pattern Katalog (1)

14

Pattern Katalog (2)

• Bieten Alternativlösungen zu bekannten Hypermediaproblemen• Verschiedene Sätze von Patterns können auf NAD und APD

angewandt werden

Im Katalog enthaltene Pattern sind definiert durch:• Der Name des Patterns.• Anwendungsebene: NAD oder APD.• Kontext: Beschreibt die Beziehung des Patterns zum

Anwendungskontext.• Problem: Eine Beschreibung des Problems das durch das Pattern

gelöst wird• Lösung: Eine Beschreibung der Lösung• Standard Implementation: Beschreibung der Standard

Implementation des Patterns.• Alternative Implementation: Beschreibung zur Alternativen

Implementierung des Patterns.

15

Navigation Access Diagramm (NAD)

• Hauptbestandteil der OO-H Methode

• Sichtweise auf die Hypertextstruktur

• Es umfasst vier Typen von Modellelementen:

• Navigation Classes (NC)• Navigation Targets (NT)• Navigation Links (NL)• Collections

16

Navigation Classes (NC)

• Entspricht in klassischer Hypertext Terminologie einem Datenknoten

• repräsentiert eine Klasse aus dem Content- Modell in der Hypertextebene

• Sichtbarkeit von Attributen für den User • Möglichkeit „Perspectives“ für die NC zu definieren

17

Navigation Targets (NT)

• gliedern Navigation Classes funktional

18

Navigation Link (NL)

• dienen zur Navigation zwischen den einzelnen Datenknoten

• können durch Navigation Patterns (NP) und Navigation Filters (NF) (siehe später) ergänzt werden

• lassen sich in vier verschiedene Arten von Links unterteilen:

• Requirement Links (Lr)• Service Links (Ls)• Internal Links (Li)• Traversal Links (Lt)

19

Arten der Navigation Links

Traversal Links (Lt)•werden wie Internal Links dargestellt •verbinden jedoch NC`s die sich in verschiedenen NT`s befinden •Gefahr der Desorientierung des Users

Internal Links (Li)•werden als gerichtete Kanten zwischen NC`s desselben NT notiert

•dienen der Navigation zwischen Datenknoten

Service Links (Ls)•kennzeichnen die Operation einer NC

•blitzförmiger Pfeil, welcher auf die entsprechende Klassenoperation zeigt

Requirement Links (Lr)•werden graphisch als schwarze Scheibe mit anschließendem Pfeil dargestellt•verweisen auf den Einstiegspunkt eines NT`s

20

Collections

• abstrakte Navigationskonstrukte

• können durch Navigation Patterns und Navigation Filters spezifiziert werden

• dienen der Strukturierung von Navigationsfunktionen

• Es existieren vier Typen von Collections:

• Classifiers• Transactions• Selectors• History Collections

21

Navigation Patterns (NP)

• bilden das Zugriffsmodell ab • werden jedem Link zugewiesen • Aufschluss über die Art und Weise, wie die verlinkten

Instanzen einer NC dargestellt werden • Identifikation des Patterns: einen am Link stehenden String,

in runden Klammern mit Namen des Navigation Patterns • es gibt vier Arten von NP:

• Index• Guided Tour• Index Guided Tour• Showall

22

Navigation Filters (NF)

• beschreiben Links genauer

• treffen Auswahl in der Menge von Objekten eine NC

• werden in der Object Constraint Language (OCL) ausgedrückt

• z.B.: „[dst.titel = ?]“

23

Abstract Presentation Diagram

• NAD stellt bereits genügend Informationen bereit um einen Prototypen zu erzeugen

• Einführung des APD um Design und Brauchbarkeitseigenschaften zu verbessern

• Besitzt Mechanismen um die Schnittstelle auf einer niedrigeren Abstraktionsstufe zu verfeinern

• Wird direkt aus dem NAD abgeleitet und basiert auf einem Konzept von Templates

24

Beispiel (Klassendiagramm)

25

Beispiel (NAD)

2626

Gliederung

1. Einführung1.1 Anforderungen an die Modellierung von Web-Anwendungen1.2 Modellierungsmethoden von Web-Anwendungen

2. OO-H Methode 2.1 Überblick2.2 Design Prozess2.3 Pattern Katalog2.4 Navigation Access Diagram2.5 Abstract Presentation Diagram

3. CASE Tool

4. Bewertung der Methode4.1 Vor- und Nachteile4.2 Fazit

27

Das CASE Tool Visual Wade

2828

Gliederung

1. Einführung1.1 Anforderungen an die Modellierung von Web-Anwendungen1.2 Modellierungsmethoden von Web-Anwendungen

2. OO-H Methode 2.1 Überblick2.2 Design Prozess2.3 Pattern Katalog2.4 Navigation Access Diagram2.5 Abstract Presentation Diagram

3. CASE Tool

4. Bewertung der Methode4.1 Vor- und Nachteile4.2 Fazit

29

Vorteile

• OO-H unterstützt alle 3 Modellierungsebenen, sowie deren Trennung untereinander

• Lauffähige Prototypen per „Klick“

• In weniger komplexen (Teil-) Projekten lässt sich mit der Methode arbeiten

• Im Gegensatz zu UWE schon weniger Modellierungsaufwand

30

Nachteile

• Das Modell ist für potentielle Kunden schwer zu verstehen

• Fehlender Praxisbezug

• Visual Wade ist noch nicht ausgereift, unterstützt nicht alle Funktionen der Methode

• Modellierung mit Visual Wade anfangs schwer, aufgrund fehlender Dokumentation

• Wenig Literatur

31

Fazit

• Eignet sich um dem Auftraggeber Prototypen zeigen zu können das Modell nicht

• Das Modell ist für den Kunden schwer bzw. überhaupt nicht zu verstehen

• Selbst für Fachpersonal ist dieses Modell nicht leicht zu verstehen mangelnde Dokumentation

• Wird in der Praxis kaum genutzt

• Interessanter Ansatz, aber bleibt auch nur ein Ansatz Keine Empfehlung für die Benutzung der OO-H Methode

32

Vielen Dank für Ihre Aufmerksamkeit!

Bestehen Fragen?