My presentation for the Fronteers meetup on June 14th, 2010 in SETUP, Utrecht.

1. Andreas Creten Data Portability Monday June 14th, 2010 Fronteers meetup – SETUP Utrecht

2. Hi, I’m Andreas

3. We are madewithlove, so are our products.

6. Open Standards

7. Do you use open standards?

9. Image credits: Chris Messina

10. “ Standards change competition for a market to competition within a market” Hall Varian - Information Rules, 1998 - Information Rules, 1998 - Information Rules, 1998

11. Data Portability

13. Video source: http://vimeo.com/610179

15. RSS Really Simple Syndication

16. Video source: http://www.youtube.com/watch?v=6gmP4nk0EOE

17. APML Attention Profile Markup Language

18. Turn this Attention data Browsing History Shared Photos Social Bookmarks Music History Blog Posts Tweets

19. Internet +90% Music +30% Infographics +50% Architecture +20% Apple +30% Design +20% Into this Interest cloud

20. "defaultProfile": "Work", "profiles": { "work": { "implicitData": { "concepts": { "attention": { "value": 0.1, "from": "Sometool.com", "updated": "2007-03-11T01:55:00Z" }, "content distribution": { "value": 0.1, "from": "Sometool.com", "updated": "2007-03-11T01:55:00Z" } }, "sources": { " http://feeds.feedburner.com/apmlspec ": { "name": "APML.org", "value": 1.00, "type": "application/rss+xml" "authors": { "Sample":{ "value": 0.5, "from": "GatheringTool.com", "updated": "2007-03-11T01:55:00Z" } } } } } } }

21. RDF Resource Description Framework

23. XMPP Extensible Messaging and Presence Protocol

24. OpenSocial opensocial.org - OpenSocial Foundation

25. A common API for social applications across multiple websites

26. Image credits: Patrick Chanezon, Kevin Marks & Christian Schalk

27. Image credits: Patrick Chanezon, Kevin Marks & Christian Schalk

28. Image credits: Patrick Chanezon, Kevin Marks & Christian Schalk

29. Image credits: Patrick Chanezon, Kevin Marks & Christian Schalk

30. OpenSocial applications

31. Based on standards: HTML, Javascript, REST, oAuth

32. Access to: People, friends, Activities, ...

34. REST endpoints: /people/{uid}/@friends /people/{uid}/@self /activities/{uid}/@friends /activities/{uid}/@self

35. Additional parameters: format={format} format desired - options: atom, json (default) fields={field+} List of fields to include in request count={number} Set number of items/page startPage={startPage} Select a page from a paged collection

36. OpenSocial containers

37. Microformats microformats.org

38. How do we extract content?

40. <h1>Canon EOS 5D 12.8 MP Digital SLR Camera</h1> <p> <strong>overage rating:</strong> <img src=&quot;5stars.jpg&quot; alt=&quot;5 stars&quot; /> </p> <img src=&quot;canon5d.jpg&quot; alt=&quot;camera body&quot; /> <p>The 12.8 megapixel Canon EOS 5d ... alloy body.</p> <ul> <li>35.8 x 23.9-millimeter CMOS sensor</li> <li>3 frame-per-second burst</li> <li>0.2 second start-up time operation</li> </ul>

41. Title <h1>Canon EOS 5D 12.8 MP Digital SLR Camera</h1> <p> <strong>overage rating:</strong> <img src=&quot;5stars.jpg&quot; alt=&quot;5 stars&quot; /> </p> <img src=&quot;canon5d.jpg&quot; alt=&quot;camera body&quot; /> <p>The 12.8 megapixel Canon EOS 5d ... alloy body.</p> <ul> <li>35.8 x 23.9-millimeter CMOS sensor</li> <li>3 frame-per-second burst</li> <li>0.2 second start-up time operation</li> </ul>

43. List <h1>Canon EOS 5D 12.8 MP Digital SLR Camera</h1> <p> <strong>overage rating:</strong> <img src=&quot;5stars.jpg&quot; alt=&quot;5 stars&quot; /> </p> <img src=&quot;canon5d.jpg&quot; alt=&quot;camera body&quot; /> <p>The 12.8 megapixel Canon EOS 5d ... alloy body.</p> <ul> <li>35.8 x 23.9-millimeter CMOS sensor</li> <li>3 frame-per-second burst</li> <li>0.2 second start-up time operation</li> </ul>

44. Useless

45. Must be split into: Title, Rating, Image, Description, Features

46. <div class=&quot;hreview&quot; > <h1 class=&quot;item fn&quot; >Canon EOS 5D 12.8 MP Digital SLR Camera</h1> <p> <strong>overage rating:</strong> <span class=&quot;rating&quot; title=&quot;5&quot; > <img src=&quot;5stars.jpg&quot; alt=&quot;5 stars&quot; /> </span> </p> <img src=&quot;canon5d.jpg&quot; alt=&quot;camera body&quot; /> <p class=&quot;description&quot; > The 12.8 megapixel Canon EOS 5d ... alloy body. <ul> <li>35.8 x 23.9-millimeter CMOS sensor</li> <li>3 frame-per-second burst</li> <li>0.2 second start-up time operation</li> </ul> </p> </div>

47. Compound microformats hReview, hCalendar, hCard, hListing, hAtom, hResume

48. Element microformats defining the relation of an object with the page

49. hCalendar: http://microformats.org/code/hcalendar/creator hCard: http://microformats.org/code/hcard/creator hReview: http://microformats.org/code/hreview/creator hResume: http://hresume.weblogswork.com/hresumecreator/ hAtom: http://dichotomize.com/uf/hatom/creator.html Demo time: Examples

50. Firefox plugin: Operator

51. openid.net - OpenID foundation

52. Images source: http://konstruktors.com/blog/understanding-web/259-how-to-be-your-own-openid-provider-and-use-your-blogs-url-for-identification/

53. oauth.net

55. access token

58. JS-Kit

59. JS-Kit Exchange token

60. JS-Kit Exchange token

61. JS-Kit Exchange token

62. Data Portability are the tools to make the internet more like real life

63. Video source: http://vimeo.com/990474

64. We are looking for more heroes Freelancers Fulltime

65. Thanks! @andreascreten [email_address] thlove.be