Successfully reported this slideshow.

More Related Content

Related Books

Free with a 14 day trial from Scribd

See all

The state of packaged web apps

  1. 1. Developer evangelist
  2. 2. Hacker advocate
  3. 3. Developer emberads!
  4. 4. Extensions for Paypal, EMberads, Minutebox
  5. 5. Chrome extensions developer.chrome.com/extensions Firefox addons developer.mozilla.org/en/docs/Extensions
  6. 6. Chrome packaged apps developer.chrome.com/apps/ FF OS priviliged apps Bit.ly/priviliged_apps
  7. 7. Opera/safari extensions phonegap
  8. 8. Pros • Native experience • Deeper integration with os • Works offline • Always there cons • Differences in apis • Approval processes • Js mvcs
  9. 9. h"p://developer.chrome.com/apps/app_architecture.html  
  10. 10. client   network   server   Server  side  code   data   resources   Regular web apps
  11. 11. web  app   transport   server   Server  side  code   data   data   resources   resources   Regular web appscons • High bandwidth transfer • Won’t work offline • Limited apis pros • No JS required • Deploy once
  12. 12. “One of the many super outcomes of the HTML5 evolution is that browser vendors are striving towards interoperability – even Microsoft is talking of “same markup” Bruce lawson, 2011
  13. 13. client   web  app   tcp/ip   server   Server  side  code   data   storage   resources   app  cache   Installable web apps
  14. 14. client   web  app   tcp/ip   server   Server  side  code   data   storage   resources   app  cache   Installable web apps
  15. 15. Installable web apps Chrome hosted apps developers.google.com/chrome/apps firefox os apps developer.mozilla.org/en/docs/Mozilla/Firefox_OS
  16. 16. web  app   transport   server   Server  side  code   data   data   resources   resources   Regular web apps cons • Caching expiry is a pita • Limited apis Pros • Lower bandwith requirements • can work offline
  17. 17. zip client   web  app   transport   server   Server  side  code   data   storage   resources   Packaged web apps
  18. 18. zip client   web  app   transport   server   Server  side  code   data   storage   resources   Packaged web apps
  19. 19. Packaged web apps Chrome extensions developer.chrome.com/extensions Firefox addons developer.mozilla.org/en/docs/Extensions
  20. 20. Packaged web apps Opera extensions phonegap
  21. 21. Packaged web apps Chrome packaged apps developer.chrome.com/apps/ FF OS priviliged apps Bit.ly/priviliged_apps
  22. 22. web  app   transport   server   Server  side  code   data   data   resources   resources   Regular web appscons • Requires install • Requires js • syncing Pros • Low bandwith requirements • Works offline • Advanced apis
  23. 23. Painless Payments for Droids Tim Messerschmidt
  24. 24. manifests
  25. 25. Chrome extensions
  26. 26. Chrome packaged apps
  27. 27. Firefox open web apps
  28. 28. Firefox mini manifest
  29. 29. Standards?
  30. 30. W3c widgets
  31. 31. Opera extensions Before they moved to using chrome
  32. 32. packages
  33. 33. .crx 7-Zip file with a json manifest
  34. 34. .xpi Zip file with a json manifest And the entire SDK
  35. 35. Chrome extensions ui
  36. 36. Chrome extensions ui
  37. 37. Chrome extensions ui
  38. 38. Firefox addons ui
  39. 39. Chrome packaged apps
  40. 40. Chrome packaged apps
  41. 41. Chrome packaged apps
  42. 42. storage
  43. 43. Html5 local storage + indexeddb
  44. 44. Chrome storage api
  45. 45. Other api differences
  46. 46. Message passing
  47. 47. Disk access
  48. 48. Bluetooth/usb access
  49. 49. Zip + upload == live
  50. 50. Zip + upload == approval process
  51. 51. Minimized JS
  52. 52. Custom jquery version
  53. 53. Sign on credentials
  54. 54. Early days
  55. 55. Standards are to evolved
  56. 56. Client side JS MVCs are still young
  57. 57. Benefits are tempting
  58. 58. Mobile?
  59. 59. chrome developer.chrome.com firefox Developer.mozilla.org
  60. 60. Try making your own and tell me

×