Web technology is expanding to allow physical interaction through emerging standards like Physical Web, Web Bluetooth, Web MIDI, Web USB, and soon Web NFC. These technologies enable websites to directly communicate with and control nearby physical devices like beacons, medical sensors, drones, and more through the browser without requiring native apps. Developers can start exploring these new capabilities now through early browser support from Chrome and Opera for standards like Web Bluetooth, Web MIDI, and Web USB.

1. Web technology is getting
physical, join the journey.
1
Dan Jenkins
@dan_jenkins

2. 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. 3
Nimble Ape Ltd
@nimbleapeltd
WebRTC Development & Consulting
IoT | Microservices | Docker
Web APIs & Scalable Web Services
Asterisk Applications
Node.js Development & Consulting

4. 4
Physical Web
Web Bluetooth
Web USB
Web MIDI
Web NFC

5. Physical Web
5
https://google.github.io/physical-web/

6. Physical Web
6
The Physical Web is an open source approach
to unleash the core superpower of the web:
interaction on demand.

7. Physical Web
7
Walk up to something and interact with it.

8. Physical Web
8
Who needs QR codes now?
Who knows where I'm sending you right now?!

9. Uses?
9

10. 10

11. 11
+

12. 12

13. 13
=

14. 14

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

16. 16
More seriously though...

17. 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. 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. 19
Addressing a device directly and interacting with it
More on that later.
When it comes to IoT...

20. More use cases...
20
http://google.github.io/physical-web/cookbook/

21. How?
21

22. 22
Utilises the Eddystone URL format
BLE
Wifi (mDNS and uPnP)

23. Where?
23

24. 24
Chrome on Android
Physical Web app on Android and iOS

25. 25

26. 26

27. Web Bluetooth

28. Web Bluetooth
An AWESOME new API

29. Web Bluetooth
Chrome and Opera are able to communicate
with BLE devices running a GATT Server

30. Web Bluetooth
No native app required.

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

32. Web Bluetooth
Standard services
blood_pressure
heart_rate
battery_service
And many many more...
https://googlechrome.github.io/samples/web-bluetooth/device-info.html

33. Websites able to talk to
many standard devices
https://googlechrome.github.io/samples/web-bluetooth/device-info.html

34. How?

35. Trusted Origins
Localhost & HTTPS

36. Where?
https://github.com/WebBluetoothCG/web-bluetooth/blob/gh-pages/implementation-status.md#chrome
https://dev.opera.com/articles/web-bluetooth-intro/
Opera Beta for
Android
Behind a flag

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

38. Interact with the Web using
Physical Devices
(Not a keyboard or mouse)
Awesome!

39. Web Bluetooth &
Physical Web
39

40. Advertise their own URL
and run a GATT server
40

41. Drones
BB-8
Parking Machine
Vending Machine
41

42. User accesses the URL and
interacts with device using
Web Bluetooth
42

43. micro:bit Buttons & BLE
43

44. Web MIDI

45. Web MIDI
Another physical device! WOOT

48. What?
Access data from MIDI Controllers/Keyboards within the browser

49. What?
Yes, its that simple. And yes, its amazing because its so simple.

50. Where?

51. Web USB
Only just become available!

52. http://thenextweb.com/dd/2016/04/11/webusb-api
https://github.com/wicg/webusb
https://wicg.github.io/webusb/
https://github.com/webusb/arduino/

53. Web NFC
Soon!

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

55. Thanks!
55
Dan Jenkins
@dan_jenkins