2 UML-based Web Engineering - UWE - Ludwig-Maximilians ...
2 UML-based Web Engineering - UWE - Ludwig-Maximilians ...
2 UML-based Web Engineering - UWE - Ludwig-Maximilians ...
Erfolgreiche ePaper selbst erstellen
Machen Sie aus Ihren PDF Publikationen ein blätterbares Flipbook mit unserer einzigartigen Google optimierten e-Paper Software.
In solchen Fällen ist eine Vorgehensweise sinnvoller, die das Präsentationsdiagramm von<br />
RIA-spezifischen Angaben weitestgehend freihält: Gerade für eine kompliziertere<br />
Instantiierung eines RIA-Features liegt es nahe, einen eigenen Zustandsautomaten anzugeben,<br />
welcher deren Verhalten vollständig beschreibt. Ein solcher Automat kann – und wird häufig -<br />
dieselbe Struktur wie der Automat besitzen, der das entsprechende RIA-Pattern beschreibt.<br />
Der Modellierer wird allerdings die variablen Pattern-Elemente durch seine eigenen<br />
Modellelemente ersetzen oder ihren Informationsgehalt erhöhen, z.B. durch Angabe eines<br />
Kommentars.<br />
Für die clientseitige Tag-Validierung im Publikationsformular aus Abschnitt 5.1 könnte eine<br />
solche Modellierung folgendermaßen aussehen:<br />
Abbildung 26: Zustandsautomat für Tag-Validierung<br />
Der Zustandsautomat beschreibt die Live-Validierung beider Eingabefelder. Sein Kontext<br />
(d.h. das durch this referenzierte UI-Element) ist demzufolge nicht mehr nur eines der<br />
beiden Eingabefelder, sondern die Präsentationsgruppe TagData, die die beiden Input-<br />
Elemente sowie die Textelemente für die Anzeige der Validierungsfehler enthält (siehe<br />
Abbildung 22 in Abschnitt 5.1). Der Validierungsmechanismus wird ausgelöst, wenn eines der<br />
beiden Input-Elemente den Fokus verliert. Bevor die eigentliche Validierung durchgeführt<br />
wird, wird zunächst in einer boolschen Variable strict festgehalten, ob der Ursprung des<br />
auslösenden Ereignisses (trigger.source) das Schlüssel- oder das Wert-Eingabefeld<br />
war. Nur im zweiten Fall wird das Validierungsresultat vollständig angezeigt 44 . Die<br />
Beschreibung des Validierungsmechanismus wurde in ein Aktivitätsdiagramm ausgelagert 45 .<br />
44 siehe dazu die Ausführungen zu Beispiel 2 in Abschnitt 5.1<br />
45 Das CASE-Tool MagicDraw erlaubt die Verlinkung eines Aktivitätsdiagramms in einem Zustandssymbol<br />
eines Zustandsautomatendiagramms, d.h. durch Klicken auf den Aktivitätsnamen 'ValidateTagData' im<br />
Diagrammsymbol des Validate-Zustandes wird das Aktivitätsdiagramm geöffnet. Allerdings wird die<br />
Existenz dieses Mechanismus durch keinerlei optische Hinweise angezeigt; aus diesem Grund wurde in der<br />
rechten unteren Ecke des Diagramms für den Zustandsautomaten in einem Kommentar auf die Existenz eines<br />
eigenen Aktivitätsdiagramms hingewiesen.<br />
54