Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

iBeacon yahoo 羽田資料 - ヤフー株式会社 vs クラスメソッド「iOS 炎の7番勝負」

10,188 views

Published on

2/25にyahooで行われたiOS勉強会 - ヤフー株式会社 vs クラスメソッド「iOS 炎の7番勝負」において発表した資料になっています。

当日話せなかった、詳細やデモについて詳しくはこちらで書く予定です。
http://techtechwalker.blogspot.jp/

Published in: Technology
  • Be the first to comment

iBeacon yahoo 羽田資料 - ヤフー株式会社 vs クラスメソッド「iOS 炎の7番勝負」

  1. 1. iBeacon と Javascript Yahoo 内定者! 羽田(ジャンボ) - @jumbOS5 ! 2014/2/25
  2. 2. 自己紹介 ヤフー株式会社 内定者 ! 羽田 健太郎 (ジャンボ)! [まだギリギリ大学院生]! ! ・スマホからwebまでどんな技術も先っ ちょだけかじる系エンジニア! iOS, Android, phonegap, Js, php, mongo, fluentd
  3. 3. 今日話す事 iBeaconでできること iBeaconでやってること iBeaconで出来るようにした事 iBeaconで出来るようになりたいこと
  4. 4. iBeaconでできること Bluetoothを使った、近距離通信システム 送信! ・フォアグランドのみ! ・ブロードキャストのみ! ! 受信! ・おおまかな距離取得! ・フォア/バックグラウンドで動く! ! Android、Mac、RasberryPi・・・色ん な物が使える
  5. 5. FlyBell? According to a new patent application published by The United States Trademark and Patent Office (USPTO), the Galaxy maker’s iBeacon is called Flybell and is being described as a “wireless beacon and corresponding software”… 「iBeaconじゃなくて! Flybellと呼んでね!」
  6. 6. セキュリティ 運用、体制には! 検討が必要 UUID,major,minor ぐへへ。。。
  7. 7. iBeaconでやってること ✤ 米MLB、ドジャースタジアムとペトコパークから iBeacon を設置。iOSとローカル位置情報を連動 スタジアム内の飲食店への! 入店を検知してクーポン配布
  8. 8. iBeaconでやってること ✤ 小売り店におけるキャンペーンや施策をサポートするプラットフォーム
  9. 9. iBeaconでやってること ✤ Beaconの提供と開発支援
  10. 10. お手軽! Start iBeacon! MacとiPhoneがあればできる!
 ✤ (iBeaconはiOS7から提供されています。BLEを使うため、対応機種は iPhone4s以降の機種)
 
 1, Mac OSX Application
 https://github.com/mttrb/BeaconOSX (only use Mavericks)
 
 2, node.js 
 bleacon - https://github.com/sandeepmistry/node-bleacon

  11. 11. 1,Mac OSX Application まーべりくすならできるよ!! ↓ ブログ書いたので! そちらでどうぞ!!! ↓! 「iBeacon おかえり」で検索!
  12. 12. Bleacon (node.js tool) ✤ how to use 
 1, install node.js and nvm
 2, $ nvm use v0.10.24 < v0.11だとinstall error! 
 3, $ npm install bleacon
 4, $ vim beacon.js (emacsでも可) 
 5, $ node beacon.js

  13. 13. Bleacon - advertise 「最も簡単にiBeaconの電波を発信する方法」より! http://qiita.com/Morikuma_Works/items/a0dd3cfcd1eef8dbd492 // bleacon.js Bleacon = require('bleacon'); ! var uuid = '80D8FFC4-9807-407C-8C4D-F7AF9248B027'; var major = 0; // 0 - 65535 var minor = 0; // 0 - 65535 var measuredPower = -100; // -128 - 127 (measured RSSI at 1 meter) ! Bleacon.startAdvertising(uuid, major, minor, measuredPower); 動かない・・・
  14. 14. Bleascon - receive 「最も簡単にiBeaconの電波を受信する方法」より! http://qiita.com/Morikuma_Works/items/c2899e548da1c5e2c28e // recieve.js Bleacon = require('bleacon'); Bleacon.startScanning(); ! Bleacon.on('discover', function(bleacon) { console.dir(bleacon); }); こいつ・・・動くぞッ!!
  15. 15. Bleascon - receive
  16. 16. Phonegap
  17. 17. Create phonegap app. 1, $ cordova create hello com.example.hello HelloWorld
 2, write web source.
 3, $ cordova platform add ios
 4, $ cordova platform add android
 5, $ cordova build
  18. 18. iBeaconで出来るようにした事 ✤ phonegap-ibeacon-plugin
 https://github.com/jumbo-in-Jap/phonegap-ibeacon-plugin cordova.exec(! function callback(data) {! console.log("success");! },! function errorHandler(err) {! console.log("error");! },! 'IosIBeaconPlugin',! 'startAdvertiseFromJS',! ['80D8FFC4-9807-407C-8C4D-F7AF9248B027','1','1','jp.com.sample.iBeaconPlugin']! );
  19. 19. Js + iBeacon で何が出来るか? iBeacon platformにおいてのiBeaconをどうつくるべきか?! webソースでコンテンツをのせればクールなんじゃ?! Let’s Javascript!!
  20. 20. iBeaconで出来るようになりたい事 Pebbel stealとの連携! させたい・・・! smartwatch + iPhoneで! できる面白い事! ↓! ! 無限! ↓! ! おもろいことできます! *。٩(ˊωˋ*)‫!و‬ やりましょう
  21. 21. レッツ・ベーコン!!! 01
  22. 22. iBeaconでやってること ✤ Led照明を発信器として店内経路のサジェスチョン
  23. 23. iBeacon vs NFC ✤ どっちがいいの∼?
 「BLE vs NFC」で検索
 http://blog.unibulmerchantservices.com/how-mobile-payments-shouldbe-done-apples-ibeacon-vs-nfc/

×