Embed Size (px)
Citation preview
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
