Termine

Workshop

??.??.2022

Bitte bringen Sie alle Ihre Projekte mit, so dass Sie es mit den Kommilitonen ansehen und besprechen können

Seminarausfälle

--

Übungsaufgabe XML

Bitte modellieren Sie das Rezept, das Sie unter https://www.lecker.de/tequila-sunrise-9358.html 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. Vielleicht haben Sie eine gute Idee, die für die Zubereitung noch sinnvoll ist.

Beziehen Sie bitte auch die Hinweise mit ein, die unter "Zubereitung" zu finden sind.

Eine Abgabe ist bei Ilias möglich. Ich freue mich auf Ihre Ideen!

Milestones

Auswahl Thema und Template

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

  • Bitte erzeugen Sie eine moderne, ansprechende Webseite zu einem Thema Ihrer Wahl mit einem Template Ihrer Wahl.
  • Passen Sie das Template nach Ihren Vorstellungen an.

Ein erstes Userfrontend ist spätestens am ??.??.?? fertig,

  • Integrieren Sie einen Kartenausschnitt mit Hilfe von Leaflet.
  • 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 eine Ausgabe auf der Konsole bewirkt. (vgl. Seminaraufgabe bei Ilias )

Ihre Datenbasis (XML/JSON umfangreich, XML mit DTD und eine reduzierte Variante für das Webprojekt) ist am ??.??.?? fertiggestellt und
auf Ihrer eingebundenen Karte befindet sich ein Marker oder eine Flächenmarkierung an einer sinnvollen Position.

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

Am ??.??.?? 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.

Am ??.??.?? ist alles fertig und bei Ilias 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, mittels des HTTP Request Objektes 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 :)
Ebenso eine Ausgabe, dass die Suche keine Treffer ergeben hat.
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!