Exposing WebCenter Data on Mobile & Desktop Devices through the REST API

cakeexoticInternet and Web Development

Dec 13, 2013 (3 years and 11 months ago)

119 views

Exposing WebCenter Data on
Mobile & Desktop Devices
through the REST API
John Sim
@JRSim_UIXAbout Fishbowl Solutions
• Specializing on portals & content
management for 13 years
• Customers throughout North
America & EMEA
• Enterprise-wide consulting services
• Packaged software for WebCenter
• 100+ WebCenter-related projects
in last 2 yearsWebCenter Portal: Spaces
Portal Built on JSF based Oracle Application Development
Framework (ADF)
Available Services
• Discussion • Who
• Lists • Spaces
• Feedback • Templates
• Activity Graph • Activities
• Events • People
Connections
• Search
• CMIS
• Message Board
• Navigations
• TaggingDEMO
WebCenter Spaces OOTBWhat Is REST?
(REpresentational State Transfer)
• It’s a simpler alternative to SOAP and WSDL
• JSON, XML/ATOM interface layer
• HATEOAS Architecture
• CRUD capabilities – HTTP Methods
– Create - POST
– Read - GET
– Update - PUT
– Delete - DELETEHATEOAS
Hypermedia As The Engine Of Application State
• Single point of entry
• All URIs are discovered by inspection
• Scalable
• Layered
• Hierarchic resource identificationREST Of The World Implementations
All deprecated or passed on SOAP and WSDL-based interfaces in favour of an
easier-to-use, resource-oriented model to expose their services – REST
• Yahoo
• Google
• Twitter
• LinkedIn
• DropBox
• FaceBook – (Graph API+ FQL)REST Integration Examples
• Oracle WebCenter Spaces iPhone
• Fishbowl Solutions WebCenter Spaces Mobile
• iTwitter Portlet
• Adobe AIR Connections List
• Real Time Chat Authentication user lookupOracle WebCenter Spaces iPhone
• On Apple Store
• iOS Tablet/Mobile support
• Quick Collaboration
• Native Application
Objective-CDEMO
Spaces iPhone AppFishbowl Solutions WebCenter
Spaces Mobile
• Phone Gap – ADF Mobile
• HTML / JavaScript - ZeptoJS
• Cross Device Compliant
Android, RIM, Windows, IOS
• Skin able
• Extendable
• Quick Collaboration
• Native Device AccessDEMO
WebCenter Spaces Mobile
CollaborationiTwitter Portlet
jQuery, HTML 5DEMO
iTwitterAdobe AIR Connections List
• Adobe AIR
• HTML5
• EXTJS Framework
• Filter contacts
• Desktop ApplicationDEMO
Adobe AIR Connections ListWebCenter REST API
• Third Party applications
• Light-weight
• Not installed – needs to be configured
• Default Entry Point -
• /rest/api/resourceIndexDEMO
Connect to REST APIAccessing the REST API
jQuery
Example
var vUrl =
‘http://webcenterDomain/rest/api/resourceIndex’;
$.getJSON(vUrl, function(data) {
console.log(data);
});Authenticating Against REST API
• BASE64 Encode Username, Password
• Set AJAX Request Header
var bytes =
Crypto.charenc.Binary.stringToBytes(vUserName+':'+vPassword),
base64 = Crypto.util.bytesToBase64(bytes);
xhr.setRequestHeader('Authorization', 'Basic ' + base64);
• Only needed once
• Session Token key setPosting Content
{
“subject”: “Presenting at collaborate 2012”,
“body”: “The server just died.. ”
}Cross Domain Scripting
• JSONP Not currently supported
• CORS - Cross-origin resource sharing
• Phonegap, Adobe AIR etc.Navigating the REST API
• FireBug Console
• HTTP Console
• Chrome REST Console
• Custom Browser implementation
• Third Party appsDEMO
Navigating The REST API DEMO
Real Time Chat Authentication
User LookupQuestions?More from Fishbowl
Download our
Free Collaborate
at Collaborate12
App!
14 Team & Customer Presentations
To view the schedule on your iPad or
iPhone download out app or visit
fishbowlsolutions.com/collaborate
App Includes:
• Session Schedule
• Booth Info
• Presentations Downloads
• Whitepapers Downloads
• Expo Map
Search:
Fishbowl SolutionsAdditional Resources
• Booth: #1178
• Web: www.fishbowlsolutions.com
• Email: info@fishbowlsolutions.com
• Twitter: @fishbowlE20
• Facebook: facebook.com/fishbowlsolutions Enter to win
an iPad!
Learn more about WebCenter Content
Mobile, SharePoint Integration, Google
Search, Intranet-in-a-Box and more.