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 - harry@reque.st

‣ RedBear - chi@redbear.net

‣ Kopi - sam@kopi-d.com