capable web: chrome apps and firefox webapp
DESCRIPTION
What Chrome and Firefox do to make web capable as native app in Desktop and MobileTRANSCRIPT
![Page 1: Capable Web: Chrome Apps and Firefox Webapp](https://reader034.vdocuments.site/reader034/viewer/2022042513/54c800aa4a79598d618b45f3/html5/thumbnails/1.jpg)
Capable Web:Chrome App & Firefox
WebAppsgasolin
![Page 2: Capable Web: Chrome Apps and Firefox Webapp](https://reader034.vdocuments.site/reader034/viewer/2022042513/54c800aa4a79598d618b45f3/html5/thumbnails/2.jpg)
● Look and behave like native apps● Have native-like capabilities
Define ‘capable’
![Page 3: Capable Web: Chrome Apps and Firefox Webapp](https://reader034.vdocuments.site/reader034/viewer/2022042513/54c800aa4a79598d618b45f3/html5/thumbnails/3.jpg)
If web is capable3 years later, do I need to write native Apps?
Question:
Espriuno Web IDE, Cut the rope Desktop, Mobile, MessageMe
![Page 4: Capable Web: Chrome Apps and Firefox Webapp](https://reader034.vdocuments.site/reader034/viewer/2022042513/54c800aa4a79598d618b45f3/html5/thumbnails/4.jpg)
If web is a platform3 years later, do I need to install Apps?
Question:
Check RunPixelRun web game
![Page 5: Capable Web: Chrome Apps and Firefox Webapp](https://reader034.vdocuments.site/reader034/viewer/2022042513/54c800aa4a79598d618b45f3/html5/thumbnails/5.jpg)
Have different focus but share same vision
Chrome Apps and Firefox WebApp
![Page 6: Capable Web: Chrome Apps and Firefox Webapp](https://reader034.vdocuments.site/reader034/viewer/2022042513/54c800aa4a79598d618b45f3/html5/thumbnails/6.jpg)
with Chrome browser
Chrome Apps
![Page 7: Capable Web: Chrome Apps and Firefox Webapp](https://reader034.vdocuments.site/reader034/viewer/2022042513/54c800aa4a79598d618b45f3/html5/thumbnails/7.jpg)
Desktop firstpackaged, hosted
windows | mac | chromeos
Chrome Apps (Google)
About Chrome Apps
![Page 8: Capable Web: Chrome Apps and Firefox Webapp](https://reader034.vdocuments.site/reader034/viewer/2022042513/54c800aa4a79598d618b45f3/html5/thumbnails/8.jpg)
![Page 9: Capable Web: Chrome Apps and Firefox Webapp](https://reader034.vdocuments.site/reader034/viewer/2022042513/54c800aa4a79598d618b45f3/html5/thumbnails/9.jpg)
![Page 10: Capable Web: Chrome Apps and Firefox Webapp](https://reader034.vdocuments.site/reader034/viewer/2022042513/54c800aa4a79598d618b45f3/html5/thumbnails/10.jpg)
Desktop APIsserial, usb, socket
file system, wallpaper
Chrome Apps (Google)
Chrome Platform APIs
![Page 11: Capable Web: Chrome Apps and Firefox Webapp](https://reader034.vdocuments.site/reader034/viewer/2022042513/54c800aa4a79598d618b45f3/html5/thumbnails/11.jpg)
Google Walletsfor digital goodsPaid App, In-app-payment
Chrome Apps Payment
Google Wallet
![Page 12: Capable Web: Chrome Apps and Firefox Webapp](https://reader034.vdocuments.site/reader034/viewer/2022042513/54c800aa4a79598d618b45f3/html5/thumbnails/12.jpg)
packagedalert, cookie, naci, flash
Disabled web features
What difference from normal web?
![Page 13: Capable Web: Chrome Apps and Firefox Webapp](https://reader034.vdocuments.site/reader034/viewer/2022042513/54c800aa4a79598d618b45f3/html5/thumbnails/13.jpg)
with Firefox browser
Firefox WebApp
![Page 14: Capable Web: Chrome Apps and Firefox Webapp](https://reader034.vdocuments.site/reader034/viewer/2022042513/54c800aa4a79598d618b45f3/html5/thumbnails/14.jpg)
Mobile firstpackaged, hosted
firefoxos | firefox android
Firefox WebApp (Mozilla)
Introduction to Open Web Apps
![Page 15: Capable Web: Chrome Apps and Firefox Webapp](https://reader034.vdocuments.site/reader034/viewer/2022042513/54c800aa4a79598d618b45f3/html5/thumbnails/15.jpg)
![Page 16: Capable Web: Chrome Apps and Firefox Webapp](https://reader034.vdocuments.site/reader034/viewer/2022042513/54c800aa4a79598d618b45f3/html5/thumbnails/16.jpg)
![Page 17: Capable Web: Chrome Apps and Firefox Webapp](https://reader034.vdocuments.site/reader034/viewer/2022042513/54c800aa4a79598d618b45f3/html5/thumbnails/17.jpg)
Mobile WebAPIssensors (proximate, light, vibration...)
telephony, sms
Firefox WebApp (Mozilla)
WebAPI
![Page 18: Capable Web: Chrome Apps and Firefox Webapp](https://reader034.vdocuments.site/reader034/viewer/2022042513/54c800aa4a79598d618b45f3/html5/thumbnails/18.jpg)
MarketPlace
WebPayment
WebApp Payment
Paid App, In-app-payment
![Page 19: Capable Web: Chrome Apps and Firefox Webapp](https://reader034.vdocuments.site/reader034/viewer/2022042513/54c800aa4a79598d618b45f3/html5/thumbnails/19.jpg)
packaged
Disabled web features
What difference from normal web?
![Page 20: Capable Web: Chrome Apps and Firefox Webapp](https://reader034.vdocuments.site/reader034/viewer/2022042513/54c800aa4a79598d618b45f3/html5/thumbnails/20.jpg)
Webapplate
template for webapp development
Way to develop for both Chrome and Firefox...
Referring to WebApplate
![Page 21: Capable Web: Chrome Apps and Firefox Webapp](https://reader034.vdocuments.site/reader034/viewer/2022042513/54c800aa4a79598d618b45f3/html5/thumbnails/21.jpg)
Trends
![Page 22: Capable Web: Chrome Apps and Firefox Webapp](https://reader034.vdocuments.site/reader034/viewer/2022042513/54c800aa4a79598d618b45f3/html5/thumbnails/22.jpg)
Desktop first
& cross to mobileandroid | ios
Chrome Apps
Referring to Google is building Chrome apps support for Android and iOS
![Page 23: Capable Web: Chrome Apps and Firefox Webapp](https://reader034.vdocuments.site/reader034/viewer/2022042513/54c800aa4a79598d618b45f3/html5/thumbnails/23.jpg)
Mobile first
& crossing to desktopwin | mac | linux
Firefox WebApp
Referring to Desktop Apps with HTML5 and the Mozilla Web Runtime
![Page 24: Capable Web: Chrome Apps and Firefox Webapp](https://reader034.vdocuments.site/reader034/viewer/2022042513/54c800aa4a79598d618b45f3/html5/thumbnails/24.jpg)
What’s in common?
Web Techs (HTML, DOM, JS, CSS)
Offline firstCross Platform
![Page 25: Capable Web: Chrome Apps and Firefox Webapp](https://reader034.vdocuments.site/reader034/viewer/2022042513/54c800aa4a79598d618b45f3/html5/thumbnails/25.jpg)
WebApp first
Let’s consider
![Page 26: Capable Web: Chrome Apps and Firefox Webapp](https://reader034.vdocuments.site/reader034/viewer/2022042513/54c800aa4a79598d618b45f3/html5/thumbnails/26.jpg)
One more thing
![Page 27: Capable Web: Chrome Apps and Firefox Webapp](https://reader034.vdocuments.site/reader034/viewer/2022042513/54c800aa4a79598d618b45f3/html5/thumbnails/27.jpg)
Desktop firstpackaged
windows | mac | linux
Node-Webkit (Intel)
About node-webkit
![Page 28: Capable Web: Chrome Apps and Firefox Webapp](https://reader034.vdocuments.site/reader034/viewer/2022042513/54c800aa4a79598d618b45f3/html5/thumbnails/28.jpg)
Common JS APIs
Node-Webkit (Intel)
node.js embeddednpm modules
![Page 29: Capable Web: Chrome Apps and Firefox Webapp](https://reader034.vdocuments.site/reader034/viewer/2022042513/54c800aa4a79598d618b45f3/html5/thumbnails/29.jpg)
Thanks