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

1. Der Benutzer weiß, was er in das betreffende Eingabefeld tippen möchte bzw. muss.
Beim Anlegen einer neuen Publikation über das PVS-Webformular z.B. müssen die
Autorennamen angegeben werden - diese sind dem eingebenden Benutzer in aller
Regel bekannt. Die damit verbundene Tipparbeit könnte ihm zu einem großen Teil
erspart werden, wenn ihm, nachdem er die ersten Buchstaben des Namens eingegeben
hat, eine Liste von bereits in der Datenbank aufgenommenen Personen präsentiert
wird, deren Namensanfang z.B. mit dem Eingabewert übereinstimmt. Der Benutzer
braucht dann den gewünschten Namen nur noch (z.B. per Mausklick) auswählen, um
ihn automatisch in das Eingabefeld einfügen zu lassen.
2. Manchmal hat der Benutzer nur eine ungenaue Vorstellung von dem Begriff, den er in
ein Eingabefeld tippen möchte. Zum Beispiel möchte er den Dienst einer
Suchmaschine in Anspruch nehmen, ist sich jedoch nicht sicher, wie er den
Suchbegriff exakt formulieren sollte. In einer solchen Situationen ist es für den
Benutzer hilfreich, wenn ihm automatisch sinnvolle Vorschläge für die
Vervollständigung seiner Eingabe gemacht werden (z.B. häufig verwendete
Suchbegriffe), sobald er begonnen hat, Zeichen in das betreffende Feld zu tippen.
Motivation:
(1) Dem Benutzer wird Tipparbeit abgenommen. (2) Das Risiko fehlerhafter Eingaben wird
reduziert. (3) Der Benutzer wird dabei unterstützt, einen geeigneten Eingabewert zu finden
(nur beim zweiten Szenario)
Lösung: (siehe Abbildung 31)
Das Formular wird um ein UI-Element zur Anzeige von Vorschlägen ergänzt, welches
zunächst nicht sichtbar ist (suggestionList.hide). Sowie der Benutzer den Wert des
Eingabefeldes verändert hat (keyDown), generiert die RIA im Hintergrund, gegebenenfalls
über asynchrone Kommunikation mit dem Server, Vorschläge zur Vervollständigung der
Eingabe (getSuggestions). Anschließend wird die suggestionList mit den
Vorschlägen gefüllt und sichtbar gemacht (suggestionList.show). Der Benutzer hat
nun die Möglichkeit, zunächst ein Listenelement zu markieren bzw. die Markierung an einen
anderen Vorschlag weiterzugeben (markEvent, z.B. Drücken einer Pfeiltaste) und es dann
auszuwählen (selectEvent, z.B. Betätigung der return-Taste). Alternativ kann er seine
Auswahl auch direkt treffen, üblicherweise per Mausklick auf das gewünschte Element. Beide
Abbildung 31: RIA-Pattern Autosuggestion (ohne Defaultwerte)
62