Everyone is already familiar with the idea of distributed applications that continue to function in the face of intermittent network connectivity, but its only since the release of HTML5 that a solution for discontinuous network connectivity can be extended to web applications.
In this session Florin will demonstrate how Oracle JET can be utilised to build offline web modules that may cache within the browser’s local database when the server is out of reach and how these modules can be integrated with existing APEX or ADF applications.
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
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
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
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