Introduction to OpenSocial

Slide 1: Google‘s Open Social Christian Scholz http://mrtopf.de/connect Barcamp Berlin 2 http://comlounge.net

Slide 2: Write once, run everywhere

Slide 3: Google Gadget Application

Slide 4: Google Gadget Application Platform

Slide 5: Google Gadget Application OpenSocial API Platform

Slide 6: Platform OpenSocial API Google Gadget Application OpenSocial API Platform

Slide 7: Orkut Flixter Ning

Slide 8: Example

Slide 9: Writing Applications

Slide 10: 1. Write a Google Gadget

Slide 11: Example GG HTML <?xml version=\"1.0\" encoding=\"UTF-8\" ?> <Module> <ModulePrefs title=\"Go to Photo Album\" height=\"250\" scaling=\"false\" /> <Content type=\"html\"> <![CDATA[ <div style=\"text-align:center\"><a id=\"Riggs\" title=\"My Photo Album\" target=\"_blank\" href=\"http://picasaweb.google.com/doc.examples/ShelfBoy\"> <img border=\"0\" alt=\"Photo\" src=\"http://doc.examples.googlepages.com/Riggsie-OP.jpg\" title=\"Click Here.\"></a> </div> ]]> </Content> </Module>

Slide 12: 2. Importing Open Social <ModulePrefs title=\"Title of Your Application\"> <Require feature=\"opensocial-0.5\"/> </ModulePrefs>

Slide 13: 3. Using Open Social function onLoadFriends(dataResponse) { // do something with the dataResponse } /** * Request for friend information when the page loads. */ function getData() { document.getElementById('message').innerHTML = 'Requesting friends...'; var req = opensocial.newDataRequest(); req.add(req.newFetchPersonRequest('VIEWER'), 'viewer'); req.add(req.newFetchPeopleRequest ('VIEWER_FRIENDS'), 'viewerFriends'); req.send(onLoadFriends); };

Slide 14: 3. Using Open Social /** * Parses the response to the friend information request and generates * html to list the friends by their display name. * * @param {Object} dataResponse Friend information that was requested. */ function onLoadFriends(dataResponse) { var viewer = dataResponse.get('viewer').getData(); var html = 'Friends of ' + viewer.getDisplayName(); html += ':<br><ul>'; var viewerFriends = dataResponse.get('viewerFriends').getData(); viewerFriends.each(function(person) { html += '<li>' + person.getDisplayName(); }); html += '</ul>'; document.getElementById('message').innerHTML = html; };

Slide 15: 3 APIs 1. People and Relationships 2. Persistence 3. Activities

Slide 16: 3 APIs 1. People and Relationships 2. Persistence 3. Activities How are users between different social networks connected?

Slide 17: Hosting Applications

Slide 18: OpenSocial Service Provider Interface * Adding and removing friends * Adding and removing apps * Storing activities * Retrieving activity streams for self and friends * Storing and retrieving per-app and per-app-per-user data

Slide 19: more documentation still to come with SDK