Bouw snel en eenvoudig een eigen mobile Virtual Reality app
Deze handleiding is opgesplitst in twee delen.
Deel 1: Hoe gebruik je het Smart2VR CMS? Deel 2: Hoe gebruik je de Virtual Reality app?
Deel 1: Hoe gebruik je het Smart2VR CMS? Om de app te personaliseren maak je gebruik van de instel mogelijkheden in de back-end. Volg deze handleiding om uitleg te krijgen over de belangrijkste mogelijkheden. In het CMS systeem is ook uitleg weergeven, klik daarvoor op het blauwe informatie icoontje.
Tabblad App
!
LET OP: Na het publiceren is het niet meer mogelijk de volgende velden te wijzigen; -
Name app
-
Description App Stores
-
Keywords App Stores
Deze velden zijn na publicatie licht grijs en niet meer bewerkbaar. Ook zijn de app icon en screenshots van de app na publicatie niet meer te wijzigen. De app icon wordt gemaakt van het logo dat wordt ge-upload bij ‘App menu logo’. Voor de screenshots van de app gebruiken wij de content die is ge-upload. Het is wenselijk om de volgende bestanden te uploaden: minimaal 3x een gewone afbeelding bij het tabblad objects en minimaal 2x een 360 graden foto / visual bij het tabblad VR images. Als er te weinig bruikbare content wordt ge-upload gebruiken wij algemene screenshots voor de app. Handleiding: Smart2VR platform
2
Name app Kies een naam van de app zoals deze op het startscherm van de telefoon / tablet en in de store(s) wordt weergegeven. Hiervoor adviseren wij ongeveer 11 tekens te gebruiken, zodat de naam volledig zichtbaar is op de telefoon van de gebruiker. Description App Stores Gebruik in de description de keywords waarop jullie gevonden willen worden. Onze tip: voorkom dat het als spam wordt gezien door zoekwoorden niet vaker dan 5 keer te gebruiken. Belangrijk is om de description voor de gebruiker te schrijven, dus zo min mogelijk opsommingen maar maak gebruik van volledige zinnen. Voorbeeld van een app beschrijving van Olsthoorn makelaars De app van Olsthoorn Makelaars geeft een deel van ons aanbod nieuwbouw- en bestaande woningen weer in virtual reality. Zo kunt u op elk gewenst moment, voorafgaand aan de bezichtiging, na de bezichtiging of na het nieuwbouwgesprek de woning ‘live’ bekijken. De app is ook geschikt om de woning aan familie of vrienden te tonen. Het is een unieke manier om een realistisch beeld te krijgen van de woning, het beeld zal niet een bezichtiging vervangen. De virtual reality app geeft een geheel andere beleving als een woning bekijken op Funda. Op deze manier krijgt u een bijna echte ervaring, met de bij ons (gratis) verkrijgbare 'cardboard VR bril’, in virtual reality. Of u kunt met uw smartphone of tablet in 2D een rondje maken in de woning. Hoe werkt het? Download de app, ga naar het hoofdmenu en klik op uitleg. Veel plezier, en mocht u, uw woning ook op deze manier willen verkopen, neem gerust contact met ons op! U kunt ook contact opnemen voor het aanvragen van een ‘cardboard VR bril’.
Ga voor meer voorbeeld beschrijvingen naar de Google Play Store of Apple Store. Google Play Store (Android): https://play.google.com/store/apps/dev?id=7656499937445857460 Apple Store (iOS): https://itunes.apple.com/nl/developer/smart2it/id882596232 Handleiding: Smart2VR platform
3
Keywords App Stores Geef de belangrijkste zoekwoorden door waarmee gebruikers de app kunnen vinden in de app store(s). Gebruik hiervoor maximaal 100 tekens en sluit de app naam uit in de zoekwoorden, plaats een komma tussen de zoekwoorden om ze te scheiden en gebruik ieder zoekwoord 1 keer. App menu logo & App welcome screen Op de afbeelding hieronder is het app menu logo weergegeven. Voor dit menu kan een andere afbeelding ge-upload worden dan voor het app welcome screen. Het app welcome screen is het scherm dat de gebruiker te zien krijgt als de app wordt opgestart.
Handleiding: Smart2VR platform
4
Background color De achtergrond kleur is de kleur die je om de foto’s ziet. Zie onderstaande afbeelding met de rood aangegeven lijnen.
Handleiding: Smart2VR platform
5
Font color & Menu color De kleur van het lettertype in het menu kan gewijzigd worden en wordt de font color genoemd. Bij menu color kan de kleur van de menubalk worden aangepast. Zie de afbeelding hieronder.
Handleiding: Smart2VR platform
6
Tabblad Objects
Het object kan bewerkt worden door te klikken op ‘Edit’.
Wachtwoord functionaliteit Op object niveau is het mogelijk een wachtwoord te gebruiken. Hiermee is het mogelijk om bepaalde objecten (nog) niet openbaar in de app te tonen. Je mag zelf een wachtwoord formuleren, enige voorwaarde is dat het wachtwoord 4 tot 10 karakters bevat. In de app kan de gebruiker in de zoekbalk het wachtwoord gebruiken. Alleen als het wachtwoord correct wordt ingetypt wordt het object getoond. Het wachtwoord is hoofdletter gevoelig. De wachtwoord functionaliteit is alleen beschikbaar voor apps vanaf versie 1.0.29 Je kunt de versie van je app in de app zien bij instellingen (in het menu van de app). Het versie nummer staat linksonder in het instellingen scherm. Neem contact met ons op als je interesse hebt voor de wachtwoord functionaliteit en je niet over de juiste versie beschikt. Handleiding: Smart2VR platform
7
Uploaden hoofdfoto Bij het aanmaken van een object is het mogelijk om direct een hoofdfoto te kiezen. Dit is geen 360 graden foto maar een gewone foto of visual en wordt als object afbeelding getoond. Het is verplicht een objectfoto te uploaden anders worden de VR images niet in de app getoond. Uploaden audio Het is mogelijk om audio (MP3) in te stellen per object en per foto. Als je een audio track upload voor een object, wordt het geluid afgespeeld voor alle 360 graden foto’s / visuals van dat object. Als je een audio track upload naar een foto (zie tabblad VR Images) dan wordt dat specifieke geluid afgespeeld tijdens het bekijken van die ene foto / visual. Met andere woorden, image audio overrules object audio. De maximale grootte van het audio fragment mag 10 MB zijn.
!
LET OP: Het is belangrijk audio fragmenten te uploaden die vrij zijn van copyright. Schending van copyright is strafbaar. Smart2VR verwijderd de app als blijkt dat er gebruik wordt gemaakt van auteursrechtelijk beschermde opnamen.
De audio functionaliteit is alleen beschikbaar voor apps vanaf versie 1.0.42 Je kunt de versie van je app in de app zien bij instellingen (in het menu van de app). Het versie nummer staat linksonder in het instellingen scherm. Neem contact met ons op als je interesse hebt voor de audio functionaliteit en je niet over de juiste versie beschikt.
Handleiding: Smart2VR platform
8
Tabblad VR Images
De VR image kan bewerkt worden door te klikken op ‘Edit’.
Uploaden stereoscopische afbeeldingen Je kunt eenvoudig twee aparte afbeeldingen uploaden, een voor het linker en een voor het rechteroog. Als je gebruik wilt maken van deze functionaliteit is het belangrijk om eerst het linker oog te uploaden en vervolgens via de ‘edit’ knop de foto voor het rechter oog toe te voegen. Hanteer de volgende richtlijnen voor een correcte vertoning van de stereoscopische afbeeldingen: -
Upload een afbeelding met een aspect ratio van 2:1, aanbevolen in 4096 x 2048 pixels (minimum 2048 x 1024 pixels) in een JPG of PNG formaat, met een maximale grootte van 160 MB.
-
Als er geen rechteroog afbeelding is geüpload wordt de linkeroog afbeelding voor beide ogen getoond in de VR app.
Handleiding: Smart2VR platform
9
Webviewer: Embed & Hyperlink image code
De Embed & Hyperlink code zijn codes die je kunt gebruiken als webviewer op je website. Kopieer de code van de afbeelding die je wilt en plaats deze op je website. Elke 360 afbeelding heeft unieke codes. De Embed image code gebruik je om de gehele 360 graden afbeelding te tonen.
De Hyperlink image code gebruik je als je alleen een link wilt plaatsen naar de 360 graden afbeelding. De tekst ‘Open 360 viewer’ kun je aanpassen naar een eigen gewenste tekst zoals in ons voorbeeld ‘Fullscreen’.
Handleiding: Smart2VR platform
10
Deel 2: Hoe gebruik je de Virtual Reality app?
1: Hoofdmenu - Objecten Je bedrijfsnaam
Dit is een overzicht van de objecten. Een object kan bijvoorbeeld een woning zijn. Je ziet hier foto en als je er op klikt worden de 360 graden foto’s getoond.
Met de button / pijl in de rechterbovenhoek kun je de app vernieuwen. Klik op de button in de linkerhoek om naar het submenu te gaan. Wanneer je klikt op dit icoon bezoek je de website. Figuur 1: H oo fdm enu - Objec ten
2: Submenu Je eigen logo
Dit is het submenu met je eigen logo. Je kunt hier je profiel bekijken. Als je klikt op ‘main menu’ of met je vinger beweegt van rechts naar links ga je terug naar de objecten.
Figuur 2: S ubm enu
Handleiding: Smart2VR platform
11
3: Posities Klik op een object en bekijk de posities. In dit voorbeeld zie je posities van Villa France. Selecteer bijvoorbeeld de eetkamer en kijk rond in deze ruimte. Het is mogelijk om 5 posities per object te uploaden. Met de pijl aan de linkerkant ga je terug naar de objecten / woningen. Gebruik de button in de rechterboven hoek om de app te vernieuwen.
Figuur 3: Posities
4: Virtual Reality Wanneer je klikt op een object kun je Virtual Reality ervaren. De afbeelding hiernaast laat de VR-modus zien (die wordt gebruikt met een cardboard). Met de blauwe buttons kun je Figuur 4: VR-modus
naar de volgende of vorige positie gaan.
Ga naar de tablet modus Klik op de video button om te kiezen voor de touch modus (alleen beschikbaar in de tablet modus) Ga naar de VR-modus Handleiding: Smart2VR platform
12
5: Contact Je eigenlogo
In het submenu kun je naar de contact pagina. Wanneer je klant contact met je op wil nemen omdat hij zijn droomhuis heeft gevonden is het
Je adres Telefoonnummer E-mail Website
wenselijk dat hij/zij direct over je adres, telefoonnummer, e-mail adres en website beschikt.
Figuur 5: C onta ct pagin a
6: Social Media Het is gemakkelijk om via de Virtual Reality app te verwijzen naar je Social Media accounts. Zo kan een bezoeker direct worden verwezen naar bijvoorbeeld je Facebook-pagina.
Figuur 6: Social Media
Handleiding: Smart2VR platform
13
7: Tutorial Deze tutorial legt uit hoe je de Virtual Reality app kunt gebruiken. Stap 1: Selecteer een object en positie; Stap 2: Plaats de telefoon in de cardboard; Stap 3: Gebruik de magneet aan de zijkant om naar de volgende positie te gaan; Stap 4: Als je de ‘volgende’ of ‘vorige’ button ziet kun je switchen van positie. Als je de button niet kan vinden kun je naar de grond kijken en focussen op de button.
Figuur 7: Tutorial
Handleiding: Smart2VR platform
14
Contact Heb je na het lezen van deze instructie vragen of opmerkingen? Laat het ons weten. We helpen je graag!
Smart2IT Diamantstraat 3 7554 TA Hengelo E-mail:
[email protected] Telefoonnummer: + 31 (0) 74 – 303 14 14
Handleiding: Smart2VR platform
15