El documento describe el proyecto VR INFOGRAPHIC, un proyecto del Programa de Innovación de Google DNI que tiene tres objetivos: 1) crear un mercado para infografías inmersivas, 2) desarrollar una plataforma de producción para infografías en diferentes dispositivos, y 3) analizar nuevos formatos y narrativas inmersivas. El proyecto se realiza en colaboración con El País y extenderá a otras empresas del Grupo Prisa.

1. VR_infographics
Javier Lasa Prisa tecnologia Area multiedia
Madrid | November 30 - December 1, 2018

2. VRInfographics
VR /RM /AR
NOV / 2018

3. Workplan (2017-2018)1 VR-INFOGRAPHICS
El Proyecto VR INFOGRAPHIC es un proyecto del Programa de Innovación
Google DNI que tiene tres objetivos:
Crear un Marketplace de venta e intercambio de conocimiento sobre
infografías inmersivas
Desarrollar una plataforma de producción que integre el diseño y la
producción de infografías hacia entornos multidispositivo: medios
impresos, móviles, televisión y experiencias inmersivas video 360 y VR de
forma unificada.
Analizar nuevos formatos y narrativas inmersivas, reduciendo los tiempos
de producción ,integrando nuevos formatos de comercialización
El proyecto se realiza en colaboración con El País y se extenderá al resto de
empresas del Grupo (As proyecto data sport , radio).Fechas Proyecto:
01/10/2017 al 1/10/2018

4. VR-INFOGRAPHICS GOOGLE DNI – 20/04/2017 4
UNIFICACIÓN HERRAMIENTAS

5. VR-INFOGRAPHICS GOOGLE DNI – 20/04/2017 5
CASOS DE USO
CASO DE USO 1
DESARROLLO INFOGRAFIAS SENCILLA CON DATOS EN TIEMPO REAL (EJEMPLO EL TIEMPO RESULTADOS DEPORTIVOS9
CASO DE USO 2
DESARRLLO INFOGRAFIAS DE NOTICIA ULTIMA HORA
CASO DE USO 3
DESARROLLO ENTRONO EVENTO DE GRAN ALCANCE (ELECCIONES, OLIMPIADAS , FINAL CAMPEONATOS)
CASOS DE USO

6. IMS
Worflow VRINFOGRAPHICS
PEP
ARAPI
EL PAIS APP (mobile)
VRINFOGRAPHICS
VR - SDK
VRINFOGRAPHICS
AR - SDK
XML
Data Service
VRINFOGRAPHICS
Market Place
Players (video)
Players (video 360º)
Players VR WebGL
ASSETS
MAPI

7. WrapperM2 FAPI
VRInfographics
Provider { Assets: }
GLTF
Settings
Data Services
VR PLAYER
Controllers
Controller
VR Controller
360º image + hotspot
360º video + hotspot
WebGL / WebVR
WebGL / WebVR + video HLS
CSS3D
Virtual tours
Library / API
AFRAME
Google Poly
Events
YouTube Controller
Video
Video 360º
HTML5 Controller
Video
Load files
Params
External Scripts
• externalDataServices
• externalAudio
• UpdateFrequency
• BrandingLogo
• ADconfigs
• Outputs
• mediaBegin
• mediaend
• play
• pause
• Stop
• Seek
• StarCamera
• Etc…
Estadisticas Marcado
Instancia independiente
{}
Instance
{}
• Player
• PlayList
VR
Player
Video
TXT
VR
(WebGL,WebVR,css3)
VR Player Play List
VR
(escena 1,2,3..)
PlayList scenes
IMA3
PreRoll/PostRoll
VRINFOGRAPHICS WorkFlow VR player
Framework bajo Unity
Desarrollo NodeJS
BD No SQL
Formatos FBX-GLTF

8. 2 Proyectos VR
Project management
Los proyectos son de 2 tipos:
❖ Proyectos de Realidad Virtual
❖ Infografia VR
Los proyectos pueden gestionar
los estados a través de la
interfaz o también pueden
gestionarse mediante API
Assets Library
La biblioteca es compatible con
los estándares de la industria
en formatos 3D y VR.

9. Breaking News
(Infocompositor + Playlist M2)
4 Front end - VR Player
Breaking News (Infocompositor + Playlist M2)

10. Breaking News
(Infocompositor + Playlist M2)
4 Front end - VR Player
Breaking News (Infocompositor + Playlist M2)

11. Lista, los 40 al 1 (audio , video)
Data service
40 (XML)
4 Front end - VR Player

12. 4 Front end - VR Player

13. 4 Front end - VR Player

14. Infographics editor
Una vez dentro del
infocompositor, encontrará las
características de un editor, una
barra de herramientas a la
izquierda, un panel de edición
en el centro y los activos y sus
características a la derecha.
Toolbar
Preview & Export
Assets features
4 Infocompositor

15. Caracteristicas:
Un ejemplo de las caracteristicas
de los tipos de cámara son
❖ Nombre
❖ Posición
❖ Rotación
❖ Escala
❖ Campo de visión
❖ Cerca
❖ Lejos
5 Infocompositor

16. Ejemplos
5 Infocompositor

17. Cartografía con relieve
5 Infocompositor

18. Alineación equipos de
futbol
5 Infocompositor

19. Datos estadisticos a
partir de un fichero CSV
5 Infocompositor

20. El primer paso que tendrá que tomar el usuario al acceder a la
aplicación será elegir entre la sección Realidad Aumentada o la
sección Realidad Virtual.
Prisa está preparada para desarrollar una aplicación móvil y una
aplicación VR HMD nativa que permitirá a los diferentes usuarios de
sus medios, como los periódicos El País y AS, disfrutar de contenido
inmersivo.
Esta aplicación permitirá a los usuarios ver infografías creadas con la
herramienta Infocompositor VR, contenido de 360 ​​°, videos e
imágenes y contenido 2D en entornos inmersivos generados en Prisa.
6 VR – Display Apps

21. Augmented reality
Si el usuario opta por la opción AR y el
dispositivo lo admite, la cámara se abrirá
para escanear los diferentes marcadores
que se incluirán en la prensa escrita y en
los diferentes sitios web. Estos
marcadores, una vez leídos, mostrarán la
infografía, el objeto o el contenido
multimedia asociado.
6 VR – Display Apps

22. Thank
you!!