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?!
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/
22
Utilises the Eddystone URL format BLE
Wifi (mDNS and uPnP)
24
Chrome on Android Physical Web app on Android and iOS
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
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 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.
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/
https://w3c.github.io/web-nfc/
Thanks!
55
Dan Jenkins @dan_jenkins