This is the workshop introducing iBeacon to audience in Retail and Hospitality industry. Feel free to send me question with email harry@reque.st

1. IBEACON
WORKSHOP
IBEACON WORKSHOP

2. WELCOME (AND A STAT)
IBEACON WORKSHOP
‣ “INSET IBEACON STAT”

3. SECTION OVERVIEW
IBEACON WORKSHOP
‣ WORKSHOP GOALS
‣ INTRODUCTIONS
‣ WORKSHOP STRUCTURE
‣ SYSTEM SETUP

4. COURSE
GOALS
IBEACON WORKSHOP

5. GOAL #1
“To explore everything you need to
envision, build, and launch
successful sensor-centric mobile
applications…”
IBEACON WORKSHOP

6. GOAL #2
“To inspire you to think beyond the
phone (sensors, connectivity,
wearables) and to begin exploring
the concept and significance of
IBEACON WORKSHOP

7. IBEACON WORKSHOP
INTRODUCTIONS

8. IBEACON WORKSHOP
QUICK INTRODUCTIONS…
‣ NAME
‣ WHAT YOU DO
‣ YOUR CURRENT HANDSET(S)
‣ FAVORITE MOBILE APP

9. IBEACON WORKSHOP
‣ HONG KONG + SHENZHEN
‣ BSC (UST) AND MSC (HKU)
‣ SR. INSTRUTOR AT GENERAL ASSEMBLY
‣ SPECIALIZE IN WEB AND MOBILE DEVELOPMENT
‣ FOCUS ON MOBILE APP, ENTERPRISE, AND
WEARABLES
‣ RUBY ON RAILS / METEOR / OBJECTIVE-C
HARRY NG
CO-FOUNDER, REQUE.ST

10. WORKSHOP
STRUCTURE
IBEACON WORKSHOP

11. ‣ Feel free to ask questions throughout
‣ As the saying goes, “no such thing as a stupid
question”
‣ Let me know what you’d like to see more / less of…
‣ Lots of material but plenty of room for fluidity
WORKSHOP FORMAT
IBEACON WORKSHOP

12. 1ST HALF
‣ Design and Prototyping Centric
‣ Introductions
‣ Ecosystems / Trends / Future
‣ Development Lifecycle
‣ Envisioning & Requirements Gathering
‣ Wireframing and Prototyping
‣ Fidelity Spectrum
‣ Prototype Demos / Discussion
IBEACON WORKSHOP

13. 2ND HALF
‣ Technology
‣ Mobile / iBeacon “Hello World”
‣ Core Technology Primers (Languages, CLI, etc)
‣ Comparison of Mobile Development Approaches
‣ Integrating the iBeacon libraries
‣ Testing (Testflight)
‣ Deployment
‣ Wrap-Up
IBEACON WORKSHOP

14. BEYOND THIS
‣ Continue the conversation :)
‣ Happy to help in any way that we can…
‣ Introductions
‣ Technical
‣ Strategy
‣ Feedback
‣ Leverage our Yammer group
‣ iBeacon Meetup Group
IBEACON WORKSHOP

15. IBEACON WORKSHOP
NEXT UP…
ECOSYSTEMS
& TRENDS

16. IBEACON WORKSHOP
INTRODUCING
IBEACON

17. IBEACON WORKSHOP
WHAT IS IT?
‣ Tiny Bluetooth Low Energy sensor
‣ Simply broadcasts a frequency that
can be detected and reacted by
mobile devices
‣ It can also send additional information
(such as temperature, detection of
movement, and pretty much anything
else)

18. IBEACON WORKSHOP

19. IBEACON WORKSHOP
IBEACON
‣ "We think this is the start of a technology revolution
that will rival the invention of the mouse and the
graphical user interface, in the impact it could have
on human-computer connection, and change the way
all manner of organisations connect with the people

20. IBEACON WORKSHOP
IBEACON BROADER USE
‣ Proximity marketing
‣ Passive check-in and tracking
‣ Enhanced entertainment
experiences
‣ In-Building Navigation

21. IBEACON WORKSHOP
IBEACON EXAMPLE
HTTPS://WWW.YOUTUBE.COM/WATCH?V=SUIQFJPINXY

22. IBEACON WORKSHOP
MUSEUM

23. IBEACON WORKSHOP
MACY’S STORE

24. IBEACON WORKSHOP
VIRGIN ATLANTIC

25. IBEACON WORKSHOP
USE CASES
‣ Shopping Mall
‣ Retail
‣ Classroom
‣ Stadium
‣ Train
‣ Airport
‣ Hotel
‣ Lost & Found
‣ Air Conditioning
‣ Lighting
‣ Car Park
‣ Cinema
‣ Exhibition
‣ Food

26. IBEACON WORKSHOP
THE ECOSYSTEM

27. IBEACON WORKSHOP
TRENDS: IOS 8

28. IBEACON WORKSHOP
TRENDS: HOMEKIT

29. IBEACON WORKSHOP
EXPERIMENT:
ESTIMOTE

30. IBEACON WORKSHOP
BEACONS AROUND THE ROOM
‣ Install the app (available in the App Store and Google
Play). Search “estimote”…
‣ Try some of the demos
‣ Proximity
‣ Notify
‣ Distance
‣ Also try enabling your phone as a beacon

31. IBEACON WORKSHOP
UP NEXT…
DEVELOPMENT
WORKFLOW

32. IBEACON WORKSHOP
IBEACON SPECIFIC
CONSIDERATIONS
‣ Working with the physical space
‣ iBeacon placement / positioning
‣ Battery life (and subsequent replacement)
‣ Thankfully tools are emerging to simplify the above

33. IBEACON WORKSHOP
TRENDS EXAMPLES

34. IBEACON WORKSHOP
THE FIDELITY SPECTRUM
TOOLS
‣ Suggested Tools
‣ Paper / Adobe Ideas
‣ Balsamiq
‣ UX Pin / Proto.io
‣ AppCooker / Taster
‣ Photoshop
‣ See what fits your preferences / style

35. IBEACON WORKSHOP
BUILD

36. IBEACON WORKSHOP
SUPPORT PLATFORM
‣ iOS
‣ iPhone 4S +
‣ iOS 7.0 + (iOS 7.1 + preferred)
‣ Android
‣ Android OS 4.3
‣ Windows Phone 8 + (wait…)

37. IBEACON WORKSHOP
TOOLS I USE
‣ iOS
‣ Locate IB
‣ Estimote
‣ Mac
‣ Scan Beacon
‣ MacBeacon
‣ Android
‣ Estimote

38. IBEACON WORKSHOP
BEACONS THAT I TEST

39. IBEACON WORKSHOP
BEACONS THAT I TEST

40. IBEACON WORKSHOP
USE CASES THAT I SAW

41. IBEACON WORKSHOP
APPS THAT I BUILD

42. IBEACON WORKSHOP
DATA STRUCTURE

43. IBEACON WORKSHOP
RANGING

44. IBEACON WORKSHOP
CALIBRATION

45. IBEACON WORKSHOP
CODE
self.beaconRegion = [[CLBeaconRegion alloc] initWithProximityUUID:proximityUUID major:kMajor
minor:kMinor identifier:kIdentifier];
self.beaconRegion.notifyEntryStateOnDisplay = YES;
self.beaconRegion.notifyOnEntry = YES;
self.beaconRegion.notifyOnExit = YES;
// Start Monitoring
[self.locationManager startMonitoringForRegion:self.beaconRegion];
[self.locationManager startRangingBeaconsInRegion:self.beaconRegion];
// End Monitoring
[self.locationManager stopMonitoringForRegion:self.beaconRegion];

46. IBEACON WORKSHOP
CODE
self.beaconRegion = [[CLBeaconRegion alloc] initWithProximityUUID:proximityUUID major:kMajor
minor:kMinor identifier:kIdentifier];
self.beaconRegion.notifyEntryStateOnDisplay = YES;
self.beaconRegion.notifyOnEntry = YES;
self.beaconRegion.notifyOnExit = YES;
// Start Monitoring
[self.locationManager startMonitoringForRegion:self.beaconRegion];
[self.locationManager startRangingBeaconsInRegion:self.beaconRegion];
// End Monitoring
[self.locationManager stopMonitoringForRegion:self.beaconRegion];

47. IBEACON WORKSHOP
PROCEDURE
‣ Get Authorisation
‣ Core Location Framework
‣ Enter / Exit / Determine
‣ In-app Alert Message
‣ Send Local Notification

48. IBEACON WORKSHOP
DEMO

49. IBEACON WORKSHOP
RESOURCES
‣ Websites
‣ Apple iBeacon for Developers
‣ https://developer.apple.com/ibeacon/
‣ Radius Networks (Android Support)
‣ http://www.radiusnetworks.com/
‣ Estimote
‣ http://estimote.com/

50. IBEACON WORKSHOP
THANK YOU!

51. IBEACON WORKSHOP
CONTACT US
‣ Email
‣ Reque.st - harry@reque.st
‣ RedBear - chi@redbear.net
‣ Kopi - sam@kopi-d.com