1.
1
Offline Web with Oracle JET
Florin Marcus
Red Samurai Consulting

2.
2Agenda
Offline Web with Oracle JET
Caching 01
Database in Browser:
IndexedDB
02
Oracle JET 03
Offline JET Demo 04

3.
3
3
Data Caching on Web
Caching as
Temporary storage for dynamic content.
Offline Web with Oracle JET

4.
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.
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.
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
7
W3C Recommendation (January 2015)
Object Database
Transactional
Asynchronous API
IndexedDB – Database In Browser

8.
8
8
IndexedDB Concepts

9.
9
9
IndexedDB Performance
How fast a browser database can be?

10.
10
10
IndexedDB Performance

11.
11
11
IndexedDB - Security Vulnerabilities
Same-origin Policy
Cross-Site Scripting attacks
Encrypting data before storing
Delete data on session timeout

12.
12
Are Component-Based Web Frameworks
Becoming Obsolete?

13.
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

14.
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.
15
Demo Time
15

16.
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

17.
17JET Offline Lifecycle (Step 1)

18.
18JET Offline Lifecycle (Step 2)

19.
19JET Offline Lifecycle (Step 3)

20.
20JET Offline Lifecycle (Step 4)

21.
21JET Offline Lifecycle (Step 5)

22.
22JET Offline Lifecycle (Step 6)

23.
23JET Integration with ADF or APEX

24.
24Indexed DB - Conclusion
Think of IndexedDB as caching, not offline support

25.
25
25
Oracle JET - Open Source Libraries

26.
26
What's Next For ADF and APEX?

27.
27
What's Next For ADF and APEX?
Support for JET Composite Components in ADF

28.
28
QUESTIONS

29.
29
References
Oracle JET
http://www.oracle.com/webfolder/technetwork/jet/index.html
IndexedDB
http://www.w3.org/TR/IndexedDB
Consuming secure REST web services from Oracle JET
http://andrejusb.blogspot.co.uk/2016/10/oracle-jet-and-adf-bc-rest-security.html
Composite JET Components
http://andrejusb.blogspot.co.uk/2016/11/oracle-jet-composite-component-and-adf.html

30.
30About Us
Oracle 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