Presentacion sobre Web Inmersiva (Feb 2018)

1. Web Inmersiva
@diekus

2. Diego González
‘Defensor del desenvolupador’

4. • Basado en Chromium
• Navegador para Android
• Navegador “siempre verde”
• Versión 6.4 estable
• Anunciada v 7.0 en MWC

6. • Protected browsing
• Web Assembly
• Web Engine Upgarde (v 59)

7. Web Inmersiva
immers -a
adj. [LC] Immergit, en sentit figurat. Ens vam trobar immersos en una
multitud. Immers en un mar de dubtes.
(diccionari de la llengua catalana)
inmerso, sa
1. adj. Sumergido en algo. U. t. en sent. fig.
(Real Academia Española)

8. inmersión
Realidad Virtual / Realidad Aumentada

9. realidad virtual
usos
marcas
hardware
software
sdk/dev
Microsoft Store
Mobile SDK PC SDK

10. 0 DoF 3 DoF 6 DoF
tipos de realidad virtual

11. • Orientación
• Posición
• Distintos metodos de entrada
• Recursos 360 °
• Inmersiva
expectativa derealidadvirtual

12. • Orientación
• Posición
• Distintos metodos de entrada – fragmentacion
• Recursos 360° - creacion de contenido accessible para usuarios
• Inmersiva – que define la inmersion?
parcial
realidadde realidadvirtual

13. ¿ideas para aliviar?

14. ¿web?
The WebXR Device API provides access to input and output capabilities commonly associated
with Virtual Reality (VR) and Augmented Reality (AR) hardware like Google’s Daydream, the
Oculus Rift, the Samsung Gear VR, the HTC Vive, and Windows Mixed Reality headsets.
More simply put, it lets you create Virtual Reality and Augmented Reality web sites that you can
view with the appropriate hardware like a VR headset or AR-enabled phone.

15. algunasideas al respecto
que al menos algo sirva en todo
(progressive enhancement)

16. algunasideas al respecto- LIMITE
que al menos algo sirva en todo
(progressive enhancement)

17. algunasideas al respecto
aprovechemos los recursos del
navegador
Voz Bluetooth Mandos Notificaciones Offline Web Física

18. De un objeto físico al navegador a la
pantalla de inicio al casco.
algunasideas al respecto- LIMITE

19. algunasideas al respecto
Combinemos dispositivos.
+ +

20. algunasideas al respecto- LIMITE
Combinemos dispositivos.
+ + + =
Experiencia de 6DoF con rastreo de cuerpo completo, reconocimiento de dedos y herramienta.

21. algunasideas al respecto
experiencias accessibles
“Accessibility is more than giving people with disabilities access to a service. It’s easy of use as well”
-Sareh Heidari

22. socialalcance inmediatezdescubrir
caracteristicas deseables
en una experienciaVR

23. Ejemplos

24. Ava, by Achavanich Beaker Burial and
Samsung Internet
https://samsunginter.net/ava

25. “it’s so full of niceness”
Explorathon, September 2017
Museum of Scotland
“it’s so full of niceness”

26. Finding Ava
Roomscape-type experience that teaches the
archaeological process in the field.

27. Physical Web
QR Codes
ProgressiveWeb Apps

28. Progressive enhancement
WebVR Tower Defender (https://webvr-defender.glitch.me)
@utopiah@thomasbalou @diekus

29. AirHorner
VR
http://bit.ly/airhornvr

30. Networked
A-Frame
WebRTC
PEERJS
@diekus, @uveavanto, @poshaughnessy

31. bit.ly/hollywood-bubble bit.ly/penca-beach bit.ly/gardens-Singapore

32. OtherWebVR experiences:
• A-Painter
• The Stahl House by Paragram
• DunkirkWebVR game
• Vividly
• LCD Sound System

33. 2- Nuevos flujos de trabajo1- Nuevos navegadores 3- Nuevo eje
Entendemos loquees VRen laWeb,pero,¿la Web en VR?

34. 1- Nuevos navegadores

35. 2- Nuevos flujos de trabajo

36. 3- Nuevo eje
@BilyanaVacheva

37. Web + XR =
• DemocratizarVR
• Ayudar a la comoditización de XR
• Utilizar una pila de tecnología flexible
• Habilita experiencias innovadoras
socialreach
ubiquitous/immediatediscoverability
enresumen

38. @diekus @samsunginternet
eat. sleep.VRowse. repeat