Web technology is getting physical, join the journey

Web technology is getting physical, join the journey.

1

Dan Jenkins @dan_jenkins

2

Dan Jenkins

@dan_jenkins

Google Developer Expert (Web Technologies specialising in WebRTC)

Founder Nimble Ape

Web Developer - not a typical telecommunications developer

General Geek

Lego Geek

3

Nimble Ape Ltd

@nimbleapeltd

WebRTC Development & Consulting

IoT | Microservices | Docker

Web APIs & Scalable Web Services

Asterisk Applications

Node.js Development & Consulting

4

Physical Web Web Bluetooth

Web USB Web MIDI Web NFC

Physical Web

5

https://google.github.io/physical-web/

Physical Web

6

The Physical Web is an open source approach to unleash the core superpower of the web:

interaction on demand.

Physical Web

7

Walk up to something and interact with it.

Physical Web

8

Who needs QR codes now? Who knows where I'm sending you right now?!

Uses?

9

10

11

+

12

13

=

14

15

This would result in Simba being reunited with his family... And an awesome film being ruined...

16

More seriously though...

17

A beacon on a bus with a URL specific to that bus. What route is it on?

What's the timetable? Is it running late?

Buses...

18

A beacon in a cinema with a URL specific to that cinema. What films are on?

What times are those films? Being able to book on the website without having to select the location

Cinemas...

19

Addressing a device directly and interacting with it

More on that later.

When it comes to IoT...

More use cases...

20

http://google.github.io/physical-web/cookbook/

How?

21

22

Utilises the Eddystone URL format BLE

Wifi (mDNS and uPnP)

Where?

23

24

Chrome on Android Physical Web app on Android and iOS

25

26

Web Bluetooth

Web Bluetooth

An AWESOME new API

Web Bluetooth

Chrome and Opera are able to communicate with BLE devices running a GATT Server

Web Bluetooth

No native app required.

https://nimblea.pe/monkey-business/2015/12/17/these-arent-the-droids-youre-looking-for/

Web BluetoothStandard services

blood_pressure heart_rate

battery_service And many many more...

https://googlechrome.github.io/samples/web-bluetooth/device-info.html

Websites able to talk to many standard devices

https://googlechrome.github.io/samples/web-bluetooth/device-info.html

How?

Trusted Origins

Localhost & HTTPS

Where?

https://github.com/WebBluetoothCG/web-bluetooth/blob/gh-pages/implementation-status.md#chromehttps://dev.opera.com/articles/web-bluetooth-intro/

Opera Beta for Android

Behind a flag

Getting Started...https://plus.google.com/+FrancoisBeaufort/posts/X4YZunKZFbD

https://www.thebubbleworks.com/

Interact with the Web using Physical Devices

(Not a keyboard or mouse)

Awesome!

Web Bluetooth & Physical Web

39

Advertise their own URL and run a GATT server

40

Drones BB-8

Parking Machine Vending Machine

41

User accesses the URL and interacts with device using

Web Bluetooth

42

micro:bit Buttons & BLE

43

Web MIDI

Web MIDIAnother physical device! WOOT

What?

Access data from MIDI Controllers/Keyboards within the browser

What?

Yes, its that simple. And yes, its amazing because its so simple.

Where?

Web USBOnly just become available!

http://thenextweb.com/dd/2016/04/11/webusb-api

https://github.com/wicg/webusb

https://wicg.github.io/webusb/

https://github.com/webusb/arduino/

Web NFCSoon!

https://w3c.github.io/web-nfc/

Thanks!

55

Dan Jenkins @dan_jenkins