Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
1 Offline Web with Oracle JET Florin Marcus Red Samurai Consulting
2Agenda Offline 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...
5 In Browser ● Cookies (limited to 4096 bytes) On Server • HTTP Session In hidden fields or query strings (passed back and...
6 Browser Cache ● HTML Session Storage and Local Storage – 10 MB limit ● Indexed DB – A builtin database in a browser – Up...
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 ...
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 cl...
14Client-based Web Components Web Components run in browser only. Components consume REST to communicate with the server. ...
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 ...
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 References Oracle JET http://www.oracle.com/webfolder/technetwork/jet/index.html IndexedDB http://www.w3.org/TR/Indexed...
30About Us Oracle Experts Team • Oracle Fusion Middleware Partner Community Award for Outstanding ACM/BPM Contribution 201...
Upcoming SlideShare
Loading in …5
×

Offline Web with Oracle JET

2,744 views

Published on

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.

Published in: Software
no profile picture user

  • Be the first to comment

  • Be the first to like this

Offline Web with Oracle JET

  1. 1. 1 Offline Web with Oracle JET Florin Marcus Red Samurai Consulting
  2. 2. 2Agenda Offline Web with Oracle JET Caching 01 Database in Browser: IndexedDB 02 Oracle JET 03 Offline JET Demo 04
  3. 3. 3 3 Data Caching on Web Caching as Temporary storage for dynamic content. Offline Web with Oracle JET
  4. 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. 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. 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 7 W3C Recommendation (January 2015) Object Database Transactional Asynchronous API IndexedDB – Database In Browser
  8. 8. 8 8 IndexedDB Concepts
  9. 9. 9 9 IndexedDB Performance How fast a browser database can be?
  10. 10. 10 10 IndexedDB Performance
  11. 11. 11 11 IndexedDB - Security Vulnerabilities Same-origin Policy Cross-Site Scripting attacks Encrypting data before storing Delete data on session timeout
  12. 12. 12 Are Component-Based Web Frameworks Becoming Obsolete?
  13. 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. 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. 15 Demo Time 15
  16. 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. 17. 17JET Offline Lifecycle (Step 1)
  18. 18. 18JET Offline Lifecycle (Step 2)
  19. 19. 19JET Offline Lifecycle (Step 3)
  20. 20. 20JET Offline Lifecycle (Step 4)
  21. 21. 21JET Offline Lifecycle (Step 5)
  22. 22. 22JET Offline Lifecycle (Step 6)
  23. 23. 23JET Integration with ADF or APEX
  24. 24. 24Indexed DB - Conclusion Think of IndexedDB as caching, not offline support
  25. 25. 25 25 Oracle JET - Open Source Libraries
  26. 26. 26 What's Next For ADF and APEX?
  27. 27. 27 What's Next For ADF and APEX? Support for JET Composite Components in ADF
  28. 28. 28 QUESTIONS
  29. 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. 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

×