1. OpenSocial
in the
Enterprise
Tim Moore
Atlassian Developer

2. Atlassian
8 products • 15,000 customers • 113 countries
Collaboration Tools Development Tools
Confluence JIRA
Largest enterprise wiki FishEye, Crucible, Bamboo,
Clover, IDE Connectors

3. Our Problem

4. Today Enterprise apps are silos

5. Source Code
Today Enterprise apps are silos

6. Source Code
Issues & Tasks
Today Enterprise apps are silos

7. Source Code
Issues & Tasks
Wiki
Today Enterprise apps are silos

8. Too Many Dashboards

9. Too Many Dashboards

12. Integration with
Non-Atlassian apps

13. N:M Versions Problem

18. Solution:
OpenSocial Gadgets

19. What is OpenSocial?

20. Social Data Model

21. Web Service APIs

22. Gadgets

24. Gadget Benefits

25. Gadget Benefits
• Easy!

26. Gadget Benefits
• Easy!
• Safe

27. Gadget Benefits
• Easy!
• Safe
• Write Once, Display Everywhere

28. Gadgets are a Great
Solution for
Dashboards

29. Open standard for enterprise
OpenSocial application connection

30. view complete project
single activity stream
comment & interact
Open standard for enterprise
OpenSocial application connection

31. Not just about portals,
Managers Do Email or internal applications.

32. view activity & status
create issues
Not just about portals,
Managers Do Email or internal applications.

33. Open Standards,
Industry Support

34. Apache Shindig

35. Anatomy of a Gadget

36. Anatomy of a Gadget
• XML Spec File
• Metadata, HTML Content, and JavaScript

37. Anatomy of a Gadget
• XML Spec File
• Metadata, HTML Content, and JavaScript
• Core JavaScript API
• Access Preferences, Make Requests

38. Anatomy of a Gadget
• XML Spec File
• Metadata, HTML Content, and JavaScript
• Core JavaScript API
• Access Preferences, Make Requests
• Gadget Features
• Additional, Optional Capabilities & APIs

39. Architecture

40. XML Spec File

41. <ModulePrefs>

42. <ModulePrefs>
<?xml version="1.0" encoding="UTF-8" ?>
<Module>
<ModulePrefs
title="JIRA Issues"
author="Atlassian"
thumbnail="http://labs.atlassian.com/svn/GADGETS/
trunk/jira-issues/basic/jira-issues-thumbnail.png"
description="A list of recently created Issues">
<Require feature="minimessage" />
<Require feature="dynamic-height" />
</ModulePrefs>

43. <ModulePrefs>
<?xml version="1.0" encoding="UTF-8" ?>
<Module>
<ModulePrefs
title="JIRA Issues"
author="Atlassian"
thumbnail="http://labs.atlassian.com/svn/GADGETS/
trunk/jira-issues/basic/jira-issues-thumbnail.png"
description="A list of recently created Issues">
<Require feature="minimessage" />
<Require feature="dynamic-height" />
</ModulePrefs>

44. <ModulePrefs>
<?xml version="1.0" encoding="UTF-8" ?>
<Module>
<ModulePrefs
title="JIRA Issues"
author="Atlassian"
thumbnail="http://labs.atlassian.com/svn/GADGETS/
trunk/jira-issues/basic/jira-issues-thumbnail.png"
description="A list of recently created Issues">
<Require feature="minimessage" />
<Require feature="dynamic-height" />
</ModulePrefs>

45. <UserPref>
<UserPref
name="show_date"
display_name="Show Dates?"
datatype="bool"
default_value="true"/>
<UserPref
name="show_summ"
display_name="Show Summaries?"
datatype="bool"
default_value="true"/>
<UserPref
name="num_entries"
display_name="Number of Entries:"
default_value="5"
required="true"/>

46. <UserPref>
<UserPref
name="show_date"
display_name="Show Dates?"
datatype="bool"
default_value="true"/>
<UserPref
name="show_summ"
display_name="Show Summaries?"
datatype="bool"
default_value="true"/>
<UserPref
name="num_entries"
display_name="Number of Entries:"
default_value="5"
required="true"/>

47. <UserPref>
<UserPref
name="show_date"
display_name="Show Dates?"
datatype="bool"
default_value="true"/>
<UserPref
name="show_summ"
display_name="Show Summaries?"
datatype="bool"
default_value="true"/>
<UserPref
name="num_entries"
display_name="Number of Entries:"
default_value="5"
required="true"/>

48. <Content>
<Content type="html"><![CDATA[
<link rel="stylesheet"
href="http://labs.atlassian.com/svn/GADGETS/trunk/
jira-issues/basic/jira-issues.css">
<div id="content_div"></div>
<script type="text/javascript"
src="http://labs.atlassian.com/svn/GADGETS/trunk/
jira-issues/basic/jira-issues.js"></script>
]]></Content>
</Module>

49. JavaScript
// Create minimessage factory
var msg = new gadgets.MiniMessage();
// Show a small loading message to the user
var loadMessage = msg.createStaticMessage("loading...");
// Get configured user prefs
var prefs = new gadgets.Prefs();
var showDate = prefs.getBool("show_date");
var showSummary = prefs.getBool("show_summ");
var numEntries = prefs.getInt("num_entries");
// Fetch issues when the gadget loads
gadgets.util.registerOnLoadHandler(fetchIssues);

50. JavaScript
// Create minimessage factory
var msg = new gadgets.MiniMessage();
// Show a small loading message to the user
var loadMessage = msg.createStaticMessage("loading...");
// Get configured user prefs
var prefs = new gadgets.Prefs();
var showDate = prefs.getBool("show_date");
var showSummary = prefs.getBool("show_summ");
var numEntries = prefs.getInt("num_entries");
// Fetch issues when the gadget loads
gadgets.util.registerOnLoadHandler(fetchIssues);

51. JavaScript
// Create minimessage factory
var msg = new gadgets.MiniMessage();
// Show a small loading message to the user
var loadMessage = msg.createStaticMessage("loading...");
// Get configured user prefs
var prefs = new gadgets.Prefs();
var showDate = prefs.getBool("show_date");
var showSummary = prefs.getBool("show_summ");
var numEntries = prefs.getInt("num_entries");
// Fetch issues when the gadget loads
gadgets.util.registerOnLoadHandler(fetchIssues);

52. Requesting Data from
Web Services

53. Requesting Data from
Web Services
• AJAX + DOM

54. Requesting Data from
Web Services
• AJAX + DOM
• Request Proxy

55. Requesting Data from
Web Services
• AJAX + DOM
• Request Proxy
• OAuth

56. gadgets io
. .makeRequest )
(

57. What Can You Call?

58. What Can You Call?
• Any URL

59. What Can You Call?
• Any URL
• XML and JSON are the most
useful

60. What Can You Call?
• Any URL
• XML and JSON are the most
useful
• REST-style APIs are the most
convenient

61. Fetching Issues
function fetchIssues() {
var url = "http://jira.atlassian.com/sr/" +
"jira.issueviews:searchrequest-xml" +
"/temp/SearchRequest.xml?" +
"created%3Aprevious=-1w&resolution=-1" +
"&sorter/field=issuekey&sorter/order=DESC" +
"&sorter/field=created&sorter/order=DESC" +
"&tempMax=20";
var params = {};
params[gadgets.io.RequestParameters.CONTENT_TYPE] =
gadgets.io.ContentType.DOM;
gadgets.io.makeRequest(url, handleResponse, params);
}

62. Handling the Response
function handleResponse(obj) {
var domData = obj.data;
var jiraIssues = {
title : getTitle(domData),
items : getItems(domData)
};
renderJiraIssues(jiraIssues);
msg.dismissMessage(loadMessage);
gadgets.window.adjustHeight();
}

63. Handling the Response
function handleResponse(obj) {
var domData = obj.data;
var jiraIssues = {
title : getTitle(domData),
items : getItems(domData)
};
renderJiraIssues(jiraIssues);
msg.dismissMessage(loadMessage);
gadgets.window.adjustHeight();
}

64. Challenges

65. Enterprise Readiness

66. Enterprise Readiness
• SSO/Security

67. Enterprise Readiness
• SSO/Security
• Assumes big container,
little app servers

68. Enterprise Readiness
• SSO/Security
• Assumes big container,
little app servers
• Low awareness of enterprise
needs

69. Running
Behind the Firewall

70. Running
Behind the Firewall
• Deployment issues

71. Running
Behind the Firewall
• Deployment issues
• Portable gadgets

72. Running
Behind the Firewall
• Deployment issues
• Portable gadgets
• Google Analytics in gadgets

73. Immaturity

74. Immaturity
• No 1.0 spec yet

75. Immaturity
• No 1.0 spec yet
• Shindig still incubating

76. Immaturity
• No 1.0 spec yet
• Shindig still incubating
• Compatibility:
more theory than reality

77. Whatʼs Next?

78. OpenSocial 1.0

79. OpenSocial 1.0
• In progress now

80. OpenSocial 1.0
• In progress now
• Focus on clean up & clarification

81. OpenSocial 1.0
• In progress now
• Focus on clean up & clarification
• Compliance tests

82. OpenSocial 1.0
• In progress now
• Focus on clean up & clarification
• Compliance tests
• Extension process

83. OpenSocial 1.0
• In progress now
• Focus on clean up & clarification
• Compliance tests
• Extension process
• You can join in

84. PubSub

85. Caja

86. Caja
• Safer JavaScript & CSS

87. Caja
• Safer JavaScript & CSS
• Helps prevent phishing, script
injection, history sniffing, etc.

88. Caja
• Safer JavaScript & CSS
• Helps prevent phishing, script
injection, history sniffing, etc.
• In production, but still tricky to use

89. Questions?