Semesterarbeit

Das wichtigste zu erst:

Der Abgabetermin für Ihre Semesterarbeit ist der 20.03.2021 23:59h und erfolgt via Upload

  1. in Ilias unter Basissysteme der Informationsverarbeitung 1 (BSI 1): Semesterarbeit.
  2. auf dem Sandbox-Server

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 oder XML-Format (valide, wohlgeformte und sinnvoll konzipiertes XML+DTD) basierend auf den Ihnen zur Verfügung stehenden zwei Tabellen im csv Format mit Daten aus der Bandbergforschung.
  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. Alles Zusammen haben Sie auf unseren Sandboxserver in Ihrem Verzeichnis hochgeladen und ihr Projekt ist im Internet funktional.
  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 oder XML. Diese stellen für Ihre Seite die Datenquelle da, es ist aber NICHT das Ziel, diese Tabelle über die Webseite vollständig auszugeben (Workshopaufgabe). 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 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.
Je dynamischer umso besser die Bewertung!

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. 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.

Server Upload - ABGABE!

Nachdem Sie Ihr Projekt VOLLSTÄNDIG entwickelt haben und mit allem zufrieden sind, laden Sie es bitte

  1. ab dem 15.03.21 ihr Verzeichnis auf dem Sandboxserver hoch. Ein Erklärungsvideo zur Benutzung von WinSCP und und Cyberduck (MS Windows und Mac) und das genaue Vorgehen finden Sie auf dieser Seite. Notwendige Benutzernamen und Passwörter erhalten Sie von den Seminarbetreuerinnen. Überprüfen Sie auf jeden Fall, ob Ihr Projekt unter der sandbox-Adresse wirklich vollständig funktionsfähig ist.
  2. bei Ilias unter Basissysteme der Informationsverarbeitung 1 (BSI 1): Semesterarbeit
    Bitte laden Sie hier auch die Technische Dokumentation hoch. (auf dem sandbox-Server muss diese NICHT vorhanden sein!)

(Änderung für nächstes Jahr: Daten für Server bis XX.XX anfragen, Versand zusammen an Tag X, Upload ab XX.XX)

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 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.