2. Users are moving towards web applications Content on the web is more personal & meaningful Development on the web is easier than the OS

3. Users are moving towards web applications Content on the web is more personal & meaningful Development on the web is easier than the OS →Activities connect users to your services from anywhere on the web → WebSlices bring the dynamic pieces of your site directly to the user → Activities and WebSlices are declarative

4. Simplify a common user pattern Easy for publishers & web developers - no client-side code Works with existing services and sites

8. Select Text Copy Text Navigate to Page Login (optional) Paste Text Request Action Go back to webpage

9. Preview Activity Results in Situ Install Activity Select Content Select Activity Execute Activity Navigate to Service

10. OpenService XML Description Serialize Content Serialize Content Navigate URL HTML Preview Activity Results in Situ Install Activity Select Content Select Activity Execute Activity Navigate to Service

11. Context The content that the Activity acts on (selection, document, link)

12. Context Category 1-tier taxonomy for grouping activities Default Activities for each Category All Activities

13. Context The content that the Activity acts on (selection, document, link) Category 1-tier taxonomy for grouping activities Preview Service interface for returning a sample of the results

14. Context The content that the Activity acts on (selection, document, link) Category 1-tier taxonomy for grouping activities Preview Service interface for returning a sample of the results Execute Service interface for navigating and posting data to the service

16. http://maps.live.com Map with Live Maps http://maps.live.com/favicon.ico

17. //check the user agent string if client is MSIE 8.0 //for more info: http://msdn2.microsoft.com/en- us/library/ms537509.aspx //check whether service is already installed window.external.IsServiceInstalled (‘http://maps.live.com/livemaps.xml’, ‘map’); //if false, display button to add service window.external.AddService (‘http://maps.live.com/liveMaps.xml’) ;

18. Activities are a lightweight way for users to have easy access to their favorite services from any webpage 1. Think about ways to drive users to your site from any webpage: - lookup information (rating, similar information, etc.) - create new content - link-sharing 2. Create an Activity using the OpenService Format Activities are designed to work with today’s services 3. Advertise your Activity on your website Installing an Activity requires no code deployment

22. http://www.ebay.com/amazonkindle20543521543 Amazon Kindle, Unopened Current bid: US $282.11

23. Top-Level Notification Bold on updated content Italic for expiring content Grey on expired content & errors Details Flyout HTML extracted from webpage (static content) Imported basic HTML styling Click-thru access to website Favorites Bar Contains Favorite links, feeds, &WebSlices Organize content through folders

24. A way for publishers to markup content within a page for subscribing (similar to RSS feeds) 1. WebSlice format 2. Client-processing 3. Network management 4. Time-sensitive content 5. Privacy & authentication 6. Publisher control 7. Recommended use

25. hAtom Microformats describe a feed and feed items A WebSlice builds on hAtom hAtom can represent static content WebSlice intentionally represents dynamic content reuses hAtom properties & adds properties for subscribing dedicated to the public domain using Creative Commons Public Domain properties from hAtom entry-title – required. The title of the item. entry-content – required. The description of the item. new properties for hSlice hslice – required. Container property for WebSlice. ttl – optional. Time-to-live value. feedurl – optional. Alternative path to get updates. endtime – optional. The date when the item is no longer relevant.

27. Windows Feeds Platform supports feeds and WebSlices Converts WebSlice HTML as Atom feed Sanitizes content no script basic styling: imported stylesheet, style blocks, & direct styles Content stored locally, accessible by Feed API Download Feed (XML) Download HTML with WebSlice Convert to Atom Feed (XML) Feed Parser compare downloaded data with stored data Mark Feed as Updated `` Download Engine

29. Feed Download Engine checks for updates once a day by default (15 minutes max) Set time-to-live value Updates every 60 mins Updates every 60 mins Provide alternative feed Direct download engine to different source for getting updates Subscribe Subscribe

30. Indicate that content is valid until expiration time UX displays expiring and expired states Download Engine stops fetching expired content Set endtime value March 8 th, 5:18 pm March 8 th, 5:18 pm

32. Ability to turn off in-page discovery <head> Promote WebSlice from your site using browser API addToFavoritesBar(,, 'slice')

34. Feeds enable opening web data to users and applications WebSlices are the same as feeds Data is cached on user’s local machine Publishers should expose private data through authentication Feeds Platform Auth Support: Persistent cookie-based auth On expired cookies, click through to page to re-auth Http-based auth (Basic & Digest) Basic auth via SSL Uses saved credentials for background download On failure, user can click through to page to ‘fix’ problem

35. WebSlices are ideal for a piece of a page that continually changes ex: weather module, auction item, and profile page Feeds are great for promoting new items ex: news articles, blog posts, and search results

37. Feed WebSlice

39. Feed

41. WebSlice Feed

45. WebSlice

46. WebSlices are a lightweight way for users to stay in touch with your web content Start today: No client-side code required! User notification of updates Entice users via preview to click through to site

47. Connect users to your site through Activities and WebSlices Simplify a common user pattern Designed to work with services today Check out the 2 other IE sessions & Hands-On Lab