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

Bastian Hofmann, VZnet Netzwerke Ltd

Opening up the Social Web
Standards that are bridging the
Islands

Mittwoch, 13. Oktober 2010

Agenda

•OpenID •PubSubHubbub
•WebFinger •Salmon
•Well-Known URIs •OExchange
•Web Host Meta •XAuth
Data •OEmbed
•XRD •OpenSocial
•Portable •SWAT0
Contacts
•Activity Strea.ms

nikko russano*


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


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


Back to reality


Meet Bill and Steve


Bill want‘s to comment on
Steve‘s blog


Has to sign up for an account


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/


Bill want‘s to know more about
Steve

paurian


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.


Now: WebFinger

http://code.google.com/p/webfinger/


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

http://example.com/describe?
uri=acct:joe@example.com
<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'
    <Link rel='describedby'
          type='text/html'
    <Link rel='http://webfinger.net/rel/avatar'
          href='http://example.com/profiles/joe/photo' />
</XRD>

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/


DEMO


He want‘s to follow Steve‘s
status updates


ActivityStrea.ms

•Standard for a stream of activities
(Feed)

•Atom based

http://activitystrea.ms/


PubSubHubbub
retrieves Atom feed with Hub URL

subscribes
for feed

acks
subscription Hub

pings every posts sth
subscriber

http://code.google.com/p/pubsubhubbub/


Now Bill mentions Steve to his
pal

have a look at @steve
stream


and what about Comments?

new macs will have IE9

I would‘ve chosen
Chrome


Salmon

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


Bill is now on his favourite Video
Portal


He want‘s to share a video with
his friends

... but his favourite social network has no
sharing button at YouTube


Nascar Problem


XAuth

http://xauth.org/


XAuth at Provider

•100% Client Technology

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


XAuth at Consumer

•But static server on central domain
needed
Visits xauth.org/xauth.js
XAuth.retrieve({
retrieve: ['xauth.org'],
callback: receiveTokens
});


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/


Discovery over XRD
<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>


Now there is a link in his status
update

cool video:
http://www.youtube.com/
watch?v=OFzkTxiwziQ


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/

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" />


The embedded result

cool video:


OEmbed Aggregation

•embed.ly
•supports 112 services over one
endpoint
•several libraries
•easy implementation

http://embed.ly/


Bill is really into social games


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/


OpenSocial Reach


OpenSocial Europe Event
06.12. - 07.12.
Utrecht (NL)

http://blog.opensocial.org/2010/10/first-european-opensocial-event-in.html


Many standards available


But still much to be done

•Friends and Friendships
•Privacy
•Access Control
•What is the right identiﬁer?
•More than one provider with one E-
Mail Address?
•Wide adoption
•Easy implementation


Many projects - one common
goal

http://federatedsocialweb.net


And many people working on it

http://federatedsocialweb.net


Social Web Acid Test - Level 0

factoryjoe


How far is VZnet?

•OpenSocial •Salmon
•OEmbed •XAuth
•OExchange
•XRD
•PortableContacts
•ActivityStrea.ms
•OpenID
•WebFinger
•PubsubHubbub

Thank you

http://studivz.net/bastian
http://twitter.com/BastianHofmann
http://slideshare.net/bashofmann

http://github.com/vznet
http://developer.studivz.net

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

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

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

Similar to Opening up the Social Web - Standards that are bridging the Islands (20)

More from Bastian Hofmann

More from Bastian Hofmann (20)

Recently uploaded

Recently uploaded (20)

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