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.

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.

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?.

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.

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.

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.

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>

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>

<?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>

<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; }

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.

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.

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

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]

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.