1.
NEXT-GEN BEACONS:
UNDERSTANDING THE ‘PHYSICAL WEB’
Mark Stewart
President & Chief Innovation Officer
wonderMakr

2.
#physicalweb | @wondermakr

3.
#physicalweb | @wondermakr
WHAT IS IT?

4.
#physicalweb | @wondermakr
HOW DOES
IT WORK?

5.
#physicalweb | @wondermakr
HOW CAN
YOU USE IT?

6.
#physicalweb | @wondermakr
WHERE IS
IT GOING?

7.
BUT FIRST…
#physicalweb | @wondermakr

8.
WHY DO I CARE
ABOUT THE
PHYSICAL WEB?
#physicalweb | @wondermakr

9.
#physicalweb | @wondermakr

10.
#physicalweb | @wondermakr

11.
#physicalweb | @wondermakr

12.
#physicalweb | @wondermakr

13.
#physicalweb | @wondermakr

14.
#physicalweb | @wondermakr

15.
#physicalweb | @wondermakr

16.
#physicalweb | @wondermakr

17.
#physicalweb | @wondermakr

18.
#physicalweb | @wondermakr

19.
#physicalweb | @wondermakr

20.
#physicalweb | @wondermakr

21.
#physicalweb | @wondermakr

22.
ALSO…
#physicalweb | @wondermakr

23.
#physicalweb | @wondermakr

24.
#physicalweb | @wondermakr

25.
#physicalweb | @wondermakr

26.
#physicalweb | @wondermakr

27.
#physicalweb | @wondermakr

28.
OK. THAT’S ENOUGH.
GET ON WITH IT.
#physicalweb | @wondermakr

29.
#physicalweb | @wondermakr

30.
#physicalweb | @wondermakr
WHAT IS IT?

31.
“WALK UP AND
USE ANYTHING”
#physicalweb | @wondermakr

32.
#physicalweb | @wondermakr

33.
#physicalweb | @wondermakr

34.
#physicalweb | @wondermakr
EVERYTHING is just a tap away
See what’s useful or interesting
ANY object/place can broadcast

35.
#physicalweb | @wondermakr

36.
#physicalweb | @wondermakr
IT’S FRICTIONLESS

37.
#physicalweb | @wondermakr
IT’S OPEN

38.
#physicalweb | @wondermakr
IT’S BUILT ON TOP
OF THE WEB

39.
#physicalweb | @wondermakr
HOW DOES
IT WORK?

40.
#physicalweb | @wondermakr

41.
#physicalweb | @wondermakr
1) BLE (Eddystone) Beacon
2) Scanning service
3) Proxy service

42.
#physicalweb | @wondermakr
1) BLE (Eddystone) Beacon
2) Scanning service
3) Proxy service

43.
#physicalweb | @wondermakr

44.
#physicalweb | @wondermakr

45.
#physicalweb | @wondermakr
APP BEACONS PHYSICAL WEB BEACONS
• Communicate only
with mobile apps
!
• Proprietary
!
• Less data passed
!
• Public signal
!
• No API
!
!
!
!
!
• Communicates with mobile apps
and browsers
!
• Open source
!
• More data passed
!
• Can be secured for authorized
users
!
• Multiple APIs

46.
#physicalweb | @wondermakr

47.
#physicalweb | @wondermakr

48.
BEACON LIFESPAN
#physicalweb | @wondermakr

49.
#physicalweb | @wondermakr
2014
2015
2016
6 months
2 years
10 years
2017+ Infinite

50.
#physicalweb | @wondermakr

51.
#physicalweb | @wondermakr
1) BLE (Eddystone) Beacon
2) Scanning service
3) Proxy service

52.
#physicalweb | @wondermakr
Future supportOS Notifications
AppsBrowsers

53.
#physicalweb | @wondermakr
1) BLE (Eddystone) Beacon
2) Scanning service
3) Proxy service

54.
#physicalweb | @wondermakr

55.
#physicalweb | @wondermakr

56.
#physicalweb | @wondermakr

57.
#physicalweb | @wondermakr
WHAT PROXY SERVICES DO
• Associate beacon with URL
!
• Beacon management (schedule, range, etc.)
!
• Filter unwanted URLs
!
• Rank URLs (just like on the web)
!
• Reporting and analytics
!
!
!
!
!

58.
#physicalweb | @wondermakr

59.
#physicalweb | @wondermakr

60.
OK…
#physicalweb | @wondermakr

61.
LET’S GET…
#physicalweb | @wondermakr

62.
YOU SET UP
ON THE
PHYSICAL WEB
#physicalweb | @wondermakr

63.
#physicalweb | @wondermakr

64.
iOS SET UP
#physicalweb | @wondermakr

65.
#physicalweb | @wondermakr
TURN BLUETOOTH ON

66.
#physicalweb | @wondermakr
SWIPE DOWN FOR NOTIFICATIONS
SWIPE LEFT FOR “TODAY” VIEW
AND TAP “EDIT”

67.
#physicalweb | @wondermakr
SCROLL WIDGETS - ADD CHROME

68.
#physicalweb | @wondermakr
OPT-IN TO PHYSICAL WEB

69.
#physicalweb | @wondermakr
THIS PHYSICAL WEB BEACON
WOULD PROBABLY
BE ATTACHED TO A CAT.

70.
ANDROID SET UP
#physicalweb | @wondermakr

71.
IT’S PROBABLY
ALREADY SET UP
#physicalweb | @wondermakr

72.
#physicalweb | @wondermakr
v49+
v4.4+ (Kit Kat)

73.
LET’S MAKE iOS
USERS FEEL BETTER…
#physicalweb | @wondermakr

74.
#physicalweb | @wondermakr
+

75.
#physicalweb | @wondermakr
GO TO GOOGLE SETTINGS

76.
#physicalweb | @wondermakr
GO TO PRIVACY SETTINGS
SELECT “PHYSICAL WEB”

77.
#physicalweb | @wondermakr
YUP, IT’S ON

78.
#physicalweb | @wondermakr
ANDROID MARSHMALLOW
OPT-IN FOR RUNTIME PERMISSION

79.
#physicalweb | @wondermakr
OH, HI THERE BEAUTIFUL ;)

80.
#physicalweb | @wondermakr
ANDROID
INSTRUCTIONS
FOR GOOGLE
“NEARBY”

81.
#physicalweb | @wondermakr
GO TO GOOGLE SETTINGS

82.
#physicalweb | @wondermakr
WALK UP AND USE ANYTHING

83.
REPORTING
#physicalweb | @wondermakr

84.
#physicalweb | @wondermakr

85.
#physicalweb | @wondermakr

86.
#physicalweb | @wondermakr

87.
#physicalweb | @wondermakr
HOW CAN
YOU USE IT?

88.
#physicalweb | @wondermakr
WHY EXPLORE THE PHYSICAL WEB?
• The Physical Web is a new dimension of the Internet
!
• It’s where the Internet of Things intersects the World Wide
Web
!
• It’s the next big thing after apps
!
• It’s a fundamentally new way for consumers to interact with
anything
!
• It’s a platform primed for yet unimagined new innovations
!
• It’s an awesome new place to develop

89.
#physicalweb | @wondermakr
BENEFITS TO THE
PHYSICAL WEB

90.
#physicalweb | @wondermakr
“CONSUMERS”

91.
#physicalweb | @wondermakr
HUMANS
FIND CONTEXTUALLY RELEVANT
INFORMATION VIA A SIMPLE SWIPE

92.
#physicalweb | @wondermakr
MARKETERS
NO MORE CUSTOM APPS
SELF-SERVICE - FOCUS ON CONTENT

93.
#physicalweb | @wondermakr
SIMPLIFIED DEPLOYMENTS
AND ADMIN - EASY INSTALLATIONS
PROJECT MANAGERS

94.
#physicalweb | @wondermakr
SIMPLIFIED MANAGEMENT
FAMILIAR TOOLS FOR DEPLOYMENT
CONTENT SPECIALISTS

95.
#physicalweb | @wondermakr

96.
#physicalweb | @wondermakr

97.
#physicalweb | @wondermakr

98.
#physicalweb | @wondermakr

99.
#physicalweb | @wondermakr
GOLDEN STATE
WARRIORS

100.
#physicalweb | @wondermakr
CES 2016
SCAVENGER HUNT

101.
#physicalweb | @wondermakr
SO MUCH MORE
TO COME

102.
#physicalweb | @wondermakr
WHERE IS
IT GOING?

103.
#physicalweb | @wondermakr
BEACON CONNECTION TO
CONTROLLABLE OBJECTS VIA WEB
WEB BLUETOOTH

104.
#physicalweb | @wondermakr

105.
#physicalweb | @wondermakr

106.
#physicalweb | @wondermakr
WEB APPS THAT RESPOND
LIKE NATIVE APPS. FAST. RELIABLE.
PROGRESSIVE APPS

107.
#physicalweb | @wondermakr
GROUPING OF RELATED
BEACONS WITH COLLAPSABLE MENUS
BEACON GROUPING

108.
#physicalweb | @wondermakr

109.
HUGE THANKS TO…
#physicalweb | @wondermakr

110.
google.github.io/physical-web
#physicalweb | @wondermakr

111.
@ScottJenson
#physicalweb | @wondermakr

112.
AND, YOU.
#physicalweb | @wondermakr

113.
THIS DECK WILL
BE ON THE
PHYSICAL WEB
#physicalweb | @wondermakr

114.
…JUST FIND ME.
#physicalweb | @wondermakr

115.
@wonderMakr
@MechaStewart
#physicalweb | @wondermakr

116.
ANY
QUESTIONS?
#physicalweb | @wondermakr

117.
NEXT-GEN BEACONS:
UNDERSTANDING THE ‘PHYSICAL WEB’
Mark Stewart
President & Chief Innovation Officer
wonderMakr