Paris-Web 2009 Le Web en Offline avec Gears et HTML5
Gears ?
LocalServer Database WorkerPool Geolocation Desktop Timer HttpRequest Classes / Modules
Stockage local CSS, JavaScript, Images, etc. Classes : LocalServer
ResourceStore vs. ManagedResourceStore Classes : LocalServer
SQLite Database, Query, Transaction Classes : Database
Tâche de fond Asynchrone + Multi-tâches = Bus de données Classes : WorkerPool
Coordonnées GPS GSM, Wi-Fi Classes : Geolocation
Web App Raccourci bureau, Drag ‘n drop, Accès fichiers, Upload multi-fichiers Classes : Desktop
Factory Timer, HttpRequest, Canvas, Blob/BlobBuilder Autres classes
Offline ?
Stratégie Automatique, À la demande, Hybride Offline
Détection AJAX 404 = Offline
Impacts ergonomiques
UI / UX Online <> Offline Retours utilisateur Impacts ergonomiques
Permissions Impacts ergonomiques
Quels sont les gains ?
Performances, Extensibilité d’applications, X-Platform / X-Browser … Web App ! Gains
Mais ... Architecture ++, Code ++, Maintenance ++, Skills ++ Gains
De Gears à HTML5
Gears HTML5 / W3C Database Web Database w3.org/TR/webdatabase/ Desktop User Interaction + File API w3.org/TR/file-upload/ ...
Exemples & cie
MySpace Mail YouTube Google Reader Google Docs Zoho Writer Remember The Milk … Exemples
http://code.google.com/apis/gears http://groups.google.com/group/gears-users/ http://gearsblog.blogspot.com/  http://code....
twitter.com/oncletom case.oncle-tom.net twitter.com/cleverage clever-age.com http://www.slideshare.net/oncletom/le-web-en-...
D’avenir ? De questions ? De trolls ? Désir ...
Upcoming SlideShare
Loading in...5
×

Le Web en Offline avec Gears et HTML5

2,393

Published on

Published in: Technology
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,393
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
24
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Le Web en Offline avec Gears et HTML5

  1. 1. Paris-Web 2009 Le Web en Offline avec Gears et HTML5
  2. 2. Gears ?
  3. 3. LocalServer Database WorkerPool Geolocation Desktop Timer HttpRequest Classes / Modules
  4. 4. Stockage local CSS, JavaScript, Images, etc. Classes : LocalServer
  5. 5. ResourceStore vs. ManagedResourceStore Classes : LocalServer
  6. 6. SQLite Database, Query, Transaction Classes : Database
  7. 7. Tâche de fond Asynchrone + Multi-tâches = Bus de données Classes : WorkerPool
  8. 8. Coordonnées GPS GSM, Wi-Fi Classes : Geolocation
  9. 9. Web App Raccourci bureau, Drag ‘n drop, Accès fichiers, Upload multi-fichiers Classes : Desktop
  10. 10. Factory Timer, HttpRequest, Canvas, Blob/BlobBuilder Autres classes
  11. 11. Offline ?
  12. 12. Stratégie Automatique, À la demande, Hybride Offline
  13. 13. Détection AJAX 404 = Offline
  14. 14. Impacts ergonomiques
  15. 15. UI / UX Online <> Offline Retours utilisateur Impacts ergonomiques
  16. 16. Permissions Impacts ergonomiques
  17. 17. Quels sont les gains ?
  18. 18. Performances, Extensibilité d’applications, X-Platform / X-Browser … Web App ! Gains
  19. 19. Mais ... Architecture ++, Code ++, Maintenance ++, Skills ++ Gains
  20. 20. De Gears à HTML5
  21. 21. Gears HTML5 / W3C Database Web Database w3.org/TR/webdatabase/ Desktop User Interaction + File API w3.org/TR/file-upload/ w3.org/TR/html5/editing.html Geolocation Geolocation w3.org/TR/geolocation-API/ LocalServer Offline Web Applications w3.org/TR/offline-webapps/ - Web Storage w3.org/TR/webstorage/ WorkerPool Web Workers w3.org/TR/workers/ De Gears à HTML5
  22. 22. Exemples & cie
  23. 23. MySpace Mail YouTube Google Reader Google Docs Zoho Writer Remember The Milk … Exemples
  24. 24. http://code.google.com/apis/gears http://groups.google.com/group/gears-users/ http://gearsblog.blogspot.com/ http://code.google.com/p/joose-js/ http://code.google.com/p/gears-dblib/ http://code.google.com/p/webstorageportabilitylayer/ Ressources
  25. 25. twitter.com/oncletom case.oncle-tom.net twitter.com/cleverage clever-age.com http://www.slideshare.net/oncletom/le-web-en-offline-avec-gears-et-html5-2183309 À bientôt sur le Web … online ;-)
  26. 26. D’avenir ? De questions ? De trolls ? Désir ...
  1. Gostou de algum slide específico?

    Recortar slides é uma maneira fácil de colecionar informações para acessar mais tarde.

×