Semesterarbeit


Das wichtigste zu erst:

Der Abgabetermin für Ihre Semesterarbeit ist der 22.03.2020 und erfolgt via Upload in Ilias unter Basissysteme der Informationsverarbeitung 1 (BSI 1): Semesterarbeit.
Dieser Termin ist endgültig!


Aufgabenstellung

Bitte erstellen Sie ein dynamisches Webportal, das mittels des Konzepts AJAX auf serverseitige Daten zugreift und die nachfolgenden Voraussetzungen erfüllt:

  1. Datenbasis: Datenressource im JSON und/oder XML-Format (valide, wohlgeformte und sinnvoll konzipiertes XML+DTD) basierend auf der Ihnen zur Verfügung stehenden Tabelle im csv Format mit Daten aus der Bandbergforschung.
  2. Frontend: valides, sinnvoll konzipiertes HTML5-Dokument, mittels CSS ansprechend gestaltet.
  3. Funktionierende JavaScript-Anwendung basierend auf AJAX.
  4. Technische Dokumentation: textuelle, technische Beschreibung ihres Projektes.

Webportal

Sie bauen ein optisch ansprechendes und zeitgemäßes dynamisches Webfrontend auf (valides HTML5 und ausgelagertes sowie valides CSS sind obligatorisch!), das es Usern ermöglicht, auf die verschiedenen Forschungsmaterialien zuzugreifen, die von dem Forschungsteam rund um das Brandbergprojekt erfasst wurden. Sie haben eine csv Tabelle erhalten und konvertieren diese sinnvoll in JSON und/oder XML. Dies stellt für Ihre Seite eine Datenquelle da, es ist aber NICHT das Ziel, diese Tabelle über die Webseite vollständig auszugeben. Die Daten, die Sie in Ihrer Datenquelle auf dem Server bereithalten, müssen erst selektiert (gefiltert) und aufbereitet werden, so dass diese dann sinnvoll auf dem Webfrontend präsentiert werden können.

Neben der Tabelle, die bereits im Seminar bearbeitet wurde, steht Ihnen folgendes Material zur Verfügung:

Projekt-Zusammenfassung

Der 1985 verstorbene Harald Pager erstellte in den Jahren zwischen 1977 bis 1985 die Dokumentation von mehr als 38.000 einzelnen Felsbildmotiven aus 671 Fundstellen im Brandberg/Daureb, Namibia. Diese weltweit an Vollständigkeit und Exaktheit einzigartige Quelle wurde zwischen 1989 und 2006 vom Heinrich-Barth-Institut in sechs wissenschaftlichen Katalogen publiziert. Zusätzlich wurden alle Bilder sowie ca. 4.700 Szenen anhand eines neuartigen sprachwissenschaftlichen Aufnahmeverfahrens erfasst und als Katalog offen zugänglich gemacht. Darüber hinaus hat es sich das Projekt zur Aufgabe gemacht, mit den lokalen Bergführern zu kooperieren und bietet z.B. seit Jahren Ausbildungsprogramme an. (Tilman Lenssen-Erz)
http://datenportal.ianus-fdz.de/pages/collectionView.jsp?dipId=1912845#collectionOverview

Bildmaterial
Brandberg Fotos gibt es nach Schluchten sortiert in IANUS: http://datenportal.ianus-fdz.de/pages/collectionView.jsp?dipId=1912845#collectionFiles

Brandberg Datensammlung in Arachne
iDAI.objects arachne (Kurzform: Arachne) ist die zentrale Objektdatenbank des Deutschen Archäologischen Instituts (DAI) und der Arbeitsstelle für Digitale Archäologie (CoDArchLab) des Archäologischen Instituts der Universität zu Köln.
https://arachne.dainst.org/search?q=brandberg

Digitalisate der Felsbildbände
Inzwischen sind alle Bände digitalisiert und über Googlebooks verfügbar.
Oder https://arachne.dainst.org/search?q=brandberg mit Filter: Buchseiten.

Fundstellendaten
Zu jeder Fundstelle liegen folgende Daten als csv Datei vor:
ID,"Site","Longitude UTM","Latitude UTM","Elevation","Gorge","Site Nickname","Discoverer","Date of Discovery","Publication","ISBN 10","Site Pager","Number of Figures","Figure Category","Distance to next Site","Next Site","Cardinal Points","Painting Location","Water in Sight","Water Availability","Open Field in Sight","Open Field","Living Place","Spatiality","Visibility","Context","View from Site","Evidence of Human Occupation","Degradation of Paintings","Quantity of Artefacts","Lithics","Pottery","O.E.S.","Bone","Charcoal","Grinding Implements","Stone Structures","Miscellenous Artefact","Remarks"

Infos dazu gibt es in dem erklärenden pdf-Dokument, das Ihnen zur Verfügung steht.


Javascript-Anwendung

Die Kommunikation mit dem Server erfolgt mittels des XMLHttpRequest-Objekts oder der Methode fetch(). Nach einer User-Anfrage werden die entsprechenden Daten aus der JSON Datei bzw. der XML-Instanz selektiert und in das HTML5-Dokument eingefügt. Ihre funktionalen JS Funktionen befinden sich in einer externen js-Datei, sind sinnvoll konzipiert und übersichtlich geschrieben sowie kommentiert.

Alle Daten, die zum Aufbau der Seite verwendet werden und in der JSON Datei bzw. der XML-Instanz stehen, sollen dynamisch aus der Ressource geladen werden. Das bedeutet, dass auf Ihrer HTML5 Seite nach Möglichkeit keine Daten festgeschrieben sind, die Sie dynamisch aus der Datenbasis hätten bekommen können.

Benutzen Sie die im Seminar vorgestellte Filterfunktion, um einzelne Daten aus der XML- bzw JSON-Datei in generierten HTML5-Elementen anzeigen zu lassen (über JS). Beachten Sie, dass es nicht der Aufgabenstellung entspricht, einfach die gesamte Datenbasis auf der Webseite ausgeben zu lassen. Integrieren Sie nach Möglichkeit die Funktionalität, einen Teil der selektierten Ausgabe erst nach einem Input des Users anzeigen zu lassen ("mehr anzeigen", hier nachzulesen).

Beachten Sie bitte, dass Ihre Anwendung auf einem Apache-Webserver lauffähig sein muss (z.B. Xampp-Installation).


Technische Dokumentation

Ihre textuelle Beschreibung des Projekts (Dokumentation zur Umsetzung) beinhaltet Ihre Vorgehensweise und technische Umsetzung Ihrer Anwendung. Dort beschreiben Sie bitte, wie Sie die Aufgabe technisch gelöst haben. Denken Sie IMMER daran zu erklären, WARUM Sie sich für einen Weg entschieden haben.

Ausschließlich das, was in der schriftlichen Ausarbeitung dokumentiert wurde, kann sich positiv auf die Note auswirken,
eine Suche nach umgesetzten aber nicht beschriebenen Features ist leider nicht möglich. Gleichzeitig gilt natürlich: die in der schriftlichen Ausarbeitung aufgeführten Möglichkeiten ihres Projekts müssen eine Umsetzung in Ihrer Anwendung finden.

Ihre Dokumentation beinhaltet zudem eine Erklärung, die aus zwei bis drei Sätzen besteht, in denen Sie versichern, Ihre Arbeit selbstständig und ohne fremde Hilfe angefertigt zu haben, dass Sie örtlich übernommene Ausführungen anderer Autoren sowie eng an den Gedankengängen Anderer anlehnende eigene Ausführungen entsprechend gekennzeichnet und die Quellen zitiert haben. Die Erklärung ist unter Angabe von Ort und Datum zu unterschreiben.



Die Ajax-Kommunikation muss selbst geschrieben werden und darf keine 1:1-Kopie einer im Web verfügbaren Kommunikation sein! Das heißt nicht, dass Sie das Rad neu erfinden müssen, jedoch muss Ihre Eigenleistung erkennbar sein.

Sollten Sie sich an diese Regel nicht halten und dennoch versuchen zu täuschen, bin ich gezwungen dies an das Prüfungsamt weiterzuleiten, die über alle weiteren Schritte entscheiden.