SlideShare a Scribd company logo

Open Social Phpcamp

•Download as PPT, PDF•
•
Amit Kumar Singh
Amit Kumar Singh

This document discusses OpenSocial, an API that allows developers to create social applications that can be used across multiple social networking sites. It provides an overview of OpenSocial, demonstrates how to create a simple "Hello World" application and how to fetch and display a user's friends. It also outlines what developers can and cannot do with OpenSocial applications.

Related slideshows

Overview Of Drupal
Overview Of DrupalOverview Of Drupal
Overview Of Drupal
 
Above Average Group 3
Above Average Group 3Above Average Group 3
Above Average Group 3
 
Mt Campbell
Mt CampbellMt Campbell
Mt Campbell
 
1 of 19
OpenSocial Creating Orkut Applications
Before We Start… If you have any questions, please don't hesitate to ask. During presentation we will create a sample application and run at Orkut. This session is not about OpenSocial container/Shindig.
About Me Doing PHP since 2000. Service Delivery Manager @ Clarion Technologies Pvt. Ltd. CMMI Level 3 Company My application “Cities I visited” listed at Orkut directory.
Something about you… How many of you know OpenSocial? How many of you used Facebook Applications? How many of you used Orkut Applications?.
Why OpenSocial? Facebook has its own API. It became popular with launch of applications. There are many other networking sites like Orkut, MySpace, hi5, linkedin etc. What if all creates their own API? Developer will have to create different application for each platform.
What an idea…
What is OpenSocial? OpenSocial defines a common API for social applications across multiple websites. Built from standard JavaScript and HTML, developers can create apps with OpenSocial that access a social network's friends and update feeds.
Journey of OpenSocial Launched on November 1, 2007 with initial version 0.5 Initially supported by Friendster, hi5, MySpace, Ning, orkut and many more. At launch Flixster, FotoFlexer, iLike, Newsgator, RockYou, Slide, Theikos, and VirtualTourist presented applications. Current version 0.8 released on May 28, 2008.
Who all are using it.
Basics… Simple “Hello World” Application (helloworld.xml) <?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot; ?> <Module> <ModulePrefs title=&quot;Hello World!&quot;> <Require feature=&quot;opensocial-0.8&quot; /> </ModulePrefs> <Content type=&quot;html&quot;> <![CDATA[ Hello, world!]]> </Content> </Module>
Listing Friends … 1 - xml <?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?> <Module> <ModulePrefs title=“PHPCamp- List Friends&quot;> <Require feature=&quot;opensocial-0.7&quot;/> </ModulePrefs> <Content type=&quot;html&quot;> <![CDATA[ <script type=&quot;text/javascript&quot;> /* ... */ </script> <div id='main'> Your friends: <div id='friends'></div> </div> ]]> </Content> </Module>
Listing Friends … 2- js <script language=“JavaScript”> gadgets.util.registerOnLoadHandler(init); function init() { var req = opensocial.newDataRequest(); var opt_params = {}; opt_params[opensocial.DataRequest.PeopleRequestFields.MAX] = 20; req.add(req.newFetchPeopleRequest( 'OWNER_FRIENDS' ,opt_params), 'ownerFriends' ); req.send( onLoadFriends ); } </script>
Listing Friends … 3- js function onLoadFriends(data) { var viewerFriends = data.get(' viewerFriends ').getData(); var html=&quot;&quot;; html=' <ul> '; viewerFriends.each( function (person) { var friend_thumbnail = person.getField(opensocial.Person.Field.THUMBNAIL_URL); html +=' <li> ' + person.getDisplayName() + '<img src= &quot;'+friend_thumbnail+'&quot; > </li> '; }); html +=' </ul> '; document.getElementById(' friends ').innerHTML = html; }
Listing Friends … 4- output
What else you can do Send request to your server and return information in text,XML or JSON format. Insert activity in users updates. Use of AJAX. Store information at Orkut server. Fetch owner and his friends information.
What you can’t do Post scraps through your application. Fetch personal information like phone number, birth date etc. Communicate between different OpenSocial sites. Any change at Orkut site. Application runs only at the space allocated to it e.g. profile view and container view. Run exactly same application on all supported sites.
References… Orkut OpenSocial Blog http://orkut-open-social.blogspot.com/ Orkut Developer Forum http://groups.google.com/group/opensocial-orkut Orkut developer Guide http://code.google.com/apis/orkut/docs/orkutdevguide.html OpenSocial Tutorial http://code.google.com/apis/opensocial/articles/tutorial/tutorial-0.8.html
That’s it! If you have any questions, don't hesitate to ask. Demonstration scripts and forms can be seen under http://www.myphpdunia.com/phpcamp.html Feel free to contact me at [email_address]
Thanks a lot for your interest.

More Related Content

Open Social Phpcamp

  • 2. Before We Start… If you have any questions, please don't hesitate to ask. During presentation we will create a sample application and run at Orkut. This session is not about OpenSocial container/Shindig.
  • 3. About Me Doing PHP since 2000. Service Delivery Manager @ Clarion Technologies Pvt. Ltd. CMMI Level 3 Company My application “Cities I visited” listed at Orkut directory.
  • 4. Something about you… How many of you know OpenSocial? How many of you used Facebook Applications? How many of you used Orkut Applications?.
  • 5. Why OpenSocial? Facebook has its own API. It became popular with launch of applications. There are many other networking sites like Orkut, MySpace, hi5, linkedin etc. What if all creates their own API? Developer will have to create different application for each platform.
  • 7. What is OpenSocial? OpenSocial defines a common API for social applications across multiple websites. Built from standard JavaScript and HTML, developers can create apps with OpenSocial that access a social network's friends and update feeds.
  • 8. Journey of OpenSocial Launched on November 1, 2007 with initial version 0.5 Initially supported by Friendster, hi5, MySpace, Ning, orkut and many more. At launch Flixster, FotoFlexer, iLike, Newsgator, RockYou, Slide, Theikos, and VirtualTourist presented applications. Current version 0.8 released on May 28, 2008.
  • 9. Who all are using it.
  • 10. Basics… Simple “Hello World” Application (helloworld.xml) <?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot; ?> <Module> <ModulePrefs title=&quot;Hello World!&quot;> <Require feature=&quot;opensocial-0.8&quot; /> </ModulePrefs> <Content type=&quot;html&quot;> <![CDATA[ Hello, world!]]> </Content> </Module>
  • 11. Listing Friends … 1 - xml <?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?> <Module> <ModulePrefs title=“PHPCamp- List Friends&quot;> <Require feature=&quot;opensocial-0.7&quot;/> </ModulePrefs> <Content type=&quot;html&quot;> <![CDATA[ <script type=&quot;text/javascript&quot;> /* ... */ </script> <div id='main'> Your friends: <div id='friends'></div> </div> ]]> </Content> </Module>
  • 12. Listing Friends … 2- js <script language=“JavaScript”> gadgets.util.registerOnLoadHandler(init); function init() { var req = opensocial.newDataRequest(); var opt_params = {}; opt_params[opensocial.DataRequest.PeopleRequestFields.MAX] = 20; req.add(req.newFetchPeopleRequest( 'OWNER_FRIENDS' ,opt_params), 'ownerFriends' ); req.send( onLoadFriends ); } </script>
  • 13. Listing Friends … 3- js function onLoadFriends(data) { var viewerFriends = data.get(' viewerFriends ').getData(); var html=&quot;&quot;; html=' <ul> '; viewerFriends.each( function (person) { var friend_thumbnail = person.getField(opensocial.Person.Field.THUMBNAIL_URL); html +=' <li> ' + person.getDisplayName() + '<img src= &quot;'+friend_thumbnail+'&quot; > </li> '; }); html +=' </ul> '; document.getElementById(' friends ').innerHTML = html; }
  • 14. Listing Friends … 4- output
  • 15. What else you can do Send request to your server and return information in text,XML or JSON format. Insert activity in users updates. Use of AJAX. Store information at Orkut server. Fetch owner and his friends information.
  • 16. What you can’t do Post scraps through your application. Fetch personal information like phone number, birth date etc. Communicate between different OpenSocial sites. Any change at Orkut site. Application runs only at the space allocated to it e.g. profile view and container view. Run exactly same application on all supported sites.
  • 17. References… Orkut OpenSocial Blog http://orkut-open-social.blogspot.com/ Orkut Developer Forum http://groups.google.com/group/opensocial-orkut Orkut developer Guide http://code.google.com/apis/orkut/docs/orkutdevguide.html OpenSocial Tutorial http://code.google.com/apis/opensocial/articles/tutorial/tutorial-0.8.html
  • 18. That’s it! If you have any questions, don't hesitate to ask. Demonstration scripts and forms can be seen under http://www.myphpdunia.com/phpcamp.html Feel free to contact me at [email_address]
  • 19. Thanks a lot for your interest.