Hands On With OpenSocial and Embedded Experiences

#openapprevolution

Hands On With OpenSocial And Embedded Experiences

#openapprevolution

#openapprevolution

About Us

#openapprevolution

• 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

Agenda

#openapprevolution

• Gadget XML Overview• What is Embedded Experiences?• Lets Go Play In The Sandbox!• Building an Embedded Experience

Live!

#openapprevolution

Gadget XML Overview

#openapprevolution

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

Payload in MIME EmailFrom: [email protected]: [email protected]: Social Network: Mary Has Commented On Your StatusMIME-Version: 1.0Content-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 textContent-Type: application/embed+json{ "gadget" : "http://www.socialnetwork.com/embedded/commentgadget.xml", "context" : 123}--XXXXboundary textContent-Type: text/html

<html></html>

#openapprevolution

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

Follow Along

1) Download Gist: http://bit.ly/BoulderUXSamples2) 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

Questions

Ask Us Anything!

(And come see us at the OpenSocial table during Happy Hour!)

#openapprevolution

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

Hands On With OpenSocial and Embedded Experiences

Technology

Transcript of Hands On With OpenSocial and Embedded Experiences