Flash hat aber eine neue Rolle gefunden, die nicht minder attraktiv ist. Ein paar Fakten dazu:

• Flash ist immer noch auf über 90% der Desktoprechner und Laptops installiert, auch bei den meisten Firmen. Flash auf mobilen Geräten funktioniert de facto nicht.
• Flash ist browserunabhängig. Es funktioniert gleichermassen auf Windows, Mac, Safari, Internet Explorer, Firefox, Chrome, etc.
• Flash bietet ausgezeichnete graphische 2D Unterstützung. Animationen und Bewegungen lassen sich schnell und einfach erstellen. HTML5 ist noch weit davon entfernt.
• mit Flash lassen sich iPhone, iPad und Android Apps entwickeln, wobei es sich genaugenommen um Adobe Air handelt.
• Flash bot eine rudimentäre 3D Unterstützung und seit einer Woche, seit Flash 11, nun endlich eine gute 3D Unterstützung, die es erlaubt, eine neue Qualität mit 3D im Web umzusetzen.

Wann setzen wir Flash ein?

• bei komplexeren Animationen innerhalb von Websiten, mit einem Bild als Fallback-Lösung für Geräte, die kein Flash unterstützen. Beispiel Uster History
• bei Präsentationen als elegante Alternative zu Powerpoint. Beispiel Bombardier Präsentation
• bei Mobile Apps, wenn sowohl Lösungen für iPad/iPhone wie auch für Android geplant sind und der Schwerpunkt im 2D-Bereich liegt. Beispiele Uster iPad Apps
• bei Games im Web. Beispiel CSS Frisbeegame

Wo setzen wir Flash nicht ein?

• bei normalen Webseiten.
• bei Videos auf Webseiten (Flash dient hier ausschliesslich als letzte Sicherung für ältere Browser).
• bei Apps mit 3D-Schwerpunkt. Hier ist Unity3D unsere erste Wahl

HTML5 bietet eigentlich aktuell noch keine 3D-Unterstützung. Wir erwarten aber für 2012 einen 3D-Boom im Web, dank Flash 11.

Wer jetzt schon ein Flash 3D Game spielen will, empfehlen wir den Max Racer.

Flash – eine klassische Hassliebe.

In der neuen Runde wurde das Spiel mit einem 3D Adler, der am Himmel seine Kreise fliegt, einem Brunnen, der den Frisbee weiterfliegen lässt, Bäume, die den Frisbee abprallen lassen, ergänzt. Die Spannung für den Spieler wird erhöht.

THE HOUSE Agency konzipierte das Spiel und die gesamten begleitenden Massnahmen, Deluxx Development GmbH programmierte das gesamte Umfeld inkl. Datenbank und Vanija realisierte das Spiel in Flash 3D.

Auf der technischen Ebene setzen wir das Flash 3D Framework Away3D ein, kombinierten dies mit der Physics Bibliothek Jiglib und integrierten die 3D Modelle als MD2 Animationen, die wir in Blender realisiert haben.

Viel Spass beim Spielen und Gewinnnen.

Prezi hat allerdings einen Nachteil, welcher sich im Business Umfeld bemerkbar macht. Zur Nutzung benötigt man ein Onlinekonto, da die Daten nicht einfach via E-mail gesendet werden können und man braucht auch ein Onlinekonto, um die Dateien anzuschauen.

Da aber die Wirkung von Prezi so überragend ist, haben wir uns von dieser Darstellungsform zu einer kleinen Flashpräsentation inspirieren lassen.

Für die Schienenfahrzeugtagung in Graz haben wir eine Präsentation mit Flash aufgepeppt. Das Ergebnis kann sich sehen lassen: Form und Inhalt in einer perfekt strukturierten Symbiose. Weiche Übergange, Bewegung, Orientierung sind aktuell gefragt und dank Flash einfach zu realisieren.

Neben der ersten, der Uster Quantum App, gestalteten und programmierten wir nun die Uster Total Testing App. Total Testing ist ein Alleinstellungsmerkmal von Uster Technologies, da Uster als einziges Unternehmen die Qualitätssicherung über die gesamte Wertschöpfungskette der Garn- und Textilproduktion abdeckt.

Die Total Testing App erklärt auf spielerische Art und Weise das Konzept von Total Testing. Sie visualisiert deren Dimensionen und die konkreten Produkte & Dienstleistungen von Uster Technologies.

Von Beginn weg war klar, dass die Anwendung nicht nur für iPad2 umgesetzt werden soll, sondern auch als Standalone-Anwendung für PCs. Teile davon sollten allenfalls auch für die Website eingesetzt werden. Flash bietet dank Air genau diese Anwendungsvielfalt, so dass die Entwicklungskosten überschaubar bleiben.

Die Anwendung wurde mit Adobe Flash 5.5, Papervision 3D und Air 2.7 produziert. Dank Air 2.7 konnten wir die Performance der Anwendung im Vergleich zur ersten Flash App Version verbessern und sogar fliessende 3D Effekte einsetzen. Eine Herausforderung bestand im lokalen Speichern von Daten auf dem iPad (Statistik über Userfeedback), was wir mit SQLite umsetzen konnten.
Es wäre übrigens innerhalb von ein bis zwei Tagen möglich, diese App auch für Android Tablets bereitzustellen.

Foto machen und der Gutschein erscheint. Diese Art der Kommunikation ist direkt und ohne Umweg, denn das Zielpublikum erwartet ein schnelles Erfolgserlebnis, bei dem der Spassfaktor nicht aussen vor bleibt. Folglich bietet die Landigpage lediglich zwei Auswahlmöglichkeiten an, um dem Nutzer möglichst schnell die gewünschten Informationen zu liefern: Wie und wo kann der Gutschein eingelöst werden?

Der erste Button führt direkt zum Gutscheincode, der an der Kasse jedes Manor Warenhauses eingelöst werden kann. Der zweite Button führt dank GPS-Lokalisierung unmittelbar zum nächstgelegenen Manor Warenhaus und zeigt Informationen wie Adresse, Öffnungszeiten und direkte Verlinkung zum Google Maps Routenplaner an.

Einfach, direkt und userfreundlich. Braucht es mehr?

SEAT hat vor kurzem eine Anzeigenkampagne mit einem Wettbewerb realisiert, wobei als Hauptgewinn ein VIP-Wochenende für zwei Personen beim WTCC-Rennen in Valencia ausgelost wurde. Das ist doch ein guter Grund teilzunehmen und Response zu generieren!

Innert kurzer Zeit haben wir eine für mobile Endgeräte optimierte Landingpage erstellt, welche als Formular für die Wettbewerbsteilnahme funktioniert. Die Menge der Wettbwerbsteilnehmer, welche das Formular mit Paperboy fotografierte und das ausgefüllte Formular zurücksandte, hat uns überrascht.

Zusätzlich zur Wettbewerbsteilnahme kann der User auch gleich eine Probefahrt beim nächsten Seat Händler buchen.

Der Wettbewerb läuft noch bis 31. Juli 2011. Also, obiges Bild mit Paperboy fotografieren, Formular ausfüllen und absenden. Wir wünschen viel Glück.

Im zweiten – etwas komplexeren – Schritt ist zu klären, was genau eingelesen wird.

Variante 1: QR-Code

Auf dem Papier ist ein zweidimensionaler Code platziert, heute meist der QR-Code (Quick Response). Dieser ist klar als maschinenlesbarer Code ersichtlich. Das Smartphone liest mithilfe einer App den Code ein und als Resultat erhält der User eine Url, einen Mailtext, eine SMS, einen Kalendereintrag oder einen ganz simplen Text. Die Information ist im Code enthalten, es braucht lediglich eine App, die den Schlüssel zum Code enthält. Sehr empfehlenswert ist in diesem Fall die App BeeTagg, die verschiedene Codes lesen kann und für 6!!! Smartphone Betriebssysteme erhältlich ist: iPhone, Android, Symbian, Windows Phone, Blackberry und Bada (wer nutzt das?).
Wie kann man solch einen QR-Code erstellen? Ganz einfach. Man sucht im Internet einen QR-Code Generator, beispielsweise den BeeTagg QR Generator. Dort gibt man den Text ein,  wählt die Art des Codes und “schwupp” ist der QR-Code fertig. Jetzt nur noch aufs Papier drucken. Je nach Anforderungen ist der Code meist kostenlos.

Beispiel QR-Code

Jetzt mit der App Beetagg Reader ausprobieren!
QR Code für die vCard von Bruno Mettler, Vanija.

Variante 2: Kooaba (oder Paperboy oder PosterPlus)

Anstatt einen Code aufs Papier zu drucken, könnte doch das gesamte Bild als Code wahrgenommen werden?! Kooaba macht genau das. Man fotografiert die gesamte Seite, die Anzeige oder das Plakat. Die App sendet dann das Bild an den Kooaba Server im Hintergrund, dieser vergleicht das Foto mit den Bildern, die auf dem Server hinterlegt wurden, und liefert das gewünschte Resultat. Meist handelt es sich um eine Resultatseite mit verschiedenen Links. Da der User jedoch keinen Code sieht, ist er über das Resultat oft sehr überrascht. Deshalb ist es wichtig, auf die hinterlegte Funktion zu verweisen, da der User sonst nicht weiss, was zu tun ist (fotografieren!). Meist enthält das Sujet ein Icon der App und einen entsprechenden Hinweis zur Vorgehensweise.
Wie wird mein Bild/Sujet erkannt? Das Bild muss auf dem Kooaba Server hinterlegt sein. Am besten wendet man sich direkt an Kooaba. Kooaba ist ein Schweizer Startup-Unternehmen, welches von diesem Produkt lebt, daher ist Kooaba nicht kostenlos.

Beispiel Kooaba: Bild für die Erkennung mit Kooaba oder Paperboy

Kooaba oder Paperboy App laden, Foto mit der App schiessen und Vanija WebApp erhalten.

Variante 3: Augmented Reality (AR)

Meist wird QR-Code & Kooaba mit Augmented Reality in den selben Topf geworfen. Im weiteren Sinne kann AR so interpretiert werden, schliesslich erweitern QR-Code und Kooaba die Printwelt mit virtuellen Elementen. Im engeren Sinne sind Kooaba & QR-Code jedoch kein Augmented Reality, da bei AR die virtuelle Information durch die reale Information in Realtime überlagert wird. Was??
Bei AR wird ebenfalls ein Bild oder ein Code aufs Papier gedruckt. Die Kamera des Smartphones erkennt das Bild. Aber anstatt eines Fotos wird die virtuelle Information live in das Videobild eingebettet. Der User sieht auf dem Display des Smartphones nicht nur das Live-Videobild, sondern auch die virtuelle Information im Videobild.

Einfaches Beispiel: Wir schauen von einem hohen Berg ohne Smartphone in eine Richtung. Nun schauen wir mit dem Smartphone und der App Swiss Peaks in die gleiche Richtung. Auf dem Display des Smartphones wird nun das Bild der umliegenden Berge live dargestellt. Wenn im Display neben diesen Bergen auch deren Namen erscheinen, so handelt es sich um Augmented Reality. Ich kann mich nun drehen, so dass sich das Bild im Display ändert, schliesslich handelt es sich um ein Live-Video, und es erscheinen weitere Berge mit neuen Namen.

Im Printbereich kann nun auf dem Foto eines Berges genau dieser Berg als 3D Modell anzeigt werden. Sobald das Foto nicht mehr anzeigt wird, ist das 3D Modell auch nicht mehr sichtbar.

Es ist nicht ganz einfach, sich das Beschriebene vorzustellen und zu verstehen. Diesmal ein Video zur Illustration:

Wann setze ich was ein?

Diese Frage lässt sich nicht ohne Weiteres beantworten. Wir halten es so:
Wenn ich auf einer Internetseite eine mobil-optimierte Seite aufrufen will, wird entweder QR-Code oder Kooaba verwendet. Kooaba eignet sich besonders, wenn das Bild nicht durch einen Code “verschandelt” werden soll. Vor allem bei Anzeigen, Plakaten/Postern und Mailings ist dies meist wichtig.

Wenn die Inhalte nicht mit einer mobilen Webseite, sondern direkt mit dem erkannten Bild interagieren sollen, ist Augmented Reality das Richtige. Dies trifft z.B. dann zu, wenn ausgehend vom 2D Bild eines Autos das Auto in 3D betrachtet werden soll, wobei dann auch noch die Farbe durch Touch geändert werden kann.

Alles klar? Wenn nicht, einfach bei uns auf Tel. 044 500 44 90 anrufen oder an info (at) vanija.ch schreiben und fragen.

Wichtig bei diesen Projekten ist nicht die gewählte Technologie, sondern die Botschaft und der Mehrwert für den User.

Manchmal realisieren wir Projekte, die auf den ersten Blick absolut nicht zu uns passen. Erst beim zweiten Blick wird klar, dass ein interaktives Erlebnis nicht mit Internet zu tun haben muss, sondern mit Mensch & Maschine.

Jung von Matt fragte bei uns an, ob wir ein Spiel in Anlehnung an Senso enwickeln können, welches nicht durch Handbedienung gesteuert wird, sondern mit Füssen “getreten” werden kann. Zuerst prüften wir die Machbarkeit in den Bereichen Steuerung, Licht und Sensoren. Nachdem von Frontwork bestätigt worden war, dass die Anforderungen an das Gehäuse erfüllt werden können, entschieden sich Jung von Matt und Helsana, dieses Projekt mit uns zu realisieren.

Herausgekommen ist dieses Spiel, das sich bei Helsana Events grosser Beliebtheit bei Jung und Alt erfreut.

Frontwork realisierte das Gehäuse. Um die Elektronik, die Steuerung und das Licht kümmerte sich unser Mitarbeiter Rosario Azzarello, der in einem früheren Leben Mikroelektronik studiert hat. Die Tasten des Spiels reagieren nicht auf Druck, sondern auf Bewegung.
Unser Knowhow im Gamebereich und bei Usability half uns, das Spiel so konzipieren, dass es für jeden leicht zu erlernen ist. Das Spiel sieht zunächst einfach aus, aber Spielern wird schnell die volle Konzentration abverlangt, wenn es ums Gewinnen geht.
Ein gutes Beispiel für Physical Computing.

Uster Technologies ist Weltmarktführer bei der Qualitätskontrolle in der Garnproduktion. Die wichtigsten Märkte sind in Asien: China und Indien. Eines der Uster-Hauptprodukte, die Quantum Reihe, ist ein Messgerät, welches laufend die Qualität des produzierten Garns misst, am Bildschirm die Fehlermenge ausgibt und via Touchscreen gesteuert werden kann.

Was liegt näher als diese Steuerung als Simulation auf einem Tablet den potenziellen Kunden selber erfahren zu lassen, statt diesen mit PowerPoints – wie im normalen Salesprozess üblich – zu erschlagen?

Vanija hat für Uster eine Tablet App entwickelt, welche die vereinfachte Simulation der realen Steuerung enthält, und gleichzeitig Dokumente, Videos und Vergleiche von Messresultaten aufzeigt. Mit maximal drei Touches kann der Nutzer jeden Ort innerhalb der App erreichen, so dass im bilateralen Kundengespräch eine optimale Unterstützung durch Bilder und Erläuterungen erreicht werden kann. Der potenzielle Kunde kann selbst die Informationen erkunden, so dass er sich aktiv mit dem Produkt auseinandersetzt.

Potenzielle Kunden in China und Indien zu gewinnen bedeutet, dass die Inhalte in Englisch und Chinesisch verfügbar sein müssen. Keine leichte Aufgabe, da die chinesische Sprache etwas anders “tickt”. Zudem wurde die Option thematisiert, weitere Sprachen, beispielsweise Hindi, zu integrieren.

Technisch waren zahlreiche Hürden zu bewältigen. Die Alternativen an Hardware waren im März 2011 noch recht begrenzt. Sollten wir auf angekündigte Android Tablets, die noch nicht verfügbar waren, setzen oder doch lieber auf Android Tablets mit schlechter Performance? Oder sollten wir uns auf das iPad 2 stürzen – inklusive Zitterpartie, ob die bestellten Exemplare rechtzeitig zum ersten Einsatz da sein würden?
Von Beginn an war klar, dass Uster keine reine iPad-Applikation wünschte, sondern eine plattformunabhängige Programmierung für den Offline-Einsatz bevorzugte. Nach einigen Tests entschieden wir uns für die riskante Kombination aus Flash und iPad 2.

Enstanden ist eine Flash App, die einerseits auf dem iPad 2 läuft und andererseits mit minimalem Aufwand auf weitere Plattformen portiert werden kann.

Der erste Einsatz der Uster Quantum App in China fand parallel zum Launch des iPad 2 in China statt. Uster konnte dank dieses glücklichen Zufalls seine Innovationskraft und Kompetenz ohne viele Worte unter Beweis stellen.

Die Neuigkeiten zusammengefasst:

• Push Nachrichten
• Inspirationsbilder
• Optimiert für iPad 2
• Szenen über die Cloud sharen
• Unity3D als 3D Engine
• Homescreen bereits als 3D Szene

Das bewährte Team war auch diesmal aktiv:

• Design: VisualContet, Zürich
• Programmierung IOS: Bitforge AG, Rapperswil
• Navigationskonzept: oskope media gmbh, Zürich
• Technologie: Metaio Gmbh, München

Vanija konnte neben Konzept, Umsetzung der 3D Modell auch die Programmierung in Unity3D inhouse realisieren.

Ein paar Stimmen aus dem AppStore:

***** Apr 3, 2011 by maxbrei
Klasse!!! – Für Garten Fans genau das richtige!!!

***** Apr 17, 2011 by Garden siamo al verde
Molto valido – Molto valido per farsi un idea di arredo e per conferire al cliente di vedere prima di acquistare

***** May 6, 2011 by coyote_MünstR
Super app! – Wahnsinn auf dem iPad!!!

Das Video

Gleich runterladen und ausprobieren Pfister Garten App für iPhone & iPad.