Kay Wiegand, Jörg Schüler, Karl Baase


HandsOn -Herd mit Backofen-

MG2 FlashProjekt 2005/06


Screen Ausstellungshalle 1 [link 01]

Screen Ausstellungshalle 1

Kurzdarstellung

Kurzbeschreibung

Im Rahmen der Mediengestaltung 2 Vorlesung im Wintersemester 05/06 an der FH-Friedberg ist dieses "Hands-on" entstanden. Es soll die Funktionsweise eines Herds mit Backofen aufweisen. Die Applikation ist interaktiv gestaltet. Der User hat die Möglichkeit über Drag & Drop Aufgaben, welche gängige Gebrauchsabläufe veranschaulichen, die Funktionsweise des Herds mit Backofen zu erforschen. Zusätzliche erhält der User zu Beginn grundsätzliche Informationen zum Gerät. Die Inhalte werden multimodal (audiovisuell) kommuniziert.

KünstlerInnen / AutorInnen

  • Kay Wiegand
  • Jörg Schüler
  • Karl Baase

Entstehung

Deutschland, 2005-2006

Eingabe des Beitrags

kay wiegand, 04.02.2006

Kategorie

  • Bildung und Lernen

Schlagworte

  • Themen:
    • Interface |
    • Design |
    • E-Learning |
    • Interaktivität
  • Technik:
    • Flash

Inhalt

  • › kurze Projektdokumentation [PDF | 332 KB ] [link 02]

Inhaltliche Beschreibung

1. Unsere Aufgabe:
-------------------------------------

Erarbeiten Sie für einen Herd mit Backofen eine interaktive Animation, mit der die Funktionsweise erklärt werden kann. Dabei soll nicht nur ein einfacher Funktionsablauf gezeigt werden – vielmehr soll der Benutzer unterschiedliche Funktionen erproben und sich die Bedienung virtuell erarbeiten können.



2. Projektumfang:
-------------------------------------

-Preloader

-Intro: Aufbau der Applikation durch Erscheinen der verschiedenen Elemente.

-Ausstellungshalle: Bewegliches 3D-Objekt, welches per Mouseover Kurzinformationen und Detailansichten zur Verfügung stellt.

-Aufgaben für Herd: Mit Hilfe einer Anleitung sollen per Drag & Drop zwei Essen (Spiegelei, Nudeln) zubereitet werden.

-Aufgaben für Backofen: Mit Hilfe einer Anleitung sollen per Drag & Drop zwei Essen (Hähnchen, Pizza) zubereitet werden.
-Navigation: Die Navigation ermöglicht jederzeit den Wechsel in andere Bereiche der Applikation und zusätzlich den Aufruf von Kontaktinformationen und rechtlichen Hinweisen. Auch die Einstellungen für den Sound sind hier zu finden.

-Soundsteuerung: Der Ablauf der Animationen wird durch Soundeffekte unterstützt und eingeblendete Texte werden durch einen Sprecher akustisch wiedergegeben. Steuerungselemente für den Sound befinden sich in der Navigation.



3. Programmiertechnische Entwicklung:
-------------------------------------

Zum größten Teil ist die Applikation ausschließlich mit AS (ActionScript) erstellt. Nur in Ausnahmefällen und dort, wo es aus dem zeitlichen Gesichtspunkt Sinn machte, wurde zeitleistenorientiert gearbeitet. Die final Applikation besteht hauptsächlich aus einer mainStage-Datei, die das Gerüst der Anwendung darstellt. Die gesamte Navigation ist objektorientiert erstellt und wird zur Laufzeit in die mainStage geladen. Die einzelnen Drag & Drop Aufgaben sind separate, überwiegend objektorientiert, Flash-Dateien und werden ebenfalls zur Laufzeit hinzugeladen. Die Ansprechpartner für den Programmcode sind hauptsächlich Kay Wiegand und Jörg Schüler für die mainStage, Jörg Schüler für die Navigation und Karl Baase für die Drag & Drop Aufgaben. Die Texte werden aus externen XML-files geladen, um eventuelle Änderungen schneller und effektiver zu realisieren.

Zu erwähnen ist, dass das gesamte Projekt mittlerweile einen Umfang von ca. 3000 - 4500 Code-Zeilen aufweist. Hinzu kommen noch zahlreiche zeitleistenorientierte Movieclips in der mainStage.

Technik

Technische Beschreibung

Die Applikation wurde mit Macromedia Flash 8 gebaut. Zum größten Teil ist die Applikation ausschließlich mit AS (ActionScript) erstellt. Nur in Ausnahmefällen und dort wo es aus dem zeitlichen Gesichtspunkt Sinn machte wurde zeitleistenorientiert gearbeitet. Die final Applikation besteht hauptsächlich aus einer mainStage-Datei, die das Gerüst der Anwendung darstellt. Die gesamte Navigation ist objektorientiert erstellt und wird zur Laufzeit in die mainStage geladen. Die einzelnen Drag & Drop Aufgaben sind separate, überwiegend objektorientiert, Flash-Dateien und werden ebenfalls zur Laufzeit hinzugeladen. Die Ansprechpartner für den Programmcode sind hauptsächlich Kay Wiegand und Jörg Schüler für die mainStage, Jörg Schüler für die Navigation und Karl Baase für die Drag & Drop Aufgaben. Der übewiegende Teil der Texte wird über externe XML-Files geladen, um eventuelle Änderungen schnell und effizient zu realisieren.

Zu erwähnen ist, dass das gesamte Projekt mittlerweile einen Umfang von ca. 3000 - 4500 Code-Zeilen aufweist. Hinzu kommen noch zahlreiche zeitleistenorientierte Movieclips in der mainStage.

Hardware / Software

Die Applikation wurde als Offline-Anwendung optimiert. Durch kleinere Veränderungen (Einbau von diversen Preloadern für dynamische Inhalte) könnte die Applikation webfähig oder auch für den CD-Rom betrieb optimiert werden.

  • › digital sparks 2006 [link 03]
  • › Flash-Demo [7 MB ] [link 04]
  • › Screen Ausstellungshalle 2 [JPEG | 38 KB ] [link 05]
  • › Screen Ausstellungshalle 3 [JPEG | 42 KB ] [link 06]
  • › Screen Drag&Drop Aufgabe Backofen [JPEG | 48 KB ] [link 07]
  • › Screen Drag&Drop Aufgabe Herd [JPEG | 72 KB ] [link 08]
  • › Projektdatei Offline gepackt mit Source [27 MB ] [link 09]
  • › kurze Projektdokumentation [PDF | 332 KB ] [link 10]