Termine

Workshop / Peer Reviews

Abgabe der Datei zur Peer Review Übung 'AJAX Request, 2 Filterkriterien und Ausgabe auf der Webseite' bis zum 29.01.23 23:55h unter https://www.ilias.uni-koeln.de/ilias/goto_uk_exc_4937011.html und Review bitte bis 02.02.23 9:30h

Workshop: 02.02.23 bitte eigene Projekte und die weiteren Ideen dazu bitte mitbringen.

Seminarausfälle

01.12.2022 - Krankheitsbedingter Seminarausfall

Übungsaufgabe XML

OBLIGATIRISCH bis 30.10.2022

Bitte modellieren Sie das Rezept, das Sie unter https://www.einfachbacken.de/rezepte/apfelkuchen-mit-streusel-nach-omas-rezept finden können, in XML. Bitte bedenken Sie, was wir dazu im Seminar besprochen haben und versuchen Sie eine Lösung zu finden, bei der sowohl das Originalrezept verfügbar ist, wie auch Möglichkeiten, das aus der Datengrundlage weitere Optionen abgeleitet werden können, wie z.B. Portionen umrechnen, Einkaufliste erzeugen, vor Allergenen warnen, Hinweis für Vegetarier/Veganer, Schwierigkeitsgrad, usw.

Beziehen Sie möglichst alle Hinweise mit ein, die Sie auf der Webseite finden.

Die Abgabe erfolgt über die entsprechende Ilias Übung. Ich freue mich auf Ihre Ideen!

Da es sich um einen verpflichtenden Übung handelt, muss ich leider alle Teilnehmer*innen, die diese nicht abgegeben haben, bei KLIPS von der Teilnahme am Seminar entfernen.

Milestones

Auswahl Thema und Frontend

Ihr erstes Userfrontend ist spätestens am 11.12.2022 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 )

Die erste Client- Server Kommunikation (Userfrontend - Datenbasis) steht am 08.01.2023. Zu diesem Zeitpunkt sollte nach Klick auf einen Button die gesamte JSON-Datenbasis unformatiert in einem zuvor festgelegten Ausgabebereich auf der Websete angezeigt werden.

Dieser Mielstone ist OPTIONAL: Am 29.01.2023 kann über eine Auswahloption (am einfachsten mit einer Selectbox oder einer Radiobuttonliste) ein Filterkriterium angegeben werden und es werden nur die JSON Objekte angezeigt, die dem Kriterium entsprechen. Ein Layout der Ausgabe wäre schön, ist noch nicht notwendig.

Am 15.03.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. Können mehrere Kriterien kombiniert werden, verbessert das die Note deutlich :)
Gern können Sie die im Seminar vergestellten Codebeispiele als Grundlage für Ihr Projekt verwenden.

Die Datenbasis ist eine XML Instanz und und eine daraus generierte JSON Datei. Bitte erzeugen Sie passend zu Ihrem gewählten Thema eine sinnvolle XML Instanz, die durch eine tiefe Verschachtelung einen hohen Informationensgehalt aufweist und schreiben Sie eine DTD dazu. Aus dieser können Sie automatisiert eine JSON Datei generieren. Bitte geben Sie diese beiden Dateien ab.

ABER: bitte erzeugen Sie zusätzlich eine sehr einfache XML Datei mit einer geringen Anzahl von Hierarchieebenen und generieren Sie daraus ebenfalls eine JSON Datei. Diese Dateien können den im Seminar verwendeten Dateien entsprechen. Bitte verwenden Sie diese Dateien für einen exemplarischen Einsatz von AJAX auf Ihrer Webseite.

Eine vollständige Dokumentation ist nicht erforderlich, aber bitte beschreiben Sie mir kurz die von Ihnen programmierte Funktionalität und kommentieren Sie Ihren Code, so dass dieser für mich leichter nachvollziehbar wird!

WICHTIG: Verbuchung des Seminars erfolgt bei KLIPS am 28.03.2023