SlideShare uses cookies to improve functionality and performance, and to provide you with relevant advertising. If you continue browsing the site, you agree to the use of cookies on this website. See our User Agreement and Privacy Policy.
SlideShare uses cookies to improve functionality and performance, and to provide you with relevant advertising. If you continue browsing the site, you agree to the use of cookies on this website. See our Privacy Policy and User Agreement for details.
Successfully reported this slideshow.
Activate your 14 day free trial to unlock unlimited reading.
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.
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.
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
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
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