Crossing the Boundaries of Web Applications with OpenSocial
•
0 likes•813 views
OpenSocial is a specification that allows third-party applications called gadgets to be included into social networking services. A gadget can access a user's social graph and social data through the OpenSocial API. Gadgets are rendered within a container/host site through the use of a proxy server called Shindig that handles authentication and API calls on behalf of the gadget to work around same-origin policy limitations. The presentation provided examples of how OpenSocial allows for embedded experiences, templates, authorization flows, and other features to enable cross-site development of social applications.
Recommended
Recommended
More Related Content
What's hot
Viewers also liked
Viewers also liked (8)
Similar to Crossing the Boundaries of Web Applications with OpenSocial
Similar to Crossing the Boundaries of Web Applications with OpenSocial (20)
More from Bastian Hofmann
More from Bastian Hofmann (19)
Recently uploaded
Recently uploaded (20)
Crossing the Boundaries of Web Applications with OpenSocial
- 1. Bastian Hofmann ResearchGate GmbH Crossing the boundaries of Web Applications with OpenSocial
- 21. A set of APIs to access the social graph of users
- 22. A specification for including 3rd party applications (gadgets) into social services
- 23. CONTAINER GADGET meinvz.net apivz.net
- 25. Rendering
- 26. Features
- 28. Container Shindig vz.net apivz.net HTTP GET Gadget apivz.net/gadgets/render? apivz.net xml=....
- 29. Container Shindig vz.net apivz.net HTML Page with OpenSocial Gadget JavaScript API apivz.net
- 30. Container Shindig vz.net apivz.net Ajax Requests to API Gadget apivz.net
- 31. Container vz.net Gadget Gadget Backend Ajax apivz.net api.twitter.com
- 33. Container vz.net Gadget Gadget Backend Ajax apivz.net api.twitter.com
- 34. Container Shindig vz.net apivz.net Ajax Gadget Gadget Backend apivz.net api.twitter.com
- 35. Container Shindig vz.net apivz.net Ajax HTTP Gadget Gadget Backend apivz.net api.twitter.com
- 36. Container Shindig vz.net apivz.net Ajax HTTP Owner ID Viewer ID Gadget OAuth Signature apivz.net Gadget Backend api.twitter.com
- 37. Shindig apivz.net HTTP Gadget Backend api.twitter.com
- 38. Container vz.net Not Allowed Gadget apivz.net
- 40. JavaScript RPC Container - window.postMessage vz.net Message - Iframes with relay files Gadget - Flash bridge apivz.net
- 41. Views
- 42. CANVAS
- 43. PROFILE
- 44. POPUP
- 45. GROUP
- 46. EMBED
- 47. PREVIEW
- 48. Proxied Content OpenSocial Templates OAuth Proxy Requests OSAPI Embedded Experiences DataPipelining Let‘s start programming
- 51. DEMO
- 52. var html="<ul>"; for (var i=0; i < viewers.length; i++) { html += "<li>" + viewers[i].displayName + "</li>"; } html += "<ul>"; document.getElementById("div").innerHTML = html; Where is the error?
- 53. Templates
- 54. DEMO
- 55. Authorization
- 57. Pre Registration of Client at Twitter: twitter.com - Shared Consumer Key - Shared Consumer Secret lanyrd.com
- 58. HTTP POST Connect with Twitter lanyrd.com
- 59. twitter.com HTTP POST Connect with Twitter HTTP GET lanyrd.com Consumer Key Redirect URI Signature (Consumer Secret)
- 60. twitter.com HTTP POST Connect with Twitter lanyrd.com Request Token Request Token Secret
- 61. HTTP Redirect http://twitter.com/authorize? requestToken=...&consumerKey=... lanyrd.com
- 62. HTTP GET twitter.com/ authorize
- 63. Login twitter.com/ authorize
- 64. Grant permission twitter.com/ authorize Create verifier and bind it to User and Request Token
- 65. HTTP Redirect Redirect URI?verifier=... twitter.com/ authorize
- 66. HTTP GET lanyrd.com (RedirectURI? verifier=...)
- 67. twitter.com HTTP GET HTTP GET lanyrd.com Consumer Key Verifier Signature (Consumer & Request Token Secret)
- 68. twitter.com HTTP GET lanyrd.com Access Token Access Token Secret
- 69. twitter.com HTTP GET lanyrd.com API Request Consumer Key Signature (Consumer & Access Token Secret)
- 70. DEMO
- 73. From: notifications@socialnetwork.com To: johndoe@example.com Subject: Social Network: Mary Has Commented On Your Status MIME-Version: 1.0 Content-Type: multipart/alternative; boundary="XXXXboundary text" --XXXXboundary text Content-Type: text/html <html> <!-- HTML representation here --> </html> --XXXXboundary text Content-Type: application/embed+json { "gadget" : "http://www.socialnetwork.com/embedded/ commentgadget.xml", "context" : 123 }
- 74. DEMO
- 75. Documentation http://docs.opensocial.org http://developer.studivz.net/wiki/index.php/ Gadgets_Technical_Documentation
- 76. Rate and Comment http://spkr8.com/t/8739