Termine

Seminarausfälle

07.11.24 und 28.11.24

Leider bin ich an diesen beiden Terminen nicht in Köln. Bei Ilias sind Ordner mit Ersatzaufgaben zu finden. Dies beinhaltet auch eine Abgabe bis zum 04.12.24.

30 min Workshops am 23.01.2025

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, eine zu XML und eine zu JSON. Passend zu den aktuellen Seminarthemen gibt es eine Aufgabe, die bis zum darauffolgenden Sonntag (23:55h) bei Ilias eingereicht sein muss. Bis zum darauffolgenden Mittwoch (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 Aufgabenstellung und Termine sind bei bei Ilias zu finden.

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 JSON-Datenbasis vollständig in einem zuvor festgelegten Ausgabebereich auf der Webseite angezeigt werden. (vgl. Seminarcodebeispiel bei Ilias)

Funktioniert das, veränder 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 CSS ein modernes, ansprechendes Layout verliehen.

Gern kannst du dafür Templates zur Umsetzung verwenden, z.B. w3.css.

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.

Auf deiner Seite stellst du eine Filteroption zur Verfügung (am einfachsten mit einer Selectbox oder einer Radiobuttonliste), um Daten aus der Datenbasis selektiv auszugeben. Die Kombination aus 2 Kriterien ist wünschenswert.

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, die der im Seminar verwendeten entspricht. Verwende diese Dateien für einen exemplarischen Einsatz von AJAX auf deiner Webseite.

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

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