yahoo vs classmethod_battle5_ibeacon

CopyRight © Classmethod, Inc.

ヤフー vs クラスメソッド!Battle #5

iBeacon - 爆速開発メソッド

実践iBeacon

�1

CopyRight © Classmethod, Inc. �2

発表してる人iPhoneアプリエンジニア荒川靖久

・Objective-C歴 7ヶ月ほど・cocos2d for iphoneがやりたくて覚えた・インターンでクラスメソッドに通っている・iBeaconのあれこれを数件やった


　iBeaconを図で理解しよう

アジェンダ- Phase1 はじめに -

　iBeaconアプリ開発で抑えておくべきポイント- Phase2 開発 -

　開発 → 運用の流れを想定し、スムーズに開発しよう- Phase3 運用 -


本日の目標

　iBeaconアプリ簡単！運用してみよう！！

!今ここで作る！！！！


iBeaconを図で理解しよう

- Phase1 はじめに -


iBeaconとは… （知らない人のためにザックリ）

CopyRight © Classmethod, Inc. �X

・iBeacon 　　iOS 7から追加された近距離無線通信技術



・内部的には　　CoreBluetooth frameworkの　　Bluetooth Low Energy(BLE)で動いている



・内部的には　　CoreBluetooth frameworkの　　Bluetooth Low Energy(BLE)で動いている

・Beaconとデバイスの位置情報を知れる　　Beaconとデバイスの　　範囲内 IN / OUTの検知、おおよその距離


図でまとめてみました


Beacon

検知エリア

IN


Beacon

検知エリア

OUT


Beacon

検知エリア近い！!大体3mのとこ


What’s Beacon？？


Beaconになり得るもの

・iOS7.0以降のデバイス

・Mac OS X PC

・BM1

・自作モジュール


Phase1まとめ


誰でもiBeaconアプリが作れる!!

iPhoneアプリ開発環境がある

Mac Book Pro・iPhone・Xcode


iBeaconアプリ開発で抑えておくべきポイント

- Phase2 開発 -


できること


・Beaconの範囲内に入った/出た時、何かする

・Beaconからの情報を毎秒検知して、何かする


できないこと


・GPSの様にデバイスの位置を特定する

・Beaconからの正確な距離を取得する

・情報を覗き見できないようにする


開発時最低限必要な決めごと


・UUID（企業区分とか）

・major（施設区分とか）

・minor（店舗区分とか）

・Beaconの設置場所、配置図


Phase2まとめ


店内地図を載せたナビにできない？決済はできないの？

iBeacon単体で色々できる訳ではない

自前で実装かぁ


開発 → 運用の流れを想定しスムーズに開発しよう

- Phase3 運用 -


利用するシーンを想定しよう

- ステップ1 -


要求から見えてくる想定シーン

商品前で詳細情報を表示したい

入店時に通知を送りたい

退店時にも通知を送りたい

商品毎のクーポンを出したいな


・どの程度の距離でイベントを起こすかわかる

・Beaconが複数必要な場合の配置図などが　想定できる（予算や取り付け工数の把握）


複数台のBeaconを管理しよう

- ステップ2 -


Beaconの配置施設 / 店舗が増える想定で...

配置場所などは企業単位で一元管理したい


ここからは図で…


アプリサーバmajor minor

入店時、目印のBeaconから major minorを取得し、サーバーに送信

- よくあるフロー1 -


アプリサーバ

json


サーバからのjsonレスポンス店のBeaconリストが返ってくる


jsonを解析する


大体こんな感じ



店舗内でキーとなるBeaconの近くに行く

{ “major” : 1, “minor” : 5, “locationName” : “商品前” }

商品前で詳細情報を表示したい

major 1 minor 5

のBeaconが商品前



商品前で通知を出す

商品詳細情報が!ご覧になれます！


- 注意点 -

・建物内でも電波が不安定になる場合がある

・Beaconの検知が遅延する場合がある


Phase3まとめ


利用シーンの想定綿密な実地検証が大事！


本日の目標

　iBeaconアプリ簡単！運用してみよう！！

!今ここで作る！！！！

yahoo vs classmethod_battle5_ibeacon

Technology

phase3 copyright classmethod

json copyright classmethod

inbeaconcopyright classmethod

outbeaconcopyright classmethod

mbeaconcopyright classmethod

phase1copyright classmethod

phase2copyright classmethod

phase3copyright classmethod