Html5 OffLine Database

12
(Offline Database) Presenter: Pankaj Singh Bhandari, Mindfire Solutions Date: 05 / March / 2014

description

This presentation is intended for all the web developer to understand the how different component CSS, Markup, JS interact with each other and new offline functionality of HTML 5.

Transcript of Html5 OffLine Database

Page 1: Html5 OffLine Database

(Offline Database)Presenter: Pankaj Singh Bhandari,

Mindfire SolutionsDate: 05 / March / 2014

Page 2: Html5 OffLine Database

Pankaj Singh BhandariPankaj Singh Bhandari

Working With Mindfire since Dec 22,2012Working With Mindfire since Dec 22,2012

Windows Desktop Application Developer (C#, .NET)Windows Desktop Application Developer (C#, .NET)

Skype Handle = mfsi_pankaj.bhandariSkype Handle = mfsi_pankaj.bhandari

Presenter: Pankaj Singh Bhandari, Mindfire Solutions

Page 3: Html5 OffLine Database

Presenter: Pankaj Singh Bhandari, Mindfire Solutions

AgendaAgenda

1. Offline Database.1. Offline Database.

2. Different Offline Database Approaches.2. Different Offline Database Approaches.

3. Local Storage.3. Local Storage.

4. Session Storage.4. Session Storage.

5. Indexed DB5. Indexed DB

Page 4: Html5 OffLine Database

Offline Database.

Presenter: Pankaj Singh Bhandari, Mindfire Solutions

Page 5: Html5 OffLine Database

Different Offline Database Technique.

1. Local Storage.

2. Session Storage.

3. Web SQL Database.

4. Indexed Database.

5. File Storage Based Database.

Presenter: Pankaj Singh Bhandari, Mindfire Solutions

Page 6: Html5 OffLine Database

Local Storage.

DOM Storage

Improvement Over Cookies

Local Storage is persistent.

Uses Storage() Interface of JS.

Supported by all web browser.

Presenter: Pankaj Singh Bhandari, Mindfire Solutions

Page 7: Html5 OffLine Database

Session Storage.

Same as Local Storage

But Not Persistent.

Presenter: Pankaj Singh Bhandari, Mindfire Solutions

Page 8: Html5 OffLine Database

Indexed Database.

Suitable For Complex Databases.

Uses Indexes, Cursor and transaction.

Not Relational.

Uses Key – Value model and Object Stores.

Presenter: Pankaj Singh Bhandari, Mindfire Solutions

Page 9: Html5 OffLine Database

Things Into Action :Things Into Action :

Page 10: Html5 OffLine Database

Question and Answer

Presenter: Pankaj Singh Bhandari, Mindfire Solutions

Page 11: Html5 OffLine Database

What Next :What Next :

Experiment.Experiment.Dig More.Dig More.

Learn and Grow.Learn and Grow.

Page 12: Html5 OffLine Database

www.mindfiresolutions.com

https://www.facebook.com/MindfireSolutions

http://www.linkedin.com/company/mindfire-solutions

http://twitter.com/mindfires