1. 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.

2. 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

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

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

5. 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

6. Printing content

7. 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.

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

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

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

11. 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

12. 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.

13. 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.

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

15. Playing to Screens, Speakers and Receivers

16. 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.

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

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

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

20. 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

21. 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

22. Example: Stream media with Play To (JS)
<video id="videoplayer" src=" 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>

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

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

25. Sharing with Someone Nearby

26. 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.

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

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

29. 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("
    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.

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

31. Recap

32. Share with Someone Nearby
Print
Play To

33. 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

34. 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

35. 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 –

36. 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.