Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
The state of packaged web apps
Search
Cristiano Betta
September 03, 2013
Technology
0
23
The state of packaged web apps
Cristiano Betta
September 03, 2013
Tweet
Share
More Decks by Cristiano Betta
See All by Cristiano Betta
Docs as Engineering - DevRelCon London 2019
cbetta
0
140
DevRelCon London 2019 - Developer Experience Workshop
cbetta
0
130
DevRelCon London 2019 - Developer Experience Workshop
cbetta
0
270
The 7 Deadly Sins of Developer Experience (DevRelCon Tokyo)
cbetta
0
4k
The State of Encryption
cbetta
0
340
Developer Experience Workshop
cbetta
1
570
The 7 Deadly Sins of Developer Onboarding
cbetta
0
180
A brick by brick guide to developer experience
cbetta
2
620
Hackathons Workshop
cbetta
0
270
Other Decks in Technology
See All in Technology
LINE NEWSにおけるバックエンド開発
lycorptech_jp
PRO
0
270
自分だけの仮想クラスタを高速かつ効率的に作る kubefork
donkomura
0
100
あなたが人生で成功するための5つの普遍的法則 #jawsug #jawsdays2025 / 20250301 HEROZ
yoshidashingo
2
310
分解して理解する Aspire
nenonaninu
2
1.1k
Iceberg Meetup Japan #1 : Iceberg and Databricks
databricksjapan
0
380
Fraxinus00tw assembly manual
fukumay
0
110
AIエージェント入門
minorun365
PRO
32
18k
Share my, our lessons from the road to re:Invent
naospon
0
150
Active Directory攻防
cryptopeg
PRO
8
5.5k
Pwned Labsのすゝめ
ken5scal
2
450
IAMのマニアックな話2025
nrinetcom
PRO
4
970
OSS構成管理ツールCMDBuildを使ったAWSリソース管理の自動化
satorufunai
0
650
Featured
See All Featured
YesSQL, Process and Tooling at Scale
rocio
172
14k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
Statistics for Hackers
jakevdp
797
220k
Bash Introduction
62gerente
611
210k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.8k
The Language of Interfaces
destraynor
156
24k
Building Applications with DynamoDB
mza
93
6.2k
Why Our Code Smells
bkeepers
PRO
336
57k
Code Review Best Practice
trishagee
67
18k
Faster Mobile Websites
deanohume
306
31k
For a Future-Friendly Web
brad_frost
176
9.6k
Transcript
None
Developer evangelist
Hacker advocate
Developer emberads!
Extensions for Paypal, EMberads, Minutebox
None
None
None
None
None
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
None
h"p://developer.chrome.com/apps/app_architecture.html
None
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?
None
W3c widgets
None
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
None
None
Chrome extensions ui
Chrome extensions ui
Chrome extensions ui
Firefox addons ui
None
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
None
Zip + upload == live
Zip + upload == approval process
Minimized JS
None
Custom jquery version
None
Sign on credentials
None
Early days
Standards are to evolved
Client side JS MVCs are still young
Benefits are tempting
Mobile?
None
chrome developer.chrome.com firefox Developer.mozilla.org
Try making your own and tell me
None