In daily basis where billions of billion devices are connected to the internet, browsers can actually take control Things like lightbulbs, robots, printers, NFC tags, toys, drones, and many more Things via web standard APIs such as WebBluetooth, WebUSB, WebNFC, Shape Detection API and etc. How about connecting to IoT gateway which supports Wifi via BLE ?!

On the other hand, Progressive web apps open a new era to build web apps that work offline and resemble native apps. PWAs are installable too, therefore, your solution to controlling Things in the real world can be written once for web and reuse everywhere.

In this session, I am going through some of the web capabilities to connect devices into a progressive web app and demonstrate how the web, eventually, could go beyond the browsers. There will be lots of demos such as Connect to IoT gateway via BLE over Wifi, Drone controller, NFC reader, Android ADB connector to Web and more.

Initial Outline which its goal is to show interesting demos in addition to theory:

- PWA Era explained!

- Web Hardware abilities APIs explanation

- The WebBluetooth API, WebUSB, WebNFC explained

-- Demos (Depends on the time I will select some of the demos below)

--- Connect to IoT gateway (Mozilla WebThings Gateway) via BLE over Wifi and start to control some devices which are connected to the gateway.
--- a simple fitness app that shows your heart rate while exercising
--- possible a drone that flies, controlled by a wristband
-- connect to a Thermal Printer via webUSB/webBluetooth
-- connect to my Android Device via ADB and control run shell command via my PWA using WebUSB.
-- connect to an Arduino Via USB and print on an LED, and do other actions via Android phone!!
-- NFC ring and NFC tags
-- Webshop that you can scan your NFC tag and be authenticated, then you can scan items and then print via BLE printer, which is a mix of few different Web Standard APIs, There will be in the integration of ShapeDetectionAPI for this example too.

- Possibility to download from Google play as a demo and show to users to impress them that they actually can download PWA from GooglePlay and from MicrosoftStore.

- Future capabilities such as project Fugu!

----------------

Why This talk:

IoT and especially connected hardware to the web is an interesting subject that most web developers know very little of, or even do not know at all that this is possible as these APIs are fairly new and recently has better support in browsers. At the same time, Hardware is usually a scary topic for many developers which I hope this talk can demystify where they can become comfortable and inspired. This presentation will hopefully provide lots of fun with demos during the presentation which I hope not only developers learn but also they enjoy and get excited too.