104
@xebiconfr #xebiconfr The Physical Web: un coup d'oeil sur le futur d'IoT et de la mobilité Qian JIN

XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

Embed Size (px)

Citation preview

Page 1: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

@xebiconfr #xebiconfr

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

mobilité

QianJIN

Page 2: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

+

Page 3: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia
Page 4: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia
Page 5: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

@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

Page 6: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

@bonbonking #xebiconfr

1ForewordThe Era of Ubiquitous Computing

Page 7: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

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

Page 8: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

Tabs: wearable centimetre sized devices

Pads: hand-held decimetre-sized devices

Boards: metre sized interactive display devices

Page 9: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

@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

Page 10: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

@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

Page 11: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

@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

Page 12: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

@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

Page 13: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

What?Google & Ubiquity initiatives

Page 15: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

Walk Up And Use Everything

Page 16: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia
Page 17: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia
Page 18: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia
Page 19: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia
Page 20: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia
Page 21: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

Why?The explosion of connected consumer devices

Page 22: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

@bonbonking #xebiconfr 22

Page 23: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

@bonbonking #xebiconfr 23

Page 24: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

@bonbonking #xebiconfr

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

24Source: NCTA

Page 25: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

How?Deploy The Physical Web

Page 26: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

@bonbonking #xebiconfr

• Get beacons• Configure beacons

• Broadcast URL

• Broadcast distance & frequency

• Deploy

26

Page 27: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

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

Page 28: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

Physical Web App (Android & iOS)

Page 29: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

V.S.

Page 30: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

Who?The Physical Web in Real Life

Page 31: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

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

Beacon

Context Marketing

BluetoothMobile

+

Page 32: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia
Page 33: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia
Page 34: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia
Page 35: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia
Page 36: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia
Page 37: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia
Page 39: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

@bonbonking #xebiconfr

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

3

Page 40: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

BLE Beacon

Page 41: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

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

Page 42: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

@bonbonking #xebiconfr

Bluetooth 5.0 is coming…

42

Page 43: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia
Page 45: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

Beacon Manufacturers

Page 46: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia
Page 47: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia
Page 48: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia
Page 49: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia
Page 50: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

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

Page 51: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

Measured Power

Page 52: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia
Page 53: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

ProtocolsiBeacon & Eddystone

Page 54: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

iBeaconData PacketsCore Location APIRegion MonitoringRanging

Page 55: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

WWDC June 2013

Page 57: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

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.

Page 58: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

NSObject

CLBeacon

CLRegion

CLBeaconRegionCLCircularRegion

Page 59: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

Region Monitoring

Page 60: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

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

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

Page 61: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

Immediate Near Far

0.5m 3m 70mRanging

Page 62: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

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

Page 63: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

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

Page 64: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

Eddystone

Name originData PacketsEphemeral Identifier

Page 65: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia
Page 66: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

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

Page 67: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

Eddystone-EID: Eddystone Ephemeral Identifier

Page 68: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

Google Proximity Beacon Service

Ask for p

ermiss

ion

Authorise

Fetch associated

attachments

Page 69: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

Platforms & APIs

Page 70: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

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

Page 71: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia
Page 72: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia
Page 73: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

Proximity Beacon APIRegister BeaconsUpdate BeaconsList BeaconsAdd Attachments to Beacons

Page 74: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

Estimate

Cloud PanelAdmin App

Page 75: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia
Page 76: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia
Page 77: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

Web Bluetooth API

Page 78: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

@bonbonking #xebiconfr 78

Page 79: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

Web Bluetooth Examples

Bluetooth LED DisplayBluetooth PrinterBluetooth Racing Cars

Page 80: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia
Page 81: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia
Page 83: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

@bonbonking #xebiconfr

TakeawaysPhysical limitationsSecurity & PrivacyMobile device as GatewayMore smart needs

4

Page 84: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia
Page 85: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

Physical limitations

Page 86: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia
Page 87: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

87

Page 88: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

Security & Privacy

Page 89: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

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

Piggybacking & CloningHijacking Cracking

Page 90: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia
Page 91: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

• HTTPS only URL

• Obfuscated URL

• Rotating token

• Web page with access control

Page 92: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

ConnectivityMobile Device as Gateway

Page 93: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

COLLECT COMMUNICATE ANALYZE ACT

IoT Life Cycle

Page 94: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

Things Gateway Network & Cloud

Network Infrastructure

Cloud / Data Center Infrastructure

Page 95: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia
Page 96: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

Why do we need a Gateway?

Page 97: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

More Smart NeedsBeacons but not only…

Page 98: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia
Page 99: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia
Page 100: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

@bonbonking #xebiconfr

The Age of Calm TechnologiesRelationship between technologies & human

5

Page 101: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

@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

Page 102: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia
Page 103: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

Thank you! Questions?

Page 104: XebiCon'16 : The Physical Web : un coup d'oeil sur le futur d'IoT et de la mobilité. Par Qian Jin, Développeur Mobile chez Xebia

Email: [email protected]: @bonbonking