SlideShare a Scribd company logo
1 of 19
Download to read offline
Google‘s
                           Open Social


Christian Scholz
http://mrtopf.de/connect
                                         Barcamp Berlin 2
http://comlounge.net
Write once, run everywhere
Google Gadget

Application
Google Gadget

           Application

Platform
Google Gadget

                   Application
           OpenSocial API


Platform
Platform
             OpenSocial API


                   Google Gadget

                   Application
           OpenSocial API


Platform
Orkut


        Flixter

Ning
Example
Writing Applications
1. Write a Google Gadget
Example GG HTML

<?xml version=quot;1.0quot; encoding=quot;UTF-8quot; ?>

<Module>
  <ModulePrefs title=quot;Go to Photo Albumquot; height=quot;250quot; scaling=quot;falsequot; />
  <Content type=quot;htmlquot;>

  <![CDATA[
    <div style=quot;text-align:centerquot;><a
      id=quot;Riggsquot; title=quot;My Photo Albumquot; target=quot;_blankquot;
      href=quot;http://picasaweb.google.com/doc.examples/ShelfBoyquot;>
      <img border=quot;0quot; alt=quot;Photoquot; src=quot;http://doc.examples.googlepages.com/Riggsie-OP.jpgquot;
      title=quot;Click Here.quot;></a>
    </div>

  ]]>
  </Content>
</Module>
2. Importing Open Social


<ModulePrefs title=quot;Title of Your Applicationquot;>
  <Require feature=quot;opensocial-0.5quot;/>
</ModulePrefs>
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);
  };
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;
 };
3 APIs

1. People and Relationships
2. Persistence
3. Activities
3 APIs

1. People and Relationships
2. Persistence
3. Activities




How are users between different social networks connected?
Hosting Applications
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
more documentation
   still to come
    with SDK

More Related Content

Similar to Introduction to OpenSocial

Open social 2.0 sandbox ee and breaking out of the gadget box
Open social 2.0 sandbox  ee and breaking out of the gadget boxOpen social 2.0 sandbox  ee and breaking out of the gadget box
Open social 2.0 sandbox ee and breaking out of the gadget box
Ryan Baxter
 
BarCamp KL H20 Open Social Hackathon
BarCamp KL H20 Open Social HackathonBarCamp KL H20 Open Social Hackathon
BarCamp KL H20 Open Social Hackathon
marvin337
 
Top 5 Tips for Building Viral Social Web Applications and Sites
Top 5 Tips for Building Viral Social Web Applications and SitesTop 5 Tips for Building Viral Social Web Applications and Sites
Top 5 Tips for Building Viral Social Web Applications and Sites
Jonathan LeBlanc
 
Opensocial Haifa Seminar - 2008.04.08
Opensocial Haifa Seminar - 2008.04.08Opensocial Haifa Seminar - 2008.04.08
Opensocial Haifa Seminar - 2008.04.08
Ari Leichtberg
 
OpenSocial Intro
OpenSocial IntroOpenSocial Intro
OpenSocial Intro
Pamela Fox
 

Similar to Introduction to OpenSocial (20)

Hi5 Open Social
Hi5   Open SocialHi5   Open Social
Hi5 Open Social
 
Open social
Open socialOpen social
Open social
 
Javapolis GWT Gadget OpenSocial
Javapolis GWT Gadget OpenSocialJavapolis GWT Gadget OpenSocial
Javapolis GWT Gadget OpenSocial
 
Open Social
Open SocialOpen Social
Open Social
 
Open social 2.0 sandbox ee and breaking out of the gadget box
Open social 2.0 sandbox  ee and breaking out of the gadget boxOpen social 2.0 sandbox  ee and breaking out of the gadget box
Open social 2.0 sandbox ee and breaking out of the gadget box
 
BarCamp KL H20 Open Social Hackathon
BarCamp KL H20 Open Social HackathonBarCamp KL H20 Open Social Hackathon
BarCamp KL H20 Open Social Hackathon
 
Ajaxworld Opensocial Presentation
Ajaxworld Opensocial PresentationAjaxworld Opensocial Presentation
Ajaxworld Opensocial Presentation
 
Top 5 Tips for Building Viral Social Web Applications and Sites
Top 5 Tips for Building Viral Social Web Applications and SitesTop 5 Tips for Building Viral Social Web Applications and Sites
Top 5 Tips for Building Viral Social Web Applications and Sites
 
Goodle Developer Days London 2008 - Open Social Update
Goodle Developer Days London 2008 - Open Social UpdateGoodle Developer Days London 2008 - Open Social Update
Goodle Developer Days London 2008 - Open Social Update
 
Download PowerPoint Project on social programming for engineering students
Download PowerPoint Project on social programming for engineering studentsDownload PowerPoint Project on social programming for engineering students
Download PowerPoint Project on social programming for engineering students
 
Experiments in Data Portability 2
Experiments in Data Portability 2Experiments in Data Portability 2
Experiments in Data Portability 2
 
Opensocial Haifa Seminar - 2008.04.08
Opensocial Haifa Seminar - 2008.04.08Opensocial Haifa Seminar - 2008.04.08
Opensocial Haifa Seminar - 2008.04.08
 
Introduction to Web APIs and the Google+ API - BarCamp Phnom Penh 2011
Introduction to Web APIs and the Google+ API - BarCamp Phnom Penh 2011Introduction to Web APIs and the Google+ API - BarCamp Phnom Penh 2011
Introduction to Web APIs and the Google+ API - BarCamp Phnom Penh 2011
 
OpenSocial Intro
OpenSocial IntroOpenSocial Intro
OpenSocial Intro
 
Yahoo! Application Platform Technical Deep Dive
Yahoo! Application Platform Technical Deep DiveYahoo! Application Platform Technical Deep Dive
Yahoo! Application Platform Technical Deep Dive
 
Mashups & APIs
Mashups & APIsMashups & APIs
Mashups & APIs
 
SEO dataLayer 2: Entity Wars
SEO dataLayer 2: Entity WarsSEO dataLayer 2: Entity Wars
SEO dataLayer 2: Entity Wars
 
Open Social Presentation - GSP West 2008
Open Social Presentation - GSP West 2008Open Social Presentation - GSP West 2008
Open Social Presentation - GSP West 2008
 
Google & Bing App Indexing - SMX Munich 2016
Google & Bing App Indexing - SMX Munich 2016Google & Bing App Indexing - SMX Munich 2016
Google & Bing App Indexing - SMX Munich 2016
 
Desenvolvimento Mobile Híbrido
Desenvolvimento Mobile HíbridoDesenvolvimento Mobile Híbrido
Desenvolvimento Mobile Híbrido
 

More from Christian Scholz

More from Christian Scholz (15)

OPen Government Vortrag Aachen
OPen Government Vortrag AachenOPen Government Vortrag Aachen
OPen Government Vortrag Aachen
 
Vortrag Open Government NRW
Vortrag Open Government NRWVortrag Open Government NRW
Vortrag Open Government NRW
 
Open Government - Warum?
Open Government - Warum?Open Government - Warum?
Open Government - Warum?
 
OpenData-Vortrag Bochum
OpenData-Vortrag BochumOpenData-Vortrag Bochum
OpenData-Vortrag Bochum
 
Intro Presenation of Open Platforms Panel at the Community Summit, Hamburg
Intro Presenation of Open Platforms Panel at the Community Summit, HamburgIntro Presenation of Open Platforms Panel at the Community Summit, Hamburg
Intro Presenation of Open Platforms Panel at the Community Summit, Hamburg
 
DataPortabilty TOS&EULA Taskforce
DataPortabilty TOS&EULA TaskforceDataPortabilty TOS&EULA Taskforce
DataPortabilty TOS&EULA Taskforce
 
OpenID Plugin for repoze.who
OpenID Plugin for repoze.whoOpenID Plugin for repoze.who
OpenID Plugin for repoze.who
 
EU Online Surveillance Strategies
EU Online Surveillance StrategiesEU Online Surveillance Strategies
EU Online Surveillance Strategies
 
EuroPython 2008: Tear down the walls (of virtual worlds)
EuroPython 2008: Tear down the walls (of virtual worlds)EuroPython 2008: Tear down the walls (of virtual worlds)
EuroPython 2008: Tear down the walls (of virtual worlds)
 
Europython 2008: DataPortability and Python
Europython 2008: DataPortability and PythonEuropython 2008: DataPortability and Python
Europython 2008: DataPortability and Python
 
What is Data Portability?
What is Data Portability?What is Data Portability?
What is Data Portability?
 
COMET in Plone
COMET in PloneCOMET in Plone
COMET in Plone
 
9 ways to spread the word about the Snow Sprint
9 ways to spread the word about the Snow Sprint9 ways to spread the word about the Snow Sprint
9 ways to spread the word about the Snow Sprint
 
The new Second Life Architecture
The new Second Life Architecture The new Second Life Architecture
The new Second Life Architecture
 
How to market Open Source projects the Web2.0 way
How to market Open Source projects the Web2.0 wayHow to market Open Source projects the Web2.0 way
How to market Open Source projects the Web2.0 way
 

Recently uploaded

Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
 

Recently uploaded (20)

Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 

Introduction to OpenSocial

  • 1. Google‘s Open Social Christian Scholz http://mrtopf.de/connect Barcamp Berlin 2 http://comlounge.net
  • 2. Write once, run everywhere
  • 4. Google Gadget Application Platform
  • 5. Google Gadget Application OpenSocial API Platform
  • 6. Platform OpenSocial API Google Gadget Application OpenSocial API Platform
  • 7. Orkut Flixter Ning
  • 10. 1. Write a Google Gadget
  • 11. Example GG HTML <?xml version=quot;1.0quot; encoding=quot;UTF-8quot; ?> <Module> <ModulePrefs title=quot;Go to Photo Albumquot; height=quot;250quot; scaling=quot;falsequot; /> <Content type=quot;htmlquot;> <![CDATA[ <div style=quot;text-align:centerquot;><a id=quot;Riggsquot; title=quot;My Photo Albumquot; target=quot;_blankquot; href=quot;http://picasaweb.google.com/doc.examples/ShelfBoyquot;> <img border=quot;0quot; alt=quot;Photoquot; src=quot;http://doc.examples.googlepages.com/Riggsie-OP.jpgquot; title=quot;Click Here.quot;></a> </div> ]]> </Content> </Module>
  • 12. 2. Importing Open Social <ModulePrefs title=quot;Title of Your Applicationquot;> <Require feature=quot;opensocial-0.5quot;/> </ModulePrefs>
  • 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); };
  • 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; };
  • 15. 3 APIs 1. People and Relationships 2. Persistence 3. Activities
  • 16. 3 APIs 1. People and Relationships 2. Persistence 3. Activities How are users between different social networks connected?
  • 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
  • 19. more documentation still to come with SDK