2014/2/25

iBeacon と Javascript Yahoo 内定者!

羽田（ジャンボ） - @jumbOS5 !

自己紹介

ヤフー株式会社 内定者 !

羽田 健太郎 (ジャンボ)!

[まだギリギリ大学院生]!

!・スマホからwebまでどんな技術も先っ

ちょだけかじる系エンジニア!iOS, Android, phonegap, Js, php, mongo,

fluentd

今日話す事

iBeaconでできること

iBeaconでやってること

iBeaconで出来るようにした事

iBeaconで出来るようになりたいこと

iBeaconでできること

送信!・フォアグランドのみ!・ブロードキャストのみ!!受信!・おおまかな距離取得!・フォア/バックグラウンドで動く!!Android、Mac、RasberryPi・・・色んな物が使える

Bluetoothを使った、近距離通信システム

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と呼んでね！」

セキュリティ

UUID,major,minor

ぐへへ。。。

運用、体制には!検討が必要

iBeaconでやってること✤ 米MLB、ドジャースタジアムとペトコパークから iBeacon を設置。iOSとローカル位置情報を連動

スタジアム内の飲食店への!入店を検知してクーポン配布

iBeaconでやってること✤ 小売り店におけるキャンペーンや施策をサポートするプラットフォーム

✤ Beaconの提供と開発支援

iBeaconでやってること

お手軽！ 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

1,Mac OSX Application

ブログ書いたので!そちらでどうぞ！！!

↓!「iBeacon おかえり」で検索！

まーべりくすならできるよ！!↓

Bleacon (node.js tool)

✤ how to use 1, install node.js and nvm2, $ nvm use v0.10.24 < v0.11だとinstall error! 3, $ npm install bleacon 4, $ vim beacon.js (emacsでも可) 5, $ node beacon.js

Bleacon - advertise

// 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);

「最も簡単にiBeaconの電波を発信する方法」より!http://qiita.com/Morikuma_Works/items/a0dd3cfcd1eef8dbd492

動かない・・・

Bleascon - receive

// recieve.js Bleacon = require('bleacon'); Bleacon.startScanning(); !Bleacon.on('discover', function(bleacon) { console.dir(bleacon); });

「最も簡単にiBeaconの電波を受信する方法」より!http://qiita.com/Morikuma_Works/items/c2899e548da1c5e2c28e

こいつ・・・動くぞッ！！

Bleascon - receive

Phonegap

Create phonegap app.

1, $ cordova create hello com.example.hello HelloWorld2, write web source.3, $ cordova platform add ios4, $ cordova platform add android5, $ cordova build

iBeaconで出来るようにした事

✤ phonegap-ibeacon-pluginhttps://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']! );

Js + iBeacon で何が出来るか？

iBeacon platformにおいてのiBeaconをどうつくるべきか？!webソースでコンテンツをのせればクールなんじゃ？!

Let’s Javascript！！

iBeaconで出来るようになりたい事

Pebbel stealとの連携!させたい・・・!

smartwatch + iPhoneで!できる面白い事!

↓!!無限!↓!!

おもろいことできます!*｡٩(ˊωˋ*)و!やりましょう

01

レッツ・ベーコン！！！

✤ Led照明を発信器として店内経路のサジェスチョン

iBeaconでやってること

iBeacon vs NFC

✤ どっちがいいの～？

「BLE vs NFC」で検索

http://blog.unibulmerchantservices.com/how-mobile-payments-should-be-done-apples-ibeacon-vs-nfc/