SlideShare une entreprise Scribd logo
1  sur  35
Alexander Meijers
Solutions Architect / Mixed Reality Evangelist
Create an immersive experience with
Office 365 data and Mixed Reality
using HoloLens
#MWCP18
#MWCP18
ARCHITECTE DE SOLUTIONS
ÉVANGÉLISTE DE RÉALITÉ MIXTE
ÉQUIPE DE RÉALITÉ MIXTE @ ETTU
MVP DE DÉVELOPPEMENT MICROSOFT
WINDOWS POUR LA RÉALITÉ MIXTE
FONDATEUR DU MIXED REALITY USER GROUP
ORGANISATEURS DU GLOBAL AI/MR BOOTCAMP, SP&C, MIXED REALITY TALK @ VR ET FUTURETECH
EMAIL: A.MEIJERS@ETTU.NL / ALEXANDER@APPZINSIDE.COM
TWITTER: @AMEIJERS
BLOG: HTTP://WWW.APPZINSIDE.COM
À PROPOS DE MOI
#MWCP18
DIFFERENT REALITIES
Merging of real and virtu
al worlds to produce new
environments and visuali
zations where physical a
nd digital objects co-exist
and interact in real time.
An overlay of synthetic c
ontent on the real world t
hat is anchored to and int
eracts with the real world
MIXED REALITY
Direct or indirect view of a
physical, real-world enviro
nment whose elements ar
e augmented by computer
-generated sensory input
such as sound, video, gra
phics or GPS data
An overlay of content on t
he real world where that c
ontent is not anchored to
or part of it
AUGMENTED REALITY
Generation of realistic ima
ges, sounds and other sen
sations that replicate a real
environment or create an i
maginary setting
An immersive experience c
reated entirely from compu
ter-generated Content. Als
o similar to 360 degree vid
eo
VIRTUAL REALITY
#MWCP18
XR (X Reality)
VR
Virtual Reality
MR
Mixed Reality
AR
Augmented Reality
MIXED REALITY & HOLOLENS
#MWCP18
Controls
Sound Spatial understanding
HoloLens as device
IMMERSIVE HOLOLENS EXPERIENCE
#MWCP18
COLLABORATION USING MIXED REALITY
Capabilities
Intelligent Cloud
Employees
Skype
Cognitive
Services
Cortana
Collaborative Services
Azure
StorageLogic App
Simulation & Visualization
Services
CRM Online
Experience
Application
Service
Azure
Active Directory
Intune
Teams
Store for
BusinessAzure Compute
Remote assistanceSimulation training CollaborationData visualization
Mixed Reality Experiences
Cloud
WHAT ARE WE GOING TO BUILD?
#MWCP18
BUILDING A MIXED REALITY APP FOR HOLOLENS
GETTING PEOPLE AND RELATED PEOPLE DATA FROM OFFICE 365
VISUALIZE THE PEOPLE AND THEIR RELATIONS IN 3D
WATCH THE MODEL AND INTERACT!
HOW ARE WE GOING TO BUILD IT?
TOOLS FOR BUILDING MR
#MWCP18
TOOLS FOR BUILDING MR
#MWCP18
APPLICATION LIFECYCLE
 Create Unity Project
 Configure HoloLens settings
 Create scene
Visual Studio
Unity HoloLens
 Configure build settings
 Build and generate Visual Studio
project
 Open project with Visual Studio
 Pair with HoloLens
 Build & deploy Visual Studio project
 Start Application
 Test & debug
 Monitor
Unity
#MWCP18
UNITY EDITOR EXPLAINED IN A (VERY) SHORT WAY
Main
Camera
Directional
Light
Game
Objects
Assets
Components
Script
Scene
DEMONSTRATION OF UNITY
MICROSOFT GRAPH
#MWCP18
MICROSOFT GRAPH
#MWCP18
API DELIVERS V1 AND BETA INTERFACES
GRAPH EXPLORER
THERE IS A TON OF DOCUMENTATION
FIND EVERYTHING AT HTTPS://DEVELOPER.MICROSOFT.COM/EN-US/GRAPH
MICROSOFT GRAPH API
#MWCP18
USE THE GRAPH API
Register your
App
Authenticate Do API calls
Handle
returned data
#MWCP18
REGISTRATION OF AN APP IS DONE IN THE FOLLOWING PORTAL
HTTPS://APPS.DEV.MICROSOFT.COM
HTTPS://PORTAL.AZURE.COM (RECOMMENDED)
USE A PERSONAL OR
ORGANIZATIONAL ACCOUNT FOR REGISTRATION
USE ORGANIZATIONAL ACCOUNT WHEN BUILDING APP
FOR YOUR ORGANIZATION
SELECT ONE OR MORE PLATFORMS
REGISTER YOUR APP
#MWCP18
HELPS YOU TO REGISTER THE APP
GENERATES CODE FOR YOU TO AUTHENTICATE
AGAINST FOR EXAMPLE THE MICROSOFT GRAPH
AUTHENTICATION USES MICROSOFT
AUTHENTICATION LIBRARY (MSAL)
REFERENCES THE MICROSOFT.IDENTITY.CLIENT
NUGET PACKAGE
GUIDED SETUP
PEOPLE AND THEIR RELATIONS
GET PEOPLE AND RELATIONS
IN OFFICE 365 VIA GRAPH EXPLORER
#MWCP18
MICROSOFT.GRAPH.CLIENT
Get related people for me Get related people for a
specific user
Return
format
HTTP Call https://graph.microsoft.com/v1.0/
me/People
https://graph.microsoft.com/v1.0/Users
/{GUID of user id}/People
Json
payload
Microsoft.Graph
interface
List<Person> persons =
new List<Person>();
var people = await graphClient.Me.
People.Request().GetAsync();
persons.AddRange(people);
List<Person> persons =
new List<Person>();
var people = await graphClient.
Users[id].People.Request().GetAsync();
persons.AddRange(people);
Returns C#
objects
Developers Are Lazy, And That's (Usually) A Good thing!
MATHEMATICAL VISUALIZATION
#MWCP18
A NUMBER OF ALGORITHMS WHICH ALLOWS YOU TO DRAW DATA AND THEIR
UNDERLAYING RELATIONSHIPS IN A TWO- OR THREE-DIMENSIONAL WAY
FORCE DETECT GRAPH
#MWCP18
DATA IS POSITIONED BY NODES AND RELATIONS ARE POSITIONED BY EDGES
ALGORITHM ASSIGN FORCES BETWEEN NODES AND BETWEEN EDGES
EDGES ARE MOSTLY THE SAME LENGTH AND
DO HAVE THE LEAST NUMBER OF CROSSINGS
ADDING NEW NODES AND EDGES WILL REPOSITION THE MODEL
WOONG GYU LA – DEVELOPER FROM CANADA
WROTE A 2D/3D FORCE DIRECTED GRAPH ALGORITHM IN C#
HTTPS://GITHUB.COM/JUHGIYO/EPFORCEDIRECTEDGRAPH.CS
FORCE DETECT GRAPH
SHOW FDG MODEL IN UNITY USING
RANDOM NODES AND EDGES
EVERYTHING COMING TOGETHER
#MWCP18
STEPS & CHALLENGES
Setup a project in Unity
for building a Mixed
Reality experience
Create UWP DLL to
access Microsoft Graph
Integrate Force Detect
Graph code
Add controller code to
access DLL and
use FDG to
handle the data
Use GameObjects and
Components to create
experience
Implement Gaze and
Gestures for interaction
FINAL RESULT IN A MIXED REALITY
DEVICE
TAKEAWAYS
#MWCP18
MICROSOFT GRAPH API ALLOWS YOU TO ACCES ALMOST ANY TYPE OF DATA
FROM OFFICE 365 THROUGH AN UNIFIED SYSTEM.
THE MICROSOFT.GRAPH INTERFACE ALLOWS YOU TO EASILY AUTHENTICATE AND
RETRIEVE DATA
USE MATHEMATICAL ALGORITHMS TO VISUALIZE YOUR DATA IN SPECIFIC WAYS
HOLOLENS DEVICE IS A GREAT DEVICE WHICH CAN EXTEND YOUR BUSINESS
PROCESS INTO THE 3D WORLD TO VISUALIZE DATA
TAKEAWAYS
MERCI BEAUCOUP!
THANK YOU! #MWCP18
MODERN WORKPLACE CONFERENCE PARIS
DU 16 AU 18 OCTOBRE 2018
#MWCP18

Contenu connexe

Similaire à Modern workplace conference create an immersive experience with office 365 data and mixed reality using holo lens

2018 10-17 J1 1D - Unleash Office 365 with the power of cognitive services an...
2018 10-17 J1 1D - Unleash Office 365 with the power of cognitive services an...2018 10-17 J1 1D - Unleash Office 365 with the power of cognitive services an...
2018 10-17 J1 1D - Unleash Office 365 with the power of cognitive services an...Modern Workplace Conference Paris
 
Unleash office 365 with the power of cognitive services and microsoft graph api
Unleash office 365 with the power of cognitive services and microsoft graph apiUnleash office 365 with the power of cognitive services and microsoft graph api
Unleash office 365 with the power of cognitive services and microsoft graph apiEstelle Auberix
 
Founders embassy - pitch deck
Founders embassy - pitch deckFounders embassy - pitch deck
Founders embassy - pitch deckDae Ho Lee
 
HoloLens.pdf
HoloLens.pdfHoloLens.pdf
HoloLens.pdfVishwas N
 
Metaverse and Digital Twins on Enterprise-Public.pdf
Metaverse and Digital Twins on Enterprise-Public.pdfMetaverse and Digital Twins on Enterprise-Public.pdf
Metaverse and Digital Twins on Enterprise-Public.pdf湯米吳 Tommy Wu
 
Gdsc lbce offline accelerator meet -1
Gdsc lbce offline accelerator meet -1Gdsc lbce offline accelerator meet -1
Gdsc lbce offline accelerator meet -1Diksha71
 
Azure Meetup: Novità CosmosDB modalità Serverless e Cognitive Services
Azure Meetup: Novità CosmosDB modalità Serverless e Cognitive ServicesAzure Meetup: Novità CosmosDB modalità Serverless e Cognitive Services
Azure Meetup: Novità CosmosDB modalità Serverless e Cognitive Servicesdotnetcode
 
Sam Frish: MR molecular game for scientists
Sam Frish: MR molecular game for scientistsSam Frish: MR molecular game for scientists
Sam Frish: MR molecular game for scientistsLviv Startup Club
 
Liti Solutions Portfolio - July 2015
Liti Solutions Portfolio - July 2015Liti Solutions Portfolio - July 2015
Liti Solutions Portfolio - July 2015Phuc (Aaron) Dang
 
Web3Hub-GDSC presentation.pdf
Web3Hub-GDSC presentation.pdfWeb3Hub-GDSC presentation.pdf
Web3Hub-GDSC presentation.pdfmasa64
 
State of microservices 2020 by tsh
State of microservices 2020 by tshState of microservices 2020 by tsh
State of microservices 2020 by tshmustafa sarac
 
Rockin' the Web into the Next Dimension: JQueryTO 2014 Final Keynote
Rockin' the Web into the Next Dimension: JQueryTO 2014 Final KeynoteRockin' the Web into the Next Dimension: JQueryTO 2014 Final Keynote
Rockin' the Web into the Next Dimension: JQueryTO 2014 Final KeynoteVerold
 
Lessons Learned: Designer/Developer Productivity in Windows Presentation Foun...
Lessons Learned: Designer/Developer Productivity in Windows Presentation Foun...Lessons Learned: Designer/Developer Productivity in Windows Presentation Foun...
Lessons Learned: Designer/Developer Productivity in Windows Presentation Foun...goodfriday
 
MongoDB World 2018: Building Intelligent Apps with MongoDB & Google Cloud
MongoDB World 2018: Building Intelligent Apps with MongoDB & Google CloudMongoDB World 2018: Building Intelligent Apps with MongoDB & Google Cloud
MongoDB World 2018: Building Intelligent Apps with MongoDB & Google CloudMongoDB
 
iPhone/iPad Development with Titanium
iPhone/iPad Development with TitaniumiPhone/iPad Development with Titanium
iPhone/iPad Development with TitaniumAxway Appcelerator
 
Appcelerator iPhone/iPad Dev Con 2010 San Diego, CA
Appcelerator iPhone/iPad Dev Con 2010 San Diego, CAAppcelerator iPhone/iPad Dev Con 2010 San Diego, CA
Appcelerator iPhone/iPad Dev Con 2010 San Diego, CAJeff Haynie
 
VR/AR introduction & state-of-the-art VR/AR prototyping
VR/AR introduction & state-of-the-art VR/AR prototypingVR/AR introduction & state-of-the-art VR/AR prototyping
VR/AR introduction & state-of-the-art VR/AR prototypingValentijn Destoop
 

Similaire à Modern workplace conference create an immersive experience with office 365 data and mixed reality using holo lens (20)

2018 10-17 J1 1D - Unleash Office 365 with the power of cognitive services an...
2018 10-17 J1 1D - Unleash Office 365 with the power of cognitive services an...2018 10-17 J1 1D - Unleash Office 365 with the power of cognitive services an...
2018 10-17 J1 1D - Unleash Office 365 with the power of cognitive services an...
 
Unleash office 365 with the power of cognitive services and microsoft graph api
Unleash office 365 with the power of cognitive services and microsoft graph apiUnleash office 365 with the power of cognitive services and microsoft graph api
Unleash office 365 with the power of cognitive services and microsoft graph api
 
Founders embassy - pitch deck
Founders embassy - pitch deckFounders embassy - pitch deck
Founders embassy - pitch deck
 
3D Web Visualization 1
3D Web Visualization 13D Web Visualization 1
3D Web Visualization 1
 
3D Web Visualization
3D Web Visualization 3D Web Visualization
3D Web Visualization
 
HoloLens.pdf
HoloLens.pdfHoloLens.pdf
HoloLens.pdf
 
3D Article
3D Article3D Article
3D Article
 
Metaverse and Digital Twins on Enterprise-Public.pdf
Metaverse and Digital Twins on Enterprise-Public.pdfMetaverse and Digital Twins on Enterprise-Public.pdf
Metaverse and Digital Twins on Enterprise-Public.pdf
 
Gdsc lbce offline accelerator meet -1
Gdsc lbce offline accelerator meet -1Gdsc lbce offline accelerator meet -1
Gdsc lbce offline accelerator meet -1
 
Azure Meetup: Novità CosmosDB modalità Serverless e Cognitive Services
Azure Meetup: Novità CosmosDB modalità Serverless e Cognitive ServicesAzure Meetup: Novità CosmosDB modalità Serverless e Cognitive Services
Azure Meetup: Novità CosmosDB modalità Serverless e Cognitive Services
 
Sam Frish: MR molecular game for scientists
Sam Frish: MR molecular game for scientistsSam Frish: MR molecular game for scientists
Sam Frish: MR molecular game for scientists
 
Liti Solutions Portfolio - July 2015
Liti Solutions Portfolio - July 2015Liti Solutions Portfolio - July 2015
Liti Solutions Portfolio - July 2015
 
Web3Hub-GDSC presentation.pdf
Web3Hub-GDSC presentation.pdfWeb3Hub-GDSC presentation.pdf
Web3Hub-GDSC presentation.pdf
 
State of microservices 2020 by tsh
State of microservices 2020 by tshState of microservices 2020 by tsh
State of microservices 2020 by tsh
 
Rockin' the Web into the Next Dimension: JQueryTO 2014 Final Keynote
Rockin' the Web into the Next Dimension: JQueryTO 2014 Final KeynoteRockin' the Web into the Next Dimension: JQueryTO 2014 Final Keynote
Rockin' the Web into the Next Dimension: JQueryTO 2014 Final Keynote
 
Lessons Learned: Designer/Developer Productivity in Windows Presentation Foun...
Lessons Learned: Designer/Developer Productivity in Windows Presentation Foun...Lessons Learned: Designer/Developer Productivity in Windows Presentation Foun...
Lessons Learned: Designer/Developer Productivity in Windows Presentation Foun...
 
MongoDB World 2018: Building Intelligent Apps with MongoDB & Google Cloud
MongoDB World 2018: Building Intelligent Apps with MongoDB & Google CloudMongoDB World 2018: Building Intelligent Apps with MongoDB & Google Cloud
MongoDB World 2018: Building Intelligent Apps with MongoDB & Google Cloud
 
iPhone/iPad Development with Titanium
iPhone/iPad Development with TitaniumiPhone/iPad Development with Titanium
iPhone/iPad Development with Titanium
 
Appcelerator iPhone/iPad Dev Con 2010 San Diego, CA
Appcelerator iPhone/iPad Dev Con 2010 San Diego, CAAppcelerator iPhone/iPad Dev Con 2010 San Diego, CA
Appcelerator iPhone/iPad Dev Con 2010 San Diego, CA
 
VR/AR introduction & state-of-the-art VR/AR prototyping
VR/AR introduction & state-of-the-art VR/AR prototypingVR/AR introduction & state-of-the-art VR/AR prototyping
VR/AR introduction & state-of-the-art VR/AR prototyping
 

Plus de Alexander Meijers

Microsoft ignite tour - Create an immersive experience with office 365 data ...
Microsoft ignite tour  - Create an immersive experience with office 365 data ...Microsoft ignite tour  - Create an immersive experience with office 365 data ...
Microsoft ignite tour - Create an immersive experience with office 365 data ...Alexander Meijers
 
Microsoft ignite tour empower your workers using remote assist - theater se...
Microsoft ignite tour   empower your workers using remote assist - theater se...Microsoft ignite tour   empower your workers using remote assist - theater se...
Microsoft ignite tour empower your workers using remote assist - theater se...Alexander Meijers
 
Code motion - Extend visualization of microsoft graph data to hololens applic...
Code motion - Extend visualization of microsoft graph data to hololens applic...Code motion - Extend visualization of microsoft graph data to hololens applic...
Code motion - Extend visualization of microsoft graph data to hololens applic...Alexander Meijers
 
Code europe holobasics - develop your mixed reality hololens app with unity...
Code europe   holobasics - develop your mixed reality hololens app with unity...Code europe   holobasics - develop your mixed reality hololens app with unity...
Code europe holobasics - develop your mixed reality hololens app with unity...Alexander Meijers
 
Code europe holoadvanced - building more advanced mixed reality apps for ho...
Code europe   holoadvanced - building more advanced mixed reality apps for ho...Code europe   holoadvanced - building more advanced mixed reality apps for ho...
Code europe holoadvanced - building more advanced mixed reality apps for ho...Alexander Meijers
 
Azure thursday HoloLens and cognitive services a powerful combination
Azure thursday HoloLens and cognitive services a powerful combinationAzure thursday HoloLens and cognitive services a powerful combination
Azure thursday HoloLens and cognitive services a powerful combinationAlexander Meijers
 
It next summit - holobasics - develop your mixed reality hololens app with un...
It next summit - holobasics - develop your mixed reality hololens app with un...It next summit - holobasics - develop your mixed reality hololens app with un...
It next summit - holobasics - develop your mixed reality hololens app with un...Alexander Meijers
 
SharePoint Unite - Build business applications with HoloLens and Cloud
SharePoint Unite - Build business applications with HoloLens and CloudSharePoint Unite - Build business applications with HoloLens and Cloud
SharePoint Unite - Build business applications with HoloLens and CloudAlexander Meijers
 
HoloLens inspiration session
HoloLens inspiration sessionHoloLens inspiration session
HoloLens inspiration sessionAlexander Meijers
 
Holo basics develop your mixed reality hololens app with unity and visual s...
Holo basics   develop your mixed reality hololens app with unity and visual s...Holo basics   develop your mixed reality hololens app with unity and visual s...
Holo basics develop your mixed reality hololens app with unity and visual s...Alexander Meijers
 
Build business applications with HoloLens and Cloud
Build business applications with HoloLens and CloudBuild business applications with HoloLens and Cloud
Build business applications with HoloLens and CloudAlexander Meijers
 
Achmea technight - HoloLens development
Achmea technight  - HoloLens developmentAchmea technight  - HoloLens development
Achmea technight - HoloLens developmentAlexander Meijers
 
Spsbe2016 extend your office 365 environement to cross-platform apps
Spsbe2016   extend your office 365 environement to cross-platform appsSpsbe2016   extend your office 365 environement to cross-platform apps
Spsbe2016 extend your office 365 environement to cross-platform appsAlexander Meijers
 
Implementation of azure active directory authentication with cross platform d...
Implementation of azure active directory authentication with cross platform d...Implementation of azure active directory authentication with cross platform d...
Implementation of azure active directory authentication with cross platform d...Alexander Meijers
 
Build your own yammer app @ Collab365
Build your own yammer app @ Collab365Build your own yammer app @ Collab365
Build your own yammer app @ Collab365Alexander Meijers
 
Develop business apps cross-platform development using visual studio with x...
Develop business apps   cross-platform development using visual studio with x...Develop business apps   cross-platform development using visual studio with x...
Develop business apps cross-platform development using visual studio with x...Alexander Meijers
 
SharePoint 2013 for internet websites
SharePoint 2013 for internet websitesSharePoint 2013 for internet websites
SharePoint 2013 for internet websitesAlexander Meijers
 
Sp24 design a share point 2013 architecture – the basics
Sp24   design a share point 2013 architecture – the basicsSp24   design a share point 2013 architecture – the basics
Sp24 design a share point 2013 architecture – the basicsAlexander Meijers
 

Plus de Alexander Meijers (20)

Microsoft ignite tour - Create an immersive experience with office 365 data ...
Microsoft ignite tour  - Create an immersive experience with office 365 data ...Microsoft ignite tour  - Create an immersive experience with office 365 data ...
Microsoft ignite tour - Create an immersive experience with office 365 data ...
 
Microsoft ignite tour empower your workers using remote assist - theater se...
Microsoft ignite tour   empower your workers using remote assist - theater se...Microsoft ignite tour   empower your workers using remote assist - theater se...
Microsoft ignite tour empower your workers using remote assist - theater se...
 
Code motion - Extend visualization of microsoft graph data to hololens applic...
Code motion - Extend visualization of microsoft graph data to hololens applic...Code motion - Extend visualization of microsoft graph data to hololens applic...
Code motion - Extend visualization of microsoft graph data to hololens applic...
 
Code europe holobasics - develop your mixed reality hololens app with unity...
Code europe   holobasics - develop your mixed reality hololens app with unity...Code europe   holobasics - develop your mixed reality hololens app with unity...
Code europe holobasics - develop your mixed reality hololens app with unity...
 
Code europe holoadvanced - building more advanced mixed reality apps for ho...
Code europe   holoadvanced - building more advanced mixed reality apps for ho...Code europe   holoadvanced - building more advanced mixed reality apps for ho...
Code europe holoadvanced - building more advanced mixed reality apps for ho...
 
Azure thursday HoloLens and cognitive services a powerful combination
Azure thursday HoloLens and cognitive services a powerful combinationAzure thursday HoloLens and cognitive services a powerful combination
Azure thursday HoloLens and cognitive services a powerful combination
 
It next summit - holobasics - develop your mixed reality hololens app with un...
It next summit - holobasics - develop your mixed reality hololens app with un...It next summit - holobasics - develop your mixed reality hololens app with un...
It next summit - holobasics - develop your mixed reality hololens app with un...
 
SharePoint Unite - Build business applications with HoloLens and Cloud
SharePoint Unite - Build business applications with HoloLens and CloudSharePoint Unite - Build business applications with HoloLens and Cloud
SharePoint Unite - Build business applications with HoloLens and Cloud
 
HoloLens inspiration session
HoloLens inspiration sessionHoloLens inspiration session
HoloLens inspiration session
 
Holo basics develop your mixed reality hololens app with unity and visual s...
Holo basics   develop your mixed reality hololens app with unity and visual s...Holo basics   develop your mixed reality hololens app with unity and visual s...
Holo basics develop your mixed reality hololens app with unity and visual s...
 
Build business applications with HoloLens and Cloud
Build business applications with HoloLens and CloudBuild business applications with HoloLens and Cloud
Build business applications with HoloLens and Cloud
 
Achmea technight - HoloLens development
Achmea technight  - HoloLens developmentAchmea technight  - HoloLens development
Achmea technight - HoloLens development
 
Spsbe2016 extend your office 365 environement to cross-platform apps
Spsbe2016   extend your office 365 environement to cross-platform appsSpsbe2016   extend your office 365 environement to cross-platform apps
Spsbe2016 extend your office 365 environement to cross-platform apps
 
Implementation of azure active directory authentication with cross platform d...
Implementation of azure active directory authentication with cross platform d...Implementation of azure active directory authentication with cross platform d...
Implementation of azure active directory authentication with cross platform d...
 
Build your own yammer app @ Collab365
Build your own yammer app @ Collab365Build your own yammer app @ Collab365
Build your own yammer app @ Collab365
 
An introduction to DevOps
An introduction to DevOpsAn introduction to DevOps
An introduction to DevOps
 
Develop business apps cross-platform development using visual studio with x...
Develop business apps   cross-platform development using visual studio with x...Develop business apps   cross-platform development using visual studio with x...
Develop business apps cross-platform development using visual studio with x...
 
SharePoint 2013 for internet websites
SharePoint 2013 for internet websitesSharePoint 2013 for internet websites
SharePoint 2013 for internet websites
 
Build you own yammer app
Build you own yammer appBuild you own yammer app
Build you own yammer app
 
Sp24 design a share point 2013 architecture – the basics
Sp24   design a share point 2013 architecture – the basicsSp24   design a share point 2013 architecture – the basics
Sp24 design a share point 2013 architecture – the basics
 

Dernier

Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...apidays
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEarley Information Science
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)Gabriella Davis
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...Martijn de Jong
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processorsdebabhi2
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘RTylerCroy
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationRadu Cotescu
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024Rafal Los
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024The Digital Insurer
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking MenDelhi Call girls
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityPrincipled Technologies
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CVKhem
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationMichael W. Hawkins
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?Igalia
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?Antenna Manufacturer Coco
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)wesley chun
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024The Digital Insurer
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...Neo4j
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024The Digital Insurer
 

Dernier (20)

Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 

Modern workplace conference create an immersive experience with office 365 data and mixed reality using holo lens

  • 1. Alexander Meijers Solutions Architect / Mixed Reality Evangelist Create an immersive experience with Office 365 data and Mixed Reality using HoloLens #MWCP18
  • 2. #MWCP18 ARCHITECTE DE SOLUTIONS ÉVANGÉLISTE DE RÉALITÉ MIXTE ÉQUIPE DE RÉALITÉ MIXTE @ ETTU MVP DE DÉVELOPPEMENT MICROSOFT WINDOWS POUR LA RÉALITÉ MIXTE FONDATEUR DU MIXED REALITY USER GROUP ORGANISATEURS DU GLOBAL AI/MR BOOTCAMP, SP&C, MIXED REALITY TALK @ VR ET FUTURETECH EMAIL: A.MEIJERS@ETTU.NL / ALEXANDER@APPZINSIDE.COM TWITTER: @AMEIJERS BLOG: HTTP://WWW.APPZINSIDE.COM À PROPOS DE MOI
  • 3. #MWCP18 DIFFERENT REALITIES Merging of real and virtu al worlds to produce new environments and visuali zations where physical a nd digital objects co-exist and interact in real time. An overlay of synthetic c ontent on the real world t hat is anchored to and int eracts with the real world MIXED REALITY Direct or indirect view of a physical, real-world enviro nment whose elements ar e augmented by computer -generated sensory input such as sound, video, gra phics or GPS data An overlay of content on t he real world where that c ontent is not anchored to or part of it AUGMENTED REALITY Generation of realistic ima ges, sounds and other sen sations that replicate a real environment or create an i maginary setting An immersive experience c reated entirely from compu ter-generated Content. Als o similar to 360 degree vid eo VIRTUAL REALITY
  • 4. #MWCP18 XR (X Reality) VR Virtual Reality MR Mixed Reality AR Augmented Reality
  • 5. MIXED REALITY & HOLOLENS
  • 8. #MWCP18 COLLABORATION USING MIXED REALITY Capabilities Intelligent Cloud Employees Skype Cognitive Services Cortana Collaborative Services Azure StorageLogic App Simulation & Visualization Services CRM Online Experience Application Service Azure Active Directory Intune Teams Store for BusinessAzure Compute Remote assistanceSimulation training CollaborationData visualization Mixed Reality Experiences Cloud
  • 9. WHAT ARE WE GOING TO BUILD?
  • 10. #MWCP18 BUILDING A MIXED REALITY APP FOR HOLOLENS GETTING PEOPLE AND RELATED PEOPLE DATA FROM OFFICE 365 VISUALIZE THE PEOPLE AND THEIR RELATIONS IN 3D WATCH THE MODEL AND INTERACT! HOW ARE WE GOING TO BUILD IT?
  • 13. #MWCP18 APPLICATION LIFECYCLE  Create Unity Project  Configure HoloLens settings  Create scene Visual Studio Unity HoloLens  Configure build settings  Build and generate Visual Studio project  Open project with Visual Studio  Pair with HoloLens  Build & deploy Visual Studio project  Start Application  Test & debug  Monitor Unity
  • 14. #MWCP18 UNITY EDITOR EXPLAINED IN A (VERY) SHORT WAY Main Camera Directional Light Game Objects Assets Components Script Scene
  • 18. #MWCP18 API DELIVERS V1 AND BETA INTERFACES GRAPH EXPLORER THERE IS A TON OF DOCUMENTATION FIND EVERYTHING AT HTTPS://DEVELOPER.MICROSOFT.COM/EN-US/GRAPH MICROSOFT GRAPH API
  • 19. #MWCP18 USE THE GRAPH API Register your App Authenticate Do API calls Handle returned data
  • 20. #MWCP18 REGISTRATION OF AN APP IS DONE IN THE FOLLOWING PORTAL HTTPS://APPS.DEV.MICROSOFT.COM HTTPS://PORTAL.AZURE.COM (RECOMMENDED) USE A PERSONAL OR ORGANIZATIONAL ACCOUNT FOR REGISTRATION USE ORGANIZATIONAL ACCOUNT WHEN BUILDING APP FOR YOUR ORGANIZATION SELECT ONE OR MORE PLATFORMS REGISTER YOUR APP
  • 21. #MWCP18 HELPS YOU TO REGISTER THE APP GENERATES CODE FOR YOU TO AUTHENTICATE AGAINST FOR EXAMPLE THE MICROSOFT GRAPH AUTHENTICATION USES MICROSOFT AUTHENTICATION LIBRARY (MSAL) REFERENCES THE MICROSOFT.IDENTITY.CLIENT NUGET PACKAGE GUIDED SETUP
  • 22. PEOPLE AND THEIR RELATIONS
  • 23. GET PEOPLE AND RELATIONS IN OFFICE 365 VIA GRAPH EXPLORER
  • 24. #MWCP18 MICROSOFT.GRAPH.CLIENT Get related people for me Get related people for a specific user Return format HTTP Call https://graph.microsoft.com/v1.0/ me/People https://graph.microsoft.com/v1.0/Users /{GUID of user id}/People Json payload Microsoft.Graph interface List<Person> persons = new List<Person>(); var people = await graphClient.Me. People.Request().GetAsync(); persons.AddRange(people); List<Person> persons = new List<Person>(); var people = await graphClient. Users[id].People.Request().GetAsync(); persons.AddRange(people); Returns C# objects Developers Are Lazy, And That's (Usually) A Good thing!
  • 26. #MWCP18 A NUMBER OF ALGORITHMS WHICH ALLOWS YOU TO DRAW DATA AND THEIR UNDERLAYING RELATIONSHIPS IN A TWO- OR THREE-DIMENSIONAL WAY FORCE DETECT GRAPH
  • 27. #MWCP18 DATA IS POSITIONED BY NODES AND RELATIONS ARE POSITIONED BY EDGES ALGORITHM ASSIGN FORCES BETWEEN NODES AND BETWEEN EDGES EDGES ARE MOSTLY THE SAME LENGTH AND DO HAVE THE LEAST NUMBER OF CROSSINGS ADDING NEW NODES AND EDGES WILL REPOSITION THE MODEL WOONG GYU LA – DEVELOPER FROM CANADA WROTE A 2D/3D FORCE DIRECTED GRAPH ALGORITHM IN C# HTTPS://GITHUB.COM/JUHGIYO/EPFORCEDIRECTEDGRAPH.CS FORCE DETECT GRAPH
  • 28. SHOW FDG MODEL IN UNITY USING RANDOM NODES AND EDGES
  • 30. #MWCP18 STEPS & CHALLENGES Setup a project in Unity for building a Mixed Reality experience Create UWP DLL to access Microsoft Graph Integrate Force Detect Graph code Add controller code to access DLL and use FDG to handle the data Use GameObjects and Components to create experience Implement Gaze and Gestures for interaction
  • 31. FINAL RESULT IN A MIXED REALITY DEVICE
  • 33. #MWCP18 MICROSOFT GRAPH API ALLOWS YOU TO ACCES ALMOST ANY TYPE OF DATA FROM OFFICE 365 THROUGH AN UNIFIED SYSTEM. THE MICROSOFT.GRAPH INTERFACE ALLOWS YOU TO EASILY AUTHENTICATE AND RETRIEVE DATA USE MATHEMATICAL ALGORITHMS TO VISUALIZE YOUR DATA IN SPECIFIC WAYS HOLOLENS DEVICE IS A GREAT DEVICE WHICH CAN EXTEND YOUR BUSINESS PROCESS INTO THE 3D WORLD TO VISUALIZE DATA TAKEAWAYS
  • 35. MODERN WORKPLACE CONFERENCE PARIS DU 16 AU 18 OCTOBRE 2018 #MWCP18

Notes de l'éditeur

  1. https://en.wikipedia.org/wiki/X_Reality_(XR)
  2. Smart card , printer , role specific , App store
  3. Wouldn’t it be a great way to get more insight and depth of your content from Office 365? Using Microsoft Graph we are able to access data from Office 365. By using Mixed Reality devices we can transform that data into a 3D model and interact with it.
  4. Graph Explorer Allows you to use the API on your tenant Administrator consent is necessary
  5. Fact1: Registration will be In the future through the Azure Portal Fact2: When organizational account is used, apps are registered and can be managed from their tenant