The state of packaged web apps

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 processes • Js mvcs

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 web apps cons • High bandwidth transfer • Won’t work offline • Limited apis pros • No JS required • Deploy once

“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

client  

web  app  

tcp/ip  

server   Server  side  code  

data  

storage  

resources  

app  cache  

Installable web apps

client  

web  app  

tcp/ip  

server   Server  side  code  

data  

storage  

resources  

app  cache  

Installable web apps

Installable web apps

Chrome hosted apps developers.google.com/chrome/apps

firefox os apps developer.mozilla.org/en/docs/Mozilla/Firefox_OS

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

zip

client  

web  app  

transport  

server   Server  side  code  

data  

storage   resources  

Packaged web apps

zip

client  

web  app  

transport  

server   Server  side  code  

data  

storage   resources  

Packaged web apps

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 web apps cons • Requires install • Requires js • syncing Pros • Low bandwith requirements • Works offline • Advanced apis

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