Mesh-Enabled Web Applications

2. Mesh-Enabled Web Applications Arash Ghanaie-Sichanie Senior Program Manager Microsoft Corporation

3. Key Takeaways

4. Live Services for Applications Mesh Application

5. Mesh-Enabled Application LifecycleWhere Live Services Add Value Developers Users

6. Conventional Application Choices • Highpoints • Access from Anywhere • Instant On Updates • Sandboxed to Browser • Deployment & Update • Discoverable via Search • Shareable via URL • Challenges • Occasional Connection(offline) • Rich & Native User Experience • Scalability • Highpoints • Rich and Native User Experience • Occasionally Connected (Offline) • Hosted on OS • Challenges • Deployment & Update • Discoverability • Ability to share • Sandboxing & Access control Client Applications Rich Websites Reach Mesh-Enabled Web Applications

7. Mesh-Enabled Web Applications Sync… Websites Sync… Devices & Social Mesh

8. demo Extending Websites to DesktopUsing Live and Mesh Services Run Web App Offline Sync Web App with User’s Devices Tap into Live Social Graph

9. Key Tenants of “Mesh-Enabled Web Applications” • Application Mesh Object • Data Feed(s) • Application Data • Settings • User data • Associated Mesh Objects • Access to user data Mesh-Enabled Web Application

10. Mesh-Enabled Web Application Architecture

11. Getting Started for Developers Developer Portal  Establish trust  Manage Cloud Applications  Billing and Licensing  Analytics

12. demo Hello "Social" World Hello Live Social Data Hello Devices Hello User data & permissions

13. Application and Data Concepts 1 ∞ Application (Catalogue) Installed Application User Private Data User Installs User Gives Access User Creates ∞ Data Instance Has ∞ Member (Live User) ∞ Synchronized Mesh Object (DataFeeds) User Shares

14. demo Synchronizing your App Data Build a Synchronized, Offline Enabled Web App that is connected to Live Services

15. Adding Social and Device Context to your App News Members Devices

16. Silverlight API Kit • public Page() •  { • InitializeComponent(); • MeshApplicationServicemeshApp = Application.Current.GetMeshApplicationService(); • meshApp.LoadCompleted += newEventHandler(app_Load); • meshApp.Load(); •  } • voidapp_Load(object sender, EventArgs e) •  { • MeshApplicationServicemeshApp = Application.Current.GetMeshApplicationService(); • RenderContent(meshApp); •  } • voidRenderContent(MeshApplicationServicemeshApp) • { • //Accessing Mesh • myMesh = meshApp.LiveOperatingEnvironment.Mesh; • //Accessing the Application Mesh Object • meshApp.Resources.Title = "My Title";

17. JavaScript API Kit • MeshApp.run = functionMeshApp$run() { • Microsoft.LiveFX.MeshApplication.loadAsync(windows.location.hostname, Delegate.create(null, function(meshApplicationContext) • { • if (meshApplicationContext.state !== Microsoft.LiveFX.OperationState.Success) • { • MeshApp._showError('MeshApplication Load Failed'); •         } • else • { • varmeshApplication = meshApplicationContext.resource; • meshApplication.get_runtimeEndpoint().get_mesh().loadAsync • (Delegate.create(null, function(meshOperationContext) • { • MeshApp._onLoadMesh(meshOperationContext); •             })); •         } •     }));

18. App Authentication Options

19. Mesh-Enabled Apps Sandboxing

20. Delegated Authentication Flow • Enables users to share their Live data with Websites User Third Party Web Site 2) Consent Request Live Website ________ Live Services 1) Add App to Mesh 5) Del Auth Token 6) Call with Token 3) Consent Request UI 4) Agree to Consent

21. demo How to authenticate websites with Live Servics How to connect websites to Mesh How to use Delegated Auth Tokens

22. Delegation AuthorizationKey Concepts

23. Auto Update and Versioning

24. Application Catalogue

25. Key Takeaways (take 2) Mesh Service Synchronizes App Files and App Data Mesh-enabled Web Apps Extend Websites to run Offline on Desktop Live Framework Provides Tools and APIs Kits for Building Live Connected Apps Users Control Access to their Apps and Data

26. © 2009 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. PowerPoint Guidelines • Font, size, and color for text have been formatted for you in the Slide Master • Use the color palette shown below • See next slide for additional guidelines • Hyperlink color: www.microsoft.com Sample Fill Sample Fill Sample Fill Sample Fill Sample Fill Sample Fill

28. PowerPoint TemplateSubtitle color • Example of a slide with a subhead • Set the slide title in “title case” • Set subheads in “sentence case” • Generally set subhead to 36pt or smaller so it will fit on a single line • The subhead color is defined for this template but must be selected; In PowerPoint 2007, it is the fourth font color from the left

29. Bar Chart Example

30. Pie Chart Example

31. Line Chart Example

32. Area Chart Example

33. demo Demo Title Name Title Group

34. video Video Title

35. partner Partner Title Name Title Company

36. customer Customer Title Name Title Company

37. announcing Announcement Title