Integrating with the Windows Device Experience 11/12/2018 7:34 AM APP-408T Integrating with the Windows Device Experience Marc Pottier Senior Program Manager Lead Microsoft Corporation © 2010 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista 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.

Agenda Introduction to the Devices charm Printing content Playing to screens, speakers and receivers Sharing with someone nearby You’ll leave with examples of how to Use the Devices charm in your apps Find other related sessions at //build/ that tell you how you can participate

People should easily be able to access the devices they use most frequently

Developers shouldn’t have to learn about protocols and drivers to use devices

Share with Someone Nearby The Devices charm makes it easy for people to find devices and developers to use them in apps Share with Someone Nearby Print Play To

Printing content

Printing from a Metro style app demo Print Demo Printing from a Metro style app © 2010 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista 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.

No setup required Printers are automatically discovered and added to the Devices charm

A rich experience Built-in print experiences provide an extensive set of print features – and print gets even richer with manufacturer software

Simple to Implement Add basic print support to your app in 5 lines of JavaScript. Format content with HTML/CSS or XAML markup

Printing Provides the content to print and registers with the Print Manager Coordinates printing between your App and Windows The print operation: manages options and printing of your document App Print Manager Print Experience

Utilizing the Print Manager, Document Source, and Print Task var pm = Windows.Graphics.Printing.PrintManager.getForCurrentView(); pm.onprinttaskinitializing = printHandlerInstance._executePrint; _executePrint: function (e) { var d = document.getHTMLPrintDocument(); var printTask = e.request.initializePrintTask(d, "Air Craft Print Operation"); } © 2010 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista 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.

Using CSS to hide elements @media print { div.viewManagerContainer { display: none; } .object3d-preview-background { display: none; } @media screen { .printContent { display: none; } } © 2010 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista 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.

… and there’s more – page breaks, CSS styling, and even what options / defaults appear in the print charm

Playing to Screens, Speakers and Receivers

Playing media to devices 11/12/2018 7:34 AM demo Play To Demo Playing media to devices © 2010 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista 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.

No setup required Screens, speakers and receivers automatically discovered and added to the Devices charm

Easy to find and use When you’re viewing content, just swipe in the charm and select your device

Simple to implement Play content from your app in 5 lines of JavaScript

Windows Certification User experience is key, devices must be Windows certified Protocol Compliance Requirements (DLNA) Product Quality and User Experience Requirements + Windows Device Certification = Usability and Performance Consistent and reliable experience Optimized for common formats High-quality media rendering Delivers complete experiences

Play To Screens, Speakers and Receivers Identifies streamed content and registers with the Play To Manager Coordinates between your app and Windows Content to be streamed App Play To Manager Play To Source

Example: Stream media with Play To (JS) <video id="videoplayer" src="http://www.contoso.com/clip.mp4" controls autoplay /> <script type="text/javascript"> // Step 1: Obtain PlayToManager object for app’s current view. var ptm = Windows.Media.PlayTo.PlayToManager.getForCurrentView(); // Step 2: Register for the sourcerequested event (user selects Devices button). ptm.addEventListener("sourcerequested", function(e) { var request = e.sourceRequest; // Step 3: Specify the media to be streamed (to filter devices) var deferral = request.getDeferral(); request.setSource(document.getElementById("videoplayer").msPlayToSource); deferral.complete(); // The media will then be streamed to the device chosen by the user in the UI. }); </script>

Websites authored using HTML5 Media tags and viewed in IE10 get this for free

You can still project your screen to wired TVs, projectors and monitors

Sharing with Someone Nearby

Sharing with Someone Nearby 11/12/2018 7:34 AM demo Sharing with Someone Nearby Sharing with someone nearby © 2010 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista 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.

A digital handshake It’s about connecting people together, not just connecting devices

If you use the Share Contract in your app, Send to Someone Nearby will just work

How to Support Sharing with Someone Nearby // Create a Data Transfer Manager object to enable Someone Nearby in the // Devices charm: function setupShare() {     var dtm = Windows.appModel.DataTransfer.DataTransferManager.getForCurrentView();     dtm.addEventListener("datarequested", function (e) {         onDataRequested(e);     }); } // When the user selects Someone Nearby, your app handles it like any other // Sharing request: function onDataRequested(e) {     var dp = new Windows.appModel.DataTransfer.DataPackage();     dp.properties.title = "Our Test Text"; // required     dp.properties.description = "Test Description"; // required     dp.setUri(new Windows.Foundation.Uri("http://www.oddfellows.com"));     e.request.data = dp; © 2010 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista 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.

And there’s more… if you want your app to receive content you can register it with AutoPlay or OpenWith

Recap

Share with Someone Nearby Print Play To

Opportunities Through the Devices charm you can go beyond the PC and use connected devices or share with people who are nearby It’s easy to add printing support to applications – no need to write your own print dialog, preview or create printer friendly pages You can photos, music and videos to connected screens, speakers and receivers in a few lines of code Implement share and you can tap to exchange information between convertibles and tablets

Related sessions [745] Reimagining the Experience for Connecting with Devices [679] Take it “to go”: building Metro style apps that print [775] Your Metro style app, video and audio, Part 1 [776] Your Metro style app, video and audio, Part 2 [269] Designing systems and developing drivers for NFC [270] Connecting and Sharing with Near Field Communication [405] Share: Your App Powers the Windows 8 Share Experience

Further reading and documentation Windows 8 Guide Devices: Overview Metro style apps Learn landing page Metro style apps home Windows Hardware Development Printing Supporting proximity and tapping Play To Windows Application Contracts Contact info – win8gadgets@microsoft.com

11/12/2018 7:34 AM © 2011 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista 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. © 2011 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista 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.