Successfully reported this slideshow.
@xebiconfr #xebiconfr
The Physical Web:
un coup d'oeil sur le
futur d'IoT et de la
mobilité
Qian
JIN
+
@bonbonking #xebiconfr
1. Foreword: The Era of Ubiquitous Computing
2. The Physical Web in a Nutshell
3. Technologies Behi...
@bonbonking #xebiconfr
1
Foreword
The Era of Ubiquitous Computing
The most profound technologies are those
that disappear. They weave themselves into
the fabric of everyday life until they...
Tabs: wearable
centimetre sized
devices
Pads: hand-held
decimetre-sized
devices
Boards: metre
sized interactive
display de...
@bonbonking #xebiconfr
• “The first era we call mainframe, each shared by lots of
people. Now we are in the personal compu...
@bonbonking #xebiconfr 10
The Major Trends in Computing
Mainframe many people share a computer
Personal Computer one compu...
@bonbonking #xebiconfr
• Context awareness originated as a
term from ubiquitous computing or
as so-called pervasive comput...
@bonbonking #xebiconfr
The Physical Web in a Nutshell
What is The Physical Web?
Why should we talk about it?
How to deploy...
What?
Google & Ubiquity initiatives
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 bluetooth
No need for a specific app
Supported 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
Bluetoo...
@bonbonking #xebiconfr
Technologies behind the scenes
BLE Beacon
Protocols: iBeacon & Eddystone
Beacon Platforms
Web Bluet...
BLE Beacon
Bluetooth Low Energy
Bluetooth Smart / Bluetooth 4.0
Small Size & Low Cost
Low Power Requirements
Native OS support: iOS 5...
@bonbonking #xebiconfr
Bluetooth 5.0 is coming…
42
http://www.aislelabs.com/reports/beacon-gui
de/
Beacon Manufacturers
Beacon Signal Characteristics
Tx Power: Transmit Power
dBm: decibel-milliwatts
Advertising Interval
RSSI: Received Signal ...
Measured
Power
Protocols
iBeacon & Eddystone
iBeacon
Data Packets
Core Location API
Region Monitoring
Ranging
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 ...
NSObject
CLBeacon
CLRegion
CLBeaconRegion
CLCircularRegion
Region Monitoring
self.beaconManager.startMonitoringForRegion(CLBeaconRegion(
proximityUUID: NSUUID(UUIDString:
"B9407F30-F5F8-466E-AFF9-255...
Immediate Near Far
0.5m 3m 70m
Ranging
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
Ho...
Eddystone
Name origin
Data Packets
Ephemeral Identifier
https://developer.mbed.org/teams/Bluetooth-Low-Energy/code/BLE_EddystoneBeacon_Ser
vice/
Eddystone-EID: Eddystone Ephemeral Identifier
Google Proximity
Beacon Service
AskforpermissionAuthorise
Fetchassociated
attachments
Platforms & APIs
Google Tools & APIs for
Beacon
Beacon Dashboard
Beacon Tool App
Proximity Beacon API
Nearby Message API
Proximity Beacon API
Register Beacons
Update Beacons
List Beacons
Add Attachments to Beacons
Estimate
Cloud Panel
Admin App
Web Bluetooth API
@bonbonking #xebiconfr 78
Web Bluetooth Examples
Bluetooth LED Display
Bluetooth Printer
Bluetooth Racing Cars
@bonbonking #xebiconfr
Takeaways
Physical limitations
Security & Privacy
Mobile device as Gateway
More 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
Connectivity
Mobile 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 Needs
Beacons but not only…
@bonbonking #xebiconfr
The Age of Calm Technologies
Relationship between technologies
& human
5
@bonbonking #xebiconfr
• The purpose of a computer is to help you do something else.
• The best computer is a quiet, invis...
Thank you!
Questions?
Email: qjin@xebia.fr
Twitter: @bonbonking
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...
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...
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...
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...
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...
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...
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...
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...
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...
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...
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...
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...
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...
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...
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...
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...
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...
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...
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...
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...
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...
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...
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...
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...
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...
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...
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...
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...
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...
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...
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...
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...
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...
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...
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...
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...
Prochain SlideShare
Chargement dans…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

180 vues

Publié le

L'iBeacon, introduit lors de la WWDC en 2013 est en cours de standardisation, grâce au projet open-source Eddystone. Associé à cette technologie, le projet "The physical Web" lancé par Google, promet lui aussi de grandes innovations dans le monde de l'IoT. En effet, il a pour but de pouvoir relier un smartphone à un beacon sans passer par une application. Ceci offre un large panel d'utilisation, pour relier des lieux physiques avec le monde virtuel. Nous ferons le point sur le projet et les technologies sous-jacentes, avant de se plonger dans les cas d'utilisation concrets, existants ou à venir.

Publié dans : Technologie

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

  1. 1. @xebiconfr #xebiconfr The Physical Web: un coup d'oeil sur le futur d'IoT et de la mobilité Qian JIN
  2. 2. +
  3. 3. @bonbonking #xebiconfr 1. Foreword: The Era of Ubiquitous Computing 2. The Physical Web in a Nutshell 3. Technologies Behind The Scenes 4. Takeaways 5. The Age of Calm Technologies Agenda 5
  4. 4. @bonbonking #xebiconfr 1 Foreword The Era of Ubiquitous Computing
  5. 5. 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, 1991 The Computer for the Twenty-First Century
  6. 6. Tabs: wearable centimetre sized devices Pads: hand-held decimetre-sized devices Boards: metre sized interactive display devices
  7. 7. @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
  8. 8. @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
  9. 9. @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
  10. 10. @bonbonking #xebiconfr The Physical Web in a Nutshell What is The Physical Web? Why should we talk about it? How to deploy it? Who would benefit from it? 2
  11. 11. What? Google & Ubiquity initiatives
  12. 12. Walk Up And Use Everything
  13. 13. Why? The explosion of connected consumer devices
  14. 14. @bonbonking #xebiconfr 22
  15. 15. @bonbonking #xebiconfr 23
  16. 16. @bonbonking #xebiconfr • ToDo IoT device number increasing by 2020 // infographic // source 24Source: NCTA
  17. 17. How? Deploy The Physical Web
  18. 18. @bonbonking #xebiconfr • Get beacons • Configure beacons • Broadcast URL • Broadcast distance & frequency • Deploy 26
  19. 19. Active your bluetooth No need for a specific app Supported in Chrome (Android)
  20. 20. Physical Web App (Android & iOS)
  21. 21. V.S.
  22. 22. Who? The Physical Web in Real Life
  23. 23. Image credit: http://www.dialogtech.com/blog/call-tracking/beacon-future-mobile-marketing Beacon Context Marketing Bluetooth Mobile +
  24. 24. @bonbonking #xebiconfr Technologies behind the scenes BLE Beacon Protocols: iBeacon & Eddystone Beacon Platforms Web Bluetooth API 3
  25. 25. BLE Beacon
  26. 26. Bluetooth Low Energy Bluetooth Smart / Bluetooth 4.0 Small Size & Low Cost Low Power Requirements Native OS support: iOS 5+, Android 4.3+
  27. 27. @bonbonking #xebiconfr Bluetooth 5.0 is coming… 42
  28. 28. http://www.aislelabs.com/reports/beacon-gui de/
  29. 29. Beacon Manufacturers
  30. 30. Beacon Signal Characteristics Tx Power: Transmit Power dBm: decibel-milliwatts Advertising Interval RSSI: Received Signal Strength Indicator Measured Power
  31. 31. Measured Power
  32. 32. Protocols iBeacon & Eddystone
  33. 33. iBeacon Data Packets Core Location API Region Monitoring Ranging
  34. 34. WWDC June 2013
  35. 35. http://www.hugeinc.com/ideas/perspective/an-ibeacon-scanning-utility-for -osx
  36. 36. Field Size Description UUID 16 bytes Application developers should define a UUID specific to their app and deployment use case. Major 2 bytes Further 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.
  37. 37. NSObject CLBeacon CLRegion CLBeaconRegion CLCircularRegion
  38. 38. Region Monitoring
  39. 39. self.beaconManager.startMonitoringForRegion(CLBeaconRegion( proximityUUID: NSUUID(UUIDString: "B9407F30-F5F8-466E-AFF9-25556B57FE6D")!, major: 123, minor: 123, identifier: "monitored region"))
  40. 40. Immediate Near Far 0.5m 3m 70m Ranging
  41. 41. enum CLProximity : Int { case Unknown case Immediate case Near case Far }
  42. 42. 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
  43. 43. Eddystone Name origin Data Packets Ephemeral Identifier
  44. 44. https://developer.mbed.org/teams/Bluetooth-Low-Energy/code/BLE_EddystoneBeacon_Ser vice/
  45. 45. Eddystone-EID: Eddystone Ephemeral Identifier
  46. 46. Google Proximity Beacon Service AskforpermissionAuthorise Fetchassociated attachments
  47. 47. Platforms & APIs
  48. 48. Google Tools & APIs for Beacon Beacon Dashboard Beacon Tool App Proximity Beacon API Nearby Message API
  49. 49. Proximity Beacon API Register Beacons Update Beacons List Beacons Add Attachments to Beacons
  50. 50. Estimate Cloud Panel Admin App
  51. 51. Web Bluetooth API
  52. 52. @bonbonking #xebiconfr 78
  53. 53. Web Bluetooth Examples Bluetooth LED Display Bluetooth Printer Bluetooth Racing Cars
  54. 54. @bonbonking #xebiconfr Takeaways Physical limitations Security & Privacy Mobile device as Gateway More smart needs 4
  55. 55. Physical limitations
  56. 56. 87
  57. 57. Security & Privacy
  58. 58. Image credit: https://kontakt.io/blog/beacon-security/ Piggybacking & CloningHijacking Cracking
  59. 59. • HTTPS only URL • Obfuscated URL • Rotating token • Web page with access control
  60. 60. Connectivity Mobile Device as Gateway
  61. 61. COLLECT COMMUNICATE ANALYZE ACT IoT Life Cycle
  62. 62. Things Gateway Network & Cloud Network Infrastructure Cloud / Data Center Infrastructure
  63. 63. Why do we need a Gateway?
  64. 64. More Smart Needs Beacons but not only…
  65. 65. @bonbonking #xebiconfr The Age of Calm Technologies Relationship between technologies & human 5
  66. 66. @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, 1996 The Coming Age of Calm Technology 101
  67. 67. Thank you! Questions?
  68. 68. Email: qjin@xebia.fr Twitter: @bonbonking

×