1. Aplatformtobuildreal-timesocial applications
DianaCheng
(formerlyalso:LaurentEschenauerandAlardWeisscher)
EuroCAMP,Vienna,November23,2010

2. @daianacheng
dcheng@vodafonernd.com
diana.cheng@vodafone.com
DianaCheng
VodafoneGroupR&D

10. Onesocialweb:afree,openanddecentralizedsocialnetworkingplatform

11. Canwemakesocialcommunicationsassimpleanduniversalasemail?
Facebook
360
MySpace
Google
whatever.com
 Friending and following
across networks
 One identity and yet multiple
communities
 Data portability

12. Alotofactivitiesinthisfield...
…butnosuchplatformyet

13. protocol platform user experience

14. protocol
Aprotocolbasedonopenstandards
Identity,discovery&communication
Datamodelforsocialobjects
Datamodelforprofiles
Datamodelforrelationships
XMPP
Activitystreams
VCard
XFN

15. alice@wonderland.lit bob@realworld.com
wonderland.lit realworld.com
Post a new item to
her stream
Architecture:federatedclient-server
e.g.Aliceupdatesherstatus
protocol

16. alice@wonderland.lit bob@realworld.com
wonderland.lit realworld.com
Push notifications to recipients
Architecture:federatedclient-server
e.g.Aliceupdatesherstatus
protocol

17. alice@wonderland.lit bob@realworld.com
wonderland.lit realworld.com
Real-time
notifications
Architecture:federatedclient-server
e.g.Aliceupdatesherstatus
protocol

18. alice@wonderland.lit
wonderland.lit realworld.com
Request profile of
bob@realworld.com
Architecture:federatedclient-server
e.g.AlicelooksupBob'sprofile
protocol

19. alice@wonderland.lit
wonderland.lit realworld.com
Request is forwarded to Bob's domain
on alice@wonderland.lit behalf.
Architecture:federatedclient-server
e.g.AlicelooksupBob'sprofile
protocol

20. alice@wonderland.lit
wonderland.lit realworld.com
Bob's provider replies with the profile
data that alice is allowed to see.
Architecture:federatedclient-server
e.g.AlicelooksupBob'sprofile
protocol

21. alice@wonderland.lit
wonderland.lit realworld.com
Result is sent back to
the requesting client
Architecture:federatedclient-server
e.g.AlicelooksupBob'sprofile
protocol

22. Anopensourceplatform
Endtoendplatform
serverbackend,clientlibrariesfordesktopandmobile
Opensource
Apache2license
http://github.com/onesocialweb
Java
30%codereusebetweencomponents
WebclientwritteninGWT(JavacompiledtoJavascript)
platform
Already available. Easy to setup. Join our growing community to experiment with us
and get involved via our mailing list !

23. user experience
Asocialnetworkuserexperience
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.

24. Demo

25. XMPP

26. References
XMPP:Thedefinitiveguide
Peter Saint-Andre, Remko Troncon, Kevin Smith
O'Reilly1999
ISBN:978-0-596-52126-4
XMPP101
Peter Saint-Andre & Remko Troncon
FOSDEM2009
http://el-tramo.be/blog/xmpp-101-fosdem
XMPP

27. Architecture
Webisabrowser(thinclient) serverarchitecture–
wonderland.lit
webserver
realworld.com
webserver
browser
From:XMPP101byPeterSaint-AndreandRemkoTronco,FOSDEM2009
XMPP

28. Architecture
Emailisclient serverwithmulti-hopfederation–
wonderland.lit
emailserver
realworld.com
emailserver
emailclient
alice@wonderland.lit
between.org
emailserver
emailclient
bob@realworld.com
From:XMPP101byPeterSaint-AndreandRemkoTronco,FOSDEM2009
XMPP

29. Architecture
XMPPisaclient serverwithsinglehopfederation–
wonderland.lit
xmpp server
realworld.com
xmpp server
xmppclient
alice@wonderland.lit
xmppclient
bob@realworld.com
From:XMPP101byPeterSaint-AndreandRemkoTronco,FOSDEM2009
XMPP

30. Similartoemail
Addressing
User Domain
alice@wonderland.lit
BareJID(JabberID)
From:XMPP101byPeterSaint-AndreandRemkoTronco,FOSDEM2009
XMPP

31. WhyXMPPforOnesocialweb?
Onlytechnologytoachievesuchafederationseamlessly:
 Identity(user@domain)
 Security(TLSandS2Swithdialback)
 Discovery(XMPPDisco)
 Usefulextensions(Roster,PubSub,…)
Doingthesameinthewebworldrequirestoassemble:
 OpenID(identity)
 Oauth(authenticationandauthorization)
 Webfinger(discoveryandopenidonenemail)
 Pubsubhubbub(servertoserverpushnotifications)
 Salmon(messagingandcommenting)
 …andtoaddressalotofotherissues(e.g.Privacy,NATclients)

32. Activitystrea.ms

33. References
http://activitystrea.ms
TheOpenandSocialWeb
Chris Messina
GoogleI/O2010
http://code.google.com/events/io/2010/sessions/open-and-social-web.html
Activitystreams

34. Theneedformachinereadabledata
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:TheOpenandSocialweb,Chris Messina,GoogleI/O2010

35. Theneedformachinereadabledata
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
From:TheOpenandSocialweb,Chris Messina,GoogleI/O2010

36. Nocommonwaytodescriberichsocialinteractions...leadingtoproprietarydatamodels
title+link+summary+
author+id+updated

37. Activitystreamsprovidesacommonlanguagetodescribesocialinteractions...
actorverbobjecttarget

38. Activitystreamsprovidesacommonlanguagetodescribesocialinteractions...
eschnouposted anote

39. Activitystreamsprovidesacommonlanguagetodescribesocialinteractions...
eschnoupostedapicture toanalbum

40. Activitystreamsprovidesacommonlanguagetodescribesocialinteractions...
eschnoulikedavideo

41. …buildinguponexistingAtomelements
title+link+summary+
author+id+updated+
verb+object-type+target

42. Onesocialwebextendsthisfurtherwithcontextdataandaccesscontrolrules
actorverbobjecttargetcontextaccess-control

43. Onesocialwebextendsitfurtherwithcontextdataandaccesscontrolrules
eschnoutook apictureinBarcelona,
itcanbeseenvisibleby'friends'

44. Puttingitalltogether

45. Juliet updates her status
“O Romeo, Romeo, wherefore
art thou Romeo ?”

46. <iq type='set' from='juliet@capulet.lit/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>

47. <iq type='set' from='juliet@capulet.lit/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>

48. <iq type='set' from='juliet@capulet.lit/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>

49. <iq type='set' from='juliet@capulet.lit/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>

50. e.g. Shopulator on Android
Createshoppinglists
Share themwithfriends
Collaborate onshoppingitems
Receivereal-time notifications
Howwouldyoucreateasocialshoppinglistapplication?

51. Todayyouneedalotmorethanamobileapp
Weneedaback-endserver...
 Userregistration
 Socialgraphmanagement
(e.g.invitingfriends)
 Datastoragefortheshoppinglist
 WebAPI
(tocommunicatewiththemobileclient)
…andasolutionforpushnotifications
 CustomTCPsockets
 Web sockets
 Comet (HTTP Long polling)
 SMS
 Apple Push Notifications
 Android C2DM

52. WithOnesocialweb,youfocusonyourapplicationandlettheprotocoldotherest
Createashoppinglistobjectandauserasacollaborator
ShoppingList list = new ShoppingList();
list.setTitle(“BBQ on Sunday”);
list.addItem(“bread”);
list.addCollaborator(“alice@betavine.net”);

53. WithOnesocialweb,youfocusonyourapplicationandlettheprotocoldotherest
Createashoppinglistobjectandauserasacollaborator
ShoppingList list = new ShoppingList();
list.setTitle(“BBQ on Sunday”);
list.addItem(“bread”);
list.addCollaborator(“alice@betavine.net”);
Connecttotheuseraccountandpostthenewshoppinglist
service.connect(“vodafonernd.com”, 5222, null);
service.login(“eschnou”, “******”, “shoplist”);
service.post(list);

54. WithOnesocialweb,youfocusonyourapplicationandlettheprotocoldotherest
Createashoppinglistobjectandauserasacollaborator
ShoppingList list = new ShoppingList();
list.setTitle(“BBQ on Sunday”);
list.addItem(“bread”);
list.addCollaborator(“alice@betavine.net”);
Connecttotheuseraccountandpostthenewshoppinglist
service.connect(“vodafonernd.com”, 5222, null);
service.login(“eschnou”, “******”, “shoplist”);
service.post(list);
Listentoincomingsocialeventsandactonshoppinglist
service.registerInboxEventHandler(new InboxEventHandler() {
public void handleEvent(InboxEvent event) {
if (event.getObjectType().equals(“http://acme.com/shoppinglist“)) {
notify();
}}});

55. Facebook
360
MySpace
Google
Thepowerofhavingacommondatamodelinafederatednetwork
eschnou@facebook.com
mysister@gmail.com
mymother@360.com
Realtime picture sharing with friends and family, across networks, and without tight
coupling of the social applications

56. Get started:
http://onesocialweb.org
http://twitter.com/onesocialweb
http://github.com/onesocialweb
contact@onesocialweb.org