IBEACONWORKSHOP
IBEACON WORKSHOP
WELCOME (AND A STAT)IBEACON WORKSHOP
‣ “INSET IBEACON STAT”
SECTION OVERVIEWIBEACON WORKSHOP
‣ WORKSHOP GOALS‣ INTRODUCTIONS‣ WORKSHOP STRUCTURE‣ SYSTEM SETUP
COURSE GOALS
IBEACON WORKSHOP
GOAL #1“To explore everything you need to envision, build, and launch successful sensor-centric mobile applications…”
IBEACON WORKSHOP
GOAL #2“To inspire you to think beyond the phone (sensors, connectivity, wearables) and to begin exploring the concept and significance of
IBEACON WORKSHOP
IBEACON WORKSHOP
INTRODUCTIONS
IBEACON WORKSHOP
QUICK INTRODUCTIONS…
‣ NAME‣ WHAT YOU DO‣ YOUR CURRENT HANDSET(S)‣ FAVORITE MOBILE APP
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
WORKSHOP STRUCTURE
IBEACON WORKSHOP
‣ 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
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
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
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
IBEACON WORKSHOP
NEXT UP…ECOSYSTEMS & TRENDS
IBEACON WORKSHOP
INTRODUCING IBEACON
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)
IBEACON WORKSHOP
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
IBEACON WORKSHOP
IBEACON BROADER USE ‣ Proximity marketing‣ Passive check-in and tracking‣ Enhanced entertainment
experiences‣ In-Building Navigation
IBEACON WORKSHOP
IBEACON EXAMPLE
HTTPS://WWW.YOUTUBE.COM/WATCH?V=SUIQFJPINXY
IBEACON WORKSHOP
MUSEUM
IBEACON WORKSHOP
MACY’S STORE
IBEACON WORKSHOP
VIRGIN ATLANTIC
IBEACON WORKSHOP
USE CASES
‣ Shopping Mall‣ Retail‣ Classroom‣ Stadium‣ Train‣ Airport‣ Hotel
‣ Lost & Found‣ Air Conditioning‣ Lighting‣ Car Park‣ Cinema‣ Exhibition‣ Food
IBEACON WORKSHOP
THE ECOSYSTEM
IBEACON WORKSHOP
TRENDS: IOS 8
IBEACON WORKSHOP
TRENDS: HOMEKIT
IBEACON WORKSHOP
EXPERIMENT:ESTIMOTE
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
IBEACON WORKSHOP
UP NEXT…DEVELOPMENT WORKFLOW
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
IBEACON WORKSHOP
TRENDS EXAMPLES
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
IBEACON WORKSHOP
BUILD
IBEACON WORKSHOP
SUPPORT PLATFORM
‣ iOS‣ iPhone 4S +‣ iOS 7.0 + (iOS 7.1 + preferred)
‣ Android‣ Android OS 4.3
‣ Windows Phone 8 + (wait…)
IBEACON WORKSHOP
TOOLS I USE‣ iOS‣ Locate IB‣ Estimote
‣ Mac‣ Scan Beacon‣ MacBeacon
‣ Android‣ Estimote
IBEACON WORKSHOP
BEACONS THAT I TEST
IBEACON WORKSHOP
BEACONS THAT I TEST
IBEACON WORKSHOP
USE CASES THAT I SAW
IBEACON WORKSHOP
APPS THAT I BUILD
IBEACON WORKSHOP
DATA STRUCTURE
IBEACON WORKSHOP
RANGING
IBEACON WORKSHOP
CALIBRATION
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];
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];
IBEACON WORKSHOP
PROCEDURE
‣ Get Authorisation‣ Core Location Framework‣ Enter / Exit / Determine
‣ In-app Alert Message‣ Send Local Notification
IBEACON WORKSHOP
DEMO
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/
IBEACON WORKSHOP
THANK YOU!
IBEACON WORKSHOP
CONTACT US
‣ Email‣ Reque.st - [email protected]
‣ RedBear - [email protected]
‣ Kopi - [email protected]
Top Related