Onesocialweb Presentation at OTA10

file:///home/Downloads/fsws_long.png

A platform to build real-time social applications

Diana Cheng(formerly also: Laurent Eschenauer and Alard

Weisscher)

Over The Air - London, September 10, 2010


@daianacheng

[email protected]

[email protected]

Diana ChengVodafone Group R&D









Onesocialweb: a free, open and decentralized social networking platform


The menu for today

High level overviewDemoProtocol and data modelsHands on with the APIQ&A


The menu for today



Can we make social communications as simple and universal as email ?

Facebook

360

MySpace

Google

whatever.com

Friending and following across networks

One identity and yet multiple communities

Data portability


A lot of activities in this field...

… but no such platform yet


protocol platform user experience


protocol

A protocol based on open standards

Identity, discovery & communication

Data model for social objects

Data model for profiles

Data model for relationships

XMPP

Activitystreams

VCard

XFN


[email protected] [email protected]

wonderland.lit realworld.com

Post a new item to her stream

Architecture: federated client-servere.g. Alice updates her status

protocol




Push notifications to recipients


protocol




Real-time notifications


protocol


[email protected]


Request profile of [email protected]

Architecture: federated client-servere.g. Alice looks up Bob's profile

protocol


[email protected]


Request is forwarded to Bob's domainon [email protected] behalf.


protocol

mailto:[email protected]


[email protected]


Bob's provider replies with the profile data that alice is allowed to see.


protocol


[email protected]


Result is sent back to the requesting client


protocol


An open source platform

End to end platformserver backend, client libraries for desktop and mobile

Open sourceApache 2 licensehttp://github.com/onesocialweb

Java30% code reuse between componentsWeb client written in GWT (Java compiled to Javascript)

platform

Already available. Easy to setup. Join our growing community to experiment with us and get involved via our mailing list !

http://github.com/onesocialweb


user experience

A social network user experience

web client (HTML + JS) Android client

This is just one implementation of a social networking experience. Keep in mind that Onesocialweb is a platform enabling any kind of social applications.


The menu for today



The menu for today



XMPP


References

XMPP: The definitive guidePeter Saint-Andre, Remko Troncon, Kevin SmithO'Reilly 1999ISBN: 978-0-596-52126-4

XMPP 101Peter Saint-Andre & Remko TronconFOSDEM 2009http://el-tramo.be/blog/xmpp-101-fosdem

XMPP


Architecture

Web is a browser (thin client) – server architecture

wonderland.litweb server

realworld.comweb server

browser

From: XMPP 101 by Peter Saint-Andre and Remko Tronco, FOSDEM 2009

XMPP


Architecture

Email is client – server with multi-hop federation

wonderland.litemail server

realworld.comemail server

email [email protected]

between.orgemail server

email [email protected]


XMPP


Architecture

XMPP is a client – server with single hop federation

wonderland.litxmpp server

realworld.comxmpp server

xmpp [email protected]

xmpp [email protected]


XMPP


Similar to email

Addressing

User Domain

[email protected]

Bare JID (Jabber ID)


XMPP


Similar to email – with an added resource

Addressing

User Domain Resource

[email protected]/rabbithole

Full JID (Jabber ID)


XMPP


Streaming XML <stream: stream> <presence/>

<iq type="get"> <query xmlns="jabber:iq:roster"/> </iq>

<iq type="result"> <query xmlns="jabber:iq:roster"> <item jid="[email protected]"/> <item jid="[email protected]"/> <item jid="[email protected]"/> </query> </iq>

<message from="[email protected]" to="[email protected]"> <body>Off with his head!</body> </message>

<message from="[email protected]" to="[email protected]"> <body>You are all pardoned.</body> </message>

<presence type="unavailable"/></stream: stream>


XMPP



Communication based on three “stanzas”

<message />

<presence />

<iq />

XMPP



Message stanza

<message from="[email protected]" to="[email protected]"> <body>Off with his head!</body></message>

One to one messaging (from & to addresses)Different types of messages (chat, headline, error, …)Basic payload of subject and body

XMPP



Presence stanza

<presence from="[email protected]"><show>xa</show>

<status>down the rabbit hole !</status></presence>

Advertise network availabilityRich presence (away, available for chat...)Rich status (a free text entry)Typically used for rosters in IM use cases

XMPP



IQ stanza

<iq type="get"> <query xmlns="jabber:iq:roster"/></iq>

<iq type="result"> <query xmlns="jabber:iq:roster"> <item jid="[email protected]"/> <item jid="[email protected]"/> <item jid="[email protected]"/> </query></iq>

Request/responseEnable querying and editing of resourcesSimilar to HTTP GET & HTTP POST

XMPP



eXtensible MPP

Any child XML element can be used as a payload, using XML namespaces to manage scope<message from="[email protected]" to="[email protected]"> <body>Off with his head!</body> <entry xmlns="http://www.w3.org/2005/Atom"> <published>2010-01-13T12:40:51.292Z</published> <author> <name>The Queen</name> </author> <title>Message from the Queen</title> <content type='html'> Off with his <b>head</b>! </content></message>

XMPP


http://www.w3.org/2005/Atom


Long-lived connection & asynchronous

Web world is synchronous- send request- wait for answer- receive response

XMPP is asynchronous- long lived connections- event based messaging

XMPP



Why XMPP for Onesocialweb ?

Only technology to achieve such a federation seamlessly:Identity (user@domain)

Security (TLS and S2S with dialback)

Discovery (XMPP Disco)

Useful extensions (Roster, PubSub, …)

Doing the same in the web world requires to assemble:OpenID (identity)

Oauth (authentication and authorization)

Webfinger (discovery and openid on en email)

Pubsubhubbub (server to server push notifications)

Salmon (messaging and commenting)

… and to address a lot of other issues (e.g. Privacy, NAT clients)

mailto:user@domain


Activitystrea.ms


References

http://activitystrea.ms

The Open and Social WebChris MessinaGoogle I/O 2010http://code.google.com/events/io/2010/sessions/open-and-social-web.html

Activitystreams


The need for machine readable data

1999 – Introduction of RSS

<?xml version="1.0" encoding="utf-8"?><rss version="2.0"> <channel> <item> <title>When Will Location-Based Coupons Take Off?</title> <link>http://bits.blogs.nytimes.com/2010/03/12/when-will- location-based-mobile-coupons-take-off/</link> <pubDate>Fri, 12 Mar 2010 21:38:26 +0000</pubDate> <creator>By CLAIRE CAIN MILLER</creator> <description> People want to receive location-based cellphone coupons, but most have not, according to a Web analytics firm. </description> </item> </channel></rss>

title + link + description

From: The Open and Social web, Chris Messina, Google I/O 2010


The need for machine readable data

2005 – Atom addresses some of the shortcomings

<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom"> <entry> <title>When Will Location-Based Coupons Take Off?</title> <link rel=”alternate”>http://bits.blogs.nytimes.com/2010/03/12/when-will- location-based-mobile-coupons-take-off/</link> <id>urn:uuid:60a76c80-d399-11d9-b91C-0003939e0af6</id> <updated>Fri, 12 Mar 2010 21:38:26 +0000</updated> <author> <name>By CLAIRE CAIN MILLER</name> </author> <summary> People want to receive location-based cellphone coupons, but most have not, according to a Web analytics firm. </summary> </entry></feed>

title + link + summary +author + id + updated



Yet, no common way to describe rich social interactions... leading to proprietary data models

title + link + summary +author + id + updated


Activitystreams provides a common language to describe social interactions...

actor verb object target



eschnou posted a note



eschnou posted a picture to an album



eschnou liked a video


… building upon existing Atom elements

title + link + summary +author + id + updated +verb + object-type + target


… building upon existing Atom elements

<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" xmlns:activity="http://activitystrea.ms/spec/1.0/"> <entry> <title>...</title> <link rel=”alternate”>...</link> <id>...</id> <updated>...</updated> <author> <activity:object-type>person</activity:object-type> <name>...</name> </author> <activity:verb>post</activity:verb> <activity:object> <activity:object-type>note</activity:object-type> <content type=”html”> ... </content> </activity:object> </entry></feed>



Onesocialweb extends this further with context data and access control rules

actor verb object target context access-control


Onesocialweb extends it further with context data and access control rules

eschnou took a picture in Barcelona,it can be seen visible by 'friends'


Putting it all together


Juliet updates her status“O Romeo, Romeo, wherefore

art thou Romeo ?”


<iq type='set' from='[email protected]/mobile' to='capulet.lit' id='osw1'> <pubsub xmlns="http://jabber.org/protocol/pubsub"> <publish node=”urn:xmpp:microblog:0”> <entry xmlns="http://www.w3.org/2005/Atom" xmlns:activity="http://activitystrea.ms/spec/1.0/" xmlns:osw="http://onesocialweb.org/spec/1.0/"> <title>O Romeo, Romeo, wherefore art thou Romeo?</title> <activity:verb>http://activitystrea.ms/schema/1.0/post</activity:verb> <activity:object> <activity:object-type>http://activitystrea.ms/schema/1.0/status</activity:object-type> <content>O Romeo, Romeo, wherefore art thou Romeo?</content> </activity:object> <osw:acl-rule> <osw:acl-action permission="http://onesocialweb.org/spec/1.0/acl/permission/grant"> http://onesocialweb.org/spec/1.0/acl/action/view </osw:acl-action> <osw:acl-subject>http://onesocialweb.org/spec/1.0/acl/subject/everyone</osw:acl-subject> </osw:acl-rule> </entry> </publish> </pubsub></iq>

http://jabber.org/protocol/pubsub

http://activitystrea.ms/schema/1.0/status














The menu for today



e.g. Shopulator on Android

Create shopping listsShare them with friendsCollaborate on shopping itemsReceive real-time notifications

How would you create a social shopping list application ?


Today you need a lot more than a mobile app

We need a back-end server...

User registrationSocial graph management (e.g. inviting friends)

Data storage for the shopping listWeb API (to communicate with the mobile client)

… and a solution for push notifications

Custom TCP socketsWeb socketsComet (HTTP Long polling)SMSApple Push NotificationsAndroid C2DM


With Onesocialweb, you focus on your application and let the protocol do the restCreate a shopping list object and a user as a collaborator

ShoppingList list = new ShoppingList();list.setTitle(“BBQ on Sunday”);list.addItem(“bread”);list.addCollaborator(“[email protected]”);




Connect to the user account and post the new shopping list

service.connect(“vodafonernd.com”, 5222, null);service.login(“eschnou”, “******”, “shoplist”);service.post(list);




Connect to the user account and post the new shopping list

service.connect(“vodafonernd.com”, 5222, null);service.login(“eschnou”, “******”, “shoplist”);service.post(list);

Listen to incoming social events and act on shopping list

service.registerInboxEventHandler(new InboxEventHandler() { public void handleEvent(InboxEvent event) { if (event.getObjectType().equals(“http://acme.com/shoppinglist“)) {

notify(); }}});

http://acme.com/shoppinglist


Facebook

360

MySpace

Google

The power of having a common data model in a federated network

[email protected]

[email protected]

[email protected]

Realtime picture sharing with friends and family, across networks, and without tight coupling of the social applications


Get started:

http://onesocialweb.org

http://twitter.com/onesocialweb


[email protected]

http://onesocialweb.org/

http://twitter.com/onesocialweb



Technology

Onesocialweb Presentation at OTA10