Termine

Seminarausfälle

Workshop 15.06.23

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

2 Peer Reviews

15.04.23 spätestens 23:55h muss die Übung XML Datenmodellierung Apfelkuchen Rezept eingereicht sein und bis
20.04.2023 09:45h müssen 2 Reviews angefertigt werden.

20.05.23 spätestens 23:55h muss die Übung Javascript Auffrischung eingereicht sein und bis
25.05.2023 09:45h müssen 2 Reviews angefertigt werden. (Basiswissen aus den Advanced Web Basics)

2 Milestones

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

Ihr erstes Userfrontend ist spätestens am 11.06.2023 fertig und bei Ilias hochgeladen

  • Bitte erzeugen Sie eine moderne, ansprechende Webseite zu einem Thema Ihrer Wahl mit einem Template Ihrer Wahl. (w3schools)
  • Passen Sie das Template nach Ihren Vorstellungen an.
  • Integrieren Sie einen Kartenausschnitt mit Hilfe von Leaflet.
  • Auf der Karte befindet sich ein Marker oder eine Flächenmarkierung an einer sinnvollen Position.
  • Integrieren Sie an einer beliebigen Stelle eine Select-Box / Radiobutton Liste.
  • Binden Sie eine externe JS-Datei ein und integrieren Sie mind. eine Funktion, die mit der Select-Box (Radiobutton Liste) verknüpft ist und mind. eine Ausgabe auf der Konsole bewirkt. Vielleicht können Sie auch etwas auf der Webseite ausgeben lassen? (vgl. Seminarcodebeispiel bei Ilias)

2. Client- Server Kommunikation mit Filterfunktion (09.07.2023)

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

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

Projektarbeit

Am 31.08.2023 ist alles fertig, bei Ilias unter "Fertiges Projekt" hochgeladen und das Seminar ist erfolgreich abgeschlossen! :-)

Folgende Anforderungen sind für das Abschlussprojekt zu erfüllen:

Sie haben eine HTML5 Website geschrieben und dieser mit CSS ein modernes, ansprechendes Layout gegeben. Gern können Sie Templates zur Umsetzung verwenden. Sie haben es geschafft, die JS Bibliothek Leaflet einzubinden und eine Karte mit einer Markierung einzublenden. Außerdem ist mit JS 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 einzublenden.
Sie stellen auf Ihrer Seite eine Filteroption zur Verfügung (am einfachsten mit einer Selectbox oder einer Radiobuttonliste), um Daten aus der Datenbasis selektiv auszugeben.
Gern können Sie die im Seminar vergestellten Codebeispiele als Grundlage für Ihr Projekt verwenden.

Bitte erzeugen Sie passend zu Ihrem gewählten Thema eine JSON Datei entsprechen zu der im Seminar verwendeten. Bitte verwenden Sie diese Dateien für einen exemplarischen Einsatz von AJAX auf Ihrer Webseite.

WICHTIG: Verbuchung des Seminars erfolgt bei KLIPS am 30.09.2023