Hands On With OpenSocial and Embedded Experiences
2 likes1,186 views
The document discusses the integration of OpenSocial with a focus on embedded experiences, detailing the agenda, key contributors, and technical aspects such as Gadget XML and MIME payload structures. It provides resources for developers, including a sandbox environment for testing, and encourages participation with a collaborative approach. Additional links to specifications, sample gadgets, and tutorials are also included.
Hands On With OpenSocial and Embedded Experiences
- 1. Hands On With OpenSocial And Embedded Experiences #openapprevolution
- 2. About Us • Stanton Sievers – Stanton has been a software developer at IBM since 2009. His most recent work includes OpenSocial integration into the enterprise world using cool concepts like Embedded Experiences. • Ryan Baxter – Ryan has worked for IBM for three years. His primary focus during this time has been working on public APIs for Lotus Notes. Recently he has become involved with the OpenSocial foundation, and over the past year has been working on several enhancements to the OpenSocial specification while at the same time providing implementations of these enhancements throughout IBM's products. @ryanjbaxter http://ryanjasonbaxter.com #openapprevolution
- 3. Agenda • Gadget XML Overview • What is Embedded Experiences? • Lets Go Play In The Sandbox! • Building an Embedded Experience Live! #openapprevolution
- 4. Gadget XML Overview #openapprevolution
- 5. Embedded Experiences • Allow application developers to embed content from their applications inside OpenSocial 2.0 containers • Data Model - JSON and XML "embed" : { "gadget" : "http://www.example.com/embedded/gadget.xml", "context" : { "title" : "Hello World", "id" : 123 } } #openapprevolution
- 6. Payload in MIME Email 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" Mary has commented on your status. --XXXXboundary text Content-Type: text/plain Mary has commeneted on your status. --XXXXboundary text Content-Type: application/embed+json { "gadget" : "http://www.socialnetwork.com/embedded/commentgadget.xml", "context" : 123 } --XXXXboundary text Content-Type: text/html <html> <!-- HTML representation here --> </html> #openapprevolution
- 7. Lets Go Play In The Sandbox! ● The sandbox is a sample collaboration environment to test out your OpenSocial 2.0 gadgets. ● Built on top of a daily build of Shindig 3.0 ● All the content is static and stateless ● Lets take a look → http://bit.ly/OSSandbox #openapprevolution
- 8. Follow Along 1) Download Gist: http://bit.ly/BoulderUXSamples 2) Open EEStartHere.xml in a text editor or Google Gadget Editor (http://bit.ly/GGEditor) 3) Code!!! 4) Optionally upload the final gadget XML to Google Gadget Editor (http://bit.ly/GGEditor) 5) Add it to the sandbox #openapprevolution
- 9. Questions Ask Us Anything! (And come see us at the OpenSocial table during Happy Hour!) #openapprevolution
- 10. Resources ● OpenSocial Spec: http://bit.ly/OpenSocialSpec ● Embedded Experiences Spec: http://bit.ly/EESpec ● OpenSocial Sandbox: http://bit.ly/OSSandbox ● Sample Gadgets: http://bit.ly/BoulderUXSamples ● Embedded Experience Tutorial: http://bit.ly/EETutorial #openapprevolution