Virtual Tour around a Company Site with UI5 Slides of my presentation at #UI5con 2017 in St. Leon-Rot (Germany)

1. Helmut Tammen, TAMMEN IT SOLUTIONS
June 30, 2017
Virtual Tour around
a Company Site with UI5

2. 2
 About me (very short)
 Introduction (short)
 UI5 standard 3D-Viewing aka VIT (short)
 Live demo of customer project (not short)
 Technical details sap.ui.vk (not too long)
 Technical details customer solution / adjustments (not too long)
 Q & A (depends on you)
Agenda

3. 3
Name: Helmut Tammen
Company: TAMMEN IT SOLUTIONS (www.tammen-it-solutions.de)
Job description: Technical SAP consultant (27 years IT, 17 years SAP)
Twitter: @helmuttammen
LinkedIn: /helmuttammen
Personal profile: https://htammen.github.io/
(made with UI5)
About me

4. 4
 Customer project to visualize company site / area in 3D
– Smart Integration with SAP PM
– Smooth navigation / movement
– Browser solution
– iPad compatibility
 Audience / Users
– Non-technical users
– Company management
– PM staff
Introduction

5. 5
UI5 standard 3D-Viewing aka VIT
NO more BORING
TEXT please
DEMO

6. 6
Live demo of customer project
Don‘t wanny be
BORING at all
DEMO

7. 7
Technical details (Architecture)

8. 8
Technical details (general)
SAPUI5 library sap.ui.vk
There is a great Tutorial accompanied Explored App and of course an API reference
 UI5 Explored App
 UI5 SDK Tutorial
 UI5 SDK API reference
Most important components / classes are
 sap.ui.vk.Viewport
 sap.ui.vk.Scene
 sap.ui.vk.GraphicsCore

9. 9
Technical details (customer solution)
 Two new components which are gathered in a library
– CustomViewPort inherits from sap.ui.vk.Viewport
▫ Egoshooter walk
▫ Bounding boxes / Frustum
– CustomOverlay inherits from sap.ui.vk.ContainerBase
▫ Maximize feature
 Additionally we used some techniques spied at Three.js.
 Heart of VIT is dvl.js, a JS file converted from a C++ library with Emscripten. The file has (pretty printed)
346349 lines of code and most of the lines are reeeealy hard to read, but it is worth looking at some of the
code lines if you want to extend the vk library.
 You need a good debugger if you want to extend the vk library.

10. Thank you.
Contact information:
Helmut Tammen
h.tammen@tammen-it-solutions.de
@helmuttammen (Twitter)
/helmuttammen (LinkedIn)
You are welcome to give feedback for this session
in the UI5con Event App