The state of packaged web apps

Transcript

2. Developer evangelist
3. Hacker advocate
4. Developer emberads!
5. Extensions for Paypal, EMberads, Minutebox
11. Chrome extensions developer.chrome.com/extensions Firefox addons developer.mozilla.org/en/docs/Extensions
12. Chrome packaged apps developer.chrome.com/apps/ FF OS priviliged apps Bit.ly/priviliged_apps
13. Opera/safari extensions phonegap
14. Pros • Native experience • Deeper integration with os • Works offline • Always there cons • Differences in apis • Approval processes • Js mvcs
16. h"p://developer.chrome.com/apps/app_architecture.html  
18. client   network   server   Server  side  code   data   resources   Regular web apps
19. web  app   transport   server   Server  side  code   data   data   resources   resources   Regular web apps cons • High bandwidth transfer • Won’t work offline • Limited apis pros • No JS required • Deploy once
20. “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
21. client   web  app   tcp/ip   server   Server  side  code   data   storage   resources   app  cache   Installable web apps
22. client   web  app   tcp/ip   server   Server  side  code   data   storage   resources   app  cache   Installable web apps
23. Installable web apps Chrome hosted apps developers.google.com/chrome/apps firefox os apps developer.mozilla.org/en/docs/Mozilla/Firefox_OS
24. 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
25. zip client   web  app   transport   server   Server  side  code   data   storage   resources   Packaged web apps
26. zip client   web  app   transport   server   Server  side  code   data   storage   resources   Packaged web apps
27. Packaged web apps Chrome extensions developer.chrome.com/extensions Firefox addons developer.mozilla.org/en/docs/Extensions
28. Packaged web apps Opera extensions phonegap
29. Packaged web apps Chrome packaged apps developer.chrome.com/apps/ FF OS priviliged apps Bit.ly/priviliged_apps
30. web  app   transport   server   Server  side  code   data   data   resources   resources   Regular web apps cons • Requires install • Requires js • syncing Pros • Low bandwith requirements • Works offline • Advanced apis
31. Painless Payments for Droids Tim Messerschmidt
32. manifests
33. Chrome extensions
34. Chrome packaged apps
35. Firefox open web apps
36. Firefox mini manifest
37. Standards?
39. W3c widgets
41. Opera extensions Before they moved to using chrome
42. packages
43. .crx 7-Zip file with a json manifest
44. .xpi Zip file with a json manifest And the entire SDK
47. Chrome extensions ui
48. Chrome extensions ui
49. Chrome extensions ui
50. Firefox addons ui
52. Chrome packaged apps
53. Chrome packaged apps
54. Chrome packaged apps
55. storage
56. Html5 local storage + indexeddb
57. Chrome storage api
58. Other api differences
59. Message passing
60. Disk access
61. Bluetooth/usb access
63. Zip + upload == live
64. Zip + upload == approval process
65. Minimized JS
67. Custom jquery version
69. Sign on credentials
71. Early days
72. Standards are to evolved
73. Client side JS MVCs are still young
74. Benefits are tempting
75. Mobile?
77. chrome developer.chrome.com firefox Developer.mozilla.org
78. Try making your own and tell me