Creating OpenSocial Apps

1,209 views
1,117 views

Published on

Presentation at Berlin GTUG on creating OpenSocial Apps

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

  • Be the first to like this

No Downloads
Views
Total views
1,209
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
17
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Creating OpenSocial Apps

  1. 1. Creating OpenSocial Gadgets Bastian Hofmann Mittwoch, 10. Februar 2010
  2. 2. VZnet Netzwerke Ltd. l studiVZ.net l schuelerVZ.net l meinVZ.net Agenda  Part 1: Theory  What is a Gadget?  What is OpenSocial?  Privacy at VZ-Netzwerke  OpenSocial Services  OpenSocial without Gadgets - The Rest API  Part 2: Practical  Let‘s write our own Gadget 2 Mittwoch, 10. Februar 2010
  3. 3. VZnet Netzwerke Ltd. l studiVZ.net l schuelerVZ.net l meinVZ.net What is a Gadget?  XML file with HTML and JavaScript (and CSS, Images, Flash, ...)  Application based on the Google Gadgets specification  Can be included on various platforms, which support this specification 3 Mittwoch, 10. Februar 2010
  4. 4. VZnet Netzwerke Ltd. l studiVZ.net l schuelerVZ.net l meinVZ.net How to include gadgets?  The Gadget Server  renders the Gadget XML  provides the JavaScript API  provides the REST (or RPC) API  Rendered result is included through an <iframe> into the parent page (Container) 4 Mittwoch, 10. Februar 2010
  5. 5. VZnet Netzwerke Ltd. l studiVZ.net l schuelerVZ.net l meinVZ.net Gadget Features  Gadget specification includes a rich JavaScript API with a multitude of features  preferences  views  dynamic-height  flash  io  ...  Extendabel 5 Mittwoch, 10. Februar 2010
  6. 6. VZnet Netzwerke Ltd. l studiVZ.net l schuelerVZ.net l meinVZ.net One Gadget - Different Views  Profile  Canvas  Preview  Group  Popup  Integration 6 Mittwoch, 10. Februar 2010
  7. 7. VZnet Netzwerke Ltd. l studiVZ.net l schuelerVZ.net l meinVZ.net And what is OpenSocial?  Extension of the Gadget JavaScript API  an open standard  enables gadgets to access the social graph of users 7 Mittwoch, 10. Februar 2010
  8. 8. VZnet Netzwerke Ltd. l studiVZ.net l schuelerVZ.net l meinVZ.net The OpenStack 8 Mittwoch, 10. Februar 2010
  9. 9. VZnet Netzwerke Ltd. l studiVZ.net l schuelerVZ.net l meinVZ.net Viewer != Owner or Viewer == Owner and Friends 9 Mittwoch, 10. Februar 2010
  10. 10. VZnet Netzwerke Ltd. l studiVZ.net l schuelerVZ.net l meinVZ.net What about privacy? Example of our solution.  Visibility  Visibility on a user‘s profile page can be changed individually for friends or other people.  Access  Access to user data is handled through a special vcard  Communication  Gadget needs user permissions for communication (Messages, Activity Stream, Notifications, ...) 10 Mittwoch, 10. Februar 2010
  11. 11. VZnet Netzwerke Ltd. l studiVZ.net l schuelerVZ.net l meinVZ.net VCards  Wile installing a gadget, the user has to assign an existing or new vcard to it  Data on vcard can differ to the user‘s profile  Gadget has only access to data of users which have installed the gadget 11 Mittwoch, 10. Februar 2010
  12. 12. VZnet Netzwerke Ltd. l studiVZ.net l schuelerVZ.net l meinVZ.net Services 12 Mittwoch, 10. Februar 2010
  13. 13. VZnet Netzwerke Ltd. l studiVZ.net l schuelerVZ.net l meinVZ.net People Service  Access to social graph (Users and their friends)  At VZ: all vcards of users who have installed the gadget accessable  At VZ: not writable  API offers sorting and filtering abilities  Identification with special OpenSocial ID: www.studivz.net:K0UCbAZQeQsyHC467mx3Cw 13 Mittwoch, 10. Februar 2010
  14. 14. VZnet Netzwerke Ltd. l studiVZ.net l schuelerVZ.net l meinVZ.net AppData Service  Persistent Key - Value Store  stored by gadget  In practice most gadgets store data in their own backend 14 Mittwoch, 10. Februar 2010
  15. 15. VZnet Netzwerke Ltd. l studiVZ.net l schuelerVZ.net l meinVZ.net ... and even more services  numerous additional services are specified by the OpenSocial standard or by extensions implemented in one or more big containers:  Activities  Messages  Payment  Photos 15 Mittwoch, 10. Februar 2010
  16. 16. VZnet Netzwerke Ltd. l studiVZ.net l schuelerVZ.net l meinVZ.net Server to Server - The OpenSocial REST API  All JavaScript OpenSocial APIs are available in the REST (and RPC) API as well  Access with  Two-legged OAuth (in the context of a gadget)  or Three-legged OAuth with Consumer Key and Secret 16 Mittwoch, 10. Februar 2010
  17. 17. VZnet Netzwerke Ltd. l studiVZ.net l schuelerVZ.net l meinVZ.net And now the fun part ...  Let‘s write our own gadget in six steps:  Hello World, Metadata and Views  Static Content and CDN Access  It‘s getting social: People Service  Be safe while saving: AppData Service  A bit more complex: Accessing your own backend with OAuth  Spread it: Viral proliferation with invites 17 Mittwoch, 10. Februar 2010
  18. 18. VZnet Netzwerke Ltd. l studiVZ.net l schuelerVZ.net l meinVZ.net DEMO 18 Mittwoch, 10. Februar 2010
  19. 19. VZnet Netzwerke Ltd. l studiVZ.net l schuelerVZ.net l meinVZ.net What‘s on the roadmap 2010? 19 Mittwoch, 10. Februar 2010
  20. 20. VZnet Netzwerke Ltd. l studiVZ.net l schuelerVZ.net l meinVZ.net What‘s on the roadmap 2010?  OpenSocial 0.9 20 Mittwoch, 10. Februar 2010
  21. 21. VZnet Netzwerke Ltd. l studiVZ.net l schuelerVZ.net l meinVZ.net What‘s on the roadmap 2010?  OpenSocial 0.9  Activity Service 21 Mittwoch, 10. Februar 2010
  22. 22. VZnet Netzwerke Ltd. l studiVZ.net l schuelerVZ.net l meinVZ.net What‘s on the roadmap 2010?  OpenSocial 0.9  Activity Service  Messages Service 22 Mittwoch, 10. Februar 2010
  23. 23. VZnet Netzwerke Ltd. l studiVZ.net l schuelerVZ.net l meinVZ.net What‘s on the roadmap 2010?  OpenSocial 0.9  Activity Service  Messages Service  Photos Service 23 Mittwoch, 10. Februar 2010
  24. 24. VZnet Netzwerke Ltd. l studiVZ.net l schuelerVZ.net l meinVZ.net What‘s on the roadmap 2010?  OpenSocial 0.9  Activity Service  Messages Service  Photos Service  Payment API 24 Mittwoch, 10. Februar 2010
  25. 25. VZnet Netzwerke Ltd. l studiVZ.net l schuelerVZ.net l meinVZ.net What‘s on the roadmap 2010?  OpenSocial 0.9  Activity Service  Messages Service  Photos Service  Payment API  Advertising API 25 Mittwoch, 10. Februar 2010
  26. 26. VZnet Netzwerke Ltd. l studiVZ.net l schuelerVZ.net l meinVZ.net What‘s on the roadmap 2010?  OpenSocial 0.9  Activity Service  Messages Service  Photos Service  Payment API  Advertising API  Sandbox improvements 26 Mittwoch, 10. Februar 2010
  27. 27. VZnet Netzwerke Ltd. l studiVZ.net l schuelerVZ.net l meinVZ.net What‘s on the roadmap 2010?  OpenSocial 0.9  Activity Service  Messages Service  Photos Service  Payment API  Advertising API  Sandbox improvements  OpenSocial REST API in Sandbox 27 Mittwoch, 10. Februar 2010
  28. 28. VZnet Netzwerke Ltd. l studiVZ.net l schuelerVZ.net l meinVZ.net What‘s on the roadmap 2010?  OpenSocial 0.9  Activity Service  Messages Service  Photos Service  Payment API  Advertising API  Sandbox improvements  OpenSocial REST API in Sandbox  OpenID 28 Mittwoch, 10. Februar 2010
  29. 29. VZnet Netzwerke Ltd. l studiVZ.net l schuelerVZ.net l meinVZ.net 29 Mittwoch, 10. Februar 2010
  30. 30. VZnet Netzwerke Ltd. l studiVZ.net l schuelerVZ.net l meinVZ.net 30 Mittwoch, 10. Februar 2010
  31. 31. VZnet Netzwerke Ltd. l studiVZ.net l schuelerVZ.net l meinVZ.net And at VZ-Netzwerke? 43 Apps in Gallery, ca. 90 Apps live Launch Dec. 2009 5.37 Million Installations 250.000 Unique Users at Canvas Views 16.1 Million Users 31 Mittwoch, 10. Februar 2010
  32. 32. VZnet Netzwerke Ltd. l studiVZ.net l schuelerVZ.net l meinVZ.net Further information ...  http://www.opensocial.org  Our blog: http://developer.studivz.net  Our wiki: http://developer.studivz.net/wiki  Become a developer and get access to our sandbox: http://www.studivz.net/Developer and http://www.meinvz.net/Developer  Or implement an OpenSocial container yourself: http://incubator.apache.org/shindig/ 32 Mittwoch, 10. Februar 2010
  33. 33. Thank you! Contact: Bastian Hofmann bhofmann@vz.net http://www.studivz.net/bastian Mittwoch, 10. Februar 2010

×