1

Offline Web with Oracle JET

Florin Marcus Red Samurai Consulting

2AgendaOffline Web with Oracle JET

Caching 01

Database in Browser: IndexedDB

02

Oracle JET 03

Offline JET Demo 04

3

3

Data Caching on Web

Caching as

Temporary storage for dynamic content.

Offline Web with Oracle JET

4

4

Caching: a HTTP problem

page A page B

Typical example: a Multi Step Form

Hitting 'Next' should cache Answer 1 up until 'Done' is pressed.

5

In Browser● Cookies (limited to 4096 bytes)

On Server• HTTP Session

In hidden fields or query strings(passed back and forth between requests)

• 5

Caching options in HTML 4

6

Browser Cache

● HTML Session Storage and Local Storage – 10 MB limit

● Indexed DB– A builtin database in a browser– Up to 6% quota of your disk

•

6

New Types of Caching in HTML 5

7

7

W3C Recommendation (January 2015)

Object Database

Transactional

Asynchronous API

•

IndexedDB – Database In Browser

8

8

IndexedDB Concepts

9

9

IndexedDB Performance

How fast a browser database can be?

10

10

IndexedDB Performance

11

11

IndexedDB - Security Vulnerabilities

Same-origin Policy

Cross-Site Scripting attacks

Encrypting data before storing

Delete data on session timeout

12

Are Component-Based Web Frameworks Becoming Obsolete?

13Server-based Web Components

Web Components are rendered on the server.

They have a HTML representation and possibly a client behavior (javascript).

Input values are cached on the server

14Client-based Web Components

Web Components run in browser only.

Components consume REST to communicate with the server.

Input values are cached on the client.

Server's middle layer is much simplified

15

Demo Time

15

16

16

JET Architecture

Web Server is used for initial load of the application.

Once Oracle JET loaded by browser, it will communicate with the REST server alone

17JET Offline Lifecycle (Step 1)

18JET Offline Lifecycle (Step 2)

19JET Offline Lifecycle (Step 3)

20JET Offline Lifecycle (Step 4)

21JET Offline Lifecycle (Step 5)

22JET Offline Lifecycle (Step 6)

23JET Integration with ADF or APEX

24Indexed DB - Conclusion

Think of IndexedDB as caching, not offline support

25

25

Oracle JET - Open Source Libraries

26

What's Next For ADF and APEX?

27

What's Next For ADF and APEX?

Support for JET Composite Components in ADF

28

QUESTIONS

29

ReferencesOracle JEThttp://www.oracle.com/webfolder/technetwork/jet/index.html

IndexedDBhttp://www.w3.org/TR/IndexedDB

Consuming secure REST web services from Oracle JEThttp://andrejusb.blogspot.co.uk/2016/10/oracle-jet-and-adf-bc-rest-security.html

Composite JET Componentshttp://andrejusb.blogspot.co.uk/2016/11/oracle-jet-composite-component-and-adf.html

30About UsOracle Experts Team

• Oracle Fusion Middleware Partner Community Award for Outstanding ACM/BPM Contribution 2015 •

• Oracle Fusion Middleware Innovation Award Winner 2010 •

• SOA Partner Community Award for Outstanding Contribution Across the World 2010 •

• 2010 Enterprise 2.0 Blazer: Enterprise 2.0 Leader Award

ADF, JET, MAF, Cloud, BPM, ACM, SOA, WebCenter, WebLogic