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