Web- and Mobile-Oriented Architectures with Oracle Fusion Middleware for XML Lucas Jellema Oracle OpenWorld 2014, San Francisco, CA, USA 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 Thick Client Thin Client Presentation Rendering Presentation Logic Presentation Logic Business Logic Presentation Rendering Presentation Logic Business Logic Business Logic Business Logic Enterprise Resources (Data & Documents) Presentation Logic Business Logic Server Presentation Logic Business Logic Presentation Rendering Client == Browser Presentation Rendering Native Mobile App session state session state Angular ADF Rich Client HTML5/JS Client APEX Thin Client SnglPgApp Client XML HTML Server stateless JSON JSON XML XML JSON XML Presentation Services POJO XML Business Services Enterprise Resources session state Web Application HTML 11 User Interface Oriented Architecture (eUIOA) rendering and user interaction User Interface presentation services Business Data 12 User Interface oriented architecture User Interface UI (MVC) WOA/MOA Business SOA Data 13 User Interface oriented architecture (MOA/WOA) View Browser DOM Controller Model REST REST Business Data REST Mobile Application (native/HTML 5 app) Web 2.0/Ajax Rich UI Browser application HTTP Caching, i18n, Personal Cloud, Security, Push, Long Running Conversations, Data Synch, Context, Monitor, … OA xOA Service & Process Bus (WS*, SOAP, XML) JDBC, RMI, HTTP HTTPS, Email, VPN,… Portlet Container/ UI Service Bus Mobile Application (native/HTML 5 app) Web 2.0/Ajax Rich UI Browser application HTTP WOA/MOA (RESTful, JSON) UI services OA Full Service Bus (WS*, SOAP, XML) UI services HTTP xOA Service & Process Bus (WS*, SOAP, XML) JDBC, RMI, HTTP HTTPS, Email, VPN,… Caching, i18n, Personal Cloud, Security, Push, Long Running Conversations, Data Synch, Context, Monitor, … Portlet Container/ UI Service Bus 16 Oracle Mobile Cloud Service Mobile App Mobile Backend APIs Service Bus (WS*, SOAP, XML) JDBC, RMI, HTTP HTTPS, Email, VPN,… Mobile Backend Push services Storage/ Cache User Manage ment SaaS APIs SaaS in the Cloud On Premises Connectors Web App 17 Implementing the WOA/MOA backend with SOA Suite 12c API Gateway SOA Suite (SCA engine) Result Cache REST request Mobile Access Layer Service Bus JAX-RS DC DC DC JAX-RS ADF BC JPA 18 Implementing the WOA/MOA backend with SOA Suite 12c Fine Grained, directly accessible cache OWSM policy for REST security Composite Service Result Cache REST request Service Bus Native REST REST verb Expose any pipeline as REST Declarative REST verb processing + map to request BPEL process to orchestrate business services SOA Suite (SCA engine) All REST & JSON + Coherence Adapter support also in SOA Composites JSON processor JAX-RS Declarative calls to REST DC DC DC JAX-RS ADF BC Native, declarative JSON  XML JPA 19 WebApp 20 Required JSON: 21 Demonstration Mobile/Web app REST service JSON: 22 Demonstration Mobile App specific JSON/REST service Canonical, Reusable SOAP/XML Business Service Mobile/Web app Service Bus SOA Composite JSON: ISSUES 23 Demonstration Mobile App specific JSON/REST service Canonical, Reusable SOAP/XML Business Service Mobile/Web app Service Bus SOA Composite JSON: ISSUES 24 Enriched ADF Web Apps Web Developer community World Cup database schema 3D interactive, animated Tag Cloud ADF World Cup 2014 Match Center application AngularJS TagCloud applicatio Taskflow Taskflow Databound ADF Rich Table Angular TagCloud Module 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