Photopräsentation |
In dieser Aufgabe geht es darum, ein Präsentationsprogramm für
eine Diashow zu entwickeln.
|
|
Die Beschreibung der Photopräsentation besteht aus einer Menge von
sich referenzierenden XML Dokumenten.
In diesen Dokumenten sind alle Daten sowohl für die Konfiguration
als auch für die Struktur der Photoalben festgelegt.
Die Alben können dabei hierarchisch strukturiert werden.
Für Alben und Photos sind beschreibende Daten, wie Titel,
Kommentare, EXIF Daten und anderes in den XML
Dokumenten gespeichert.
Die Konfigurationsdaten können für eine Präsentation nach Bedarf
erweitert werden.
|
|---|
Ziel |
ist eine Client-Server-Anwendung für die Präsentation der
Photos. Dieses muss auf Server-Seite
die XML Daten interpretierten und auf Client-Seite
eine interaktive und animierte Photopräsentation laufen lassen.
|
Funktionsumfang |
Es soll einmal möglich sein, frei in den Alben und Bildern zu
navigieren ähnlich wie in einem statischen HTML-Dokumentenbaum.
Weiter soll es möglich sein, für alle Alben zu einem beliebiegen
Zeitpunkt eine Diashow zu starten.
|
Gegeben |
sind die wohlgeformten und gültigen XML Dokumente einschließlich einer DTD und die Bilder
in verschiedenen Größen im JPG Format.
|
1. Lösungsansatz |
Eine Client-Server Architektur mit einem
normalen Webbrowser und HTML/CSS als Ausgabe
und einer Ajax-Kommunikation zu einem Server.
Hierbei wird der Server die Zugriffe auf die XML Dokumente und
Bilder übernehmen. Als Server kann ein einfacher Webserver
mit einem Java-Servlet-Container dienen (Tomcat oder einfacher).
Im Client wird mit JavaScript die Steuerung übernommen.
Die JavaScript Programme sollen dabei auf die jQuery Bibliothek
aufsetzten. Diese stellt umfangreiche Funktionalität für die
Ajax-Kommunikation, für die DOM-Baum-Manipulation und für grafische
Effekte und Animationen zur Verfügung.
|
2. Lösungsansatz |
Entwicklung einer Rich Internet Anwendung auf Basis von Flex 3 und ActionScript.
Hierbei dient der Webbrowser nur zum Starten des
Flash-Players. Die Serverseite gestaltet sich genauso wie im 1. Ansatz.
Alternativ kann auf Serverseite auch Ruby eingesetzt werden.
Es gibt gute Kommunikationsunterstützung für Flex und Ruby.
|
Quellen |
|
Umgebung |
Auf Serverseite Linux mit einem geeigneten Webserver.
|
|
|
HTML-Beispiel |
Ein statische Photoalbum mit ein paar Bildern
aus dem Tierpark Hagenbeck steht als Beispiel zur Verfügung. Diese ist für die Präsentation in einem
ganz normalen Web-Browser, ausgelegt für 1024x768 Vollbild Modus, z.B. mit Firefox
erzeugt worden und zeigt eine gestalterisch sehr einfache Variante.
|
XML und Bilder |
Alle notwendigen Dateien für das
Beispiel-Album
einschließlich aller XML und JPG Dateien
in verschiedenen Auflösungen (1024x768, 1400x1050, 1600x1200) finden sich
in einem .tar.gz Archiv.
Bitte seien Sie vorsichtig mit dem Herunterladen, das Archiv besteht aus einer
ganzen Reihe von Dateien und die Bilddaten haben einigen Umfang.
|
|
Eine schnellere Alternative zum Herunterladen ist die Benutzung
des FH Handout-Servers
|
|---|
