ToDos und Termine

Milestones (verpflichtende Abgabe bei Ilias!)

1. Aufbau Webseite (01.11.2022)

Sie bauen ein optisch ansprechendes und zeitgemäßes dynamisches Webfrontend auf (valides HTML5 und ausgelagertes CSS sind obligatorisch!), das Usern ermöglicht, auf die verschiedenen Forschungsmaterialien zuzugreifen, die von dem Forschungsteam rund um das Brandbergprojekt erfasst wurden. Dazu erstellen Sie bitte zunächst einen kurzen Überblick über Ihre Brandbergseite auf einer Landing-Page. Wie Sie diese gestalten, bleibt Ihnen überlassen. Infos und Material dazu finden Sie auf dieser Seite.

Zusätzlich müssen Bereiche vorbereitet werden, in denen im weiteren Verlauf des Semesters die Ausgabe der Forschungsdaten und die Bildergalerie integriert werden. Des Weiteren ist ein Bereich nötig, in dem eine Karte angezeigt werden kann. Diese wird in diesem Semester aus einer Leaflet-Karte bestehen (vielleicht schaffen Sie es bereits jetzt, einen Kartenausschnitt des Brandbergs mit der JS-Bibliothek Leaflet zu integrieren?) und im nächsten Semester aus einer exportierten Gis2web-Karte. Auch hier liegt die gewünschte Gestaltung in Ihrem Ermessen.

Zusätzliche Spezifikationen:

  • Es wurde das Container-Layout und das Flexbox-System genutzt. --> Da wir Flexbox nicht mehr geschafft haben, ist dies optional!
  • Frameworks sind erlaubt, allerdings kann dabei keine Hilfestellung zugesichert werden.
  • Templates von w3schools sind ebenfalls erlaubt, aber auch hier kann keine Hilfestellung zugesichert werden.
  • Alle HTML-Seiten sind valide.
  • Eine funktionierende Navigation zu den unterschiedlichen Bereichen ist vorhanden.

2. Einbindung Datenbasis (23.12.2022)

Auf der Webseite ist ein Bereich für eine Recherche vorbereitet und es gibt dort einen Unterbereich für die Ausgabe von Rechercheergebnissen.

Mit Hilfe der beiden csv Dateien, die Sie bei Ilias finden, generieren Sie eine sinnvolle Datenbasis in JSON.

Sie nutzen das XMLHTTPRequest Objekt, um diese Datenbasis anzusprechen, speichern den Request in einer Variablen, um sie später auf ihrer Webseite zu verwenden.

Zunächst ist es also möglich, auf Anfrage (Button) alle Informationen ungefiltert auf der Webseite auszugeben. Vielleicht gelingt auch eine formatierte Ausgabe?

3. Filterfunktion mit mindestens zwei Kriterien (05.02.2023)

Die Webseite stellt zwei Auswahlmöglichkeiten zur Verfügung (z.B. selectbox), die es ermöglichen, dass Filterkriterien angegeben werden können. Aufgrund dieser Auswahl werden die gesamten Daten gefiltert und eine selektive Ausgabe erzeugt. Vgl. Beispiel heros.js