2014/02/25に行われたヤフーVSクラスメソッドの発表資料です。 「iBeaconアプリケーションの運用」を重点に発表しました。

1. iBeacon - 爆速開発メソッド
実践iBeacon
ヤフー vs クラスメソッド!
Battle #5
CopyRight © Classmethod, Inc.
1

2. 発表してる人
iPhoneアプリエンジニア
荒川 靖久
・Objective-C歴 7ヶ月ほど
・cocos2d for iphoneがやりたくて覚えた
・インターンでクラスメソッドに通っている
・iBeaconのあれこれを数件やった
CopyRight © Classmethod, Inc.
2

3. アジェンダ
- Phase1 はじめに iBeaconを図で理解しよう
- Phase2 開発 iBeaconアプリ開発で抑えておくべきポイント
- Phase3 運用 開発 → 運用の流れを想定し、スムーズに開発しよう
CopyRight © Classmethod, Inc.
3

4. 本日の目標
iBeaconアプリ簡単！
運用してみよう！！
!
今ここで作る！！！！
CopyRight © Classmethod, Inc.
4

5. - Phase1 はじめに -
iBeaconを図で
理解しよう
CopyRight © Classmethod, Inc.
5

6. iBeaconとは…
（知らない人のためにザックリ）
CopyRight © Classmethod, Inc.
6

7. ・iBeacon
iOS 7から追加された近距離無線通信技術
CopyRight © Classmethod, Inc.
X

8. ・iBeacon
iOS 7から追加された近距離無線通信技術
・内部的には
CoreBluetooth frameworkの
Bluetooth Low Energy(BLE)で動いている
CopyRight © Classmethod, Inc.
X

9. ・iBeacon
iOS 7から追加された近距離無線通信技術
・内部的には
CoreBluetooth frameworkの
Bluetooth Low Energy(BLE)で動いている
・Beaconとデバイスの位置情報を知れる
Beaconとデバイスの
範囲内 IN / OUTの検知、おおよその距離
CopyRight © Classmethod, Inc.
X

10. 図でまとめてみました
CopyRight © Classmethod, Inc.
X

11. 検知エリア
IN
Beacon
CopyRight © Classmethod, Inc.
7

12. 検知エリア
OUT
Beacon
CopyRight © Classmethod, Inc.
8

13. 検知エリア
近い！!
大体3mのとこ
Beacon
CopyRight © Classmethod, Inc.
9

14. What’s Beacon？？
CopyRight © Classmethod, Inc.
X

15. Beaconになり得るもの
・iOS7.0以降のデバイス
・Mac OS X PC
・BM1
・自作モジュール
CopyRight © Classmethod, Inc.
X

16. Phase1まとめ
CopyRight © Classmethod, Inc.
X

17. iPhoneアプリ開発環境がある
Mac Book Pro・iPhone・Xcode
誰でもiBeaconアプリが作れる!!
CopyRight © Classmethod, Inc.
X

18. - Phase2 開発 iBeaconアプリ開発で
抑えておくべきポイント
CopyRight © Classmethod, Inc.
10

19. できること
CopyRight © Classmethod, Inc.
X

20. ・Beaconの範囲内に入った/出た時、何かする
・Beaconからの情報を毎秒検知して、何かする
CopyRight © Classmethod, Inc.
X

21. できないこと
CopyRight © Classmethod, Inc.
X

22. ・GPSの様にデバイスの位置を特定する
・Beaconからの正確な距離を取得する
・情報を覗き見できないようにする
CopyRight © Classmethod, Inc.
X

23. 開発時 最低限必要な決めごと
CopyRight © Classmethod, Inc.
11

24. ・UUID（企業区分とか）
・major（施設区分とか）
・minor（店舗区分とか）
・Beaconの設置場所、配置図
CopyRight © Classmethod, Inc.
12

25. Phase2まとめ
CopyRight © Classmethod, Inc.
X

26. iBeacon単体で
色々できる訳ではない
自前
で実装かぁ
決済はできないの？
CopyRight © Classmethod, Inc.
13
店内地図を載せた
ナビにできない？

27. - Phase3 運用 -
開発 → 運用の流れを想定し
スムーズに開発しよう
CopyRight © Classmethod, Inc.
14

28. - ステップ1 -
利用するシーンを想定しよう
CopyRight © Classmethod, Inc.
15

29. 入店時に通知
を送りたい
商品前で詳細情報
を表示したい
要求から見えてくる想定シーン
商品毎のクーポン
退店時にも通知
を送りたい
を出したいな
CopyRight © Classmethod, Inc.
16

30. ・どの程度の距離でイベントを起こすかわかる
・Beaconが複数必要な場合の配置図などが
想定できる（予算や取り付け工数の把握）
CopyRight © Classmethod, Inc.
17

31. - ステップ2 -
複数台のBeaconを管理しよう
CopyRight © Classmethod, Inc.
18

32. Beaconの配置施設 / 店舗が増える想定で...
配置場所などは企業単位
で一元管理したい
CopyRight © Classmethod, Inc.
19

33. ここからは図で…
CopyRight © Classmethod, Inc.
20

34. - よくあるフロー1 アプリ
サーバ
major minor
入店時、目印のBeaconから
major minorを取得し、サーバーに送信
CopyRight © Classmethod, Inc.
21

35. - よくあるフロー2 サーバ
アプリ
json
サーバからのjsonレスポンス
店のBeaconリストが返ってくる
CopyRight © Classmethod, Inc.
22

36. - よくあるフロー3 -
jsonを解析する
大体こんな感じ
CopyRight © Classmethod, Inc.
23

37. - よくあるフロー4 -
商品前で詳細情報
を表示したい
{
“major” : 1,
“minor” : 5,
“locationName” : “商品前”
}
major 1
minor 5
のBeaconが商品前
店舗内でキーとなるBeaconの近くに行く
CopyRight © Classmethod, Inc.
24

38. - よくあるフロー5 -
商品詳細情報が!
ご覧になれます！
商品前で通知を出す
CopyRight © Classmethod, Inc.
25

39. - 注意点 -
・Beaconの検知が遅延する場合がある
・建物内でも電波が不安定になる場合がある
CopyRight © Classmethod, Inc.
26

40. Phase3まとめ
CopyRight © Classmethod, Inc.
27

41. 利用シーンの想定
綿密な実地検証が大事！
CopyRight © Classmethod, Inc.
28

42. 本日の目標
iBeaconアプリ簡単！
運用してみよう！！
!
今ここで作る！！！！
CopyRight © Classmethod, Inc.
29