idb treasury
PROJEKTFOLIO DES STUDIENGANGS INFORMATIONSDESIGN
Das Projekt „idb treasury“ ist im Sommersemester
2010 an der Hochschule der Medien (HdM)
entstanden. Innerhalb des Seminars „ILab-Interaktionslabor“
wurden innovative Interaktionskonzepte
für unterschiedliche Interaktionsdevices
entwickelt. Für dieses Projekt stand im Interaktionslabor
der HdM ein 47‘‘ Multitouch Tisch von
Evoluce zur Verfügung.
Das Projekt „idb treasury“ ist im Sommersemester 2010 an der Hochschule der Medien (HdM) entstanden. Innerhalb des Seminars „ILab-Interaktionslabor“ wurden innovative Interaktionskonzepte für unterschiedliche Interaktionsdevices entwickelt. Für dieses Projekt stand im Interaktionslabor der HdM ein 47‘‘ Multitouch Tisch von Evoluce zur Verfügung.
Die Multitouch-Applikation „idb treasury“ stellt ein Projektfolio des Studiengangs IDB dar. Damit soll sie sich von den meist sehr unterhaltungslastigen Multitouch-Anwendungen abheben und vorallem durch ihre nützliche Funktion sowie vielseitige Einsetzbarkeit und Erweiterbarkeit herausstechen. Neben dem Ideenaustausch unter den Studenten selbst, dient sie außerdem der Repräsentation des Studiengangs nach außen. Sowohl Studienanfängern als auch Medieninteressierten vermittelt sie einen Eindruck über die interdisziplinären Studieninhalte und deren spannende Ergebnisse. Selbst Skeptiker werden durch die Applikation „idb treasury“ vom Know-How und den Fähigkeiten eines Informationsdesigners überzeugt sein.
Der Name des Projektes (engl. treasury = Schatzkammer) soll den Projekten des Studienganges gerecht werden und auf den hohen Wert, die Kreativität, das Herzblut und die Mühe, die hinter den Projekten steckt, anspielen. Dieser Schatz soll nicht verborgen bleiben und durch diese Multitouch-Applikation spürbar und erlebbar gemacht werden.
Die Grundstruktur unserer Anwendung bilden Projekt-Fächer. Jeder Fächer hält die Informationen, Ausschnitte aus dem Konzept und verschiedene Abbildungen eines Projektes zusammen. Durch diese sehr übersichtliche und klare Darstellung können die Projekte deutlich auseinandergehalten werden. Die Metapher des Auffächerns bietet die Möglichkeite komplexe Inhalte sehr platzsparend aufzubereiten. Die Entscheidung bleibt beim Nutzer, welche und wieviel Informationen er sich anschauen möchte. Weitere Vorteile dieser Fächer-Metapher sind die beliebige Erweiterbarkeit der Fächerinhalte sowie die flexible Interaktion mit den Fächern, die die Möglichkeiten der gestenbasierten Interaktion völlig ausschöpft.
Die abgerundeten Fächerblätter besitzen eine farbige Kontur, die eine weitere Unterscheidung der einzelnen Projekt-Fächer zulässt. Je nach Farbe der Kontur handelt es sich um ein Print- oder Interaktiv-Projekt (grün/ blau). Eine gelbe Kontur symbolisiert die Projektart „Raum“ welche Lehrveranstaltungen wie Wayshowing oder Ausstellungsdesign beschreibt. Film-Projekte, wie das AV-Projekt werden durch eine lila Kontur gekennzeichnet.
Die einzelnen Projekt-Fächer lassen sich an separaten Interaktionsbereichen auffächern, rotieren, skalieren oder durch einen Doppelklick auf das Deckblatt wieder zusammenklappen. Die Inhalte sowie Bildergalerien innerhalb der Projekt-Fächer können mit einer 2-Finger-Geste horizontal gescrollt werden.
Neben den Grundfunktionen der Projekt-Fächer, beinhaltet die Multitouch-Anwendung „idb treasury“ noch weitere, vielseitige Funktionen. Beispielsweise besitzen interaktive Projekt-Fächer eine interaktive Karte, die vom Fächer abgerissen werde kann. Daraufhin leuchtet eine Andockstation im linken unteren Bildschirmbereich auf. Sobald die interaktive Karte mit der Andockstation verbunden wird, erscheint in der Mitte des Multitouch Tisches ein Video-Ausschnitt des interaktiven Projektes, beispielsweise die Interaktion mit einer Website oder einer Infografik. Wird die interaktive Karte von der Andockstation entfernt, wird das Video wieder entladen.
Eine sogenannte „Schnellmerkleiste“ am rechten Rand des Multitouch Tisches ist mit einer Scrollleiste zu vergleichen, wie sie von Computern bekannt ist. An diese können favorisierte und besonders interessante Fächer angedockt werden. Dadurch kann der Nutzer die zunächst zufällig platzierten Fächer nach Wunsch ordnen und sich somit einen besseren Überblick verschaffen. Weiterhin können die angedockten Fächer mit einer 2-Finger-Geste gescrollt werden.
Am linken oberen Rand befinden sich außerdem noch drei Laschen, die durch Icons als Hilfe, Filter und Pinnwand kenntlich gemacht wurden. Mit einer sogenannte Flick-Geste können die Laschen aus- und eingeklappt werden. Die Hilfe erläutert alle möglichen Interaktionen und verwendeten Gesten unserer Anwendung. Durch Schiebe- und Drehregler, sowie durch aktive und inaktive Zustände kann nach Projektart, Jahr, Semester und Professor gefiltert werden. Die Pinnwand soll es ermöglichen Projekte zu sammeln und verschiedene Aktionen damit durchzuführen. Neben der Funktion „Notiz schreiben“ besteht weiterhin die Möglichkeit sich Fächer per E-Mail zuzuschicken oder auch auszudrucken. Diese Druckfunktion kann vorallem bei Studieninfotagen ihre Anwendung finden. So können sich Interessierte die druckoptimierten Fächer ausdrucken und ihren eigenen Papier-Fächer zusammenbasteln, als schöne Erinnerung an den Studiengang Informationsdesign.
Für die Programmierung dieser Multitouch-Applikation stand uns ein Framework von Gestureworks zur Verfügung. Umgesetzt wurde das Konzept in Flash CS4 mit Actionscript 3.0, was für uns zunächst reines Neuland war. Umso stolzer waren wir am Ende, als wir unsere funktionierende Multitouch-Applikation „idb treasury“ nach viel Mühe und Durchhaltevermögen erfolgreich präsentieren konnten.
