OPEN TECH TALK #4 NOVEMBER 2011  HTML5 Storage SolutionsSimon Jockersjockers@htw-berlin.de
LocalStorage – Wofür? Speichern von Nutzerdaten Caching von Assets Entwicklung von Offline-Anwendungen
Gmail Offline
Financial Times
chrome.angrybirds.com
Old School: Cookies Nur geeignet für geringe Datenmengen:   4096 Bytes pro Cookie   20 Cookies pro Domain Alle Cookies...
Web Storage Einfacher Key-Value-Store für Strings Synchrone API// Beispiel:localStorage["key"] = JSON.stringify(value);v...
Web SQL Database SQLite im Browser Vollwertige relationale Datenbank Asynchrone API Verfügbar in vielen Browsern    C...
IndexedDB "NoSQL im Browser"   Key-Value-Store   Indizes, Cursor, Transaktionen Asynchrone API Verfügbarkeit   Firef...
FileSystemAPIs Virtuelles Filesystem in einer Sandbox Geeignet für die Verwaltung von großen Mengen  binärer Daten Asyn...
Herausforderungen Synchroner Zugriff ("Blocking I/O")   +Einfachere Programmierschnittstelle   – Anwendung ist nicht reak...
Abstraktion! Lawnchair  https://github.com/brianleroux/lawnchair Kizzy  https://github.com/ded/kizzy
Links Zum weiterlesen: http://caniuse.com/ http://www.html5rocks.com/en/tutorials/offl  ine/whats-offline http://www.h...
Nächste SlideShare
Wird geladen in …5
×

HTML5 Local Storrage Solutions [German]

938 Aufrufe

Veröffentlicht am

Eine kurze Übersicht über verschiedene Möglichkeiten für persistente Datenhaltung im Browser.

Video: http://youtu.be/3GbvxRPVrJE

Veröffentlicht in: Technologie
0 Kommentare
0 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Keine Downloads
Aufrufe
Aufrufe insgesamt
938
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
7
Aktionen
Geteilt
0
Downloads
1
Kommentare
0
Gefällt mir
0
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

HTML5 Local Storrage Solutions [German]

  1. 1. OPEN TECH TALK #4 NOVEMBER 2011 HTML5 Storage SolutionsSimon Jockersjockers@htw-berlin.de
  2. 2. LocalStorage – Wofür? Speichern von Nutzerdaten Caching von Assets Entwicklung von Offline-Anwendungen
  3. 3. Gmail Offline
  4. 4. Financial Times
  5. 5. chrome.angrybirds.com
  6. 6. Old School: Cookies Nur geeignet für geringe Datenmengen:  4096 Bytes pro Cookie  20 Cookies pro Domain Alle Cookies werden bei jedem Request zwischen Server und Client ausgetauscht.
  7. 7. Web Storage Einfacher Key-Value-Store für Strings Synchrone API// Beispiel:localStorage["key"] = JSON.stringify(value);value= JSON.parse(localStorage["key"]); Verfügbar in allen aktuellen Browsern Alternative: "Session Storage" (nicht persistent)
  8. 8. Web SQL Database SQLite im Browser Vollwertige relationale Datenbank Asynchrone API Verfügbar in vielen Browsern  Chrome, Android  Safari, Safari Mobile  Opera Achtung: Spezifiktion liegt auf Eis
  9. 9. IndexedDB "NoSQL im Browser"  Key-Value-Store  Indizes, Cursor, Transaktionen Asynchrone API Verfügbarkeit  Firefox und Chrome  Internet Explorer 10
  10. 10. FileSystemAPIs Virtuelles Filesystem in einer Sandbox Geeignet für die Verwaltung von großen Mengen binärer Daten Asynchrone API Momentan nur verfügbar in Chrome
  11. 11. Herausforderungen Synchroner Zugriff ("Blocking I/O") +Einfachere Programmierschnittstelle – Anwendung ist nicht reaktionsfähig während I/O  Abhilfe:Web Workers(Threading) Verwalten von binären Dateien  FileSystemAPIs oder Blobsin SQLite  Alternative: Base64-Encoding
  12. 12. Abstraktion! Lawnchair https://github.com/brianleroux/lawnchair Kizzy https://github.com/ded/kizzy
  13. 13. Links Zum weiterlesen: http://caniuse.com/ http://www.html5rocks.com/en/tutorials/offl ine/whats-offline http://www.html5rocks.com/en/tutorials/file /filesystem/

×