Your SlideShare is downloading. ×
Html5 storage   suggestions for challenges.pptx
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Html5 storage suggestions for challenges.pptx


Published on

HTML5 Storage - Suggestions for Challenges

HTML5 Storage - Suggestions for Challenges

Published in: Technology

  • Be the first to comment

  • Be the first to like this

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

No notes for slide


  • 1. HTML5 Storage -Suggestions for Challenges Client side storages, making applications powerful, faster and work offline.
  • 2. Web Storage Questions striking our mind??● What is it?● What we were using before it?● Why should we use it now?● Are they sufficient enough for our application?
  • 3. What is web storage?● Client-side storag● A standardized and native API that works the same way on any browser.● Originally included in the Web Applications 1.0 specification, it has now its own specification called W3C Web Storage.
  • 4. What we were using before it?● Cookies for client storage.● Cookies sent in every HTTP request.● Data sent unencrypted.● Size is very small (approximately 4KB).● Limited number of cookies stored per domain.
  • 5. Why should we use it now?● Data not included with every request, but used only when asked for.● Store large data(5MB approx.), without affecting performance.● Data stored in key/value pairs and a page can only access data stored by itself.
  • 6. Types of Web Storage● Local Storage ○ Data stored is available to all scripts within domain and persist even after browser is closed.● Session Storage ○ Data stored is available only to the script that stored the data and data is lost on closing of browser.
  • 7. Are they sufficient enough for our application?● Works fine with application with less client side data storage and manipulation.● Complex to manipulate data using javaScript at client side when data is in bulk.● Due to manual manipulation, high chances of poor performance and browser compatibility
  • 8. Browser Support for Web Storage● IE 8.0 and 9.0● Firefox 3.0, 3.5, 3.6 and 40● Safari 4.0, 5.0 and 6.0● Chrome 5.0, 6.0, 7.0, 8.0 and 9.0● Opera 10.5, 10.6 and 11.0● iOS Safari 3.2, 4.1 and 4.2● Android browser 2.2
  • 9. What are its alternatives?● Client side structured storage (database).● WebSQL Database (Sqlite).● Indexed DB.
  • 10. Web SQL Database● A real, relational database implementation on the client(SQLite).● No need to write browser dependent code.● Pure SQL Query.● But, the specification is depricated.● Need to transform JavaScript objects into relational schema.● Not object driven.
  • 11. Indexed DB● Allows fast indexing and searching of objects.● A NoSQL database works directly with JavaScript Objects.● Works in asynchronous mode. This allows to work inside event driven module of JavaScript.● Cursor APIs, Key Range APIs, and Application Code for Query Mechanism● Need to write browser dependent code at some instance for smooth performance.
  • 12. Browser Compatibility for both Databases● WebSQL ○ Chrome 4+ ○ Safari 4+ ○ Opera 11+ ○ iOs 5+ ○ Android 3+● Indexed DB ○ Chrome 11+ ○ Firefox 4+ ○ I.E 10
  • 13. Application Cache??● ApplicationCache- HTML5 interface for caching.● Offline browsing- users can navigate your full site when theyre offline.● Speed-cached resources are local, and therefore load faster.● Reduced server load- the browser will only download resources from the server that have changed.
  • 14. Some details● Works on one manifest file.● Need to add mimetype to server.● Three major sections a. CACHE b. NETWORK c. FALLBACK
  • 15. Browser Compatibility● Application Cache (appCache) ○ Chrome 4+ ○ Safari 4+ ○ Opera 11+ ○ Firefox 4+ ○ I.E 10 ○ iOs 5+ ○ Android 3+ ○ Opera Mobile 11+
  • 16. Discussion !!● It seems that after using these things in our application (as per required) we can make application work offline. ri8??● Your opinion ??
  • 17. Experience sharing● Offline Application requirement.● Can be achieved.● Required : no user dependency at all.● Problem with the current technology !!
  • 18. Experience sharing(Contd...)● Ultimately "old is gold." Java Applet was the solution for me.● Still problem with some cases.● Issue 1: registered as a bug in java official forum.● Issue 2: Cannot access the close of browser.
  • 19. Some more problems.● Theoretically speaking javascript works fine for every browser.● True, but sometimes behaviour slightly differs.● Majority cases css issues with browsers.● Eg.Difference in look of gmail in chrome and firefox (have a look at scrollbar :) )
  • 20. Questions ?? Feel free to ask.
  • 21. Thanks...