Your browser doesn't support the features required by impress.js, so you are presented with a simplified version of this presentation.

For the best experience please use the latest Chrome, Safari or Firefox browser.

The Web:
On Mobile
and
Beyond

HTML5Apps funded by the European Union through the Seventh Framework Programme (FP7/2013-2015) under grant agreement n°611327 - HTML5 Apps

Dominique Hazael‑Massieux

dom@w3.org

@dontcallmeDOM

Podium Mobile Android iOS
HTML5
Podium Computer HTML5
Trade off between Web and Native WEB NATIVE
User ExperienceUser Experience Provider considerationsProvider Considerations
UX: Discover
UX: Obtain
UX: Use
UX: Upgrade
UX: Stay safe
Provider: Develop
Provider: Deploy
Provider: ?? Provider: Profit!!
Desktop/Laptop UX: Discover UX: Obtain UX: Use UX: Upgrade UX: Stay safe Provider: Develop Provider: Deploy Provider: Profit!!
Mobile UX: Discover UX: Obtain UX: Use UX: Upgrade UX: Stay safe Provider: Develop Provider: Deploy Provider: Profit!!

Tipping the balance back

Application Foundations

Device Interaction

Sensors already available:

  • geolocation
  • accelerometer
  • compas
  • gyroscope
  • camera
  • mic
  • battery

Device Interaction

In development:

  • proximity
  • ambient ligt
  • NFC
  • Bluetooth (incl. BLE)

What’s missing for you?

Application Lifecycle

  • getting an app started/stopped at the right time
  • keeping the app useful independently of the network

Started at the right time

  • easy to launch on user’s request
  • remote event
  • geofences
  • scheduled time
  • network availability

Stopped at the right time

  • low battery
  • not currently in use

Network independence

Continuum of connectivity situations

Online

Connected Web

Offline?

Connected Web

Offline

  • Web Storage
  • WebSQL
  • indexedDB
  • AppCache

AppCache?

AppCache workflow

© Jake Archibald

ServiceWorker to the rescue!

Built for offline

Service Worker as a network helper

… but opened up new possibilities

  • performance boost
  • give presence to app even when the browser is not running

App lifecycle

  • Service Worker
  • Push notifs
  • Launcher
  • Foreground detection
  • Geofencing
  • Data sync in background

Payments on the Web

  • Growing number of innovative payment systems
  • Browsers limited to a few
  • Painful for users and merchants, esp. on mobile

Web Payments

  • Group started a few months
  • Lots of momentum
  • Aims at providing an API to broker relationships between users, marchants, and payment systems
Mobile phones Tablets
Laptop Computers
TV
Cars
Game console
Ebook reader
music player
Camera
Glasses
Watch
Lightbulb

Learn more

http://kwz.me/q3

Getting involved

Use a spacebar or arrow keys to navigate