Capable Web: Chrome Apps and Firefox Webapp

29
Capable Web: Chrome App & Firefox WebApps gasolin

description

What Chrome and Firefox do to make web capable as native app in Desktop and Mobile

Transcript of Capable Web: Chrome Apps and Firefox Webapp

Page 1: Capable Web: Chrome Apps and Firefox Webapp

Capable Web:Chrome App & Firefox

WebAppsgasolin

Page 2: Capable Web: Chrome Apps and Firefox Webapp

● Look and behave like native apps● Have native-like capabilities

Define ‘capable’

Page 4: Capable Web: Chrome Apps and Firefox Webapp

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

Have different focus but share same vision

Chrome Apps and Firefox WebApp

Page 6: Capable Web: Chrome Apps and Firefox Webapp

with Chrome browser

Chrome Apps

Page 7: Capable Web: Chrome Apps and Firefox Webapp

Desktop firstpackaged, hosted

windows | mac | chromeos

Chrome Apps (Google)

About Chrome Apps

Page 8: Capable Web: Chrome Apps and Firefox Webapp
Page 9: Capable Web: Chrome Apps and Firefox Webapp
Page 10: Capable Web: Chrome Apps and Firefox Webapp

Desktop APIsserial, usb, socket

file system, wallpaper

Chrome Apps (Google)

Chrome Platform APIs

Page 11: Capable Web: Chrome Apps and Firefox Webapp

Google Walletsfor digital goodsPaid App, In-app-payment

Chrome Apps Payment

Google Wallet

Page 12: Capable Web: Chrome Apps and Firefox Webapp

packagedalert, cookie, naci, flash

Disabled web features

What difference from normal web?

Page 13: Capable Web: Chrome Apps and Firefox Webapp

with Firefox browser

Firefox WebApp

Page 14: Capable Web: Chrome Apps and Firefox Webapp

Mobile firstpackaged, hosted

firefoxos | firefox android

Firefox WebApp (Mozilla)

Introduction to Open Web Apps

Page 15: Capable Web: Chrome Apps and Firefox Webapp
Page 16: Capable Web: Chrome Apps and Firefox Webapp
Page 17: Capable Web: Chrome Apps and Firefox Webapp

Mobile WebAPIssensors (proximate, light, vibration...)

telephony, sms

Firefox WebApp (Mozilla)

WebAPI

Page 19: Capable Web: Chrome Apps and Firefox Webapp

packaged

Disabled web features

What difference from normal web?

Page 20: Capable Web: Chrome Apps and Firefox Webapp

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

Trends

Page 22: Capable Web: Chrome Apps and Firefox Webapp

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

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

What’s in common?

Web Techs (HTML, DOM, JS, CSS)

Offline firstCross Platform

Page 25: Capable Web: Chrome Apps and Firefox Webapp

WebApp first

Let’s consider

Page 26: Capable Web: Chrome Apps and Firefox Webapp

One more thing

Page 27: Capable Web: Chrome Apps and Firefox Webapp

Desktop firstpackaged

windows | mac | linux

Node-Webkit (Intel)

About node-webkit

Page 28: Capable Web: Chrome Apps and Firefox Webapp

Common JS APIs

Node-Webkit (Intel)

node.js embeddednpm modules

Page 29: Capable Web: Chrome Apps and Firefox Webapp

Thanks