FormElements: Eisdealer - JirkaDellOro/EIA2 GitHub Wiki

Es wird langsam Sommer in Furtwangen, dabei können die Temperaturen ohne weiteres auch einmal über 20°C steigen. Da ist dringend Erfrischung angesagt, was zu einer besonderen Geschäftsidee führt: der Online-Eisdealer! Kunden können sich ein Eis konfigurieren und nach Hause liefern lassen.

Entwickeln Sie ein Online-Formular für den Eisdealer. Dabei stehen den Kunden eine große Auswahl an Eissorten zur Verfügung, ebenso unterschiedliche Zusätze wie Sahne, Soßen, Streusel und verschiedene Darreichungsformen wie Waffel und Becher. Weiterhin kann der Kunde zwischen verschiedenen Lieferoptionen wählen und muss dazu natürlich auch seine Adresse angeben.

Während der Kunde das Eis zusammen stellt, wird ihm ständig eine Zusammenfassung der Bestellung und der daraus berechnete aktuelle Preis übersichtlich in einem eigenen Bereich auf der Seite angezeigt. Auch wenn die Bestellung noch nicht verschickt werden kann, ist auf der Seite schon ein Button zur Prüfung der Bestellung vorhanden. Bei einem Klick darauf erhält der Kunde Information über fehlende oder invalide Daten in seiner Bestellung.

Das Formular wird teilweise dynamisch per TS/JS aufgebaut. Die erforderlichen Daten zu veränderlichen Teilen des Angebots, wie z.B. die Eissorten und Preise, sind in einer eigenen TS/JS-Datei mit Hilfe geeigneter und erweiterbarer Datenstrukturen definiert. Somit genügt es, in dieser Datei die Daten zu verändern oder zu ergänzen, um das Angebot des Eisdealers anzupassen.

Konzeption

Da der kommende Donnerstag ein Feiertag ist, steht mehr Zeit für die Konzeption zur Verfügung. Skizzieren Sie das Erscheinungsbild der Seite und achten Sie darauf, dass es sowohl für Desktopgeräte wie auch für Smartphones verwendbar ist. Erstellen Sie Ablaufdiagramme für die dynamische Generierung des Formulars sowie für die Interaktionen und die Anzeige der Zusammenfassung. Da nur bereits existierende DOM- und JS-Klassen genutzt werden, ist ein Klassendiagramm nicht erforderlich. Das Konzept bildet diesmal den Kern der Aufgabe, da die Umsetzung recht trivial sein sollte. Termin für die Abgabe eines soliden Konzeptes ist Sonntag der 28.5.

Produktion

Bis zum Donnerstag, 1.6., sollte die Seite dann lauffähig umgesetzt sein, so dass wir im Praktikum noch Detailprobleme klären und lösen können.