A quick introduction to OpenSocial API and Social Applications

1. Open Social: Introduction JeremiJoslin, eXo Evangelist Tugdual Grall, VP of Products

2. eXo Platform 3.0

3. Social Networks : From a developer point of view

4. Social Networks Who I am ? Who I know? What’sgoing on? Thanks to Chris Messina

5. Social Networks Identity Relationships Activities Thanks to Chris Messina

6. Identity

7. Relationships

8. Activities

9. Developing Social Applications

10. OpenSocial A common API for social applications across multiple Web sites

11. WhatisOpenSocial? Social Data and API Social Data: People, Groups, Activities, Messages, AppData JavaScript API for Gadgets REST and RPC API Gadgets Container and API Code in HTML, CSS, and JavaScript Rich JavaScript libraries (IO, preferences, views, i18n,…) Run in the browser, served by a container

12. OpenSocial Containers

13. eXo Platform & eXo Social Apache Shindig, the OpenSocial RI, isembedded in eXo Platform GateInbrings the gadgets support Gadget Rendering in user Dashboard and WrapperPortlet) Gadget storage and management Gadget Develomentusing eXo IDE eXo Social module brings the Social features People, Relationships, Activities Spaces/Groups Java, REST & RPC API

14. OpenSocial Development

15. Gadgets Gadget Definition <?xml version="1.0" encoding="UTF-8"?> <Module> <ModulePrefstitle="Gifts part 3 - Showing Gifts"> <Requirefeature="opensocial-0.8"/> </ModulePrefs> <Content type="html"> <![CDATA[ <script type="text/javascript"> functionupdateGiftList(viewer, data, friends) { var json = null; ... document.getElementById('given').innerHTML = html.join(''); } gadgets.util.registerOnLoadHandler(init); </script> <div id='main'> <div id='give'> <form id='gift_form'> Give <span id='gifts'></span> to <span id='friends'></span>. <a href=‘..’>Give!</a> </form> </div> <div id='given'></div> </div> ]]> </Content> </Module>

16. OpenSocial API Example: GetFriends Data functionloadFriends() { var req = opensocial.newDataRequest(); req.add(req.newFetchPersonRequest(opensocial.IdSpec.PersonId.VIEWER), 'viewer'); var viewerFriends = opensocial.newIdSpec({ "userId" : "VIEWER", "groupId" : "FRIENDS" }); var opt_params = {}; opt_params[opensocial.DataRequest.PeopleRequestFields.MAX] = 100; req.add(req.newFetchPeopleRequest(viewerFriends, opt_params), 'viewerFriends'); req.send(onLoadFriends); } functiononLoadFriends(data) { var viewer = data.get('viewer').getData(); var viewerFriends = data.get('viewerFriends').getData(); html = new Array(); html.push('<ul>'); viewerFriends.each(function(person) { if (person.getId()) { html.push('<li>', person.getDisplayName(), '</li>'); } }); html.push('</ul>'); document.getElementById('friends').innerHTML = html.join(''); gadgets.window.adjustHeight(); }

17. Demonstration Developing Gadgets using eXo Platform

18. Architecture Application

19. Authentication Should not use « login/password » or oAuth SignedRequest

20. Authentication

21. Questions?