APPLICATIONS WITH ORACLE - DOAG Deutsche … WEB APPLICATIONS WITH ORACLE APEX 34 More about Cloud, Next Generation Data Warehouse and Tools for efficient and safe operation of Oracle…

2012 © Trivadis

BASEL BERN LAUSANNE ZÜRICH DÜSSELDORF FRANKFURT A.M. FREIBURG I.BR. HAMBURG MÜNCHEN STUTTGART WIEN

REALTIME WEB

APPLICATIONS

WITH ORACLE

DOAG Conference 2012

Johannes Mangold

Senior Consultant,

Trivadis AG

21.11.2012

REALTIME WEB APPLICATIONS WITH ORACLE APEX

2012 © Trivadis

Hamburg

Dusseldorf

Frankfurt

Stuttgart

Munich Freiburg

Vienna

Zurich

Lausanne ~380 employees

~200 employees

~30 employees

Trivadis makes IT easier.

11 Trivadis locations in CH, DE and AT with more than

600 employees

Financially independent and sustainably profitable

Revenue CHF 104 / EUR 84 Mio.

Services for more than 800 clients in over

1,900 projects

200 Service Level Agreements

More than 4,000 training participants

Research and development budget:

CHF 5.0 / EUR 4 Mio.

21.11.2012

2012 © Trivadis

Compliance

translated

optimized

wide-ranging

Toolbox

standardized

generated

automated

biGenius

simple

wide-ranging

Infrastructure

optimized

sustainable

modular

Comprehensive

Application

Development

independent

expert

streamlined

Application Care

plannable

efficient

sustainable

Application Development

Business Intelligence

Business Integration Services

Infrastructure Engineering

Managed Services

Training

2012 © Trivadis

Johannes Mangold

Dipl. Wirtschaftsinformatiker (BA)

Senior Consultant

Integration Solutions

Software Architecture

Web- and Mobile Solutions

21.11.2012

Daniel Maier

Dipl. Informatiker (FH)

Senior Consultant

Focus on

Software Architecture

Web- and Mobile Solutions

daniel.maier@trivadis.com johannes.mangold@trivadis.com

2012 © Trivadis

Agenda

1. Modern Enterprise Web Applications with APEX

2. Next Generation Web Standards: HTML5

3. Realtime Web Applications with HTML5 WebSocket

4. HTML5 WebSocket and APEX

5. Showcase Demo

6. Conclusion

21.11.2012

2012 © Trivadis

Modern Enterprise Web Applications with APEX

21.11.2012

BROWSER WEB

LISTENER

ORACLE DATABASE WITH APEX

2012 © Trivadis

21.11.2012

User expectations

Challenges with modern enterprise applications

2012 © Trivadis

21.11.2012

Unreliable connections

2012 © Trivadis

21.11.2012

Scalability

2012 © Trivadis

21.11.2012

BROWSER WEB

LISTENER

2012 © Trivadis

21.11.2012

BROWSER WEB

LISTENER

Web «1.0» Architecture Challenge

Built for document exchange not as dynamic

application platform

The Web is stateless and «half-duplex»

PROBLEMS & COMPLEXITY PLUGINS & WORKAROUNDS

2012 © Trivadis

Agenda

5. Showcase Demo

6. Conclusion

21.11.2012

2012 © Trivadis

Next Generation Web Standards: HTML5

21.11.2012

2012 © Trivadis

21.11.2012

2012 © Trivadis

21.11.2012

Cross Document Messaging

XMLHTTPRequest Level 2

Server-Sent Events

WebSocket

2012 © Trivadis

21.11.2012

Cross Document Messaging

XMLHTTPRequest Level 2

Server-Sent Events

WebSocket

Our focus today

To enable Web applications to maintain bidirectional

communications with server-side processes…

Source: WebSocket API Spec, w3.org

2012 © Trivadis

Agenda

5. Showcase Demo

6. Conclusion

21.11.2012

2012 © Trivadis

Realtime Web Applications with HTML5 WebSocket

W3C API and IETF Protocol

Full-Duplex, single socket

Leverages Cross-Origin Resource Sharing

Shares port with existing HTTP content

Two schemes

ws:// and wss://

21.11.2012

Bi-directional communication between a web page and remote host

WebSocket to be natively supported in Web browser

2012 © Trivadis

Upgrade from HTTP protocol to WebSocket protocol using the

same TCP Connection

Once upgraded, WebSocket data frames can be sent back and

forth between the client and the server in full-duplex mode

21.11.2012

How WebSockets work

TCP-Sockets for the Web

2012 © Trivadis

21.11.2012

WebSocket handshake: Upgrade from HTTP to WS protocol

HTTP(S) Browser

Server

GET /triWebTrain HTTP/1.1

Host: trivadis.com

Upgrade: websocket

Connection: Upgrade

Sec-WebSocket-Key: 16-byte nonce,

base64 encoded

Sec-WebSocket-Version: 13

HTTP/1.1 101 Switching Protocols

Upgrade: websocket

Connection: Upgrade

Sec-WebSocket-Accept: 20-byte MD5 hash in

base64

Client wants: ws://trivadis.com/triWebTrain Server accepts connection upgrade

2012 © Trivadis

21.11.2012

WebSocket connection established – full-duplex message exchange

WS(S) Browser

Server

code length

extended

length mask data payload

2- 14 bytes overhead per websocket frame

2012 © Trivadis

21.11.2012

Real-time & full-duplex approaches: HTTP workarounds vs. WebSocket

Browser

Server

Browser

Server

Browser

Server

HTTP Polling

HTTP Long polling

WebSocket

2012 © Trivadis

21.11.2012

WebSocket API

//Create new WebSocket

var mySocket = new WebSocket("ws://www.trivadis.com");

// Associate listeners

mySocket.onopen = function(evt) { alert("Connection open…"); };

mySocket.onmessage = function(evt) { alert("Received message: " + evt.data); };

mySocket.onclose = function(evt) { alert("Connection closed…"); };

// Sending data

mySocket.send("WebSocket Rocks!");

// Close WebSocket

mySocket.close();

21.11.2012

WebSocket API

//Create new WebSocket

var mySocket = new WebSocket("ws://www.trivadis.com");

// Associate listeners

mySocket.onopen = function(evt) { alert("Connection open…"); };

mySocket.onmessage = function(evt) { alert("Received message: " + evt.data); };

mySocket.onclose = function(evt) { alert("Connection closed…"); };

// Sending data

mySocket.send("WebSocket Rocks!");

// Close WebSocket

mySocket.close();

Communicate directly via higher level protocols:

JMS / STOMP

21.11.2012

Current WebSocket browser and server support

Desktop Browsers

Mobile Browsers phpwebsocket

Agenda

5. Showcase Demo

6. Conclusion

21.11.2012

HTML5 WebSocket and APEX

21.11.2012

WEBSOCKET

GATEWAY

BROWSER

ADVANCED

QUEUING

LISTENER

ORACLE DATENBANK MIT APEX

WS TCP

Agenda

5. Showcase Demo

6. Conclusion

21.11.2012

Showcase Demo

21.11.2012

«Trivadis WebTrain» «Trivadis WebTrain»

Showcase Architecture and Technology Stack

21.11.2012

WEBSOCKET

GATEWAY WS

JMS WEB AQ

HTTP HTML

LISTENER

Agenda

5. Showcase Demo

6. Conclusion

21.11.2012

Realtime HTML5 Enterprise Application Showcase

21.11.2012

Conclusion

WebSocket brings duplex and realtime capability to Web

Applications, based on new standards

Not a replacement for existing protocols and APIs - it’s the addon of

choice when duplex and realtime is needed in a Web Application

Easy to integrate into APEX Web Applications

Standards based end-to-end transactions over the web

Concepts for concurrent and realtime updates in UI needed

Technology is in a early stage

BASEL BERN LAUSANNE ZÜRICH DÜSSELDORF FRANKFURT A.M. FREIBURG I.BR. HAMBURG MÜNCHEN STUTTGART WIEN

Trivadis AG

Johannes Mangold

Elisabethenanlage 9

CH-4051 Basel

Tel. +41-61-279 97 55

Fax +41-61-279 97 56

johannes.mangold@trivadis.com

www.trivadis.com

21.11.2012

More about Cloud,

Next Generation Data

Warehouse and

Tools for efficient and safe

operation of Oracle?

FLOOR 3,

STAND NO. 304

APPLICATIONS WITH ORACLE - DOAG Deutsche … WEB APPLICATIONS WITH ORACLE APEX 34 More about Cloud, Next Generation Data Warehouse and Tools for efficient and safe operation of Oracle…

Documents

© 2012 Oracle Corporation - DOAG

High-Performance Oracle Platforms - DOAG

Oracle Spatial Goes Standard - DOAG

Oracle Database Cloud Performance Doag 2016

SAP on Oracle: Development Update - DOAG

Oracle GoldenGate 12c - DOAG

Oracle hadoop doag-big-data_09_2014_gpi

DOAG - Oracle Database Locking Mechanism Demystified

Oracle no sql-doag-datenbank_konferenz_juni_2014

Oracle Value Chain Planning - DOAG

Oracle and SAP Development Update - DOAG

Reuse in Oracle SOA Suite 12c - DOAG Deutsche ORACLE ... ·...

DOAG Applications 2013 Hyperion Stream

DOAG 2016 Oracle Logon Security

Oracle 12c Unified Auditing - DOAG

Oracle Virtual Desktop Infrastructure - DOAG