Yahoo vs ClassMethod_battle5_iBeacon

6,083 views

Published on

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

Published in: Technology

Yahoo vs ClassMethod_battle5_iBeacon

  1. 1. iBeacon - 爆速開発メソッド 実践iBeacon ヤフー vs クラスメソッド! Battle #5 CopyRight © Classmethod, Inc. 1
  2. 2. 発表してる人 iPhoneアプリエンジニア 荒川 靖久 ・Objective-C歴 7ヶ月ほど ・cocos2d for iphoneがやりたくて覚えた ・インターンでクラスメソッドに通っている ・iBeaconのあれこれを数件やった CopyRight © Classmethod, Inc. 2
  3. 3. アジェンダ - Phase1 はじめに  iBeaconを図で理解しよう - Phase2 開発  iBeaconアプリ開発で抑えておくべきポイント - Phase3 運用  開発 → 運用の流れを想定し、スムーズに開発しよう CopyRight © Classmethod, Inc. 3
  4. 4. 本日の目標  iBeaconアプリ簡単! 運用してみよう!! ! 今ここで作る!!!! CopyRight © Classmethod, Inc. 4
  5. 5. - Phase1 はじめに - iBeaconを図で 理解しよう CopyRight © Classmethod, Inc. 5
  6. 6. iBeaconとは… (知らない人のためにザックリ) CopyRight © Classmethod, Inc. 6
  7. 7. ・iBeacon   iOS 7から追加された近距離無線通信技術 CopyRight © Classmethod, Inc. X
  8. 8. ・iBeacon   iOS 7から追加された近距離無線通信技術 ・内部的には   CoreBluetooth frameworkの   Bluetooth Low Energy(BLE)で動いている CopyRight © Classmethod, Inc. X
  9. 9. ・iBeacon   iOS 7から追加された近距離無線通信技術 ・内部的には   CoreBluetooth frameworkの   Bluetooth Low Energy(BLE)で動いている ・Beaconとデバイスの位置情報を知れる   Beaconとデバイスの   範囲内 IN / OUTの検知、おおよその距離 CopyRight © Classmethod, Inc. X
  10. 10. 図でまとめてみました CopyRight © Classmethod, Inc. X
  11. 11. 検知エリア IN Beacon CopyRight © Classmethod, Inc. 7
  12. 12. 検知エリア OUT Beacon CopyRight © Classmethod, Inc. 8
  13. 13. 検知エリア 近い!! 大体3mのとこ Beacon CopyRight © Classmethod, Inc. 9
  14. 14. What’s Beacon?? CopyRight © Classmethod, Inc. X
  15. 15. Beaconになり得るもの ・iOS7.0以降のデバイス ・Mac OS X PC ・BM1 ・自作モジュール CopyRight © Classmethod, Inc. X
  16. 16. Phase1まとめ CopyRight © Classmethod, Inc. X
  17. 17. iPhoneアプリ開発環境がある Mac Book Pro・iPhone・Xcode 誰でもiBeaconアプリが作れる!! CopyRight © Classmethod, Inc. X
  18. 18. - Phase2 開発 iBeaconアプリ開発で 抑えておくべきポイント CopyRight © Classmethod, Inc. 10
  19. 19. できること CopyRight © Classmethod, Inc. X
  20. 20. ・Beaconの範囲内に入った/出た時、何かする ・Beaconからの情報を毎秒検知して、何かする CopyRight © Classmethod, Inc. X
  21. 21. できないこと CopyRight © Classmethod, Inc. X
  22. 22. ・GPSの様にデバイスの位置を特定する ・Beaconからの正確な距離を取得する ・情報を覗き見できないようにする CopyRight © Classmethod, Inc. X
  23. 23. 開発時 最低限必要な決めごと CopyRight © Classmethod, Inc. 11
  24. 24. ・UUID(企業区分とか) ・major(施設区分とか) ・minor(店舗区分とか) ・Beaconの設置場所、配置図 CopyRight © Classmethod, Inc. 12
  25. 25. Phase2まとめ CopyRight © Classmethod, Inc. X
  26. 26. iBeacon単体で 色々できる訳ではない 自前 で実装かぁ 決済はできないの? CopyRight © Classmethod, Inc. 13 店内地図を載せた ナビにできない?
  27. 27. - Phase3 運用 - 開発 → 運用の流れを想定し スムーズに開発しよう CopyRight © Classmethod, Inc. 14
  28. 28. - ステップ1 - 利用するシーンを想定しよう CopyRight © Classmethod, Inc. 15
  29. 29. 入店時に通知 を送りたい 商品前で詳細情報 を表示したい 要求から見えてくる想定シーン 商品毎のクーポン 退店時にも通知 を送りたい を出したいな CopyRight © Classmethod, Inc. 16
  30. 30. ・どの程度の距離でイベントを起こすかわかる ・Beaconが複数必要な場合の配置図などが  想定できる(予算や取り付け工数の把握) CopyRight © Classmethod, Inc. 17
  31. 31. - ステップ2 - 複数台のBeaconを管理しよう CopyRight © Classmethod, Inc. 18
  32. 32. Beaconの配置施設 / 店舗が増える想定で... 配置場所などは企業単位 で一元管理したい CopyRight © Classmethod, Inc. 19
  33. 33. ここからは図で… CopyRight © Classmethod, Inc. 20
  34. 34. - よくあるフロー1 アプリ サーバ major minor 入店時、目印のBeaconから major minorを取得し、サーバーに送信 CopyRight © Classmethod, Inc. 21
  35. 35. - よくあるフロー2 サーバ アプリ json サーバからのjsonレスポンス 店のBeaconリストが返ってくる CopyRight © Classmethod, Inc. 22
  36. 36. - よくあるフロー3 - jsonを解析する 大体こんな感じ CopyRight © Classmethod, Inc. 23
  37. 37. - よくあるフロー4 - 商品前で詳細情報 を表示したい { “major” : 1, “minor” : 5, “locationName” : “商品前” } major 1 minor 5 のBeaconが商品前 店舗内でキーとなるBeaconの近くに行く CopyRight © Classmethod, Inc. 24
  38. 38. - よくあるフロー5 - 商品詳細情報が! ご覧になれます! 商品前で通知を出す CopyRight © Classmethod, Inc. 25
  39. 39. - 注意点 - ・Beaconの検知が遅延する場合がある ・建物内でも電波が不安定になる場合がある CopyRight © Classmethod, Inc. 26
  40. 40. Phase3まとめ CopyRight © Classmethod, Inc. 27
  41. 41. 利用シーンの想定 綿密な実地検証が大事! CopyRight © Classmethod, Inc. 28
  42. 42. 本日の目標  iBeaconアプリ簡単! 運用してみよう!! ! 今ここで作る!!!! CopyRight © Classmethod, Inc. 29

×