Lucas Jellema Oracle OpenWorld 2014, San Francisco, CA, USA Web- and Mobile-Oriented Architectures with Oracle Fusion Middleware for XML

Overview Rich Client – mobile or web –MVC in client, state in client, restful/stateless interactions Simple, on premise MOA/WOA (SOA Suite, API Gateway, IdM/OAM) –REST on top of SOA on top of enterprise resources –JSON token for authentication,session –Caching in client & caching in MOA; push support –Enrichment in MOA (translation, geo services,…) Gartner’s Personal cloud – preferences, customization configs, shoppingbasket ‘state’ –cross device and therefore not on device! Implement MOA partially on cloud –Have REST on cloud between device and premise/enterprise –Less load, far fewer external parties entering the enterprise firewall, far less network traffic, lower availability demand (cloud can cache & forward) –Mobile Cloud, Storage, Messaging Cloud

3 Objectives

4

5 Personal Cloud

6 Current, Personal Context

7 Further Business Requirements Task Tailored UX Up-to-date – near real time Flexible – quick time to market for changes and updates –Development and rollout 24/7 availability Offline mode (synch upon reconnect) Deferred, distributed conversations across devices –Shopping basket Smooth experience, fast and appropriate response –Scalable Secure –Data on device, access by unauthorized parties, compliance regarding location

8 Some IT perspective

Enterprise Resources (Data & Documents) Enterprise Resources (Data & Documents) Presentation Logic Business Logic Business Logic Client == Browser Server Presentation Rendering Presentation Logic Business Logic Business Logic Presentation Rendering Business Logic Business Logic Presentation Logic Presentation Rendering Business Logic Business Logic Presentation Logic Presentation Rendering Business Logic Business Logic Presentation Logic Business Logic Business Logic Thick ClientThin Client

10 Rich Client HTML5/JS SnglPgApp Rich Client HTML5/JS SnglPgApp Business Services Enterprise Resources Presentation Services Client Server Client AngularADFAPEX Thin Client Web Application JSON XML HTML JSON XML POJO XML session state stateless Native Mobile App JSON XML session state

11 User Interface Oriented Architecture (eUIOA) Data Business User Interface presentation services rendering and user interaction

12 User Interface oriented architecture Data Business User Interface WOA/MOA SOA UI (MVC)

13 User Interface oriented architecture (MOA/WOA) Data Business Model REST View Browser DOM Controller

OA Mobile Application (native/HTML 5 app) Web 2.0/Ajax Rich UI Browser application Service & Process Bus (WS*, SOAP, XML) Service & Process Bus (WS*, SOAP, XML) Portlet Container/ UI Service Bus 3 rd Party Services (GeoCoder, Weather, Map, Translation, Payment, Storage, SaaS apps, ….) B2B Partners JDBC, RMI, HTTP HTTPS, , VPN,… HTTP xOA Caching, i18n, Personal Cloud, Security, Push, Long Running Conversations, Data Synch, Context, Monitor, …

OA Mobile Application (native/HTML 5 app) Web 2.0/Ajax Rich UI Browser application WOA/MOA (RESTful, JSON) WOA/MOA (RESTful, JSON) Service & Process Bus (WS*, SOAP, XML) Service & Process Bus (WS*, SOAP, XML) Portlet Container/ UI Service Bus 3 rd Party Services (GeoCoder, Weather, Map, Translation, Payment, Storage, SaaS apps, ….) B2B Partners UI services JDBC, RMI, HTTP HTTPS, , VPN,… HTTP Full Service Bus (WS*, SOAP, XML) Full Service Bus (WS*, SOAP, XML) UI services xOA Caching, i18n, Personal Cloud, Security, Push, Long Running Conversations, Data Synch, Context, Monitor, …

16 Oracle Mobile Cloud Service Mobile AppWeb App Service Bus (WS*, SOAP, XML) Service Bus (WS*, SOAP, XML) JDBC, RMI, HTTP HTTPS, , VPN,… On Premises SaaS in the Cloud SaaS APIs Push services Push services Mobile Backend APIs Connectors Storage/ Cache Mobile Backend User Manage ment

17 Implementing the WOA/MOA backend with SOA Suite 12c Service Bus SOA Suite (SCA engine) SOA Suite (SCA engine) Result Cache JPA ADF BC DC JAX-RS REST request API Gateway Mobile Access Layer

18 Implementing the WOA/MOA backend with SOA Suite 12c Service Bus SOA Suite (SCA engine) SOA Suite (SCA engine) Result Cache JPA ADF BC DC JAX-RS JSON processor Native REST REST verb Expose any pipeline as REST Declarative REST verb processing + map to request Native, declarative JSON  XML REST request Fine Grained, directly accessible cache Declarative calls to REST All REST & JSON + Coherence Adapter support also in SOA Composites Composite Service BPEL process to orchestrate business services OWSM policy for REST security

19 WebApp

20 Required JSON:

21 Demonstration Mobile/Web app REST service JSON:

22 Demonstration Mobile/Web app JSON: Service Bus ISSUES SOA Composite Canonical, Reusable SOAP/XML Business Service Mobile App specific JSON/REST service

23 Demonstration Mobile/Web app JSON: Service Bus ISSUES SOA Composite Canonical, Reusable SOAP/XML Business Service Mobile App specific JSON/REST service

24 Enriched ADF Web Apps Web Developer community Taskflow Databound ADF Rich Table Taskflow Databound ADF Rich Table World Cup database schema ADF World Cup 2014 Match Center application AngularJS TagCloud application Angular TagCloud Module 3D interactive, animated Tag Cloud Taskflow

25 OTN article on HTML5 & AngularJS to enrich ADF Faces

Summary Mobile and Web Oriented Architecture to achieve modern [mobile] UI Special challenges on SOA infrastructure – scalable, available, reachable With Oracle SOA Suite and Service Bus 12c we can –Expose and invoke RESTful services –Deal with JSON data –Realize fine grained interaction with the Coherence cache Mobile Access Server enforces access from mobile apps API Gateway can help to expose enterprise services to external consumers in the DMZ – secure, virtualized, enriched, monitored Oracle Mobile Cloud Service provides a cloud based environment for implementing a substantial portion of the MOA/WOA –Taking the load of the enterprise environment And the external devices and users as well –Providing MOA services such as push, cache, secure, monitor –Helping with ‘data shaping’ (JSON) and service exposing (REST) Note: REST, JSON, JavaScript are core technologies – server side too