Opening up the Social Web - Standards that are bridging the Islands

3,832 views

Published on

Social networks are not closed off to the rest of the web anymore. Various standards like ActivityStreams, PubSubHubbub, WebFinger, OpenSocial, Salmon, OEmbed, XAuth or OExchange are emerging to open them up to other websites. I will introduce these protocols, show how they work together, how you can benefit from them and give an outlook on how they will change the world of social networks.

Published in: Technology
1 Comment
4 Likes
Statistics
Notes
No Downloads
Views
Total views
3,832
On SlideShare
0
From Embeds
0
Number of Embeds
24
Actions
Shares
0
Downloads
39
Comments
1
Likes
4
Embeds 0
No embeds

No notes for slide

Opening up the Social Web - Standards that are bridging the Islands

  1. 1. Bastian Hofmann, VZnet Netzwerke Ltd Opening up the Social Web Standards that are bridging the Islands Mittwoch, 13. Oktober 2010
  2. 2. Agenda •OpenID •PubSubHubbub •WebFinger •Salmon •Well-Known URIs •OExchange •Web Host Meta •XAuth Data •OEmbed •XRD •OpenSocial •Portable •SWAT0 Contacts •Activity Strea.ms Mittwoch, 13. Oktober 2010
  3. 3. nikko russano* Mittwoch, 13. Oktober 2010
  4. 4. ... you could not send a mail to another provider Mittwoch, 13. Oktober 2010
  5. 5. ... you could not call your friends at another carrier Mittwoch, 13. Oktober 2010
  6. 6. Back to reality Mittwoch, 13. Oktober 2010
  7. 7. Mittwoch, 13. Oktober 2010
  8. 8. Meet Bill and Steve Mittwoch, 13. Oktober 2010
  9. 9. Bill want‘s to comment on Steve‘s blog Mittwoch, 13. Oktober 2010
  10. 10. Has to sign up for an account Mittwoch, 13. Oktober 2010
  11. 11. OpenID •Steve‘s blog can use Bill‘s Identy Provider to sign in •Discovery through unique OpenID –http://openid.live.com/bill •More info at my OpenID talk http://openid.net/ Mittwoch, 13. Oktober 2010
  12. 12. Bill want‘s to know more about Steve paurian Mittwoch, 13. Oktober 2010
  13. 13. In the old days: Finger bhofmann@svz-pcn-107 ~ $ finger bhofmann Login: bhofmann Name: Bastian Hofmann Directory: /Users/bhofmann Shell: /bin/bash On since Di 14 Sep 21:45 (CEST) on console, idle 1:36 (messages off) On since Di 14 Sep 23:02 (CEST) on ttys000 No Mail. No Plan. Mittwoch, 13. Oktober 2010
  14. 14. Now: WebFinger http://code.google.com/p/webfinger/ Mittwoch, 13. Oktober 2010
  15. 15. http://example.com/.well- known/host-meta <?xml version='1.0' encoding='UTF-8'?> <XRD xmlns='http://docs.oasis-open.org/ns/xri/xrd-1.0'      xmlns:hm='http://host-meta.net/xrd/1.0'>       <hm:Host>example.com</hm:Host>       <Link rel='lrdd'         template='http://example.com/describe?uri={uri}'>         <Title>Resource Descriptor</Title>     </Link> </XRD>   http://tools.ietf.org/html/draft-nottingham-site-meta http://tools.ietf.org/html/draft-hammer-hostmeta http://docs.oasis-open.org/xri/xrd/v1.0/xrd-1.0.html Mittwoch, 13. Oktober 2010
  16. 16. http://example.com/describe? uri=acct:joe@example.com <?xml version='1.0' encoding='UTF-8'?> <XRD xmlns='http://docs.oasis-open.org/ns/xri/xrd-1.0'>       <Subject>acct:joe@example.com</Subject>     <Alias>http://example.com/profiles/joe</Alias>       <Link rel='http://portablecontacts.net/spec/1.0'           href='http://example.com/api/people/' />     <Link rel='http://webfinger.net/rel/profile-page'           type='text/html'           href='http://example.com/profiles/joe' />     <Link rel='http://microformats.org/profile/hcard'           type='text/html'           href='http://example.com/profiles/joe' />     <Link rel='describedby'           type='text/html'           href='http://example.com/profiles/joe' />     <Link rel='http://webfinger.net/rel/avatar'           href='http://example.com/profiles/joe/photo' /> </XRD> Mittwoch, 13. Oktober 2010
  17. 17. Portable Contacts •standardized access to user data and their relations (Social Graph) •simple to use {   "id" : "example.org:34KJDCSKJN2HHF0DW20394",   "displayName" : "Janey",   "name" : {"unstructured" : "Jane Doe"},   "gender" : "female" } http://portablecontacts.net/ Mittwoch, 13. Oktober 2010
  18. 18. DEMO Mittwoch, 13. Oktober 2010
  19. 19. He want‘s to follow Steve‘s status updates Mittwoch, 13. Oktober 2010
  20. 20. ActivityStrea.ms •Standard for a stream of activities (Feed) •Atom based http://activitystrea.ms/ Mittwoch, 13. Oktober 2010
  21. 21. PubSubHubbub retrieves Atom feed with Hub URL subscribes for feed acks subscription Hub pings every posts sth subscriber http://code.google.com/p/pubsubhubbub/ Mittwoch, 13. Oktober 2010
  22. 22. DEMO Mittwoch, 13. Oktober 2010
  23. 23. Now Bill mentions Steve to his pal have a look at @steve stream Mittwoch, 13. Oktober 2010
  24. 24. and what about Comments? new macs will have IE9 I would‘ve chosen Chrome Mittwoch, 13. Oktober 2010
  25. 25. Salmon http://www.salmon-protocol.org/ Mittwoch, 13. Oktober 2010
  26. 26. Salmon http://www.salmon-protocol.org/ Mittwoch, 13. Oktober 2010
  27. 27. Salmon http://www.salmon-protocol.org/ Mittwoch, 13. Oktober 2010
  28. 28. DEMO Mittwoch, 13. Oktober 2010
  29. 29. Bill is now on his favourite Video Portal Mittwoch, 13. Oktober 2010
  30. 30. He want‘s to share a video with his friends ... but his favourite social network has no sharing button at YouTube Mittwoch, 13. Oktober 2010
  31. 31. Nascar Problem Mittwoch, 13. Oktober 2010
  32. 32. XAuth http://xauth.org/ Mittwoch, 13. Oktober 2010
  33. 33. XAuth at Provider •100% Client Technology Login xauth.org/xauth.js XAuth.extend({ token: "1", expire: new Date().getTime() + 60*60*24*1000, extend: ["*"], }); Mittwoch, 13. Oktober 2010
  34. 34. XAuth at Consumer •But static server on central domain needed Visits xauth.org/xauth.js XAuth.retrieve({ retrieve: ['xauth.org'], callback: receiveTokens }); Mittwoch, 13. Oktober 2010
  35. 35. OExchange •Common API for publishing sth. into social networks http://www.example.com/share.php?url={URI}&title= {title for the content}&description={short description of the content}&ctype=flash&swfurl={SWF URI}&height= {preferred SWF height}&width={preferred swf width} &screenshot={screenshot URI} http://www.oexchange.org/ Mittwoch, 13. Oktober 2010
  36. 36. Discovery over XRD <?xml version='1.0' encoding='UTF-8'?> <XRD xmlns="http://docs.oasis-open.org/ns/xri/xrd-1.0">     <Subject>http://www.example.com/linkeater</Subject>     <Property        type="http://www.oexchange.org/spec/0.8/prop/vendor">         Examples Inc.</Property>     <Property        type="http://www.oexchange.org/spec/0.8/prop/title">         A Link-Accepting Service</Property>     <Link        rel= "icon" href="http://www.example.com/favicon.ico"        type="image/vnd.microsoft.icon" />     <Link        rel= "http://www.oexchange.org/spec/0.8/rel/offer"        href="http://www.example.com/linkeater/offer.php"        type="text/html" /> </XRD> Mittwoch, 13. Oktober 2010
  37. 37. DEMO Mittwoch, 13. Oktober 2010
  38. 38. Now there is a link in his status update cool video: http://www.youtube.com/ watch?v=OFzkTxiwziQ Mittwoch, 13. Oktober 2010
  39. 39. OEmbed •Retrieves embeddable content for a given link http://www.flickr.com/services/oembed/?url=http%3A// www.flickr.com/photos/bees/2341623661/ {         "version": "1.0",         "type": "photo",         "width": 240,         "height": 160,         "title": "ZB8T0193",         "url": "http://farm4.static.flickr.com/ 3123/2341623661_7c99f48bbf_m.jpg",         "author_name": "Bees",         "author_url": "http://www.flickr.com/photos/bees/",         "provider_name": "Flickr",         "provider_url": "http://www.flickr.com/" } http://oembed.com/ Mittwoch, 13. Oktober 2010
  40. 40. OEmbed Discovery •Discoverable through meta tags at original resource <link rel="alternate" type="application/json+oembed"         href="http://flickr.com/services/oembed? url=http%3A//flickr.com/photos/bees/2362225867/&format=json"         title="Bacon Lollys oEmbed Profile" /> <link rel="alternate" type="text/xml+oembed"         href="http://flickr.com/services/oembed? url=http%3A//flickr.com/photos/bees/2362225867/&format=xml"         title="Bacon Lollys oEmbed Profile" /> Mittwoch, 13. Oktober 2010
  41. 41. The embedded result cool video: Mittwoch, 13. Oktober 2010
  42. 42. OEmbed Aggregation •embed.ly •supports 112 services over one endpoint •several libraries •easy implementation http://embed.ly/ Mittwoch, 13. Oktober 2010
  43. 43. DEMO Mittwoch, 13. Oktober 2010
  44. 44. Bill is really into social games Mittwoch, 13. Oktober 2010
  45. 45. Social Apps with OpenSocial •One App, many containers •Users of one container can play with users on other containers •Widely adopted into many social networks •Also used in some enterprise applications http://www.opensocial.org/ Mittwoch, 13. Oktober 2010
  46. 46. OpenSocial Reach Mittwoch, 13. Oktober 2010
  47. 47. DEMO Mittwoch, 13. Oktober 2010
  48. 48. OpenSocial Europe Event 06.12. - 07.12. Utrecht (NL) http://blog.opensocial.org/2010/10/first-european-opensocial-event-in.html Mittwoch, 13. Oktober 2010
  49. 49. Many standards available Mittwoch, 13. Oktober 2010
  50. 50. But still much to be done •Friends and Friendships •Privacy •Access Control •What is the right identifier? •More than one provider with one E- Mail Address? •Wide adoption •Easy implementation Mittwoch, 13. Oktober 2010
  51. 51. Many projects - one common goal http://federatedsocialweb.net Mittwoch, 13. Oktober 2010
  52. 52. And many people working on it http://federatedsocialweb.net Mittwoch, 13. Oktober 2010
  53. 53. Social Web Acid Test - Level 0 factoryjoe Mittwoch, 13. Oktober 2010
  54. 54. How far is VZnet? •OpenSocial •Salmon •OEmbed •XAuth •OExchange •XRD •PortableContacts •ActivityStrea.ms •OpenID •WebFinger •PubsubHubbub Mittwoch, 13. Oktober 2010
  55. 55. Thank you http://studivz.net/bastian http://twitter.com/BastianHofmann http://slideshare.net/bashofmann http://github.com/vznet http://developer.studivz.net Mittwoch, 13. Oktober 2010

×