Auftrag zu [03], 2017-04-24

Der folgende Arbeitsauftrag ist für die Gruppe INF2 gedacht.

Ziele

• Sie kennen alle Formularelemente von HTML5.
• Sie können mit den gängigsten Formularelementen von HTML5 ein Formular aufbauen und mit CSS gestalten.

Szenario

Sie haben einen Kunden gewonnen, der einen Lieferservice für richtig gutes Essen eröffnen möchte. Neben einer Bestellhotline will der Kunde eine ansprechende Internetseite haben, die auch auf mobilen Endgeräten gut zu benutzen ist.

Nach einem ersten Konzeptgespräch bittet der Kunde Sie um erste Vorschläge für das Bestellformular.

Aufgaben

• Recherchieren Sie Bestellformulare von Mitbewerber_innen des Kunden und machen Sie Screenshots, die Sie archivieren.
• Entwerfen Sie mit einem Mockuptool Ihrer Wahl (z.B. Balsamiq oder draw.io) eine erste Skizze der Website des Kunden.
• Entwerfen Sie ein Bestellformular, das den Ansprüchen des Kunden gerecht wird.
• Zeigen Sie dem Kunden Ihre Entwürfe (d.h. jemand anderem aus der Gruppe face-to-face oder in Mattermost) und setzen Sie sie anschließend mit HTML/CSS um.

Material

• Recherchieren Sie im Netz mit Begriffen wie "html5 formulare" oder "html5 forms".
• Das Buch von Duckett (2013) zeigt sehr anschaulich, was mit Formularen möglich ist, ebenso Stiegert (2010). Eine sehr tiefgehende technische Einführung in HTML5-Formulare findet sich bei Kröner (2010) in der aktuellsten Auflage.¹
• Verschiedene Materialtypen für das Eigenstudium und die Vertiefung von Kenntnissen sind in diesem Skript unter Lernmaterialtypen aufgeführt.

Abgabetermin

• Geben Sie eine erste Version am Dienstag, d. 18.04.2017, ab. Sie erhalten dann Feedback zu Ihrer Arbeit.
• Geben Sie eine zweite Version am Sonntag, d. 23.04.2017, ab.

¹. Die zitierte Literatur finden Sie in der Zotero-Gruppe. ↩