23
VBoard David Moreno @dlumbrer1 [email protected] & [email protected] Making web dashboards in 3D and VR FOSDEM’19 Lightning talk Brussels - 2019-02-02 https://dlumbrer.github.io/VBoard

Brussels - 2019-02-02 FOSDEM’19 Lightning talk · 2019. 4. 15. · VBoard David Moreno @dlumbrer1 [email protected] & [email protected] Making web dashboards in 3D and VR

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Brussels - 2019-02-02 FOSDEM’19 Lightning talk · 2019. 4. 15. · VBoard David Moreno @dlumbrer1 dmoreno@bitergia.com & dmorenolumb@gmail.com Making web dashboards in 3D and VR

VBoard

David Moreno@[email protected] & [email protected]

Making web dashboards in 3D and VR

FOSDEM’19 Lightning talk Brussels - 2019-02-02

https://dlumbrer.github.io/VBoard

Page 2: Brussels - 2019-02-02 FOSDEM’19 Lightning talk · 2019. 4. 15. · VBoard David Moreno @dlumbrer1 dmoreno@bitergia.com & dmorenolumb@gmail.com Making web dashboards in 3D and VR

/structure

Page 3: Brussels - 2019-02-02 FOSDEM’19 Lightning talk · 2019. 4. 15. · VBoard David Moreno @dlumbrer1 dmoreno@bitergia.com & dmorenolumb@gmail.com Making web dashboards in 3D and VR

/structure

Page 4: Brussels - 2019-02-02 FOSDEM’19 Lightning talk · 2019. 4. 15. · VBoard David Moreno @dlumbrer1 dmoreno@bitergia.com & dmorenolumb@gmail.com Making web dashboards in 3D and VR

Existing tools Proprietary/open

Page 5: Brussels - 2019-02-02 FOSDEM’19 Lightning talk · 2019. 4. 15. · VBoard David Moreno @dlumbrer1 dmoreno@bitergia.com & dmorenolumb@gmail.com Making web dashboards in 3D and VR

Existing tools Proprietary/open

Known frameworksHigh LevelWeb environmentAvoid Walled Garden

Page 6: Brussels - 2019-02-02 FOSDEM’19 Lightning talk · 2019. 4. 15. · VBoard David Moreno @dlumbrer1 dmoreno@bitergia.com & dmorenolumb@gmail.com Making web dashboards in 3D and VR

Complex system of data visualization in 3D and VR/introduction

Page 7: Brussels - 2019-02-02 FOSDEM’19 Lightning talk · 2019. 4. 15. · VBoard David Moreno @dlumbrer1 dmoreno@bitergia.com & dmorenolumb@gmail.com Making web dashboards in 3D and VR

/introduction

https://aframe.io/

Page 8: Brussels - 2019-02-02 FOSDEM’19 Lightning talk · 2019. 4. 15. · VBoard David Moreno @dlumbrer1 dmoreno@bitergia.com & dmorenolumb@gmail.com Making web dashboards in 3D and VR

/installation

Repository

Releases

Docker

Repo: https://github.com/dlumbrer/VBoard

Page 9: Brussels - 2019-02-02 FOSDEM’19 Lightning talk · 2019. 4. 15. · VBoard David Moreno @dlumbrer1 dmoreno@bitergia.com & dmorenolumb@gmail.com Making web dashboards in 3D and VR

/init

Page 10: Brussels - 2019-02-02 FOSDEM’19 Lightning talk · 2019. 4. 15. · VBoard David Moreno @dlumbrer1 dmoreno@bitergia.com & dmorenolumb@gmail.com Making web dashboards in 3D and VR
Page 11: Brussels - 2019-02-02 FOSDEM’19 Lightning talk · 2019. 4. 15. · VBoard David Moreno @dlumbrer1 dmoreno@bitergia.com & dmorenolumb@gmail.com Making web dashboards in 3D and VR

/structure

Page 12: Brussels - 2019-02-02 FOSDEM’19 Lightning talk · 2019. 4. 15. · VBoard David Moreno @dlumbrer1 dmoreno@bitergia.com & dmorenolumb@gmail.com Making web dashboards in 3D and VR

https://youtu.be/g7nqrcVOPH0

Page 13: Brussels - 2019-02-02 FOSDEM’19 Lightning talk · 2019. 4. 15. · VBoard David Moreno @dlumbrer1 dmoreno@bitergia.com & dmorenolumb@gmail.com Making web dashboards in 3D and VR

/dashboard

https://youtu.be/wPOU13b_HsU

Page 14: Brussels - 2019-02-02 FOSDEM’19 Lightning talk · 2019. 4. 15. · VBoard David Moreno @dlumbrer1 dmoreno@bitergia.com & dmorenolumb@gmail.com Making web dashboards in 3D and VR

/show

Page 15: Brussels - 2019-02-02 FOSDEM’19 Lightning talk · 2019. 4. 15. · VBoard David Moreno @dlumbrer1 dmoreno@bitergia.com & dmorenolumb@gmail.com Making web dashboards in 3D and VR

/VR or full screen

Page 16: Brussels - 2019-02-02 FOSDEM’19 Lightning talk · 2019. 4. 15. · VBoard David Moreno @dlumbrer1 dmoreno@bitergia.com & dmorenolumb@gmail.com Making web dashboards in 3D and VR

Change environment

Rotation of the charts

Free movement

Interaction

Augmented Reality (AR)

And… (future)Scale..More interaction…Platform...

/customize

https://dlumbrer.github.io/VBoard

Page 17: Brussels - 2019-02-02 FOSDEM’19 Lightning talk · 2019. 4. 15. · VBoard David Moreno @dlumbrer1 dmoreno@bitergia.com & dmorenolumb@gmail.com Making web dashboards in 3D and VR

/demoVR

https://dlumbrer.github.io/VBoard/static_vr_(bitergia/grimoirelab/openstack)/index.html

Bitergia data

GrimoireLab data

Openstack data

Page 18: Brussels - 2019-02-02 FOSDEM’19 Lightning talk · 2019. 4. 15. · VBoard David Moreno @dlumbrer1 dmoreno@bitergia.com & dmorenolumb@gmail.com Making web dashboards in 3D and VR

/demoAR

https://dlumbrer.github.io/VBoard/static_ar/index.html

Page 19: Brussels - 2019-02-02 FOSDEM’19 Lightning talk · 2019. 4. 15. · VBoard David Moreno @dlumbrer1 dmoreno@bitergia.com & dmorenolumb@gmail.com Making web dashboards in 3D and VR

/infoVBoard is hosted on GitHub: https://github.com/dlumbrer/VBoard

GPL-3.0 License

README.md with general information and installation steps

USER_GUIDE.md with the user guide of the application

Docker images on Docker-hub: https://hub.docker.com/r/dlumbrer/vboard/

dlumbrer/vboard:aframedc for the A-FrameDC version

dlumbrer/vboard:threedc for the ThreeDC version

How to generate 100% libre and open source QR’s and markers for AR:

https://jgbarah.github.io/aframe-playground/ar-02/

More tutorials for A-Frame at https://jgbarah.github.io/aframe-playground

Page 20: Brussels - 2019-02-02 FOSDEM’19 Lightning talk · 2019. 4. 15. · VBoard David Moreno @dlumbrer1 dmoreno@bitergia.com & dmorenolumb@gmail.com Making web dashboards in 3D and VR

GrimoireLab

BitrergiaAbout

Bitergia

Page 21: Brussels - 2019-02-02 FOSDEM’19 Lightning talk · 2019. 4. 15. · VBoard David Moreno @dlumbrer1 dmoreno@bitergia.com & dmorenolumb@gmail.com Making web dashboards in 3D and VR

Data retrieved using GrimoireLab

https://chaoss.github.io/grimoirelab/

Page 22: Brussels - 2019-02-02 FOSDEM’19 Lightning talk · 2019. 4. 15. · VBoard David Moreno @dlumbrer1 dmoreno@bitergia.com & dmorenolumb@gmail.com Making web dashboards in 3D and VR

bitergia.com

Page 23: Brussels - 2019-02-02 FOSDEM’19 Lightning talk · 2019. 4. 15. · VBoard David Moreno @dlumbrer1 dmoreno@bitergia.com & dmorenolumb@gmail.com Making web dashboards in 3D and VR

David Moreno@dlumbrer1

Front end and Researcher at Bitergia

[email protected]@gmail.com

Thanks!

https://dlumbrer.github.io/VBoard