1. 6/12/2018 3:52 PM
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

2. Go Big! Optimizing Your Applications for Large Screen Experiences
6/12/2018 3:52 PM
P4115
Go Big! Optimizing Your Applications for Large Screen Experiences
Mark Rideout
Senior Program Manager
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

3. Microsoft Surface Hub – Unlock the Power of the Group
Build 2015
Microsoft Surface Hub – Unlock the Power of the Group
6/12/2018 3:52 PM
Best way to create and brainstorm with others
Engaging and productive meetings
Platform for amazing large screen apps
Designed for the modern workplace
© 2015 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

4. All in one Microphone Array WiFi and Bluetooth Wide Angle Camera 1080p
Motion and Light Sensors
Wide Angle Camera 1080p
Motion and Light Sensors
NFC Reader
Speakers
Speakers
Pen and Charging Dock
Pen and Charging Dock
LCD
Low Friction, Anti Glare Surface
Pen and Touch Sensor, 120Hz
84” 4K and 55” 1080P
Integrated Compute

5. Demo: Surface Hub Overview
6/12/2018 3:52 PM
Demo: Surface Hub Overview
Mark Rideout
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

6. Building and Publishing Apps for Surface Hub

7. Building Apps for Surface Hub is Easy
6/12/2018
Building Apps for Surface Hub is Easy
Surface Hub runs Universal Windows Apps
Device Family targeting
Ensure your app targets Windows.Universal so you’re available to Surface Hub devices
Not supported:
Win32 application
Desktop Bridge UWP (packaging up Win32 code to UWP package)
Windows 8/8.1 applications
© 2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

8. Publishing through Dev Center
Leave default availabilities checked:
The last item enables targeting to Surface Hub

9. Publishing through Dev Center
Enable offline licensing, allowing orgs to deploy your app using management tools:

10. Designing Apps for Surface Hub

11. Session Cleanup Surface Hub is a communal device
Build 2014
6/12/2018
Session Cleanup
Surface Hub is a communal device
At the end of every session, all application data, documents, pictures, media, temporary files will be deleted
To avoid data loss, store any user data to the cloud or connected devices
Consider removing all first run experiences because they will run for every new session
© 2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

12. Interaction and consumption zones
Near Screen Collaboration
Screen to 1.3m
Zone 2 – 55” Surface Hub
Small/Medium Meeting
Huddle Spaces
1.3m to 4m
Zone 2 – 84” Surface Hub
Medium/Large Meeting
Rooms
1.3m to 6m

13. Surface Hub App design considerations
Build 2014
6/12/2018
Surface Hub App design considerations
Optimize for Pen and Touch
Know the user’s context and posture
Consider brightness and proximity of the user to the screen
Position and design UI controls appropriately
© 2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

14. Positioning of controls and scaling appropriately
Build 2015
6/12/2018 3:52 PM
Positioning of controls and scaling appropriately
Apps scale automatically to fill
Scale content and controls appropriately for interaction at the screen
Make controls reachable and comfortable to use for multiple users
Controls at top of screen may be hard to reach
Duplicate controls or move to center of screen
Place core functionality within user’s “cone of awareness”
© 2015 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

15. Demo: Building Apps Mark Rideout 6/12/2018 3:52 PM
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

16. Demo: Customizing Layout
6/12/2018 3:52 PM
Demo: Customizing Layout
Mark Rideout
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

17. Call to Action Intentionally design for Surface Hub
Provide a touch and pen first experience
Add adaptive layouts in XAML
Test your Surface Hub apps using Visual Studio Simulator (VS 2015 instructions)
View previous Build sessions and talks on Surface Hub
and on Channel 9
Continue your education at Microsoft Virtual Academy online.

18. 6/12/2018 3:52 PM
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

19. Demo Open Source Components
Build 2015
6/12/2018 3:52 PM
Demo Open Source Components
Open source components used in the demo
Carousel by Sebastien Pertus
LightStone
WinRT XAML toolkit by Filip Skakun
© 2015 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

20. Sensor APIs Motion Sensor Ambient Light Sensor
6/12/2018 3:52 PM
Sensor APIs
Motion Sensor
Windows::Devices::Sensors::ProximitySensor
Ambient Light Sensor
Windows::Devices::Sensors::LightSensor
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

21. Code Example for Querying the Pen ID
6/12/2018 3:52 PM
Code Example for Querying the Pen ID
private const uint WirelessIdUsagePage = 0x0D;
private const uint WirelessIdUsage = 0x5B;
private int? GetPenId(PointerPointProperties pointerProperties) {
var hasId = pointerProperties.HasUsage(WirelessIdUsagePage, WirelessIdUsage);
return hasId ?
pointerProperties.GetUsageValue(WirelessIdUsagePage, WirelessIdUsage) :
(int?)null; }
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.