Your SlideShare is downloading. ×
The state of packaged web apps
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

The state of packaged web apps

465

Published on

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

  • Be the first to like this

No Downloads
Views
Total Views
465
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
10
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

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

×