Ich werde trotzdem den Vorgang damit und mit der Samsung Gear 360 beschreiben. Die Gear 360 ist 4 mal im Verleih vorhanden.

Ricoh Theta S

Die Ricoh Theta S kann mit jedem Smartphone verbunden werden. Einfach dafür die App downloaden:
Android und iOS

Nachdem die Kamera verbunden ist, können die Videos und Fotos am Handy angesehen werden und es zeigt an ob die Videoaufnahme gestartet oder gestoppt wurde (was auf der Kamera nicht so leicht zu erkennen ist, wenn sie auf kreative Weise aufs Stativ gebunden wird)

Das fertige Video besteht aus 2 runden Kreisen, die einen schwarzen Rand haben. Es muss nur in die Ricoh Theta Anwendung geladen werden und kann als 360 Grad Video angezeigt werden. Download für Windows und Mac

Um das bearbeitete Video zu exportieren, muss schon beim Reinziehen angegeben werden, wohin und unter welchem Namen die Datei gespeichert werden soll:

Nun kann das Video ohne Rand verwendet werden.
Um es zu bearbeiten, einfach in ein Video Bearbeitungsprogramm laden und wie jedes andere Video bearbeiten.

Wenn es auf YouTube hochgeladen werden soll, gehören noch die Metadaten eingefügt – siehe Punkt “Metadaten für YouTube”

Samsung Gear 360

Das ganze funktioniert ziemlich gleich bei Samsung, außer dass die App für das Handy nur auf den neuesten Samsung Handys und iPhones installiert werden kann. Dafür kann aber das Kamerabild direkt am Handy angezeigt werden, wenn die App installiert ist. Download für Android und iOS

Auch kann das Video nicht exportiert werden von dem Programm. Dafür ist aber das Hochladen auf YouTube und Facebook möglich! Super, danke Samsung. Ich habe das Problem gelöst, indem ich es auf YouTube hochgeladen habe und dann durch einen Converter heruntergeladen als mp4.

Download des Programms für Windows und Mac.

Die Live-Übertragung funktioniert, wenn die Kamera mit dem Kabel am Computer angeschlossen wird. Damit kann direkt an YouTube und Facebook übertragen werden. Der 360° Player zeigt alle Videos an, die ich von der Kamera hatte. Sonst konnte ich sie in keinem Player, außer dem VLC Player öffnen.

In dem Player kann die Breite des Videos eingestellt werden und durch die Icons unten und den Regler auf der Seite.

Oben rechts kann es exportiert werden auf YouTube, Facebook und Samsung VR.

Für die Erweiterung (Beitrag 360° Video Cardboard App) einfach das Video in voller Breite – ohne schwarze Ränder – auf YouTube hochladen und durch den Converter wieder als MP4 herunterladen.

Metadaten für YouTube

Damit das Video in YouTube als 360° Video erkannt wird, müssen Metadaten eingefügt werden. Diese können über den YouTube Inverter angehängt werden.

Download des Programms für Windows oder Mac.

Darin das Video öffnen, “My video is spherical (360)” auswählen und die Metadaten injecten.

Wenn es jetzt auf YouTube hochgeladen wird, kann es in den meisten Browsern als 360° Video gesehen werden. (Safari und IE unterstützen es nicht)

Auf YouTube kann es auch wie jedes andere Video bearbeitet werden, nur funktioniert das Darüberlegen von anderen Videos nicht (bei 360° nicht möglich). Ich verwende stattdessen die Info-Anzeige, um auf ein anderes Video weiterzuleiten.

Mein Video habe ich mit cooler YouTube-Free-Musik erweitert.

The post 360° Kameras & Videoaufbereitung appeared first on Mobile USTP MKL.

Es war sehr einfach und intuitiv – einfach ein Bild hochladen, das mit der Aurasma App gescannt werden soll, einen Bereich für den Marker auswählen, einen oder mehrere Overlays darüber legen und es als „Aura“ speichern. Dann muss die App heruntergeladen werden und das Bild gescannt. Somit wird automatisch das Video, Bild oder 3D Modell angezeigt.

Der Trigger ist das Bild, das erweitert werden soll. Die Erkennung funktioniert besser, je kleiner und individueller der Bereich ist.

Als Overlay können Bilder, Videos und 3D Modelle verwendet werden, wobei ich nicht herausgefunden habe, in welchem Format die Modelle sein müssen.

Im letzten Schritt sieht man dann die AURAS, welche immer das Trigger-Bild anzeigen.

Bilder, die ich erweitert habe mit anderen Bildern und Videos, könnt ihr euch hier ansehen:

Einfach die App Downloaden im Play Store (https://play.google.com/store/apps/details?id=com.aurasma.aurasma&hl=de) oder App Store (https://itunes.apple.com/at/app/hp-reveal/id432526396?mt=8) und die Bilder anvisieren. Die Gemälde sind alle von Dieter Thomas Poindl und die Erweiterungen sind selbst gezeichnet und aus Google heruntergeladen zum Testen.

http://auras.ma/s/hcnJv – Link zu meinen AURAS

Probiert habe ich die Erweiterung auch mit einem zweiten Programm: Craftar

Diese hat teilweise besser funktioniert, zumindest mit der Erkennung des Triggers und der Erweiterung mit einem 3D Model. Jedoch wird hier über das gesamte Bild ein Wasserzeichen des Programms gelegt und das Einfügen von Bildern und Videos als Overlays ist schwierig. Es wird eher Fokus auf ein 3D Model gelegt – die Bearbeitung funktioniert wie in 3D Programmen.

In diesem Fall habe ich nur das Gemälde “Fandagio” erweitert. Das hat aber nicht so gut funktioniert, da das 3D Model flackert beim Ansehen.

Screenshots der App Craftar:

The post AR Erweiterung von Gemälden appeared first on Mobile USTP MKL.

The post Lorem Ipsum appeared first on Mobile USTP MKL.

Oft kann es auch in einem Unternehmen passieren, vorallem wenn es mit vielen kleineren Projekten arbeitet, dass Projekt-Teil-Aufgaben oder Abgaben verschoben und teilweise sogar vergessen werden, sobald die Organisation nicht zu 100% beachtet wird.

Ein weiterer Punkt, der noch wichtig ist, ist eine einfache Rechnungs- und Angebotsübersicht. Manchmal werden Kostenvoranschläge nicht fertiggestellt, da sie immer weiter vor sich hergeschoben werden und somit auch kein neuer Auftrag an Land gezogen werden kann. Ähnlich wäre auch, dass einer erstellt wurde, doch nie unterzeichnet und dann in Vergessenheit geriet. Ein sehr kritischer Punkt, vorallem bei großen Projekten, wäre, dass eine Rechnung immer noch offen ist und diese nicht mehr in den Sinn kommt, da sie im „Papierkram“ untergeht.

Nun könnten natürlich MitarbeiterInnen aushelfen, die sich rein um die Organisation eines Unternehmens kümmern, jedoch müssen sie dann dementsprechend bezahlt werden, ohne die Arbeitsleistung weiter-verkaufen zu können. Außerdem bräuchten sie auch einen großen Einblick in die Agentur, was meist nicht gerne akzeptiert wird von UnternehmerInnen.

Zielgruppe

Die Zielgruppe der App sollen UnternehmerInnen aus einer kleinen bis mittleren Werbeagentur sein, welche selbst organisieren möchten und dabei etwas Unterstützung brauchen. Die Altersklassen befinden sich im Bereich von 28 bis 44 Jahren. Voraussichtlich wird die App eher Frauen ansprechen, da diese lieber selbst organisieren. Agenturen, die sich um mehrere Projekte kümmern müssen, sind zu einer hohen Wahrscheinlichkeit die Hauptnutzer, da das Konzept auf einer Werbeagentur basiert, welche genau mit solchen Problemen zu kämpfen hat.

Folgend sind Benutzerprofile aufgelistet, welche auf die Zielgruppe zutreffen und passende User beschreiben. Sie sind alle in Führungspositionen, da die App auf höhere Positionen angepasst ist und die Leitung durch gute Organisation vereinfacht wird.

Benutzerprofile

MANUELA
Leiterin einer Werbeagentur

Alter: 43 Jahre
Haarfarbe:blond
Eigenschaften:

•  Zielstrebig
•  Selbstbewusst
•  Teamfähig

PATRICK
Manager einer Werbeagentur

Alter: 35 Jahre
Haarfarbe: braun
Eigenschaften:

•  Organisiert
•  Charakterstark
•  Zukunftsorientiert

Lösungsansatz

Um diesen Problemen vorzubeugen und weitere Schwierigkeiten zu verhindern soll die Werbeagentur-App jetzt eine Lösung für diverse Organisationsabläufe schaffen, die durch verschiedene Planungsvorgänge eine einfache Übersicht über diverse Veranstaltungen, Events, Projekte, Angebote und Rechnungen bietet.

Terminplaner

• Kundentermine
• Arbeitstage der Mitarbeiter
• Veranstaltungen/Events von Firmen und Kunden
• Eigene Veranstaltung
• Projekt-Deadlines

Projektplaner

• Projektname
• Kundenname
• Auftragsstatus
• Deadlines
• Arbeitsstunden Soll/Ist

Rechnungsübersicht

• Ausständige Angebote
• Offene Angebote
• Ausständige Rechnungen
• Offene Rechnungen

The post Konzept Werbeagentur-App 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.

Über die Ortsbestimmung

Die Ortsbestimmung findet üblicherweise an Orten im Freien statt, jedoch ist sie heute auch schon im Inneren von Gebäuden möglich. Ein wichtiges und wohl das bekannteste System ist dabei das Global Positioning System (GPS), das sehr klein umgesetzt ist und daher in Smartphones und Tablets eingebaut werden kann.

Die Methoden der Ortsbestimmung sind so vielfältig wie die Fachgebiete, die sie benötigen:

• Die Reichweite geht vom Nanobereich über einige Zentimeter über 100km bis zu vielen Lichtjahren.
• Die Messmethoden sind vor allem Entfernungen, Winkel, Richtungen, Höhen und Laufzeiten.
• Die Koordinaten sind
  • 1D – Bsp. Schienenverkehr
  • 2D – geografisch
  • 3D – räumlich
  • 4D – zeitlich

Heutzutage werden Tutorials für eine Google Maps Einbindung in nativen Programmiersprachen und sogar schon für die meisten Web-App-Frameworks angeboten. Beispiele dafür sind:

Android
Google Maps iOS SDK Tutorial

Swift
Google Maps iOS SDK Tutorial

Ionic
Integrating Google Maps with an Ionic Application

PhoneGap
Integrate Google Map with PhoneGap

Eigene App

Ich habe eine kleine Applikation in Android Studio umgesetzt, die nach Restaurants, Shops, Tankstellen und Sehenswürdigkeiten in der Umgebung sucht. Durch ein Intent wird auf die Standard Navigations-App des Smartphones/Tablets zugegriffen und der aktuelle Standort, sowie die Sucheingabe übergeben.

Screenshots: Ansicht der App

Die App ist sehr einfach gehalten. Wenn sie geöffnet wird, erscheinen 4 Buttons und eine kleine Überschrift: “Erkunden Sie Ihre Umgebung!” (siehe linke/obere Abbildung)

Jeder der Buttons öffnet eine eigene Google Suche, die die aktuelle Position übernimmt und dort nach dem vorbestimmten Suchwort sucht – in diesem Fall “Restaurants”, “Shops”, “Tankstellen” und “Sehenswürdigkeiten”.

Rechts ist ein Screenshot zu sehen, welcher nach Restaurants in der Umgebung sucht über Google Maps (in diesem Fall wurde der erste Button am rechten/unteren Screenshot gedrückt).

Android mapIntent

Begonnen wurde die App mit einer Empty Activity in Android Studio. In der xml-Datei im Ordner “layout” habe ich die Buttons erstellt und auch gestaltet.

<Button
    android:id="@+id/restbutton"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="RESTAURANTS"
    android:background="@drawable/restaurant"
    android:layout_below="@+id/textView"
    android:layout_marginBottom="4dp"/>

Die id wurde nach der Funktion gewählt, dann die Breite mit layout_width angepasst an das Gerät des Users und die Höhe mit layout_height an den Content.
Der text definiert, was im Button steht, der background hingegen gibt hier das Hintergrundbild an. Das Dateiformat anzuführen ist in Android Studio nicht notwendig.
Mit layout_below wird definiert, dass sich dieser Button unter dem textView befindet.
Abschließend noch ein kleiner Rand unten durch layout_marginBottom, damit die Buttons nicht direkt nacheinander angezeigt werden.

In der MyActivity.java wurde daraufhin die Funktion des Buttons festgelegt. Das habe ich mit folgendem Code gemacht:

final Button buttonrest = (Button) findViewById(R.id.restbutton);
buttonrest.setOnClickListener(new View.OnClickListener() {
    public void onClick(View v) {
        Uri gmmIntentUri = Uri.parse("geo:0,0,17z?q=restaurants");
        Intent mapIntent = new Intent(Intent.ACTION_VIEW, gmmIntentUri);
        mapIntent.setPackage("com.google.android.apps.maps");
        startActivity(mapIntent);
    }
});

Hier wird erst mal ein neuer Button (buttonrest) erstellt, durch die id unseres Buttons: restbutton.
Daraufhin wird definiert, was passiert, wenn der Button aufgerufen wird durch den setOnClickListener.
Die Uri übergibt die Werte an die installierte geographic-locations-App auf dem Handy (geo). Dabei beziehen sich die Werte nach dem geo-Befehl auf die aktuelle Position (0,0), den Zoomfaktor, welcher hier sehr nah ausgerichtet ist (17z) und das Suchwort (restaurants).
Die Werte können hier je nach Bedarf geändert werden. Die Position beinhält den Latitude- und Longitude-Wert, welche in Google Maps in der Url-Leiste direkt angezeigt werden und da auch leicht herauszulesen sind.

Bsp.: Die FH St. Pölten hat die Werte Lat:48.2138999 und Lng:15.6297015 – somit würde eingegeben werden

        Uri gmmIntentUri = Uri.parse("geo:48.2138999,15.6297015,17z?q=restaurants");

damit der Link zu Restaurants in der Nähe der FH navigiert.

Der Intent greift auf den Uri-Befehl zu und startet hier Google Maps. startActivity startet den Intent.

The post Location-based Services in Apps appeared first on Mobile USTP MKL.