1. MIX 09
11/16/2018 4:08 PM
© 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.

2. Mesh-Enabled Web Applications
11/16/2018 4:08 PM
Mesh-Enabled Web Applications
Arash Ghanaie-Sichanie
Senior Program Manager
Microsoft Corporation
© 2007 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.

3. Key Takeaways
Mesh Services extend Web applications into Desktop by providing Access to Live user Social Graph, Synchronized Storage and Offline Access
Live Services add Value to various Stages of application Development and Use Lifecycle
Live Framework provides Runtimes, API Kits, Resource Model, Tools and Controls to Build, Deploy, Run and Update Mesh-Enabled Web Applications

4. Live Services for Applications
Synchronized Storage
Identity & Membership
Timely News
Deployment to Devices
Servicing and Update
Catalogue
Hosting and Execution
Analytics
Mesh Application

5. Mesh-Enabled Application Lifecycle Where Live Services Add Value
Developers
Users
Evaluate & Learn
Develop
Test & Debug
Deploy & Publish
License & Market
Update & Maintain
Analyze
Usage & Improve
Discover
Evaluate
License & Acquire
Configure & Use
Share and Socialize
Get Updates
Uninstall

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
Websites
Reach
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
Mesh-Enabled Web Applications

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

8. Extending Websites to Desktop Using Live and Mesh Services
11/16/2018 4:08 PM
demo
Extending Websites to Desktop Using Live and Mesh Services
Run Web App Offline
Sync Web App with User’s Devices
Tap into Live Social Graph
© 2007 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.

9. Key Tenants of “Mesh-Enabled Web Applications”
 Client-side Web Apps Hosted on Live Services or Websites
DHTML, JavaScript/Ajax, Silverlight, etc
 Simple Feed-based Programming APIs
AtomPub/RSS/XML/HTTP
 Auto Deployment and Update
Sync Web App Files
 Socially Aware and Shareable
Sync Web App data with users and devices
 Accessed by Originating Website
User controlled access of data
 Runs in a Sandbox
Browser sandbox Online & Offline
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
Get user consent and access their data
Market and publicize your app on your web site (or anywhere else)!
Upload Application to Azure Developer Portal (Optional)
Build and debug application using Visual Studio (or preferred tool)
Download Live Framework SDK and VS Tools
Register your domain and get a App ID & Secret
Developer Portal
 Establish trust
 Manage Cloud Applications
 Billing and Licensing
 Analytics

12. Hello Live Social Data Hello Devices Hello User data & permissions
11/16/2018 4:08 PM
demo
Hello "Social" World
Hello Live Social Data
Hello Devices
Hello User data & permissions
© 2007 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. Application and Data Concepts1 ∞
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. Synchronizing your App Data
11/16/2018 4:08 PM
demo
Synchronizing your App Data
Build a Synchronized, Offline Enabled Web App that is connected to Live Services
© 2007 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.

15. Adding Social and Device Context to your App
Live Framework APIs provide capabilities to:
Manage app News
Manage app Members
View mapped Devices
App can use Live social and device context
Apps can build their own control/experience
Mesh Control is the current default implementation
News
Members
Devices

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

17. JavaScript API Kit MeshApp.run = function MeshApp$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
            var meshApplication = meshApplicationContext.resource;
            meshApplication.get_runtimeEndpoint().get_mesh().loadAsync
(Delegate.create(null, function(meshOperationContext)
                        MeshApp._onLoadMesh(meshOperationContext);
            }));
        }
    }));

18. App Authentication Options
Mesh-Enabled Web Application
Pre-authenticated
Pre-authorized to only access user consented data
Sandboxed to browser
No token management is required
Web Apps
Request for partial access to user data (Delegated Authentication)
Pass requested permissions, App ID & Secret
After user consent, gets a token to use against Live Services endpoint
Rich Client Apps
App runs as the user, with full permission
Access to Cloud or Client Live Services endpoints

19. Mesh-Enabled Apps Sandboxing
All about putting users in control of their data and apps
Application Secure Context
Apps not allowed to access disk, other apps and user private data
User can explicitly grant permission to private data
Offers & Roles (Read, Write, Full)
Standard: Contacts, Profiles, News, LiveMeshFolder
Custom Offers: <Custom Type> of Mesh Objects (promotes app type sharing)
Client Sandbox: Shared secret and cookies isolate each application
Live Desktop Sandbox: Cookies, Iframe and domain isolation

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

21. How to authenticate websites with Live Servics
11/16/2018 4:08 PM
demo
How to authenticate websites with Live Servics
How to connect websites to Mesh
How to use Delegated Auth Tokens
© 2007 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.

22. Delegation Authorization Key Concepts
Uniquely identifies a Live Mesh Application
Application ID
Used to authenticate a third party website
Secret
Permissions can be managed at Mesh Object, Profiles, Contacts and Mesh Application level
Resources
Privileges requested/given to third party web sites
Read, Contribute, Own
Roles & Offers
A request by a web site to get access to a Mesh resource
Consent Request
User explicit permission to an application to access his/her data & applications
User Consent
An encrypted token representing a granted consent
Delegation Token
Used to refresh a token for a granted consent
Refresh Token

23. Auto Update and Versioning
Updating Applications is a pain point for developers and end-users
Mesh Auto update service updates all the instances of a Mesh App upon use
Triggered when developer uploads a new version into Application Catalogue
Auto update is optional (user decides whether and when to update)
App Catalogue stores and renders multiple versions of an application

24. Application Catalogue
Global Store for all Mesh-Enabled Web Applications
Install From Catalogue Or Website
Developer View vs End-user View
Application Approval Process
Applications are addressable & shareable via URL
Accessed via Live Desktop web site

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. 11/16/2018 4:08 PM
© 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.
© 2007 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
11/16/2018 4:08 PM
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:
Sample Fill
Sample Fill
Sample Fill
Sample Fill
Sample Fill
Sample Fill
© 2007 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.

28. PowerPoint Template Subtitle color
11/16/2018 4:08 PM
PowerPoint Template Subtitle 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
© 2007 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.

29. Bar Chart Example

30. Pie Chart Example 11/16/2018 4:08 PM
© 2007 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.

31. Line Chart Example

32. Area Chart Example

33. demo Demo Title Name Title Group 11/16/2018 4:08 PM
© 2007 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.

34. video Video Title 11/16/2018 4:08 PM
© 2007 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.

35. partner Partner Title Name Title Company 11/16/2018 4:08 PM
© 2007 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.

36. customer Customer Title Name Title Company 11/16/2018 4:08 PM
© 2007 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.

37. announcing Announcement Title 11/16/2018 4:08 PM
© 2007 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.