Talk @FH Hagenberg - Data viz in a collaborative mixed reality space
•Download as PPTX, PDF•
0 likes•63 views
Slides of my talk the university of applied sciences in Hagenberg/upper austria
Recommended
More Related Content
What's hot
What's hot (15)
Similar to Talk @FH Hagenberg - Data viz in a collaborative mixed reality space
Similar to Talk @FH Hagenberg - Data viz in a collaborative mixed reality space (20)
Recently uploaded
Recently uploaded (20)
Talk @FH Hagenberg - Data viz in a collaborative mixed reality space
- 2. DATAVIZ IN A COLLABORATIVE MIXED REALITY SPACE
- 4. Confidential 4 @wassx Stefan Wasserbauer • Graduated 2011InteractiveMedia Hagenberg • Frontend Dev / InteractionDesign @DynatraceLinz • Interactivedataviz with d3js • Last 2 yearsdataviz in3D
- 5. 5Confidential Dynatrace explained to my parents
- 6. Confidential 6 Dynatrace „sees“what‘s the cause when your page/web service/iot/infrastructure is: veryslow broken notloading
- 7. 7Confidential „Which line of code caused a frustrating user experience on an iOS 11 with LTE in Indonesia for our web checkout at 11:15am on which (virtual) host hosted in which datacenter .... “ Dynatrace
- 9. 9Confidential Dynatrace Lots of data and dimensions
- 10. Confidential 10 Credit:vladimirfloyd - Fotolia
- 12. Confidential 12© 2018 James Brocklebank. All rights reserve
- 13. Confidential 13
- 14. Confidential 14
- 17. Confidential 17
- 18. Confidential 18
- 19. Confidential 19 confidential Perform 2018 Las Vegas
- 26. Confidential 26 confidential Next steps • Usereal data from public DynatraceAPI • Stable multi-usersessions, extend to virtual reality • EAP ready– customers should beable to see their data • Rethinkinteractions, use cases, visualizations,…
- 41. Confidential 41 confidential DesignChallenges • Colors hardto distinguish in holograms (light) • Readability of font • Space /Environment • Level of detail
- 43. Confidential 43 confidential Lessons learned • Data viz in 3D quitechallenging
- 44. Confidential 44 confidential Lessons learned • Data viz in 3D quitechallenging • Use real data as soon as possible
- 45. Confidential 45 confidential Lessons learned • Data viz in 3D quitechallenging • Use real data as soon as possible • Real data is beautiful
- 46. Confidential 46 confidential Lessons learned –Real dataisbeautiful
- 47. Confidential 47 confidential Lessons learned • Data viz in 3D quitechallenging • Use real data as soon as possible • Real data is beautiful • Usespace to create mental model for complex information
- 49. Confidential 49 confidential Lessons learned • Data viz in 3D quitechallenging • Use real data as soon as possible • Real data is beautiful • Usespace to create mental model for complex information • Fluid navigation throughdata dimensions. Context is king.
- 51. Confidential 51 confidential Lessons learned • Data viz in 3D quitechallenging • Use real data as soon as possible • Real data is beautiful • Usespace to create mental model for complex information • Fluid navigation throughdata dimensions. Context is king. • High acceptance of holograms. Immersionindata.
- 52. Confidential 52 confidential Lessons learned • Data viz in 3D quitechallenging • Use real data as soon as possible • Real data is beautiful • Usespace to create mental model for complex information • Fluid navigation throughdata dimensions. Context is king. • High acceptance of holograms. Immersionindata. • Collaboration for distributed teams
- 56. Confidential 56 confidential Lessons learned • Data viz in 3D quitechallenging • Use real data as soon as possible • Real data is beautiful • Usespace to create mental model for complex information • Fluid navigation throughdata dimensions. Context is king. • High acceptance of holograms. Immersionindata. • Collaboration for distributed teams • Space and time independent
- 57. Confidential 57
- 58. Confidential 58 confidential Lessons learned • Data viz in 3D quitechallenging • Use real data as soon as possible • Real data is beautiful • Usespace to create mental model for complex information • Fluid navigation throughdata dimensions. Context is king. • High acceptance of holograms. Immersionindata. • Collaboration for distributed teams • Space and time independent • Givethe user SUPERPOWERS!
- 61. Confidential 61 Infrastructure forMultiUser Dynatrace MXR - API User A First client acts as „Master Client“. It can be made responsible for handling logic that should only be executed by one client in a room. Requests user details, workspace list and details, triggers data query Requests user details (auth, tenant,...) Requests data from Dynatrace API via Dynatrace Assistant User B Joins the workspace as default client. Requests user details, workspace list and details, triggers data query
- 62. Confidential 62 Infrastructure forMultiUser Dynatrace MXR - API User A First client acts as „Master Client“. It can be made responsible for handling logic that should only be executed by one client in a room. Connects to cloudservice and opens room to sync e.g. player and entity positions, events Requests user details, workspace list and details, triggers data query PUN Requests user details (auth, tenant,...) Requests data from Dynatrace API via Dynatrace Assistant User B Joins the workspace as default client. Requests user details, workspace list and details, triggers data query
- 63. Confidential 63 Infrastructure forMultiUser Dynatrace MXR - API User A First client acts as „Master Client“. It can be made responsible for handling logic that should only be executed by one client in a room. Connects to cloudservice and opens room to sync e.g. player and entity positions, events Requests user details, workspace list and details, triggers data query PUN Voice Connects to cloudservice and opens VoIP room Requests user details (auth, tenant,...) Requests data from Dynatrace API via Dynatrace Assistant User B Joins the workspace as default client. Requests user details, workspace list and details, triggers data query Joins VoIP room
- 64. Confidential 64 Infrastructure forMultiUser Dynatrace MXR - API User A First client acts as „Master Client“. It can be made responsible for handling logic that should only be executed by one client in a room. Connects to cloudservice and opens room to sync e.g. player and entity positions, events Requests user details, workspace list and details, triggers data query PUN Voice Connects to cloudservice and opens VoIP room Requests user details (auth, tenant,...) Requests data from Dynatrace API via Dynatrace Assistant User B Joins the workspace as default client. Requests user details, workspace list and details, triggers data query Joins VoIP room Spatial Anchors Microsoft Azure Requests/Saves anchor features
- 66. 66Confidential • Need of exception logging • Tracinguseractions to understand/reproduce bugs OpenKit – Monitoring multi user sessions topin point issues Photo: GFDL, CC-BY-SA-3.0 granted by photographer
- 67. Confidential 67
- 68. Confidential 68
- 69. Confidential 69
- 71. Confidential 71 confidential Resources, hints, nice-to-see • Toolkit to wrap devices https://github.com/microsoft/MixedRealityToolkit-Unity • Networkingasset https://www.photonengine.com/en/pun • Development platform https://unity.com/ • Monitoring https://github.com/wassx/OpenKit-Unity
Editor's Notes
- Focus on web frontend, data viz and IXD Web applications D3js
- Focus on web frontend, data viz and IXD Web applications D3js
- Amazon, hosts
- Basic description Other use cases: Security (Fraud, Intrusion Detection) Log Analytics User Experience Mgmt Autonomous Cloud Management (self healing apps)
- Basic description Other use cases: Security (Fraud, Intrusion Detection) Log Analytics User Experience Mgmt Autonomous Cloud Management (self healing apps)
- Innovation lab: New ideas how user consume data -> adapt to new challenges
- Business use case, Simple: How‘s it going? Focus on mgmt level
- CTO Bernd Greifeneder closing talk of dev one: Create possiblity to find issues faster / more precise IT Guys: „have you tried to turn it off and on again?“ Create some wow for vegas show
- Let‘s do this! Feature creep deluxe
- Iron man ui, futuristic stuff,
- A-frame, d3js
- A-frame see through webVR, iPhone SE
- Iron man ui, futuristic stuff,
- Iron man ui, futuristic stuff,
- Las Vegas, Bellagio, 2000 visitors, big main stage, excitement
- Complex setup, projection, spectator view, lenses stuck, rescan
- MISSION ACCOMPLISHED
- Complex setup, projection, spectator view, lenses stuck, rescan
- 3d Viz Find benefits compared to 2D Overlaps/occlusions compared to a flat map Realtime shadow Attraction, user starts to move around
- What to visualize on globe, point clusterings, Perspective as filter to focus
- 3d Viz Find benefits compared to 2D Overlaps/occlusions compared to a flat map Realtime shadow Attraction, user starts to move around
- Graph have crossings, Colors in holograms are different, hard to distinguish shades, categories Remember Edward Tufte
- Graph have crossings Interactions: Per user / per room Per user: facing fonts (billboards), one hover per user (detail)
- Visual grouping of node and related chart Data around point of interest, view port Repeating chronological data comparison
- Focus -> context interactions: Moving closer, just add needed chunk of detail Change of perspective allows filtering
- Needs to fit on node and on wall. Benefit of 3D: Visual hierarchy with depth
- Clustering of k entities Alive entities
- Needs to fit on node and on wall. Benefit of 3D: Visual hierarchy with depth
- Perspective distortion
- Null data, extreme extents crashing viz No data vs too much
- Real data allows schlussfolgerungen (resolutions) From now on big leaps, data makes sense, missing details visible
- Use space: Comparison disassembling a device (mind map) Think of differen situations: Room in bellagio vegas Or on the train
- empathy
- Checker boards
- Communication happen Zoom meetings