Hands On With OpenSocial
And Embedded Experiences
#openapprevolution
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
Agenda
• Gadget XML Overview
• What is Embedded Experiences?
• Lets Go Play In The Sandbox!
• Building an Embedded Experience
Live!
#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 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
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/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
Questions
Ask Us Anything!
(And come see us at the OpenSocial
table during Happy Hour!)
#openapprevolution