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.

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.

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.

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

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.

Building and Publishing Apps for Surface Hub

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.

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

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

Designing Apps for Surface Hub

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.

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

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.

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.

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.

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.

Call to Action Intentionally design for Surface Hub Provide a touch and pen first experience Add adaptive layouts in XAML https://docs.microsoft.com/en-us/windows/uwp/layout/layouts-with-xaml Test your Surface Hub apps using Visual Studio Simulator (VS 2015 instructions) https://docs.microsoft.com/en-us/windows/uwp/debug-test-perf/test-surface-hub-apps-using-visual-studio View previous Build sessions and talks on Surface Hub https://channel9.msdn.com/Events/Build/2015/2-660 and on Channel 9 Continue your education at Microsoft Virtual Academy online.

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.

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 http://github.com/mimetislightstone WinRT XAML toolkit by Filip Skakun http://winrtxamltoolkit.codeplex.com © 2015 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

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.

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.