Aufgabe Gestaltung und Technik – Digital

Prüfungsbereich 1: Gestaltungsumsetzung und technische Realisation
Prüfungsstück I: Lösungsvorschlag mit Arbeitsplanung einschließlich Erstellung eines Teilproduktes der Medienproduktion

Teil a) Lösungsvorschlag (Entwurf) mit Arbeitsplanung(Konzeptionsphase 10 Arbeitstage)

Für die Privatbrauerei Zissel ist ein Internetauftritt geplant.
Entwickeln Sie auf Basis der Aufgabenbeschreibung aus der Anlage 1, der Texte und der technischen Angaben der Teilaufgabe b) einen Lösungsvorschlag mit Arbeitsplanung.

Das Bildmaterial befindet sich auf der CD-ROM im Verzeichnis „AP_MG_SO_10_NEU/X_DATEN“. Auswahl und Umfang der verwendeten Bilder sind freigestellt, Bildmontagen und Verfremdungen sind möglich. Die Texte „Text_Internet.doc“, „Text_Gewinnspiel.doc“ und das „Logo_Brauerei.tif“ befinden sich auf der CD-ROM im Verzeichnis „AP_MG_SO_10_NEU/GESTALTUNG/DIGITAL“.

Das vorhandene Logo kann verwendet werden. Alternativ dazu kann auch ein Relaunch des Logos realisiert und verwendet werden. Der gesamte Text ist zu integrieren und darf redaktionell nicht verändert werden.

Entwickeln Sie ein Gestaltungskonzept für die Menüführung/Navigation anhand der Menüpunkte im Text. Weiter soll ein Gewinnspiel und auf der Seite „Einkehren“ ein PopUp mit Verweis auf dieses Gewinnspiel eingebaut werden. Entwickeln Sie dazu ein Konzept.

Planen und erläutern Sie dabei Ihre Überlegungen zur Gestaltung des Internetauftrittes hinsichtlich: Seitenaufbau, Farbe, Typografie (Schriftwahl, Raumaufteilung, Lesbarkeit), Bilder (Anordnung, Bildausschnitt, Modifikation), evtl. Logo-Relaunch, Gewinnspiel. Ihre gestalterischen Überlegungen können analoge und digitale Scribbles enthalten. Erstellen Sie in tabellarischer Form eine Arbeitsplanung zur Herstellung des Internetauftritts.

Abzugeben sind, am Ende der Konzeptionsphase, in zweifacher Ausführung:

  • Entwurfsmuster des Internetauftritts
  • Schriftliche Erläuterung zur Gestaltung
  • Arbeitsplanung in tabellarischer Form mit Angaben zur Hard- und Software

Teil b) Produktionsaufgabe (Erstellung des Internetauftritts, Programmierung des Gewinnspiels und des PopUps)(Prüfungszeit: 7,0 Stunden*)

Fertigen Sie anhand der vorhandenen Texte, der vorhandenen Bilder und Ihrem Gestaltungskonzept einen lauffähigen Internetauftritt der Privatbrauerei Zissel an. Es ist von einer Monitorauflösung von 1280 Pixel × 960 Pixel und 24 Bit Farbtiefe auszugehen. Die Website ist für die aktuelle Version des Browsers „Firefox“ zu optimieren.

Der Internetauftritt startet mit einer Indexseite zum Abfragen des Benutzeralters (siehe index.html). Bei einem Klick auf „ja“ wird der Benutzer weitergeleitet auf die Seite „Einkehren“ und kann somit frei navigieren, bei einem Klick auf „nein“ wird der Benutzer weitergeleitet auf die Seite „Text unter 16“ und kann nicht weiternavigieren.

Die Navigation besteht aus den im Text aufgeführten Menüpunkten, wovon die Bereiche „Einkehren“, „Biere“, „Feste & Touren“ mit den Untermenüs „BierKul-Tour“, „Kultur & Genuss“, „Bayron-Man 2010“ und „Impressum“ als funktionsfähige Navigationselemente und den dazugehörigen Seiten anzulegen sind. Die grafische Darstellung der Schaltflächen ist durch eine Rollover-Funktion zu unterstützen.

Weiter soll auf die Seite „Einkehren“ ein PopUp eingebaut werden. Dieser leitet den Benutzer weiter zum Gewinnspiel. Das PopUp soll ausschließlich beim erstmaligen Betreten der Seite sichtbar werden. Bei einen erneuten Betreten der Seite „Einkehren“ innerhalb der Navigation bleibt er unsichtbar. Falls das PopUp vom User nicht angeklickt wird, soll es nach einer Zeit von 15 Sekunden unsichtbar werden.

Realisieren Sie zusätzlich die drei Seiten und Funktionalitäten des Gewinnspiels, das von der Seite Bayron-Man und über das PopUp gestartet werden kann. Stellen Sie sicher, dass die Antworten beim Wechsel auf die weitere Seite mit übergeben werden und dass die Checkbox der Datenschutzrichtlinien beim Senden angeklickt sein müssen. Falls beim Senden mindestens ein Pflichtfeld oder die Checkbox der Datenschutzrichtlinien nicht ausgefüllt wurden, soll der Benutzer durch ein Feedback darauf hingewiesen werden.

Arbeitsanweisungen:

  • Die gestalterische, grafische Konzeption der Website ist freigestellt.
  • Die gestalterische, grafische Konzeption des Gewinnspiels und des PopUps ist der Websitegestaltung anzupassen.
  • Die Text-Bild-Zuordnung ist nach gestalterischen und logischen Gesichtspunkten vorzunehmen.
  • Die Verwendung von eigenen grafischen Schmuckelementen ist möglich, Bildmodifikationen und -kollagen sind unter gestalterischen Gesichtspunkten zulässig.
  • Das Navigationsmenü ist benutzerfreundlich zu gliedern.
  • Die Menüpunkte sind mit einer Rollover-Funktionalität auszustatten.

* Folgende Arbeiten zählen nicht zur Prüfungszeit:

  • Sichten der Daten
  • Ausdrucken der gestalteten Screens
  • Herstellen der CD-ROM

Abzugeben sind:

  • Ausdruck der Liesmich-Datei, mit allen notwendigen Angaben zur Benutzung der lauffähigen Anwendung
  • Lauffähige Website auf CD-ROM für Apple- und Windows-Betriebssysteme (CD-ROM versehen mit Kenn-Nummer)
  • Ausdrucke (farbig, zweifach) der gestalteten Screens ohne Browserleisten auf DIN A4 (verkleinerte Darstellung)
  • Arbeitsdateien auf demselben Datenträger in separatem Verzeichnis