Nuxeo allows leveraging the OpenSocial standard within its platform. OpenSocial is a common standard used in enterprises that allows for easy development through HTTP, XML, JavaScript and RESTful APIs. Nuxeo includes both a full GWT container and a lightweight JavaScript container for simple gadget integration. It supports OAuth authentication and uses the OpenSocial standard, allowing gadgets from other containers like iGoogle to be used. Nuxeo also provides an automation JavaScript library and templates to simplify building gadgets that interface with the Nuxeo platform.

1. Nuxeo - OpenSocial
Leveraging OpenSocial within
the Nuxeo Platorm
2011 - Thomas Roger - troger@nuxeo.com - @throger
Open Source ECM

2. Why OpenSocial?
Common standard used in the enterprise
Easy for developers
HTTP, XML, HTML, JavaScript and RESTful APIs
Gadgets as reusable blocks
2

3. GWT Container
Contributed by Leroy Merlin
Apache Shindig + GWT2
Easier to integrate in your application
Lighter & faster!
3

4. 4

5. GWT Container
Create your own dashboard
Implement a new SpaceProvider
MySpaceProvider extends AbstractSpaceProvider { ... }
5

6. GWT Container
Create your own dashboard
Implement a new SpaceProvider
MySpaceProvider extends AbstractSpaceProvider { ... }
Contribute it
<extension
target="org.nuxeo.ecm.spaces.core.spacemanager.service
point="spaceProviders">
<spaceProvider name="mySpaceProvider">
<class>org.nuxeo.sample.MySpaceProvider</class>
</spaceProvider>
6
</extension>

7. GWT Container
Use it in your page
<nxu:set var="repositoryName"
value="#{navigationContext.currentServerLocation.name}">
<nxu:set var="spaceProviderName"
value="mySpaceProvider">
<ui:decorate
template="/incl/opensocial_container_template.xhtml">
</ui:decorate>
</nxu:set>
</nxu:set>
7

8. Lightweight Container
Why?
Simple gadget integration
Static positioning in the page
How?
JS container from Apache Shindig
jQuery plugin available
Simple to use! 8

9. Lightweight container
Includes
<link href="#{baseURL}css/opensocial/light-container-
gadgets.css">
</link>
<script src="#{baseURL}opensocial/gadgets/js/rpc.js?c=1">
</script>
<script
src="#{baseURL}js/?scripts=opensocial/cookies.js|
opensocial/util.js|opensocial/gadgets.js|opensocial/
cookiebaseduserprefstore.js|opensocial/
jquery.opensocial.gadget.js">
</script>
9

10. Lightweight container
HTML
<div class="polls gadgets-gadget-chrome gadgets">
</div>
10

11. Lightweight container
Loading the polls gadget
jQuery('.polls').openSocialGadget({
baseURL: '#{baseURL}',
language: '#{localeSelector.language}',
gadgetDefs: [{
specUrl: '#{gadgetsBaseURL}/site/gadgets/polls/polls.xml',
title: '#{messages['label.poll.result']}',
displayTitleBar: false,
width: '100%'
}]
});
11

12. 12

13. OAuth
Nuxeo supports OAuth authentication
Connect to third party services supporting
OAuth, like Google Docs
OAuth authentication in gadgets
<ModulePrefs>
<#include "default-oauth-prefs.ftl"/>
</ModulePrefs>
13

14. Following the Standard
Most of our gadgets are fully OpenSocial
Work on other OpenSocial containers:
iGoogle, JIRA, ...
Nuxeo can use external gadgets (those
available on iGoogle for instance)
14

15. 15

16. Gadget Spec
Rendered through Freemarker
Predefined Freemarker templates
JS context injected
16

17. Automation JS Library
Library to be used in gadgets
Call Nuxeo automation
Handle OAuth authentication
Easy to use!
17

18. Automation JS library
Includes
<script
src="${specDirectoryUrl}default-automation-request.js">
</script>
...
<#include "default-request-controls.ftl"/>
18

19. Automation JS library
Querying documents
var requestParams = {
operationId: 'Document.PageProvider',
operationParameters: {
pageSize: 5,
query: ‘SELECT * FROM Document’
operationContext: {},
operationDocumentProperties: "common,dublincore",
entityType: 'documents',
operationCallback: myCallback,
noEntryLabel: '__MSG_label.gadget.no.document__'
};
doAutomationRequest(requestParams) 19

20. Automation JS library
Querying documents
function myCallback(response, params) {
var docs = response.data.entries;
...
}
20

21. Automation JS library
Easy document listing
<script
src="${specDirectoryUrl}default-documentlist-display.js">
</script>
...
<#include "default-documentlist-layout.ftl"/>
...
var requestParams = {
...
displayMethod: displayDocumentList,
};
21

22. Nuxeo IDE
Gadget templates
Default gadget structure, contribution
Fully OpenSocial
Supports hot reload!
22

23. Nuxeo IDE
Gadget templates
Standard gadget
OAuth authentication
Internationalization
Automation gadget
Automation JS library
Document listing JS library 23

24. Thank you!
24