Im Rahmen des Moduls Webprogrammierung entstand die hier vorgestellt einfache Fotogallerie im WS 2016/17 als Prüfungsleistung.
Im Kern bestand die Aufgabenstellung in der Programmierung einer interaktiven, responsiblen Webanwendung mit Hilfe von HTML 5, CSS 3, XML sowie Javascript. Explizit wurde die Verwendung weiterer Frameworks oder Datenbanken ausgeschlossen. Kompatibilität musste primär gegen Firefox in der aktuellen Version gewährleistet werden.
Die Umsetzung erfolgte mit der Programmierung der hier vorgestellten Anwendung. Hierbei wurde die gesammte Seitenstruktur, aber auch der Inhalt in XML strukturiert. Somit übernimmt XML insbesondere die Aufgabe der Datenhaltung in einen strukturierten und maschinen nahen Format. Nach dem Aufruf wird die Einstiegsseite anhand der hinterlegten XSLT Datei gerendert und zur Ausgabe gebracht. Weiter gehende Funktionalitäten wie die Anmeldung für einen Newsletter konnten zur Verdeutlichung des geplanten Designs als Click-Dummy hinzugefügt werden.
Es handelt sich um eine Single Page Application. Sich ändernder Content wird über Ajax nachgeladen. Ein Server ist somit nicht notwendig. Für die fließenden Übergänge werden CSS Transitionen genutzt.