Praktikum Internet-Werkzeuge
			Aufgaben  Dokus  Links

Aufgabe 9: AJAX

Nachdem Ihr letzte Woche Serverseitig eigene Artikel in XML dargestellt und diese dann mittels XSLT für Präsentationszwecke umgeformt habt, wird Euch heute der Spaß gegönnt wieder browserseitig zu arbeiten. Gleich im Sinne des im Vortrag besprochenen Web 2.0, wird hier nicht mehr Software entwickelt und kein Java kompiliert. Die Aufgabe wird in PHP und JavaScript gelöst und bezieht sich auf das PHP Black Board System aus den Aufgaben 1-5.

Bonusaufgabe

Erinnert ihr Euch an die Aufgabe 4 und 5? Damals sollte ein BBS erstellt werden mit der Möglichkeit neue Einträge hinzufügen und nach diesen suchen zu können. Betrachtet die Seiten noch mal. Die Interaktion mit dem Benutzer erfordert viele Seiten und viele "submits". Benutze SAJAX um die "submit"-Knopfe in "save"-Knopfe umzuwandeln. Reduziere den Seitenwechsel auf ein Minimum - je eine Seite per Funktion des BBS (Suche, Eintrag).

Die Validierung der Einträge soll zur Zeit der Eingabe und asynchron passieren (z.B. onBlur). Die Bestätigung soll angezeigt werden ohne, dass der Benutzer zu einer neuen Seite geleitet wird. Bei der Suche, sollten sich die Eingabemaske, die Liste der Ergebnisse und die detaillierte Ansicht auf einer Seite befinden. Der Benutzer sollte die Möglichkeit haben die Einträge aus der Liste zu löschen. (1)

Bonusaufgabe

Stelle auf der Such-/Ansichtsseite die Möglichkeit bereit, die Einträge direkt zu bearbeiten. Die Daten werden mit einem "save"-Knopf auf den Server zurück geschrieben. (1)

Benutze Sarissa um auf der Suchseite die Artikel mittels XSLT browserseitig zu darstellen. Dabei werden die Artikel in einem XML Format von einer PHP/JSP Seite generiert und mittels einer Transformationsvorlage in dem Browser zu HTML konvertiert. (2)

Ressourcen

prototype.js
Sajax.php
Sajax Tashenrechner:Quelltext
sarissa.js
sarissa_dhtml.js
scripts.js
init.js

Viel Spaß!