The document discusses various standards that are helping to bridge isolated social networks and enable interoperability across platforms, including OpenID, WebFinger, XRD, PubSubHubbub, Salmon, OAuth, XAuth, OEmbed, and OpenSocial. It provides examples of how these standards work to allow users to log in or comment on different sites without separate accounts, share updates across networks, and embed content like videos universally. While progress is being made, challenges remain around user identity, privacy, access control, and full adoption. The overall goal is a more open and interconnected social web.

1. Opening up the
Social Web
Standards that are bridging the
islands
Bastian Hofmann
VZnet Netzwerke Ltd.

3. ... you could not send a mail
to another provider

4. ... you could not call your
friends at another carrier

5. Back to reality

7. • OpenID • Salmon
• WebFinger • OExchange
• Well-­‐Known
URIs • XAuth
• Web
Host
Meta
Data • OEmbed
• XRD • OpenSocial
• Portable
Contacts • SWAT0
• Ac?vity
Strea.ms
• PubSubHubbub

12. Questions? Ask!

13. http://slideshare.net/bashofmann

14. Meet Bill and Steve

15. Bill want‘s to comment on
Steve‘s blog

17. Facebook Connect
250,000,000 monthly users

19. http://openid.net/

20. http://oauth.net/

21. http://oauth.net/

22. Distributed Identities with OpenID
8/19/2011 8:00am @DevExpress-G

23. Bill want‘s to know more
about Steve

24. 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.

25. Now: WebFinger
http://code.google.com/p/webfinger/

26. http://example.com/.well-
known/host-meta
http://tools.ietf.org/html/draft-nottingham-site-meta

27. <?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-hammer-hostmeta

28. http://example.com/describe?
uri=acct:joe@example.com

29. <?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='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>
http://docs.oasis-open.org/xri/xrd/v1.0/xrd-1.0.html

30. http://portablecontacts.net/

31. {
"id" : "example.org:
34KJDCSKJN2HHF0DW20394",
"displayName" : "Janey",
"name" : {"unstructured" : "Jane Doe"},
"gender" : "female"
}

32. DEMO

33. He want‘s to follow Steve‘s
status updates

34. PubSubHubbub
retrieves Atom feed with Hub URL
subscribes
for feed
acks
Hub
subscription
pings every posts sth
subscriber
http://code.google.com/p/pubsubhubbub/

35. <link rel="alternate"href="http://
status.net.xyz:8061/index.php/api/statuses/
user_timeline/3.atom"type="application/atom
+xml" title="Notice feed for bastian
(Atom)"/>

36. <entry>
<activity:object-type>http://activitystrea.ms/schema/1.0/
note</activity:object-type>
<id>http://status.net.xyz:8061/index.php/notice/20</id>
<title>hello from client</title>
<content type="html">hello from client</content>
<link rel="alternate" type="text/html" href="http://
status.net.xyz:8061/index.php/notice/20"/>
<activity:verb>http://activitystrea.ms/schema/1.0/post</
activity:verb>
<published>2011-05-23T21:07:33+00:00</published>
<updated>2011-05-23T21:07:33+00:00</updated>
<link rel="ostatus:conversation" href="http://status.net.xyz:
8061/index.php/conversation/20"/>
<georss:point>52.52437 13.41053</georss:point>
<link rel="self" type="application/atom+xml"href="http://
status.net.xyz:8061/index.php/api/statuses/show/20.atom"/>
<link rel="edit" type="application/atom+xml"href="http://
status.net.xyz:8061/index.php/api/statuses/show/20.atom"/>
<statusnet:notice_info local_id="20" source="api"
favorite="false"repeated="false"></statusnet:notice_info>
</entry>

37. http://activitystrea.ms/

38. <link href="http://status.net.xyz:8061/
index.php/main/push/hub" rel="hub"/>

39. POST: http://status.net.xyz:8061/index.php/
main/push/hub
hub.topic=http%3A%2F%2Ffeed.xyz%3A8061%2Findex.php
%2Fapi%2Fstatuses%2Fuser_timeline%2F2.atom&
hub.callback=http%3A%2F%2Fclient.com%2F&
hub.mode=subscribe&
hub.verify=async

40. GET: http://client.com/?hub.challange=foo
HTTP/1.1 200 OK
Content-Type: text/plain
foo

41. <entry>
<activity:object-type>http://activitystrea.ms/schema/1.0/
note</activity:object-type>
<id>http://status.net.xyz:8061/index.php/notice/20</id>
<title>hello from client</title>
<content type="html">hello from client</content>
<link rel="alternate" type="text/html" href="http://
status.net.xyz:8061/index.php/notice/20"/>
<activity:verb>http://activitystrea.ms/schema/1.0/post</
activity:verb>
<published>2011-05-23T21:07:33+00:00</published>
<updated>2011-05-23T21:07:33+00:00</updated>
<link rel="ostatus:conversation" href="http://status.net.xyz:
8061/index.php/conversation/20"/>
<georss:point>52.52437 13.41053</georss:point>
<link rel="self" type="application/atom+xml"href="http://
status.net.xyz:8061/index.php/api/statuses/show/20.atom"/>
<link rel="edit" type="application/atom+xml"href="http://
status.net.xyz:8061/index.php/api/statuses/show/20.atom"/>
<statusnet:notice_info local_id="20" source="api"
favorite="false"repeated="false"></statusnet:notice_info>
</entry>

42. DEMO

43. Now Bill mentions Steve to
his pal
have a look at @steve
stream

44. and what about
Comments?
new macs will have IE9
I would‘ve chosen
Chrome

45. Salmon
http://www.salmon-protocol.org/

46. Salmon
http://www.salmon-protocol.org/

47. Salmon
http://www.salmon-protocol.org/

48. DEMO

49. Bill is now on his favourite
Video Portal

50. He want‘s to share a video
with his friends
... but his favourite social network has no
sharing button at YouTube

51. Nascar Problem

52. http://xauth.org/

53. 100% Client Technology

54. XAuth at Provider
Login xauth.org/xauth.js
XAuth.extend({
token: "1",
expire: new Date().getTime()
+ 60*60*24*1000,
extend: ["*"],
});

55. XAuth at Consumer
Visits xauth.org/xauth.js
XAuth.retrieve({
retrieve: ['xauth.org'],
callback: receiveTokens
});

56. But static server on central
domain needed

57. http://www.oexchange.org/

58. 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}

59. http://example.com/.well-
known/host-meta
http://tools.ietf.org/html/draft-nottingham-site-meta

60. <?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>www.meinvz.net</hm:Host>
<Link
rel="http://oexchange.org/spec/0.8/rel/resident-target"
type="application/xrd+xml"
href="http://www.example.com/oexchange.xrd" >
</Link>
</XRD>

61. <?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>

62. DEMO

63. Now there is a link in his
status update
cool video:
http://www.youtube.com/
watch?v=OFzkTxiwziQ

64. OEmbed
http://oembed.com/

65. http://www.youtube.com/watch?v=OyJd2qsRkNk

67. http://www.youtube.com/oembed?url=http%3A%2F
%2Fwww.youtube.com%2Fwatch%3Fv
%3DOyJd2qsRkNk&maxwidth=500&format=json

68. {
"provider_url":"http://www.youtube.com/",
"title":"Jupiter Jones -
Das Jahr in dem ich schlief (Musik Video)",
"html":"u003cobject width="500" height="306"u003e
u003cparam name="movie" value="http://www.youtube.com/v/
OyJd2qsRkNk?version=3"u003eu003c/paramu003eu003cparam name=
"allowFullScreen" value="true"u003eu003c/paramu003e
u003cparam name="allowscriptaccess" value="always"u003e
u003c/paramu003eu003cembed src="http://www.youtube.com/v/
OyJd2qsRkNk?version=3" type="application/x-shockwave-flash
" width="500" height="306" allowscriptaccess="always
" allowfullscreen="true"u003eu003c/embedu003eu003c/object
u003e",
"author_name":"St182",
"height":306,
"thumbnail_width":480,
"width":500,
"version":"1.0",
"author_url":"http://www.youtube.com/user/Stinkfist182",
"provider_name":"YouTube",
"thumbnail_url":"http://i4.ytimg.com/vi/OyJd2qsRkNk/
hqdefault.jpg",
"type":"video",
"thumbnail_height":360
}

69. cool video:

70. http://embed.ly/

72. Caja
http://code.google.com/p/google-caja/

73. html_sanitize(‘<script>alert(“foo“);</script>‘)

74. DEMO

75. Bill is really into social games

76. http://www.opensocial.org/

80. Crossing the boundaries of web
applications with OpenSocial
8/19/2011 1:00pm @Conv. Ctr-14

81. DEMO

82. Many standards available

83. 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

84. Many projects - one common
goal
http://federatedsocialweb.net

85. And many people working on it
http://federatedsocialweb.net

86. Social Web Acid Test - Level 0

87. hLp://twiLer.com/Bas?anHofmann
hLps://profiles.google.com/bashofmann
hLp://lanyrd.com/people/Bas?anHofmann/
hLp://slideshare.net/bashofmann
mail@bas?anhofmann.de