Lucas Jellema

Oracle OpenWorld 2014, San Francisco, CA, USA

Web- and Mobile-Oriented Architectures with Oracle Fusion Middleware for XML

3

Objectives

4

Objectives

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)

Presentation Logic

BusinessLogic

Client =

= B

rowser

Server

Presentation Rendering

Presentation Logic

BusinessLogic

Presentation Rendering

BusinessLogic

Presentation Logic

Presentation Rendering

BusinessLogic

Presentation Logic

Presentation Rendering

BusinessLogic

Presentation Logic

BusinessLogic

Thick Client Thin Client

10

Rich ClientHTML5/JSSnglPgApp

Business Services

Enterprise Resources

Presentation Services

Client

Server

Client

Angular ADF APEX

Thin Client

Web Application

JSONXML

XMLHTML HTML

JSON

XML

POJOXML

session state

sess

ion

stat

e

sta

tele

ss

Native Mobile App

JSONXML

sess

ion

stat

e

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 REST REST

ViewBrowser DOM

Controller

OA

Mobile Application (native/HTML 5 app)

Web 2.0/Ajax Rich UI Browser application

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, HTTPHTTPS, Email, 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)

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, HTTPHTTPS, Email, VPN,…

HTTP

HTTP

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 App Web App

Service Bus(WS*, SOAP, XML)

JDBC, RMI, HTTPHTTPS, Email, VPN,…

On

Pre

mis

esS

aaS in the C

loud

SaaS APIs

Pushservices

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)

Result Cache

JPAADF BC

DC DC DC

JAX-RS

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)

Result Cache

JPAADF BC

DC DC DC

JAX-RS

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

Declarativecalls 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

World Cup database schema

ADF World Cup 2014 Match Center application

AngularJS TagCloud applicationAngular

TagCloud Module

3D interactive, animated Tag Cloud

Taskflow

25

OTN article on HTML5 & AngularJS to enrich ADF Faces

https://community.oracle.com/docs/DOC-890831

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