Semesterarbeit

Das wichtigste zu erst:

Der Abgabetermin für Ihre Semesterarbeit ist am 15.03.2022 (23:55 Uhr) und erfolgt via Upload auf Ilias unter Basissysteme der Informationsverarbeitung 1 (BSI 1): Semesterarbeit

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-Format (sinnvoll konzipiert) basierend auf den Ihnen zur Verfügung stehenden zwei Tabellen im csv Format mit Daten aus der Bandbergforschung (Ilias).
  2. Frontend: valides, sinnvoll konzipiertes HTML5-Dokument, mittels CSS ansprechend gestaltet. Frameworks o.ä. können auf Anfrage eingesetzt werden, nachdem Sie mit Frau Kurz Rücksprache gehalten haben.
  3. Funktionierende JavaScript-Anwendung basierend auf AJAX.
  4. Ihr Projekt ist nicht nur auf Ihrem lokalen Rechner funktional (Pfadprobleme).
  5. Technische Dokumentation: textuelle, technische Beschreibung ihres Projektes.

Webportal

Sie bauen ein optisch ansprechendes und zeitgemäßes dynamisches Webfrontend auf (valides HTML5 und ausgelagertes 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 zwei csv Tabellen erhalten und konvertieren diese sinnvoll in JSON. Diese stellen für Ihre Seite die Datenquelle da, es ist aber NICHT das Ziel, diese Tabelle über die Webseite vollständig auszugeben. Alle Daten, die Sie in Ihrer Datenquelle auf dem Server bereithalten, müssen zunächst selektiert (gefiltert) und aufbereitet werden, so dass diese dann sinnvoll auf dem Webfrontend präsentiert werden können.

Neben den Tabellen, die bereits im Seminar verteilt wurden, steht Ihnen das Material von unserer Brandberg-Projekt Seite zur Verfügung.

Javascript-Anwendung

Die Kommunikation mit dem Server erfolgt mittels des XMLHttpRequest-Objekts. Nach einer User-Anfrage werden die entsprechenden Daten aus der JSON Datei 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 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.
Je dynamischer umso besser die Bewertung!

Benutzen Sie die im Seminar vorgestellte Filterfunktion, um einzelne Daten aus der 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. Sie stellen also dem User mindestens eine besser zwei oder drei Auswahloptionen zur Verfügung, die die Kriterien für die Auswahl darstellen. Ein Erklärungsvideo finden Sie bei Ilias.

Technische Dokumentation

Ihre textuelle Beschreibung des Projekts (Dokumentation zur Umsetzung als PDF) 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. Aufgrund der digitalen Abgabe kann auch die Unterschrift digital eingebunden sein.


Die Ajax-Kommunikation muss selbst geschrieben werden und darf keine 1:1-Kopie einer im Web (oder bei Kommilitonen) 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.