2 UML-based Web Engineering - UWE - Ludwig-Maximilians ...

Abbildung 3: Autovervollständigung bei
Webformularen
Motivation:
Dem Benutzer soll überflüssige Tipparbeit erspart werden. Darüber hinaus werden mögliche
Eingabefehler und inkonsistente Daten vermieden.
Lösung:
Sobald ein Eingabefeld den Fokus verliert, dessen Wert potentielle Inferenzgrundlage für
Vorschläge für andere Eingabefelder sein kann, führt die RIA im Hintergrund eine
Datenbankabfrage durch, um auf Grundlage des Eingabewertes geeignete Werte für andere
Felder zu bestimmen, und setzt die generierten Vorschläge dort ein. Abbildung 4 zeigt den
Zustandsautomaten, welcher das RIA-Pattern modelliert. Mit source bzw. target werden
das Eingabefeld, dessen Wert zur Generierung des Vorschlags dient, bzw. das Eingabefeld, das
automatisch ausgefüllt werden soll, bezeichnet. Mit dem '.'-Operator wird auf die Eigenschaft
value eines Eingabefeldes zugegriffen, welche dessen aktuellen Wert liefert.
Abbildung 4: Zustandsautomat für das RIA-Pattern 'Autocompletion'
Erweiterung des UWE-Profils:
Dem abstrakten Stereotyp «inputElement» wird ein Tagged Value autoCompletion
vom Typ Boolean mit dem Defaultwert false hinzugefügt (siehe Abbildung 6 auf der
nächsten Seite). «inputElement» dient als abstrakte Superklasse von konkreten
Präsentationselementen wie z.B. «textInput», die zur Modellierung von Eingabefeldern
verschiedenster Art verwendet werden.
Wird der Wert dieses Tagged Values bei einer Instanz von «inputElement» in einem
Präsentationsmodell auf true gesetzt, so bedeutet dies, dass das Verhalten dieser Klasse um
das RIA-Feature Autocompletion erweitert wird, welches durch den gleichnamigen
Zustandsautomaten des Pattern-Katalogs modelliert ist.
19
Der Benutzer füllt das Feld
'Postleitzahl' aus. Darauf hin
werden der Wohnort und die
Telefonvorwahl automatisch
ergänzt.