Vorbereitung

Anleitung laut PDF: 360GradVorbereitung

Nach befolgen der Anleitung sollten folgende Punkte erledigt sein:

• Installation von Unity
• Download: Google VR SDK für Unity

Auch dein Smartphone muss vorbereitet werden. Dazu muss das USB-Debugging deaktiviert werden.

Wichtig: kontrolliere, ob die benötigten Development Kits bereits installiert sind, sonst müssen diese gedownloadet und installieren werden.

• Benötigte Development Kits:
  • Android SDK
  • JDK

360° Video App

1. Neues Projekt erstellen
2. Google VR Package importieren:
   Menüpunkt: Assets -> Import Package -> Custom Package… und das Package im Explorer auswählen – Fenster öffnet sich und auf Importieren klicken
3. Ornder: Assets-> GoogleVR -> GVRVideoPlayer – auch dieses Package importieren (via doppelklick auf das Package)
4. Build Settings – Plattform auf Android ändern:
   File -> Build Settings: Plattform auf Android umstellen, und auf Switch Plattform klicken
5. Player Settings einstellen:
   Player Settings -> XR Settings -> VR Supported anhaken -> Cardboard
   Player Settings -> other Settings -> Minimum API Level: Android 4.4 (KitKat)
   Player Settings -> other Settings -> Identification: Package Name. (Name vom Package Bsp.: com.Company.Package Name)

Optional: Zum ausprobieren

Demos anschauen

Video Demo builden und am Smartphone testen, dazu das Smartphone mittels USB Kabel am Laptop anschließen und Zugriff erlauben

File -> Build Settings -> Add Open Scenes -> Build And Run

Scene erstellen

1. Neue Scene erstellen
2. GameObjekt -> Create Empty – Umbenennen in Player
3. Benötigte Objekte per Drag & Drop in die Scene ziehen
4. Prefabs (Ordner) –> Controller (Ordner) – > GvrControllerPointer
5. Den GvrControllerPointer in das Player-Objekt ziehen und auch die Main Camara
   (Position der Kamera auf 0,0,0)
6. Prefabs (Ordner) –> Controller (Ordner) – >GvrControllerMain
7. Prefabs – > GvrEditorEmulator
8. Directional Light löschen – Point Light hinzufügen (Einstellungen ändern)

Point Light Einstellungen:

• Y-Wert?
• Range: 20
• Mode: Mixed
• Intensity: 10

Video Player bauen

1. 3D Objekt – Sphere hinzufügen
2. Position von der Sphere auf 0,0,0 setzen und die Scale auf 30,30,30 erhöhen
3. Mesh Filter ändern (Mesh Filter: sphere_36x18)
4. Sphere einen neuen Bestandteil hinzufügen -> Script -> Gvr Video Player Texture
5. Und auch das Script – Auto Play Video (zum Loopen des Videos – Loop anhaken)
6. Google VR (Ordner) – Materials (Ordner)– Video Stereo Inside auf die Sphere per drag & drop ziehen (sollte das Video nicht korrekt angezeigt werden, muss der Video Mono Shader verwendet werden)
7. Shader – Google VR/ Video Unlit Shader auswählen

Video einbinden

• Video in Assets Ordner einfügen (und auch in den StreamingAssets Ordner)
• Das Video auswählen und im Inspector -> Importer Version: Movie Texture auswählen und auf Apply klicken
• Die Sphere auswählen und bei Gvr Video Player Texture
  • Video Type: Other
  • Video URL: jar:file://${Application.dataPath}!/assets/mein360Video.mp4
    (Groß- und Kleinschreibung beachten!)

App builden

• File -> Build Settings -> add open Scene -> Build and Run

Die App startet automatisch

Smartphone in die Cardboard-Brille geben und fertig.

Viel Spaß beim Nachbauen ????

The post Wie baue ich eine 360° Video App? (Anleitung) appeared first on Mobile USTP MKL.

The post Lorem Ipsum appeared first on Mobile USTP MKL.

Interaktion – Versuch 2

Da wie in Teil 1 beschrieben wurde, unsere ersten Ansätze der Umsetzung nicht so wollten wie wir wollten und wir ziemlich ratlos waren, teilten wir uns in der Entwicklung auf und gingen jeweils einen anderen Weg.

Den einen Weg mit Unity und den anderen mit VVVV. Nach langem Probieren und experimentieren, erwies sich der Weg mit Unity als machbarer und wir entschieden uns für diesen.

Unser Weg mit Unity

Dieser Weg hat uns einige Nerven gekostet, jedoch mit sehr viel Geduld und noch mehr Google-Suchen sind wir zu unserem gewünschten Ergebnis gelangt.

Angefangen hat es, dass wenn man das Stichwort VR eingab oft das Programm Unity damit verbunden wurde. So gesehen liegt es auch Nahe, da Unity auch zur Spieleentwicklung verwendet wird und bei unserem interaktiven Video befindet man sich wie in einem Spiel in einer virtuellen Umgebung.

Durch die Recherche haben wir herausgefunden, dass man 360° Videos mittels einer Sphere, also einer Kugel darstellen kann. Hierbei wird eine Textur auf der Innenseite dieser Sphere gelegt, die das Video mittels eines Video-Player Scripts spiegeln und abspielen kann. In der Mitte der Sphere wird anschließend die Kamera positioniert. So wie in jeden 3D Programm gibt es in Unity eine Kamera die den Player darstellt und den gesehen Bildausschnitt anzeigt. Durch die VR API für Unity und die Android Erweiterung, kann die Applikation auf ein Android Smartphone geladen werden und die Kamera die Position des Smartphones anzeigen. Somit kann man sich die 360° des gesamten Videos ansehen.

So erklärt hört es sich relativ einfach an. Jedoch wie üblich trügt der Schein, da es sich um einige Arbeitsstunden handelte diese Erkenntnisse herauszufinden.

Doch wir hatten eine kleine Hilfe namens Demo Beispiel. Ich kann nur immer wieder betonen wie nützlich und teilweise lebensrettend solche Demos sind. Mit Hilfe diverser Demos konnten wir uns unsere gewünschten Bestandteile zusammensuchen und zusammenbauen. Bei dem Zusammenbauen lief nicht immer alles glatt.

Die Evolution der 360° Video App

Am Anfang war das Nichts.

Dann sprachen wir, es werde eine App, die via Cardboard auf Android angezeigt wird.

Und so war es auch. Und wir sahen, dass es funktionierte.

Im Zweiten Schritt sprachen wir, die App soll ein 360° Video anzeigen.

Und Dank einer Demo war es so auch. Und wir sahen, dass es funktionierte.

Im Dritten Schritt sprachen wir, die App soll unser 360° Video anzeigen.

Doch das Video wollte zurerst den Weg nicht finden und zierte sich richtig anzuzeigen.

Doch nach gutem Zureden von Stereo zu Mono, zeigte es sich in voller Pracht.

Und so war es schließlich auch. Und wir sahen, dass es funktionierte.

Im Vierten Schritt sprachen wir, die App soll eine Funktion aufweisen mittels der die Wegentscheidungen getroffen werden können.

Und Dank einer Demo war es auch so. Und wir sahen, dass es funktionierte.

Im Fünften Schritt sprachen wir, die App soll nun Video und Funktion zu einem vereinen.

Und so war es nach vielen Versuchen auch. Und wir sahen, dass es funktionierte.

So erstellten wir unsere Wunsch-App und konnten nun die interaktive 360° Geschichte auf unserer VR-Brille abspielen. Und wir sahen, dass es gut war.

The post Unsere Erlebnisse mit 360° Videos – Teil 2: Unity vs VVVV appeared first on Mobile USTP MKL.

Unseren Slogan “Eine interaktive Verfolgungsjagd mit unvorhersehbarem Ende.” haben wir hier wohl etwas zu wörtlich genommen. Interaktiv jagen wir Darstellungsmethoden hinterher und wissen bis jetzt noch nicht, wo es enden wird!

Es begann damit, dass sich unsere Gruppe, bestehend aus vier Personen, dazu entschlossen hat, ein 360° Video zu drehen. Dieses handelt von einer Verfolgungsjagd im Wald mit individuellen, interaktiven Entscheidungsmöglichkeiten aus der Ego-Perspektive. Das Erlebnis wird mittels 360° Videos und spannungsfördernden Soundeffekten umgesetzt, um ein möglichst realitätsnahes, aufregendes Abenteuer für User zu schaffen.

Diese sind durch das Tragen einer Virtual Reality Brille praktisch mitten im Geschehen. Durch ihre Bewegungen werden verschiedene Handlungsstränge einer Geschichte ausgelöst und somit auch das Ende individuell verändert.

Das Konzept

Es werden insgesamt maximal 8 “Thriller”-Clips gedreht, die durch eine einzigartige, audiovisuelle Gestaltung den Nutzer in ein aufregendes Abenteuer führen, ihn zu Interaktionen anregen und ihn so über den weiteren Spielverlauf indivduell entscheiden lassen.

Erster Prototyp

Filmdreh

Begonnen zu drehen haben wir mit der 360fly-Kamera. Diese sollte via App, WLAN und Bluetooth funktionieren, jedoch war bei uns der Aufbau der Verbindung nicht erfolgreich. Auch Videos in hoher Auflösung waren leider nicht möglich.

Nach langer Fehlersuche und viel Internetrecherche sind wir dann auf die Ricoh Theta S 360°-Kamera gestoßen. Diese erzeugt zwar einen Balken im Bereich wo keine Kameras sind (270°), aber damit konnten wir ein funktionierendes Video erstellen:

Unsere Kamerafrau hat es leider in Hochformat und etwas schwungvoll gedreht, aber es ist ja nur ein Prototyp und Perfektionismus ist hier noch nicht erforderlich.

Interaktion

Unser erster Anlauf war YouTube, da dort 360°-Videos sehr gut unterstützt und auch für VR-Brillen angepasst werden. Ich muss sagen, dass wir sehr erstaunt war, wie schnell es möglich war, das Video darin darzustellen. Einfach die Metadaten des Videos ändern und es kann dargestellt werden. In folgendem Link wird es genauer von YouTube direkt erklärt:
https://support.google.com/youtube/answer/6178631?hl=de

Prototyp 1 ist kein 360° Video, hat aber eine bessere Darstellung der weiterführenden Videos. Dieser besteht auch aus eigenen Aufnahmen. Die Auswahlmöglichkeiten haben wir hier als Anmerkungen erstellt. Ab Sekunde 0:20 erscheinen 2 Fenster, welche ausgewählt werden können um weiter zu gehen.

Prototyp 2 ist ein 360° Video, jedoch konnten hier die weiteren Links nur als Info-Einblendung dargestellt werden. Diese sind leider nicht gut zu sehen und nehmen die Spannung des Films. Ab Sekunde 0:26 erscheint eine Notiz “Welchen Weg wählst du?”, auf die geklickt werden muss um weitere Videos zu öffnen. Dieser Prototyp besteht nicht aus eigenen Aufnahmen.

https://www.youtube.com/watch?v=qaoz6DCoLLw

Erkenntnisse

Wir haben beschlossen, die Interaktion mit einer eigenen mobile optimierten Website umzusetzen durch die Einbindung eines VR-Frames in HTML5. Die Herausforderung wird aber die Steuerung werden, welche durch den Winkel der Blickrichtung ausgelöst werden soll. Sobald ein User mit der VR-Brille für längere Zeit in eine bestimmte Richtung sieht, soll weitergeleitet werden auf das nächste dafür vorgesehene Video.

Mock-Ups

Home

Interaktionsanleitung

Abspielen des Videos

The post Unsere Erlebnisse mit 360° Videos – Teil 1: YouTube appeared first on Mobile USTP MKL.

Wer benötigt Barrierefreiheit in der IT?

Jeder profitiert von dem Einsatz von Barrierefreiheit.
Vorrangig soll sie jedoch Menschen mit einer Beeinträchtigung zugutekommen. Das heißt für alle die Menschen die eine konventionelle Nutzung des Internets, von Mobilen Geräten, etc. nicht möglich ist.

In Österreich haben ca. 20% der Bevölkerung eine dauerhafte Beeinträchtigung. ​

• Seh-Behinderte
  • Blindheit
    ​z.B.: Nutzen weder Bildschirm noch Maus. Screenreader und Braillezeile wandeln Text in taktile oder akustische Informationen. ​
  • ​​Sehbehinderung
    z.B.: Sehen trotz Sehhilfe weniger als 30% und benötigen eine Bildschirmlupe und gute Kontraste um noch etwas zu erkennen.
• Motorisch Behinderte
  z.B.: Können ihre Arme nur eingeschränkt bewegen und bedienen den PC über Spezial-Maus und Bildschirmtastatur.
• Kognitiv Behinderte
  z.B.: Haben Probleme beim Lernen und Verstehen und sind deshalb auf einfache Inhalte angewiesen.
• ​Hör-Behinderte
  z.B.: Haben nie Sprache gehört und benötigen dadurch einfache Texte oder Gebärdensprachnvideos.aber auch
• Technische Probleme
  Probleme durch unpasssende oder inkompatible Infrastruktur. Das Einhalten von Standards und Flexibilität hilft.
• Unter anderem profitieren auch Unerfahrene Nutzer, Senioren und Such-Maschinen von Barrierefreiheit.

Barrierefreiheit im Bereich Mobile?

Barrierefreiheit ist nun auch im mobilen Bereich ein wichtiges Thema. Diverse Betriebssyteme bieten unlängst Funktionalitäten für den barrierefreien Gebrauch an und stellen teilweise auch Guidelines zur barrierefreien Umsetzung an.

Android​

Die ersten Android Versionen (ab 1.6) waren alles andere als zugänglich. Mit Version 3.0 war das erste Mal eine wirkliche Verbesserung zu sehen. Seit 4.1 gibt es sogar Unterstützung für Brailzeilen „Android BrailBack”. Die integrierte Standardsoftware heißt „Talk Back” (Screen Reader). Die Gestensteuerung und Touch Exploration verbessern zusätzlich seit Android 4.0 die Barrierefreiheit.

Weiters bietet Google sehr gute Design- und Entwicklungs-Guidelines (https://developer.android.com/guide/topics/ui/accessibility/apps.html).
Zusätzlich unterstützt Google Mobile Tester bei der Validierung auf Barrierefreiheit (https://developer.android.com/training/accessibility/testing.html).

iOS

Apple setzt noch stärker als Android auf das Thema Barrierefreiheit. So werden iOS Geräte vermehrt empfohlen und gekauft – im Gegensatz zu allen anderen Smartphone Herstellern. Auch die Apple Watch ist auf Barrierefreiheit hin optimiert. Der integrierte Screen Reader von iOS heißt „VoiceOver”. Wie Android bietet auch iOS zusätzlichen Support und Möglichkeiten.

Diese basieren auf folgenden 4 Fähigkeiten:

• Hören: Unterstützung von iPhone Hörgeräten mit HQ Audio, Geräuschunterdrückung, Untertitel uvm.
• Lernen: Guided Access dient dazu um den Fokus auf den aktuellen Task zu lenken beim Verwenden eines iOS Gerätes. Es können weiters mögliche Aktionen für bestimmte Apps beschränkt werden.
• Sehen: VoiceOver (auf allen Plattformen bis zur Apple Watch), auch Braille Geräte werden unterstützt, Zoom, Kontrasteinstellungen sowie reduzierte Bewegungen sind ebenfalls integriert.
• Interagieren: Schaltersteuerung (Lautlos), Erweiterte Touch-Gesten und Assistive Touch (auch 3D Touch)

Eine Übersicht über Entwicklungs-Guidelines ist hier zu finden: https://developer.apple.com/accessibility/ios/
Auch Informationen zum Test auf Barrierefreiheit bietet Apple an: https://developer.apple.com/library/ios/technotes/TestingAccessibilityOfiOSApps/TestingtheAccessibilityofiOSApps/TestingtheAccessibilityofiOSApps.html#//apple_ref/doc/uid/TP40012619-CH2-SW2​

Da es speziell für Mobile Accessibility noch keine Standards gibt, wurde 2015 die „Mobile Accessibility Task Force” (Mobile A11Y TF) gegründet. Sie versucht Richtlinien des WCAG, WAI,.. auf mobile Endgeräte umzulegen. Einen ersten Entwurf gibt es hier: https://www.w3.org/TR/mobile-accessibility-mapping/​​​

Alle Informationen und weiterführende Links finden sich auf folgender Seite des W3C/WAI: https://www.w3.org/WAI/mobile/

The post Barrierefreiheit im Bereich Mobile appeared first on Mobile USTP MKL.

Im Rahmen des Initialprojekts
der Masterklasse Mobiles Internet 2016,
setzte ich die mobile optimierte Webseite,
namens Challenge Yourself um.

Grundidee

Die Idee hinter dem Projekt ist, dass Leute über einem QR-Code auf eine mobile optimierte Webseite gelangen, auf der sie Übungen absolvieren können. Dabei werden die Werbemittel Flyer und Button, auf denen der QR-Code eingebunden ist, eingesetzt um viele Menschen dazu zu animieren, dass sie die Webseite aufrufen. Die Webseite ist so designt geworden, dass sie den Eindruck vermittelt, es sei eine App, also für Mobile optimiert. Darauf kann sich der User dann zwischen drei verschiedenen Challenges – Sportübungen – entscheiden. Eine Übung ausgewählt, wird dem User via Illustration angezeigt wie er die Übung durchzuführen hat. Ist diese Darstellung zu wenig, hat der User noch die Möglichkeit zusätzlich ein Video anzusehen, auf dem die Übung von einem Trainer vorgemacht wird. So können alle drei Übungen durchgeführt werden und der User kann selbst bewerten, ob er die Challenge geschafft hat und ob er fit genug ist.

Erweiterung

Diese Idee kann natürlich auch beliebig erweitert werden. Grundsätzlich könnte das Projekt als Werbemittel eines Fitnessclubs, oder eines Personal Trainers umfunktioniert werden. Dabei bekommen die User nach absolvieren der Übungen einen Gutschein für ein Gratistraining, oder Rabatte auf Eintritte, Einheiten, usw. Hierfür wird das Design der Webseite angepasst und die Erweiterungen hinzugefügt.

Umsetzung

Die Werbemittel wurden mittels Illustrator umgesetzt. Die Webseite via HTML5 und dem CSS Framework Material Design Light. Auch wurde Google Analytics eingebunden, um die Zugriffe der Webseite aufzuzeichnen.

The post Print-to-Moblie: Challenge Yourself appeared first on Mobile USTP MKL.