A platform to build real-time social applications. Daniel Appelquist props to Laurent Eschenauer, Alard Weisscher and Diana Cheng

Size: px

Start display at page:

Download "A platform to build real-time social applications. Daniel Appelquist props to Laurent Eschenauer, Alard Weisscher and Diana Cheng"

Godwin Cole
5 years ago
Views:

1 A platform to build real-time social applications Daniel Appelquist props to Laurent Eschenauer, Alard Weisscher and Diana Cheng Federated Social Web Summit - July 18, 2010

2 Daniel Appelquist Web & Internet Evangelist Vodafone Group

10 Onesocialweb: a free, open and decentralized social networking platform

11 The menu for today High level overview Demo Protocol and data models Hands on with the API Q&A

12 The menu for today High level overview Demo Protocol and data models Hands on with the API Q&A

13 Can we make social communications as simple and universal as ? Facebook MySpace whatever.com Friending and following across networks One identity and yet multiple communities 360 Google Data portability

14 A lot of activities in this field... but no such platform yet

15 protocol platform user experience

16 A protocol based on open standards XMPP Activitystreams VCard XFN Identity, discovery & communication Data model for social objects Data model for profiles Data model for relationships protocol

17 Architecture: federated client-server e.g. Alice updates her status wonderland.lit realworld.com Post a new item to her stream alice@wonderland.lit bob@realworld.com protocol

18 Architecture: federated client-server e.g. Alice updates her status wonderland.lit realworld.com Push notifications to recipients protocol

19 protocol Architecture: federated client-server e.g. Alice updates her status wonderland.lit realworld.com Real-time notifications

20 Architecture: federated client-server e.g. Alice looks up Bob's profile wonderland.lit Request profile of realworld.com protocol

21 Architecture: federated client-server e.g. Alice looks up Bob's profile wonderland.lit realworld.com Request is forwarded to Bob's domain on behalf. protocol

22 Architecture: federated client-server e.g. Alice looks up Bob's profile wonderland.lit realworld.com Bob's provider replies with the profile data that alice is allowed to see. protocol

23 Architecture: federated client-server e.g. Alice looks up Bob's profile wonderland.lit Result is sent back to the requesting client realworld.com protocol

24 An open source platform platform End to end platform server backend, client libraries for desktop and mobile Open source Apache 2 license Java 30% code reuse between components Web client written in GWT (Java compiled to Javascript) Already available. Easy to setup. Join our growing community to experiment with us and get involved via our mailing list!

implementation of a social networking experience.

25 A social network user experience web client (HTML + JS) user experience 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.

26 The menu for today High level overview Demo Protocol and data models Hands on with the API Q&A

27 The menu for today High level overview Demo Protocol and data models Hands on with the API Q&A

28 XMPP

29 References XMPP: The definitive guide Peter Saint-Andre, Remko Troncon, Kevin Smith O'Reilly 1999 ISBN: XMPP 101 Peter Saint-Andre & Remko Troncon FOSDEM XMPP

30 XMPP Architecture Web is a browser (thin client) server architecture wonderland.lit web server realworld.com web server browser From: XMPP 101 by Peter Saint-Andre and Remko Tronco, FOSDEM 2009

31 XMPP Architecture is client server with multi-hop federation wonderland.lit server between.org server realworld.com server client client From: XMPP 101 by Peter Saint-Andre and Remko Tronco, FOSDEM 2009

32 XMPP Architecture XMPP is a client server with single hop federation wonderland.lit xmpp server realworld.com xmpp server xmpp client xmpp client alice@wonderland.lit bob@realworld.com From: XMPP 101 by Peter Saint-Andre and Remko Tronco, FOSDEM 2009

33 XMPP Addressing Similar to User Domain Bare JID (Jabber ID) From: XMPP 101 by Peter Saint-Andre and Remko Tronco, FOSDEM 2009

34 XMPP Addressing Similar to with an added resource User Domain Resource Full JID (Jabber ID) From: XMPP 101 by Peter Saint-Andre and Remko Tronco, FOSDEM 2009

35 Streaming XML <stream: stream> <presence/> <iq type="get"> <query xmlns="jabber:iq:roster"/> </iq> <iq type="result"> <query xmlns="jabber:iq:roster"> <item <item <item </query> </iq> <message <body>off with his head!</body> </message> <message <body>you are all pardoned.</body> </message> <presence type="unavailable"/> </stream: stream> From: XMPP 101 by Peter Saint-Andre and Remko Tronco, FOSDEM 2009 XMPP

36 Communication based on three stanzas <message /> <presence /> <iq /> From: XMPP 101 by Peter Saint-Andre and Remko Tronco, FOSDEM 2009 XMPP

37 Message stanza XMPP <message <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 From: XMPP 101 by Peter Saint-Andre and Remko Tronco, FOSDEM 2009

38 Presence stanza XMPP <presence <show>xa</show> <status>down the rabbit hole!</status> </presence> Advertise network availability Rich presence (away, available for chat...) Rich status (a free text entry) Typically used for rosters in IM use cases From: XMPP 101 by Peter Saint-Andre and Remko Tronco, FOSDEM 2009

39 IQ stanza <iq type="get"> <query xmlns="jabber:iq:roster"/> </iq> <iq type="result"> <query xmlns="jabber:iq:roster"> <item <item <item </query> </iq> Request/response Enable querying and editing of resources Similar to HTTP GET & HTTP POST From: XMPP 101 by Peter Saint-Andre and Remko Tronco, FOSDEM 2009 XMPP

40 extensible MPP XMPP Any child XML element can be used as a payload, using XML namespaces to manage scope <message from="queen@wonderland.lit" to="madhatter@wonderland.lit"> <body>off with his head!</body> <entry xmlns=" <published> t12: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> From: XMPP 101 by Peter Saint-Andre and Remko Tronco, FOSDEM 2009

41 Long-lived connection & asynchronous Web world is synchronous - send request - wait for answer - receive response XMPP is asynchronous - long lived connections - event based messaging From: XMPP 101 by Peter Saint-Andre and Remko Tronco, FOSDEM 2009 XMPP

42 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 ) Pubsubhubbub (server to server push notifications) Salmon (messaging and commenting) and to address a lot of other issues (e.g. Privacy, NAT clients)

43 Activitystrea.ms

44 References The Open and Social Web Chris Messina Google I/O Activitystreams

45 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> <pubdate>fri, 12 Mar :38: </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

46 The need for machine readable data 2005 Atom addresses some of the shortcomings <?xml version="1.0" encoding="utf-8"?> <feed xmlns=" <entry> <title>when Will Location-Based Coupons Take Off?</title> <link rel= alternate > <id>urn:uuid:60a76c80-d399-11d9-b91c e0af6</id> <updated>fri, 12 Mar :38: </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: The Open and Social web, Chris Messina, Google I/O 2010

47 Yet, no common way to describe rich social interactions... leading to proprietary data models title + link + summary + author + id + updated

48 Activitystreams provides a common language to describe social interactions... actor verb object target

49 Activitystreams provides a common language to describe social interactions... eschnou posted a note

50 Activitystreams provides a common language to describe social interactions... eschnou posted a picture to an album

51 Activitystreams provides a common language to describe social interactions... eschnou liked a video

52 building upon existing Atom elements title + link + summary + author + id + updated + verb + object-type + target

53 building upon existing Atom elements <?xml version="1.0" encoding="utf-8"?> <feed xmlns=" xmlns:activity=" <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> From: The Open and Social web, Chris Messina, Google I/O 2010

54 Onesocialweb extends this further with context data and access control rules actor verb object target context access-control

55 Onesocialweb extends it further with context data and access control rules eschnou took a picture in Barcelona, it can be seen visible by 'friends'

56 Putting it all together

57 Juliet updates her status O Romeo, Romeo, wherefore art thou Romeo?

58 <iq type='set' to='capulet.lit' id='osw1'> <pubsub xmlns=" <publish node= urn:xmpp:microblog:0 > <entry xmlns=" xmlns:activity=" xmlns:osw=" <title>o Romeo, Romeo, wherefore art thou Romeo?</title> <activity:verb> <activity:object> <activity:object-type> <content>o Romeo, Romeo, wherefore art thou Romeo?</content> </activity:object> <osw:acl-rule> <osw:acl-action permission=" </osw:acl-action> <osw:acl-subject> </osw:acl-rule> </entry> </publish> </pubsub> </iq>

59 <iq type='set' to='capulet.lit' id='osw1'> <pubsub xmlns=" <publish node= urn:xmpp:microblog:0 > <entry xmlns=" xmlns:activity=" xmlns:osw=" <title>o Romeo, Romeo, wherefore art thou Romeo?</title> <activity:verb> <activity:object> <activity:object-type> <content>o Romeo, Romeo, wherefore art thou Romeo?</content> </activity:object> <osw:acl-rule> <osw:acl-action permission=" </osw:acl-action> <osw:acl-subject> </osw:acl-rule> </entry> </publish> </pubsub> </iq>

60 <iq type='set' to='capulet.lit' id='osw1'> <pubsub xmlns=" <publish node= urn:xmpp:microblog:0 > <entry xmlns=" xmlns:activity=" xmlns:osw=" <title>o Romeo, Romeo, wherefore art thou Romeo?</title> <activity:verb> <activity:object> <activity:object-type> <content>o Romeo, Romeo, wherefore art thou Romeo?</content> </activity:object> <osw:acl-rule> <osw:acl-action permission=" </osw:acl-action> <osw:acl-subject> </osw:acl-rule> </entry> </publish> </pubsub> </iq>

61 <iq type='set' to='capulet.lit' id='osw1'> <pubsub xmlns=" <publish node= urn:xmpp:microblog:0 > <entry xmlns=" xmlns:activity=" xmlns:osw=" <title>o Romeo, Romeo, wherefore art thou Romeo?</title> <activity:verb> <activity:object> <activity:object-type> <content>o Romeo, Romeo, wherefore art thou Romeo?</content> </activity:object> <osw:acl-rule> <osw:acl-action permission=" </osw:acl-action> <osw:acl-subject> </osw:acl-rule> </entry> </publish> </pubsub> </iq>

62 The menu for today High level overview Demo Protocol and data models Hands on with the API Q&A

63 How would you create a social shopping list application? Create shopping lists Share them with friends Collaborate on shopping items Receive real-time notifications e.g. Shopulator on Android

64 Today you need a lot more than a mobile app We need a back-end server... User registration Social graph management (e.g. inviting friends) Data storage for the shopping list Web API (to communicate with the mobile client) and a solution for push notifications Custom TCP sockets Web sockets Comet (HTTP Long polling) SMS Apple Push Notifications Android C2DM

65 With Onesocialweb, you focus on your application and let the protocol do the rest Create a shopping list object and a user as a collaborator ShoppingList list = new ShoppingList(); list.settitle( BBQ on Sunday ); list.additem( bread ); list.addcollaborator( alice@betavine.net );

66 With Onesocialweb, you focus on your application and let the protocol do the rest Create a shopping list object and a user as a collaborator ShoppingList list = new ShoppingList(); list.settitle( BBQ on Sunday ); list.additem( bread ); list.addcollaborator( alice@betavine.net ); Connect to the user account and post the new shopping list service.connect( vodafonernd.com, 5222, null); service.login( eschnou, ******, shoplist ); service.post(list);

67 With Onesocialweb, you focus on your application and let the protocol do the rest Create a shopping list object and a user as a collaborator ShoppingList list = new ShoppingList(); list.settitle( BBQ on Sunday ); list.additem( bread ); list.addcollaborator( alice@betavine.net ); 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( )) { notify(); }}});

68 The power of having a common data model in a federated network Facebook MySpace eschnou@facebook.com 360 Google mysister@gmail.com mymother@360.com Realtime picture sharing with friends and family, across networks, and without tight coupling of the social applications

69 Get started: @torgo,

Open Federated Social Networks Oscar Rodríguez Rocha

Open Federated Social Networks Oscar Rodríguez Rocha 178691 Federated document database Documents are stored on different servers Access through browsers Any individual, company, or organization can own