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
19
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
120
DevRelCon London 2019 - Developer Experience Workshop
cbetta
0
94
DevRelCon London 2019 - Developer Experience Workshop
cbetta
0
140
The 7 Deadly Sins of Developer Experience (DevRelCon Tokyo)
cbetta
0
3.7k
The State of Encryption
cbetta
0
260
Developer Experience Workshop
cbetta
1
490
The 7 Deadly Sins of Developer Onboarding
cbetta
0
170
A brick by brick guide to developer experience
cbetta
2
530
Hackathons Workshop
cbetta
0
200
Other Decks in Technology
See All in Technology
BDD(Cucumber)コミュニティが無料提供しているコンテンツの紹介と現在起きている危機
nihonbuson
4
750
今さら聞けない!? AWSの生成AIサービス Amazon Bedrock入門!
minorun365
PRO
11
2.7k
依存ライブラリはどこに?
takesection
0
120
Azureコストは水道代/The_47th_Tokyo_Jazug
aeonpeople
3
390
Vos logs méritent mieux que la config par défaut
lyrixx
2
400
OpenTelemetry実践 はじめの一歩
taxin
0
330
イチから学ぶdbt / Learn dbt from scratch
shinyaa31
0
150
KTC_DBRE.pdf
_awache
1
290
ハイパフォーマンスな組織をつくるための開発生産性の考え方 / developer-productivity-high-performer-link-and-motivation
lmi
3
270
期待しすぎずに取り組む両面 TypeScript
shozawa
4
530
技術広報として2023年度に頑張ったこと / What we did well in FY2023 as a DevRel
pauli
5
490
任意コード実行の原理
ffri
0
190
Featured
See All Featured
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
226
16k
Why You Should Never Use an ORM
jnunemaker
PRO
50
8.6k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
18
1.7k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
67
38k
Building Effective Engineering Teams - LeadDev
addyosmani
25
1.8k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
34
8.8k
What’s in a name? Adding method to the madness
productmarketing
PRO
14
2.6k
Building a Scalable Design System with Sketch
lauravandoore
455
32k
How To Stay Up To Date on Web Technology
chriscoyier
781
250k
Writing Fast Ruby
sferik
619
59k
RailsConf 2023
tenderlove
0
510
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
319
20k
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