Termine

Seminarausfälle lt. Uni-Kalender an Himmelfahrt, Fronleichnam und in der Pfingstwoche

Raumänderung einmalig am 06.06.24 wegen ukrainischem Abitur: Seminargebäude S14

30 min Workshops am 27.06.2024 und 18.07.2024

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

2 Peer Reviews (verpflichtend)

Es gibt 2 Peer Review Übungen, eine zu XML und eine zu JavaScript. Im Seminar bekommen Sie dann eine Aufgabe, die sich direkt auf die aktuellen Seminarinhalte bezieht und bis zum darauffolgenden Sonntag (23:55h) muss die Übung bei Ilias eingereicht sein. Sie haben dann bis zum darauffolgenden Mittwoch (23:55h) Zeit, mind. 2 Peer Reviews zu geben. Anschließend erhalten auch Sie die Rückmeldung Ihrer Kommilitonen.

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

3 Milestones (verpflichtend)

Bitte arbeiten Sie schon während des Semesters selbständig an Ihrer Projektarbeit. Der Umfang der beiden Milestones sind Vorschläge, was Sie zu diesem Zeitpunkt optimaler Weise realisiert haben. Sollten Sie mehr oder weniger geschafft haben, ist das ok. Auf jeden Fall müssen Sie den aktuellen Stand Ihrer Projektarbeit bei Ilias einreichen. Die Aufgabenstellung und Termine finden Sie bei Ilias. Sollten Sie den Abgabetermin des 3. Milestones nicht einhalten können, melden Sie sich bitte via Email bei der Dozentin.

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

Ihre erste Version des Userfrontends

  • 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 Webseite bewirkt. (vgl. Codebeispiel bei Ilias)

2. Client- Server Kommunikation mit Filterfunktion

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)

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, ausgegeben werden. (vgl. Seminarcodebeispiel bei Ilias)

3. fertige Projektarbeit

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 29. September 2024