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
生成AI×財務経理:PoCで挑むSlack AI Bot開発と現場巻き込みのリアル
pohdccoe
1
800
日経のデータベース事業とElasticsearch
hinatades
PRO
0
260
Ruby on Railsで持続可能な開発を行うために取り組んでいること
am1157154
3
160
MIMEと文字コードの闇
hirachan
2
1.5k
リクルートのエンジニア組織を下支えする 新卒の育成の仕組み
recruitengineers
PRO
2
160
AIエージェント元年@日本生成AIユーザ会
shukob
1
250
AIエージェント開発のノウハウと課題
pharma_x_tech
8
4.6k
ディスプレイ広告(Yahoo!広告・LINE広告)におけるバックエンド開発
lycorptech_jp
PRO
0
550
Exadata Database Service on Cloud@Customer セキュリティ、ネットワーク、および管理について
oracle4engineer
PRO
2
1.6k
OPENLOGI Company Profile
hr01
0
60k
Snowflakeの開発・運用コストをApache Icebergで効率化しよう!~機能と活用例のご紹介~
sagara
1
520
手を動かしてレベルアップしよう!
maruto
0
250
Featured
See All Featured
The Art of Programming - Codeland 2020
erikaheidi
53
13k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Gamification - CAS2011
davidbonilla
80
5.2k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
Side Projects
sachag
452
42k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
650
Code Review Best Practice
trishagee
67
18k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.6k
Speed Design
sergeychernyshev
27
810
Why Our Code Smells
bkeepers
PRO
336
57k
Designing Experiences People Love
moore
140
23k
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