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

z.B. auf die Namen aller in der PVS-Datenbank persistierten Personen, die zur Erzeugung der
Vorschlagsliste für das entsprechende Autovervollständigungs-Feature benötigt werden). In
solchen Fällen ist ein AJAX-Request zu lancieren, der eine Controller-Action aufruft, welche
ihrerseits die gewünschten Informationen beschafft und an den Client zurücksendet. In beiden
Fällen wird üblicherweise eine weitere JavaScript-Funktion zur Realisierung der dritten und
letzten Komponente der RIA-Pattern-Trias, der Präsentation, benötigt. Diese Funktion führt in
der Regel verschiedene DOM-Manipulationen durch, um das Ergebnis der Operation in
geeigneter Weise auf der Weboberfläche darzustellen.
Im Abschnitt über die Software-Technologien, die bei der Implementierung des PVS zum
Einsatzes kamen, wurden die JavaScript-Bibliotheken vorgestellt, die zur RIA-
Programmierung eingesetzt wurden. Im Folgenden soll an einem kleinen Code-Beispiel
illustriert werden, wie die Umsetzung eines LiveValidation-Features durch die Funktionalität
vereinfacht wurde, welche von der LiveValidation-Bibliothek zur Verfügung gestellt wird.
1 var titleValidator = new LiveValidation('publication_title',
2 {onlyOnBlur: true,
3 onValid: function() {
4 $('title_error').update('');
5 },
6 onInvalid: function() {
7 $('title_error').update(errorMessageTitle);
8 }
9 });
10 titleValidator.add( Validate.Presence );
In Zeile 1 – 9 wird ein LiveValidation-Objekt erzeugt. Es kapselt die Funktionalität, die für
die Live-Validierung eines Eingabefeldes benötigt wird. Der Konstruktor verlangt als
Eingabeparameter die ID des zu validierenden Input-Elements sowie einen assoziativen Array,
in dem diverse Optionen angegeben werden können. Im Beispiel spezifiziert der Eingabe-
Array das Ereignis, das die Live-Validierung auslösen soll (Zeile 2) sowie zwei Callback-
Funktionen, die im Erfolgsfall (Zeile 3) bzw. bei negativem Ergebnis (Zeile 6) das
Validierungsresultat auf der Weboberfläche präsentieren. In ihren Rümpfen wird zunächst
über die $-Methode (einer Hilfsmethode der Prototype-Bibliothek) auf das für die Anzeige
des Validierungsresultats zuständigen HTML-Element zugegriffen und dessen Textinhalt
entsprechend modifiziert. In Zeile 10 wird dem LiveValidation-Objekt schließlich der
durchzuführende Validierungsmechanismus injiziert. Validate.Presence ist eine
Funktion, die die LiveValidation-Bibliothek zur Verfügung stellt und die überprüft, ob der
Wert des Eingabefeldes nicht-leer ist. Damit ist das LiveValidation-Objekt 'scharfgestelllt' und
überprüft bei blur-Ereignissen bzgl. des Titel-Eingabefeldes im Publikationsformular, ob das
Feld einen gültigen Wert besitzt.
Die Implementierung asynchron angeforderter Prozesse beinhaltet im Gegensatz zur
Realisierung von RIA-Features, die je nach Feature manchmal vollständig clientseitig
erfolgen kann, stets asynchrone Kommunikation mit dem Server. Die umfangreiche AJAX-
Unterstützung, die Rails bietet, erleichtert die Umsetzung dieses Aspekts der RIA-
Modellierung wesentlich. Dies soll anhand einer weiteren Programmier-Episode zur
Implementierung der Login-Funktionalität des PVS illustriert werden 75 .
Zunächst musste das Login-Formular 'ajaxifiziert' werden, d.h. so manipuliert werden, dass
durch Betätigung seines Submit-Buttons kein synchroner, sondern einen asynchroner Request
75 Siehe dazu auch die entsprechenden Modellausschnitte in den Abbildungen 42 und 43 (Kapitel 5.6).
90