@xebiconfr #xebiconfr

The Physical Web:un coup d'oeil sur le futur d'IoT et de la

mobilité

QianJIN

+

@bonbonking #xebiconfr

1. Foreword: The Era of Ubiquitous Computing2. The Physical Web in a Nutshell3. Technologies Behind The Scenes4. Takeaways5. The Age of Calm Technologies

Agenda

5

@bonbonking #xebiconfr

1ForewordThe Era of Ubiquitous Computing

The most profound technologies are those that disappear. They weave themselves into the fabric of everyday life until they are indistinguishable from it.

—— Mark Weiser, Xerox Parc, 1991The Computer for the Twenty-First Century

Tabs: wearable centimetre sized devices

Pads: hand-held decimetre-sized devices

Boards: metre sized interactive display devices

@bonbonking #xebiconfr

• “The first era we call mainframe, each shared by lots of people. Now we are in the personal computing era, person and machine staring uneasily at each other across the desktop. Next comes ubiquitous computing, or the age of calm technology, when technology recedes into the background of our lives.”

9

@bonbonking #xebiconfr 10

The Major Trends in Computing

Mainframe many people share a computer

Personal Computer one computer, one person

Internet - Widespread Distributed Computing

Ubiquitous Computing many computers share each of us

@bonbonking #xebiconfr

• Context awareness originated as a term from ubiquitous computing or as so-called pervasive computing which sought to deal with linking changes in the environment with computer systems, which are otherwise static.

11

@bonbonking #xebiconfr

The Physical Web in a NutshellWhat is The Physical Web?Why should we talk about it?How to deploy it?Who would benefit from it?

2

What?Google & Ubiquity initiatives

https://www.youtube.com/watch?v=1yaLPRgtlR0

Walk Up And Use Everything

Why?The explosion of connected consumer devices

@bonbonking #xebiconfr 22

@bonbonking #xebiconfr 23

@bonbonking #xebiconfr

• ToDo IoT device number increasing by 2020 // infographic // source

24Source: NCTA

How?Deploy The Physical Web

@bonbonking #xebiconfr

• Get beacons• Configure beacons

• Broadcast URL

• Broadcast distance & frequency

• Deploy

26

Active your bluetoothNo need for a specific appSupported in Chrome (Android)

Physical Web App (Android & iOS)

V.S.

Who?The Physical Web in Real Life

Image credit: http://www.dialogtech.com/blog/call-tracking/beacon-future-mobile-marketing

Beacon

Context Marketing

BluetoothMobile

+

https://www.youtube.com/watch?v=-Y77cUI_z30

@bonbonking #xebiconfr

Technologies behind the scenesBLE BeaconProtocols: iBeacon & EddystoneBeacon PlatformsWeb Bluetooth API

3

BLE Beacon

Bluetooth Low EnergyBluetooth Smart / Bluetooth 4.0Small Size & Low CostLow Power RequirementsNative OS support: iOS 5+, Android 4.3+

@bonbonking #xebiconfr

Bluetooth 5.0 is coming…

42

http://www.aislelabs.com/reports/beacon-guide/

Beacon Manufacturers

Beacon Signal CharacteristicsTx Power: Transmit PowerdBm: decibel-milliwattsAdvertising IntervalRSSI: Received Signal Strength IndicatorMeasured Power

Measured Power

ProtocolsiBeacon & Eddystone

iBeaconData PacketsCore Location APIRegion MonitoringRanging

WWDC June 2013

http://www.hugeinc.com/ideas/perspective/an-ibeacon-scanning-utility-for-osx

Field Size Description

UUID 16 bytes Application developers should define a UUID specific to their app and deployment use case.

Major 2 bytesFurther specifies a specific iBeacon and use case. For example, this could define a sub-region within a larger region defined by the UUID.

Minor 2 bytes Allows further subdivision of region or use case, specified by the application developer.

NSObject

CLBeacon

CLRegion

CLBeaconRegionCLCircularRegion

Region Monitoring

self.beaconManager.startMonitoringForRegion(CLBeaconRegion( proximityUUID: NSUUID(UUIDString:

"B9407F30-F5F8-466E-AFF9-25556B57FE6D")!, major: 123, minor: 123, identifier: "monitored region"))

Immediate Near Far

0.5m 3m 70mRanging

enum CLProximity : Int { case Unknown case Immediate case Near case Far}

Store Location San Francisco Paris London

UUID D9B9EC1F-3925-43D0-80A9-1E39D4CEA95C

Major 1 2 3

Minor

Clothing 10 10 10

Housewares 20 20 20

Automotive 30 30 30

Eddystone

Name originData PacketsEphemeral Identifier

https://developer.mbed.org/teams/Bluetooth-Low-Energy/code/BLE_EddystoneBeacon_Service/

Eddystone-EID: Eddystone Ephemeral Identifier

Google Proximity Beacon Service

Ask for p

ermiss

ion

Authorise

Fetch associated

attachments

Platforms & APIs

Google Tools & APIs for BeaconBeacon DashboardBeacon Tool AppProximity Beacon APINearby Message API

Proximity Beacon APIRegister BeaconsUpdate BeaconsList BeaconsAdd Attachments to Beacons

Estimate

Cloud PanelAdmin App

Web Bluetooth API

@bonbonking #xebiconfr 78

Web Bluetooth Examples

Bluetooth LED DisplayBluetooth PrinterBluetooth Racing Cars

https://www.youtube.com/watch?v=Vg2e1jOug00&feature=youtu.be

@bonbonking #xebiconfr

TakeawaysPhysical limitationsSecurity & PrivacyMobile device as GatewayMore smart needs

4

Physical limitations

87

Security & Privacy

Image credit: https://kontakt.io/blog/beacon-security/

Piggybacking & CloningHijacking Cracking

• HTTPS only URL

• Obfuscated URL

• Rotating token

• Web page with access control

ConnectivityMobile Device as Gateway

COLLECT COMMUNICATE ANALYZE ACT

IoT Life Cycle

Things Gateway Network & Cloud

Network Infrastructure

Cloud / Data Center Infrastructure

Why do we need a Gateway?

More Smart NeedsBeacons but not only…

@bonbonking #xebiconfr

The Age of Calm TechnologiesRelationship between technologies & human

5

@bonbonking #xebiconfr

• The purpose of a computer is to help you do something else.

• The best computer is a quiet, invisible servant.

• The more you can do by intuition the smarter you are; the computer should extend your unconscious.

• Technology should create calm.

—— Mark Weiser and John Seely Brown, Xerox Parc, 1996The Coming Age of Calm Technology

101

Thank you! Questions?

Email: qjin@xebia.frTwitter: @bonbonking