Developer evangelist
Hacker advocate
Developer
emberads!
Extensions for
Paypal, EMberads, Minutebox
Chrome extensions
developer.chrome.com/extensions
Firefox addons
developer.mozilla.org/en/docs/Extensions
Chrome packaged apps
developer.chrome.com/apps/
FF OS priviliged apps
Bit.ly/priviliged_apps
Opera/safari extensions phonegap
Pros
• Native experience
• Deeper integration with os
• Works offline
• Always there
cons
• Differences in apis
• Approval...
h"p://developer.chrome.com/apps/app_architecture.html	
  
client	
  
network	
  
server	
   Server	
  side	
  code	
  
data	
   resources	
  
Regular web apps
web	
  app	
  
transport	
  
server	
   Server	
  side	
  code	
  
data	
  
data	
  
resources	
  
resources	
  
Regular w...
“One of the many super outcomes of
the HTML5 evolution is that browser
vendors are striving towards
interoperability – eve...
client	
  
web	
  app	
  
tcp/ip	
  
server	
   Server	
  side	
  code	
  
data	
  
storage	
  
resources	
  
app	
  cache...
client	
  
web	
  app	
  
tcp/ip	
  
server	
   Server	
  side	
  code	
  
data	
  
storage	
  
resources	
  
app	
  cache...
Installable web apps
Chrome hosted apps
developers.google.com/chrome/apps
firefox os apps
developer.mozilla.org/en/docs/Mo...
web	
  app	
  
transport	
  
server	
   Server	
  side	
  code	
  
data	
  
data	
  
resources	
  
resources	
  
Regular w...
zip
client	
  
web	
  app	
  
transport	
  
server	
   Server	
  side	
  code	
  
data	
  
storage	
   resources	
  
Packa...
zip
client	
  
web	
  app	
  
transport	
  
server	
   Server	
  side	
  code	
  
data	
  
storage	
   resources	
  
Packa...
Packaged web apps
Chrome extensions
developer.chrome.com/extensions
Firefox addons
developer.mozilla.org/en/docs/Extensions
Packaged web apps
Opera extensions phonegap
Packaged web apps
Chrome packaged apps
developer.chrome.com/apps/
FF OS priviliged apps
Bit.ly/priviliged_apps
web	
  app	
  
transport	
  
server	
   Server	
  side	
  code	
  
data	
  
data	
  
resources	
  
resources	
  
Regular w...
Painless Payments for Droids
Tim Messerschmidt
manifests
Chrome extensions
Chrome packaged apps
Firefox open web apps
Firefox mini manifest
Standards?
W3c widgets
Opera extensions
Before they moved to using chrome
packages
.crx
7-Zip file with a json manifest
.xpi
Zip file with a json manifest
And the entire SDK
Chrome extensions ui
Chrome extensions ui
Chrome extensions ui
Firefox addons ui
Chrome packaged apps
Chrome packaged apps
Chrome packaged apps
storage
Html5 local storage
+ indexeddb
Chrome storage api
Other api differences
Message passing
Disk access
Bluetooth/usb access
Zip + upload == live
Zip + upload == approval process
Minimized JS
Custom jquery version
Sign on credentials
Early days
Standards are to evolved
Client side JS MVCs are still young
Benefits are tempting
Mobile?
chrome
developer.chrome.com
firefox
Developer.mozilla.org
Try making your own and tell me
The state of packaged web apps
The state of packaged web apps
The state of packaged web apps
The state of packaged web apps
The state of packaged web apps
The state of packaged web apps
The state of packaged web apps
The state of packaged web apps
The state of packaged web apps
The state of packaged web apps
The state of packaged web apps
The state of packaged web apps
The state of packaged web apps
The state of packaged web apps
The state of packaged web apps
The state of packaged web apps
The state of packaged web apps
The state of packaged web apps
The state of packaged web apps
Upcoming SlideShare
Loading in …5
×

The state of packaged web apps

853 views

Published on

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
853
On SlideShare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
13
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

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

×