0
OpenSocial
       a standard for the social web




Patrick Chanezon             October 21 2008
chanezon@google.com
Agenda

•   OpenSocial introduction
•   How to build OpenSocial applications
•   Hosting social applications
•   Social ap...
OpenSocial Introduction
Patrick Chanezon
Making the web better
 by making it social

What does social mean?
What does Social mean?




     Eliette what do you do with your friends?
This work by Eliette Chanezon is licensed under a Creative Commons Attribution-Share Alike 3.0 License
This work by Eliette Chanezon is licensed under a Creative Commons Attribution-Share Alike 3.0 License
This work by Eliette Chanezon is licensed under a Creative Commons Attribution-Share Alike 3.0 License
This work by Eliette Chanezon is licensed under a Creative Commons Attribution-Share Alike 3.0 License
This work by Eliette Chanezon is licensed under a Creative Commons Attribution-Share Alike 3.0 License
This work by Eliette Chanezon is licensed under a Creative Commons Attribution-Share Alike 3.0 License
Raoul: a social object for Charlotte (3 year old)
Jaiku’s Jyri Engeström's 5 rules for social
 networks: social objects
1. What is your object?
2. What are your verbs?
3. H...
How do we socialize objects
          online
without having to create yet
 another social network?
OpenSocial

A common API for social applications
     across multiple web sites
The Trouble with Developing Social Apps




                                 Which site do I build my app for?
Let’s work on that…




                      Using OpenSocial, I can build apps for
                      all of these si...
What’s offered by OpenSocial?


• Activities
   o   What are people up to on the web

• People/Profile Info
   o   Who do ...
Today: 375 Million User Reach
Where is OpenSocial live today?


Live to Users:             Live Developer Sandboxes:
 • MySpace                  • iGoog...
OpenSocial “Containers”
What’s in OpenSocial?


• JavaScript API - Now

• REST Protocol - New

• Templates - Prototype in Shindig
OpenSocial’s JavaScript API


• OpenSocial JS API
• Gadget JS API
• Gadget XML schema

• OpenSocial v0.7 is live
• OpenSoc...
OpenSocial’s REST Protocol


•   Access social data without JavaScript
•   Works on 3rd party websites / phones / etc
•   ...
OpenSocial Templates


• Writing JavaScript is hard
• Writing templates is easy
• Templates also give
  o   Consistent UI ...
Example: os:Image

<os:Image key=quot;http://...quot;/>
Example: osTabs, os:ShowPerson

<os:Tabs name=quot;tabGroupquot;>
 <tab>
   <title>Tab 1</title>
   <body>This is the firs...
Example: Friends list (no templates)
Example: Friends list (with templates)
Template Status

• High-level specification complete:
  o http://wiki.opensocial-templates.org

• Prototype implementation...
OpenSocial is what you make it.


•   OpenSocial is an open source project.
•   The spec is controlled by the community.
•...
A note on compliance


• OpenSocial is designed for many sites

• Building an app:
   o   Technology
   o   Policy

• Open...
OpenSocial Compliance test in orkut
OpenSocial Compliance Matrix
     http://opensocial-compliance.appspot.com
Other comments


• Portable Contacts Alignment

• Caja for JavaScript security
A standard for everyone




   This work by Eliette Chanezon is licensed under a Creative Commons Attribution-Share Alike ...
OpenSocial Applications
Demos
Owner and Viewer Relationship

                    Applications
              has                  views


    Owner      ...
Hosting social apps
Patrick Chanezon
Hosting OpenSocial apps
 In addition to using the provided persistence API...
• Establish a quot;homequot; site where gadg...
Google AppEngine and OpenSocial
• Create an App Engine app as your backend!
   o Use makeRequest() to call back to your Ap...
Social Apps monetization
Patrick Chanezon
OpenSocial Monetization
 • Ads from Ad Networks
     o   AdSense, RightMedia
     o   BuddyPoke, Rate My Friend
 • Brand/P...
Success Story: Buddy Poke




 •   #1 OpenSocial app on orkut
 •   8M installs for orkut, hi5, MySpace
 •   $1-2 CPM
 •   ...
Success Story: PhotoBuzz




•   6M+ installs on hi5 and orkut
•   CPM $1-3, especially good on orkut
•   4M buzzes per da...
Becoming an OpenSocial Container
Becoming an OpenSocial Container


• Question:
  o How do you become an OpenSocial container?
• Answer:
  o The Apache inc...
What is Shindig ?

• Open source reference implementation of OpenSocial &
  Gadgets specification
• An Apache Software Inc...
Container Specific Extensions
MySpace
• photo albums
• videos

hi5
 • status
 • presence
 • photo albums

Netlog
• credits...
Usage Example: Sample Container
• Static html sample container
• No effort to get up and running
• No database or features
Usage Example: Partuza
•   Partuza is a Example social network site, written in PHP
•   Allows for local gadget developmen...
OpenSocial for intranet, portals, cities
Sun Microsystems
• Socialsite: Shindig + gadget based UI written in Java
• Open S...
Summary
• Become an OpenSocial Container
  o Get Shindig (PHP or Java)
  o Look at examples & documentation
  o Implement ...
What is Friend Connect?
Allows any site to become an OpenSocial container by simply
        copying a few snippets of code...
Friend Connect gives ...

• Users
  o ...   more ways to do more things with my friends

• Site owners
  o ... more (and m...
OpenSocial for sustainable urban
environments
Environment, social network peer pressure
• Carbon calculators as social app...
Learn more at Google Devfest




            October 28 in Singapore
  http://code.google.com/events/apacdevfest/
Learn more
code.google.com
Q&A
Futuropolis 2058 Singapore - OpenSocial, a standard for the social web
Futuropolis 2058 Singapore - OpenSocial, a standard for the social web
Futuropolis 2058 Singapore - OpenSocial, a standard for the social web
Futuropolis 2058 Singapore - OpenSocial, a standard for the social web
Futuropolis 2058 Singapore - OpenSocial, a standard for the social web
Futuropolis 2058 Singapore - OpenSocial, a standard for the social web
Futuropolis 2058 Singapore - OpenSocial, a standard for the social web
Futuropolis 2058 Singapore - OpenSocial, a standard for the social web
Futuropolis 2058 Singapore - OpenSocial, a standard for the social web
Futuropolis 2058 Singapore - OpenSocial, a standard for the social web
Futuropolis 2058 Singapore - OpenSocial, a standard for the social web
Futuropolis 2058 Singapore - OpenSocial, a standard for the social web
Futuropolis 2058 Singapore - OpenSocial, a standard for the social web
Upcoming SlideShare
Loading in...5
×

Futuropolis 2058 Singapore - OpenSocial, a standard for the social web

3,401

Published on

The latest developments in social networking platforms and their importance in connecting people, places and ideas will be presented. Interoperability of these various platforms is crucial to allow for the message of sustainability and the future of connectivity for citizens of the future.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
3,401
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
48
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "Futuropolis 2058 Singapore - OpenSocial, a standard for the social web"

  1. 1. OpenSocial a standard for the social web Patrick Chanezon October 21 2008 chanezon@google.com
  2. 2. Agenda • OpenSocial introduction • How to build OpenSocial applications • Hosting social applications • Social applications monetization • OpenSocial containers • Becoming an OpenSocial container • Google Friend Connect • Summary
  3. 3. OpenSocial Introduction Patrick Chanezon
  4. 4. Making the web better by making it social What does social mean?
  5. 5. What does Social mean? Eliette what do you do with your friends?
  6. 6. This work by Eliette Chanezon is licensed under a Creative Commons Attribution-Share Alike 3.0 License
  7. 7. This work by Eliette Chanezon is licensed under a Creative Commons Attribution-Share Alike 3.0 License
  8. 8. This work by Eliette Chanezon is licensed under a Creative Commons Attribution-Share Alike 3.0 License
  9. 9. This work by Eliette Chanezon is licensed under a Creative Commons Attribution-Share Alike 3.0 License
  10. 10. This work by Eliette Chanezon is licensed under a Creative Commons Attribution-Share Alike 3.0 License
  11. 11. This work by Eliette Chanezon is licensed under a Creative Commons Attribution-Share Alike 3.0 License
  12. 12. Raoul: a social object for Charlotte (3 year old)
  13. 13. Jaiku’s Jyri Engeström's 5 rules for social networks: social objects 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? http://tinyurl.com/yus8gw
  14. 14. How do we socialize objects online without having to create yet another social network?
  15. 15. OpenSocial A common API for social applications across multiple web sites
  16. 16. The Trouble with Developing Social Apps Which site do I build my app for?
  17. 17. Let’s work on that… Using OpenSocial, I can build apps for all of these sites!
  18. 18. What’s offered by OpenSocial? • Activities o What are people up to on the web • People/Profile Info o Who do I know, etc. • Persistent datastore o Handles key/value pairs
  19. 19. Today: 375 Million User Reach
  20. 20. Where is OpenSocial live today? Live to Users: Live Developer Sandboxes: • MySpace • iGoogle • orkut • imeem • Hi5 • CityIN • Freebar • Tianya • Friendster • Ning • Webon from Lycos • Plaxo Pulse • IDtail • Mail.ru • YiQi • Netlog - New! • Hyves - New! Individual Developer Links: http://code.google.com/apis/opensocial/gettingstared.html
  21. 21. OpenSocial “Containers”
  22. 22. What’s in OpenSocial? • JavaScript API - Now • REST Protocol - New • Templates - Prototype in Shindig
  23. 23. OpenSocial’s JavaScript API • OpenSocial JS API • Gadget JS API • Gadget XML schema • OpenSocial v0.7 is live • OpenSocial v0.8 is being deployed now • Specs and release notes: http://opensocial.org
  24. 24. OpenSocial’s REST Protocol • Access social data without JavaScript • Works on 3rd party websites / phones / etc • Uses OAuth to allow secure access • Open source client libraries in development o Java, PHP, Python, <your fav language here> • Being deployed with OpenSocial v0.8 • Spec’s available at http://opensocial.org
  25. 25. OpenSocial Templates • Writing JavaScript is hard • Writing templates is easy • Templates also give o Consistent UI across containers o Easy way to localize o More interesting content options when inlining into container (activities, profile views) o Ability to serve millions of dynamic pages per day without a server
  26. 26. Example: os:Image <os:Image key=quot;http://...quot;/>
  27. 27. Example: osTabs, os:ShowPerson <os:Tabs name=quot;tabGroupquot;> <tab> <title>Tab 1</title> <body>This is the first tab.</body> </tab> ... <tab> <title>Tab 3</title> <body> <os:ShowPerson person=quot;${Viewer}quot;/> <div repeat=quot;ViewerFriendsquot;> <os:ShowPerson person=quot;${$this}quot;/> </div> </body> </tab> </os:Tabs>
  28. 28. Example: Friends list (no templates)
  29. 29. Example: Friends list (with templates)
  30. 30. Template Status • High-level specification complete: o http://wiki.opensocial-templates.org • Prototype implementation available: o http://ostemplates-demo.appspot.com • GET INVOLVED! Tag feedback/suggestions appreciated: o http://tech.groups.yahoo.com/group/os-templates/ • Code for templates is in Shindig: patches welcome:-)
  31. 31. OpenSocial is what you make it. • OpenSocial is an open source project. • The spec is controlled by the community. • Anyone can contribute and have a voice. • http://groups.google.com/group/opensocial/ o “OpenSocial and Gadgets spec” subgroup • OpenSocial Foundation o Get involved to nominate and elect board reps o http://www.opensocial.org/opensocial-foundation/
  32. 32. A note on compliance • OpenSocial is designed for many sites • Building an app: o Technology o Policy • OpenSocial Compliance Tests o http://code.google.com/p/opensocial- resources/wiki/ComplianceTests
  33. 33. OpenSocial Compliance test in orkut
  34. 34. OpenSocial Compliance Matrix http://opensocial-compliance.appspot.com
  35. 35. Other comments • Portable Contacts Alignment • Caja for JavaScript security
  36. 36. A standard for everyone This work by Eliette Chanezon is licensed under a Creative Commons Attribution-Share Alike 3.0 License
  37. 37. OpenSocial Applications Demos
  38. 38. Owner and Viewer Relationship Applications has views Owner Viewer has has Friends Friends
  39. 39. Hosting social apps Patrick Chanezon
  40. 40. Hosting OpenSocial apps In addition to using the provided persistence API... • Establish a quot;homequot; site where gadget can phone home to retrieve, post data • Can host home site on your own, or use services: o Amazon EC2 o Joyent o Google AppEngine • Zembly: is the world's first cloud-based development environment for social apps. Full OpenSocial support
  41. 41. Google AppEngine and OpenSocial • Create an App Engine app as your backend! o Use makeRequest() to call back to your AppEngine server o Utilize AppEngine's datastore • New OpenSocial Apps are coming online o BuddyPoke, • Checkout Lane Liabraaten’s OpenSocial-AppEngine integration article o http://code.google.com/apis/opensocial/articles/appengine.html • Google IO Code Lab about OpenSocial Apps in the Cloud
  42. 42. Social Apps monetization Patrick Chanezon
  43. 43. OpenSocial Monetization • Ads from Ad Networks o AdSense, RightMedia o BuddyPoke, Rate My Friend • Brand/Private Label App o Sony Ericsson MTV Roadies app on orkut • Sell virtual or real goods • Free -> Freemium • Referrals • Virtual currency
  44. 44. Success Story: Buddy Poke • #1 OpenSocial app on orkut • 8M installs for orkut, hi5, MySpace • $1-2 CPM • #1 App for App Engine w/ millions daily PV
  45. 45. Success Story: PhotoBuzz • 6M+ installs on hi5 and orkut • CPM $1-3, especially good on orkut • 4M buzzes per day • Small team of 4 people, profitable
  46. 46. Becoming an OpenSocial Container
  47. 47. Becoming an OpenSocial Container • Question: o How do you become an OpenSocial container? • Answer: o The Apache incubator project “Shindig” serves this purpose!
  48. 48. What is Shindig ? • Open source reference implementation of OpenSocial & Gadgets specification • An Apache Software Incubator project • Available in Java & PHP • http://incubator.apache.org/shindig It’s Goal: “Shindig's goal is to allow new sites to start hosting social apps in under an hour's worth of workquot;
  49. 49. Container Specific Extensions MySpace • photo albums • videos hi5 • status • presence • photo albums Netlog • credits api extension • translation tool for free Imeem • music metadata api
  50. 50. Usage Example: Sample Container • Static html sample container • No effort to get up and running • No database or features
  51. 51. Usage Example: Partuza • Partuza is a Example social network site, written in PHP • Allows for local gadget development & testing too • Use as inspiration (or copy) for creating your own social site • http://code.google.com/p/partuza
  52. 52. OpenSocial for intranet, portals, cities Sun Microsystems • Socialsite: Shindig + gadget based UI written in Java • Open Source https://socialsite.dev.java.net/ Upcoming from Impetus • Zest: Shindig + Drupal (PHP) • Zeal: Shindig + Liferay (Java)
  53. 53. Summary • Become an OpenSocial Container o Get Shindig (PHP or Java) o Look at examples & documentation o Implement Services o Add UI o Scale it out • Resources & Links: o http://www.chabotc.com/gdd/
  54. 54. What is Friend Connect? Allows any site to become an OpenSocial container by simply copying a few snippets of code into your site http://www.google.com/friendconnect/
  55. 55. Friend Connect gives ... • Users o ... more ways to do more things with my friends • Site owners o ... more (and more engaged) traffic for my site • App developers o ... more reach for my apps and ... make it easy
  56. 56. OpenSocial for sustainable urban environments Environment, social network peer pressure • Carbon calculators as social apps • Peer pressure through the social network • (Ecological footprint calculator?) • example: UK Carbon footprint project • http://www.google.co.uk/carbonfootprint/about.html Cities are social environments, could use some automation • where are my friends now? • when do my friends come in the area • mobile social apps are going to be big • smart environment (building, cities): pushes updates to my activity stream for sharing
  57. 57. Learn more at Google Devfest October 28 in Singapore http://code.google.com/events/apacdevfest/
  58. 58. Learn more code.google.com
  59. 59. Q&A
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×