Termine

Seminarausfälle: 30.10.2025

Online: 20.11.25 Zoomlink bei Ilias

30 min Workshops am 15.01.2026

Gelegenheit, die Projekte und Ideen der anderen Teilnehmer*innen kennenzulernen, aber v.a. Feedback zum eigenen Projekt zu bekommen.

2 Peer Reviews (verpflichtend)

Es gibt 2 Peer Review Übungen, also Abgaben, die von 2 Kommiliton*innen bewertet werden. Passend zu aktuellen Seminarthemen gibt es eine Aufgabe, die bis zum darauffolgenden Montag (23:55h) bei Ilias eingereicht sein muss. Bis zum darauffolgenden Donnerstag (23:55h) hat jede/r Zeit, 2 Reviews zu geben. Das erhaltene Feedback wird nur angezeigt, wenn Feedback gegeben wurde.

Leider ist aufgrund der technischen Vergabe der Peergroups durch Ilias ein Nachreichen NICHT möglich. Deshalb unbedingt die Termine beachten.

3 Milestones (verpflichtend)

Schon während des Semesters wird selbständig an der Projektarbeit gearbeitet. Der Umfang der beiden ersten Milestones sind Vorschläge, was zu diesem Zeitpunkt optimaler Weise realisiert sein sollte. Sollte mehr oder weniger geschafft sein, ist das ok. Auf jeden Fall muss der aktuellen Stand der Projektarbeit bei Ilias eingereicht werden. Die genaue Aufgabenstellung und Termine sind bei bei Ilias zu finden, hier befindet sich eine grobe Übersicht.

Sollten der Abgabetermin des 3. Milestones nicht eingehalten werden können, bitte mit der Dozentin Rücksprache halten.

1. Auswahl Thema und Frontend (entspricht der Projektarbeit der WebBasics)

Deine erste Version des Userfrontends

  • Bitte erzeuge eine moderne, ansprechende Webseite zu einem Thema Deiner Wahl mit einem Template Deiner Wahl. (w3schools)
  • Passe das Template an Deine Vorstellungen und Wünschen an.
  • Integrieren einen Kartenausschnitt mit Hilfe von Leaflet.
  • Auf der Karte befindet sich ein Marker und/oder eine Flächenmarkierung an einer sinnvollen Position. Vielleicht kannst Du noch weitere Features einbinden?
  • Integriere bitte an einer beliebigen Stelle eine Select-Box / Radiobutton Liste.
  • Binden eine externe JS-Datei ein und integriere mind. eine Funktion, die mit der Select-Box (Radiobutton Liste) verknüpft ist und mind. eine Ausgabe auf der Webseite bewirkt. (vgl. Codebeispiel bei Ilias bzw. Projekt der Web Basics)

2. Client- Server Kommunikation mit Filterfunktion

Die erste Client- Server Kommunikation (Userfrontend - Datenbasis) besteht darin, dass die externe JSON-Datenbasis vollständig in einem zuvor festgelegten Ausgabebereich auf der Webseite angezeigt werden. (vgl. Seminarcodebeispiel bei Ilias) AJAX

Funktioniert das, verändere bitte den Code so, dass die Auswahl innerhalb einer Selectbox/Radiobuttonliste ein Filterkriterium festlegt und nur die Daten, die dem Kriterium entsprechen, ausgegeben werden. (vgl. Seminarcodebeispiel bei Ilias)

3. fertige Projektarbeit

Du hast eine interessante HTML5-Website erstellt und dieser mit einem Template (w3.css oder HTML5Up) ein modernes, ansprechendes Layout verliehen.

Es ist dir gelungen, die JS-Bibliothek Leaflet einzubinden und eine Karte mit mindestens einer Markierung anzuzeigen. Vielleicht kannst Du noch weitere Features von Leaflet einbinden?

Außerdem hast du mit JavaScript eine Funktionalität integriert, die es ermöglicht, eine Datenanfrage an einen Server mit einer JSON-Datenbasis zu stellen und den Response auf der Webseite anzuzeigen.

Dazu stellst Du auf deiner Seite eine Filteroption zur Verfügung (am einfachsten mit einer Selectbox oder einer Radiobuttonliste), um Daten aus der Datenbasis selektiv auszugeben. Filtern nach einem Kriterium ist minimum, die Kombination aus 2 Filterkriterien wäre toll. Gern kannst du die im Seminar vorgestellten Codebeispiele als Grundlage für dein Projekt verwenden.

Bitte erstelle passend zu deinem gewählten Thema eine JSON-Datei. Gern kannst Du Dich an der im Seminar verwendeten Datei orientieren. Benutze diese Datei für einen exemplarischen Einsatz von AJAX auf deiner Webseite. Es ist nicht notwendig, dass Du eine große Anzahl von items in Deiner JSON Datei erfasst hast.

Vielleicht kannst Du eine weitere dynamische Komponente einbringen und die benötigten HTML Elemente mit JS erzeugen?

Denk daran, dass Ordner- und Dateinamen keine Sonderzeichen enthalten dürfen.

Bitte benenne Deinen Projektordner mit (Deinem) Nachname_Vorname, so dass ich das Projekt einfach zuordnen kann.

Viel Spaß und Erfolg!

WICHTIG: Verbuchung des Seminars erfolgt bei KLIPS am 30. März 2026