iBeacon Workshop by Reque.st
description
Transcript of iBeacon Workshop by Reque.st
![Page 1: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/1.jpg)
IBEACONWORKSHOP
IBEACON WORKSHOP
![Page 2: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/2.jpg)
WELCOME (AND A STAT)IBEACON WORKSHOP
‣ “INSET IBEACON STAT”
![Page 3: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/3.jpg)
SECTION OVERVIEWIBEACON WORKSHOP
‣ WORKSHOP GOALS‣ INTRODUCTIONS‣ WORKSHOP STRUCTURE‣ SYSTEM SETUP
![Page 4: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/4.jpg)
COURSE GOALS
IBEACON WORKSHOP
![Page 5: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/5.jpg)
GOAL #1“To explore everything you need to envision, build, and launch successful sensor-centric mobile applications…”
IBEACON WORKSHOP
![Page 6: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/6.jpg)
GOAL #2“To inspire you to think beyond the phone (sensors, connectivity, wearables) and to begin exploring the concept and significance of
IBEACON WORKSHOP
![Page 7: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/7.jpg)
IBEACON WORKSHOP
INTRODUCTIONS
![Page 8: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/8.jpg)
IBEACON WORKSHOP
QUICK INTRODUCTIONS…
‣ NAME‣ WHAT YOU DO‣ YOUR CURRENT HANDSET(S)‣ FAVORITE MOBILE APP
![Page 9: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/9.jpg)
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 NGCO-FOUNDER, REQUE.ST
![Page 10: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/10.jpg)
WORKSHOP STRUCTURE
IBEACON WORKSHOP
![Page 11: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/11.jpg)
‣ 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 FORMATIBEACON WORKSHOP
![Page 12: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/12.jpg)
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
![Page 13: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/13.jpg)
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
![Page 14: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/14.jpg)
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
![Page 15: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/15.jpg)
IBEACON WORKSHOP
NEXT UP…ECOSYSTEMS & TRENDS
![Page 16: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/16.jpg)
IBEACON WORKSHOP
INTRODUCING IBEACON
![Page 17: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/17.jpg)
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)
![Page 18: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/18.jpg)
IBEACON WORKSHOP
![Page 19: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/19.jpg)
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
![Page 20: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/20.jpg)
IBEACON WORKSHOP
IBEACON BROADER USE ‣ Proximity marketing‣ Passive check-in and tracking‣ Enhanced entertainment
experiences‣ In-Building Navigation
![Page 21: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/21.jpg)
IBEACON WORKSHOP
IBEACON EXAMPLE
HTTPS://WWW.YOUTUBE.COM/WATCH?V=SUIQFJPINXY
![Page 22: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/22.jpg)
IBEACON WORKSHOP
MUSEUM
![Page 23: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/23.jpg)
IBEACON WORKSHOP
MACY’S STORE
![Page 24: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/24.jpg)
IBEACON WORKSHOP
VIRGIN ATLANTIC
![Page 25: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/25.jpg)
IBEACON WORKSHOP
USE CASES
‣ Shopping Mall‣ Retail‣ Classroom‣ Stadium‣ Train‣ Airport‣ Hotel
‣ Lost & Found‣ Air Conditioning‣ Lighting‣ Car Park‣ Cinema‣ Exhibition‣ Food
![Page 26: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/26.jpg)
IBEACON WORKSHOP
THE ECOSYSTEM
![Page 27: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/27.jpg)
IBEACON WORKSHOP
TRENDS: IOS 8
![Page 28: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/28.jpg)
IBEACON WORKSHOP
TRENDS: HOMEKIT
![Page 29: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/29.jpg)
IBEACON WORKSHOP
EXPERIMENT:ESTIMOTE
![Page 30: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/30.jpg)
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
![Page 31: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/31.jpg)
IBEACON WORKSHOP
UP NEXT…DEVELOPMENT WORKFLOW
![Page 32: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/32.jpg)
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
![Page 33: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/33.jpg)
IBEACON WORKSHOP
TRENDS EXAMPLES
![Page 34: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/34.jpg)
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
![Page 35: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/35.jpg)
IBEACON WORKSHOP
BUILD
![Page 36: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/36.jpg)
IBEACON WORKSHOP
SUPPORT PLATFORM
‣ iOS‣ iPhone 4S +‣ iOS 7.0 + (iOS 7.1 + preferred)
‣ Android‣ Android OS 4.3
‣ Windows Phone 8 + (wait…)
![Page 37: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/37.jpg)
IBEACON WORKSHOP
TOOLS I USE‣ iOS‣ Locate IB‣ Estimote
‣ Mac‣ Scan Beacon‣ MacBeacon
‣ Android‣ Estimote
![Page 38: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/38.jpg)
IBEACON WORKSHOP
BEACONS THAT I TEST
![Page 39: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/39.jpg)
IBEACON WORKSHOP
BEACONS THAT I TEST
![Page 40: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/40.jpg)
IBEACON WORKSHOP
USE CASES THAT I SAW
![Page 41: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/41.jpg)
IBEACON WORKSHOP
APPS THAT I BUILD
![Page 42: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/42.jpg)
IBEACON WORKSHOP
DATA STRUCTURE
![Page 43: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/43.jpg)
IBEACON WORKSHOP
RANGING
![Page 44: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/44.jpg)
IBEACON WORKSHOP
CALIBRATION
![Page 45: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/45.jpg)
IBEACON WORKSHOP
CODEself.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];
![Page 46: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/46.jpg)
IBEACON WORKSHOP
CODEself.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];
![Page 47: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/47.jpg)
IBEACON WORKSHOP
PROCEDURE
‣ Get Authorisation‣ Core Location Framework‣ Enter / Exit / Determine
‣ In-app Alert Message‣ Send Local Notification
![Page 48: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/48.jpg)
IBEACON WORKSHOP
DEMO
![Page 49: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/49.jpg)
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/
![Page 50: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/50.jpg)
IBEACON WORKSHOP
THANK YOU!
![Page 51: iBeacon Workshop by Reque.st](https://reader034.fdocuments.in/reader034/viewer/2022051210/54c6b7014a79597d178b4635/html5/thumbnails/51.jpg)
IBEACON WORKSHOP
CONTACT US
‣ Email‣ Reque.st - [email protected]
‣ RedBear - [email protected]
‣ Kopi - [email protected]