Offline Web with Oracle JET
Transcript of Offline Web with Oracle JET
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