Download - Open social overview for students
![Page 1: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/1.jpg)
OpenSocial for Students
By Rohit Ghatol
From
Pune Google Technology User Group
http://pune-gtug.blogspot.com
![Page 2: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/2.jpg)
What is Pune-GTUG?
GTUG stands for Google Technology User Group
![Page 3: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/3.jpg)
![Page 5: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/5.jpg)
What is OpenSocial?
![Page 6: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/6.jpg)
What is OpenSocial?
OpenSocial defines a common API for social applications across multiple websites. With standard JavaScript and HTML, developers can create apps that access a social network's friends and update feeds.
![Page 7: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/7.jpg)
Before we answer that lets understand what social networking sites do?
Can you name some of the social networking sites?
![Page 8: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/8.jpg)
Social Networking Sites
![Page 9: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/9.jpg)
What do you do on these sites?
We socialize and do some activity on these sites!
![Page 10: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/10.jpg)
What do you do on these sites?
We connect and do some activity on these sites!
Music
![Page 11: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/11.jpg)
What do you do on these sites?
We connect and do some activity on these sites!
Scrapbook
![Page 12: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/12.jpg)
What do you do on these sites?
We connect and do some activity on these sites!
Professional Recommendations
![Page 13: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/13.jpg)
What do you do on these sites?
We socialize and do some activity on these sites!
And so on…..
![Page 14: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/14.jpg)
Jaiku’s 5 rules for social networks
1. What is your object?
2. What are your verbs?
3. How can people share the objects?
4. What is the gift in the invitation?
5. Are you charging the publishers or the spectators?
![Page 15: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/15.jpg)
How do we socialize objectsonline
without having to create yetanother social network?
![Page 16: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/16.jpg)
![Page 17: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/17.jpg)
![Page 18: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/18.jpg)
![Page 19: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/19.jpg)
![Page 20: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/20.jpg)
![Page 21: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/21.jpg)
OpenSocial
A common open set of APIs for building social applications across
multiple sites
![Page 22: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/22.jpg)
This is NOT GoogleSocial. It’s about making the Web more social,
not just Google.
![Page 23: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/23.jpg)
![Page 24: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/24.jpg)
![Page 25: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/25.jpg)
![Page 26: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/26.jpg)
Standards-based
html+javascript+REST+OAuth
![Page 27: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/27.jpg)
Lets see some examples
![Page 28: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/28.jpg)
![Page 29: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/29.jpg)
![Page 30: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/30.jpg)
![Page 31: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/31.jpg)
![Page 32: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/32.jpg)
![Page 33: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/33.jpg)
Back to the original Question
What is OpenSocial?
![Page 34: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/34.jpg)
What is OpenSocial?
When you write an Application for a OpenSocial Container (e.g Orkut) it – gives you access to your Friends
![Page 35: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/35.jpg)
![Page 36: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/36.jpg)
What is OpenSocial?
When you write an Application for a OpenSocial Container (e.g Orkut) it – gives you access to your Friends– allows you to read write updates (Activity Stream)
![Page 37: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/37.jpg)
![Page 38: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/38.jpg)
What is OpenSocial?
When you write an Application for a OpenSocial Container (e.g Orkut) it – gives you access to your Friends– allows you to read write updates (Activity Stream)– allows you to store and share some information
with your friends
![Page 39: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/39.jpg)
What is OpenSocial?
It turns sites like Orkut into a platform for developers to write more applications and allows users to install these on top of Orkut
So along with scrapping you can now interact with your friends in a number of ways. Chat with them, play games with them, plan your hangout places, all without leaving Orkut.
![Page 40: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/40.jpg)
Roles in OpenSocial
• Container – Sites which have OpenSocial Features like Orkut
• User – Who use these sites
• Developer – Who develop applications for OpenSocial Sites
![Page 41: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/41.jpg)
Code Samples
<?xml version="1.0" encoding="UTF-8" ?>
<Module>
<ModulePrefs title="Hello World!">
<Require feature="opensocial-0.8" />
</ModulePrefs>
<Content type="html">
<h1>Hello World</h1>
</Content>
</Module>
![Page 42: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/42.jpg)
Code Samples
<?xml version="1.0" encoding="UTF-8" ?>
<Module>
<ModulePrefs title="Hello World!">
<Require feature="opensocial-0.8" />
</ModulePrefs>
<Content type="html">
<!– Your HTML Javascript goes here -->
</Content>
</Module>
![Page 43: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/43.jpg)
Code Samples
function loadFriends() {
var req = opensocial.newDataRequest(); //Create a request to orkut
req.add(req.newFetchPersonRequest(opensocial.IdSpec.PersonId.VIEWER), 'viewer'); //Tell I want to get the Viewer
req.add(req.newFetchPeopleRequest(opensocial.newIdSpec({ "userId" : "VIEWER", "groupId" : "FRIENDS" });), 'viewerFriends');//Tell I want to get the Viewer’s Friends
req.send(onLoadFriends);
}
![Page 44: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/44.jpg)
Code Samples
function onLoadFriends(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('');
}
![Page 45: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/45.jpg)
Why OpenSocial?
• Developer : Distribution to 275 Million people• Containers : More Features• User : More Applications
![Page 46: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/46.jpg)
Why OpenSocial?
When you develop an application-• How do you bring people to your application?
OR
• Do you take your application to people?
![Page 47: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/47.jpg)
Questions?
?
![Page 48: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/48.jpg)
Links
• OpenSocial - http://code.google.com/apis/opensocial/
![Page 49: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/49.jpg)
References
• OpenSocial Presentation from Google IO 2008• OpenSocial Site at code.google.com
![Page 50: Open social overview for students](https://reader036.vdocuments.mx/reader036/viewer/2022070303/54b440774a7959cd628b4595/html5/thumbnails/50.jpg)
Disclaimer
• The social networking site Orkut is used in many slides, just for the reason, that the audience is very familiar with this site.
• This presentation has no indentation to highlight one social networking site over other