Preparing for the App-ocalypse

The Web in the Age of Physical Computing

Tech In Asia - Singapore, 2017

Mozilla.org / @dietrich

ZERO

"One download for every one thousand web views."


Ryan Sheffer, Nobody Wants Your App.

SPEECH

NOISE!

QR/BEACON
  ➡️ URL
    ➡️ app

QR/BEACON
  ➡️ URL
    ➡️ bot

QR/BEACON
  ➡️ URL
    ➡️ web app

QR/BEACON
  ➡️ URL
    ➡️ web app
      ➡️ AR

CASUAL
AUGMENTED
REALITY

CAMERA +
3D

CAMERA +
CONTROLS

CAMERA +
JAVASCRIPT +
3D

CAMERA +
JAVASCRIPT +
3D +
NOISE!

getUserMedia()

      
        navigator.mediaDevices.getUserMedia({
           audio: true,
           video: true
        }).then(function (stream) {
          // do something with the stream
        })
      
    

A-Frame Example

      
        <a-scene>
          <a-sphere radius="1.25"></a-sphere>
          <a-box width="1" height="1" depth="1"></a-box>
          <a-cylinder radius="0.5" height="1.5"></a-cylinder>
          <a-plane rotation="-90 0 0" width="4" height="4"></a-plane>
        </a-scene>
      
    

Crowd Experiences...

  • Conferences
  • Tours
  • Museums
  • Games
  • Protests

Beacon
  ➡️ URL
    ➡️ web app
      ➡️ AR

THE WEB


Physical interactions

Bridging platforms

Frictionless flows




Dietrich Ayala

@dietrich