Intelligence in Aggregate

Engaging Citizen Participation for Successful Smart Cities

CommunicAsia - Singapore, 2017

Mozilla.org / Dietrich Ayala / @dietrich

"One download for every one thousand web views."


Ryan Sheffer, Nobody Wants Your App.

Open or Install

URL or App

Click or ???

PROGRESSIVE
WEB APPS
(PWA)

Homescreen Native

Offline & Sync

Push Notifications

The Web is a Smart Cities Enabler.

Accelerated Development

Instant Citizen Access

All Citizen Access

ONBOARDING

SPEECH

NOISE!

PATTERNS

➡️
  ➡️ URL
    ➡️ app

➡️
  ➡️ URL
    ➡️

➡️
  ➡️ URL
    ➡️ web app

➡️
  ➡️ 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>
      
    

SMART CITIES + WEB


Bridging platforms

Frictionless flows

Physical interactions




Dietrich Ayala

@dietrich