Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
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]

1.176 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
  • Als Erste(r) kommentieren

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

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/

×