Download to read offline
Uploaded byKazumi OHIRA
10種のセンサーを持つ SensorTag のデータをクラウドで遊ぼう！
※ Docs.com 終了に伴い移行。2016/04/20 の投稿です。 ---- SoftLayer Bluemix Community festa 2016 の IoT ハンズオンコーナーで使った資料です。 10種のセンサーを持つ SensorTag を専用アプリに接続し、 Bluemix IoT Foundation へ送信する手順をご紹介します。 また、Bluemix Real-Time Insights や Node-RED への連携方法についても記載しました。
More Related Content
![[CB21] Last Mile Problem: Third Party Scripts included by Web Marketers and t...](https://cdn.slidesharecdn.com/ss_thumbnails/mercierlastmileproblemthirdpartyscriptsincludedbywebmarketersandtheirdangerslite-220117025725-thumbnail.jpg?width=640&height=640&fit=bounds)
Similar to 10種のセンサーを持つ SensorTag のデータをクラウドで遊ぼう！
10種のセンサーを持つ SensorTag のデータをクラウドで遊ぼう！
- 1. SensorTag のデータをクラ ウドで遊ぼう！ SoftLayer BluemixCommunity Festa 2016 IoTハンズオン 株式会社オークファン 大平かづみ
- 2. 概要 10種のセンサーを搭載した SensorTagをクラウドにつなげ、 データで遊んでみよう！ クラウドにデータを送る クラウドにデータを貯める クラウドでデータを可視化する クラウドでデータを利用する
- 3. 必要要件 PC WiFiでインターネットに接続できること ウェブブラウザ（Google Chrome または Firefox 推奨）が使えること iOS または Android のスマートフォン SensorTag アプリをインストールできること（互換性に注意） http://www.tij.co.jp/ww/wireless_connectivity/sensortag2015/appsAndPartners.html （それぞれのストアへのQRコードを後述しています→ こちら） ※ 2016年4月時点では、Android の SensorTag アプリはバグがあり、クラウドに接続できません。 ※ もし Android で利用したい方は、@vawks_bawks さんが修正したものを配布下さっているので、ご 参考くださいませ。 SensorTag Android版アプリからIBM IoT Foundationに接続する方法 - Qiita http://qiita.com/vawks_bawks/items/3c70c50c996fcc088aac
- 4. 使うもの SensorTag Bluemix Bluemix IoT Foundation Bluemix Real-Time Insights Internet of Things Platform Starter (Node-RED搭載インスタンス)
- 5.
- 6. 活用例) Bluemix Real-TimeInsights で可視化 ほぼリアルタイムに、 センサーのデータが 反映されます
- 7.
- 8. 大まかな流れ SensorTag に触れる SensorTag アプリをインストール・セットアップする Bluemix アカウントを作成する Bluemix IoT Foundation に SensorTag を接続する Bluemix IoT Real-Time Insights で表示する（オプション） Bluemix Internet of Things Platform Starter インスタンスを立ち上 げ、Node-RED を体験する（オプション）
- 9.
- 10. SensorTag について (1) 参考:http://www.tij.co.jp/ww/wireless_connectivity/sensortag2015/index.html
- 11.
- 12.
- 13. iOS用 SensorTag アプリAndroid用 SensorTag アプリ SensorTag アプリをインストールする バージョンの互換など、確認はこちらのページをご参考ください http://www.tij.co.jp/ww/wireless_connectivity/sensortag2015/appsAndPartners.html
- 14. アプリに SensorTag に接続する SensorTag アプリを起動し、手 元の SensorTag が接続されて いるか確認します。 見つからない場合は、側面の 電源マークがついたボタンを 1度押してみてください。
- 15. アプリに SensorTag に接続する 手元の SensorTag と一致する ものをタップし、Sensor View をタップしましょう。
- 16. アプリで SensorTag のセンサーの様 子を確認 Sensor View を開くと、各セン サーの状況が表示されている か、確認してください。 センサーデータが、ほぼリア ルタイムで表示されているこ とが確認できます。 スクロールで各セ ンサーの状況が見 れます
- 17.
- 18. Bluemix とは？ IBMが提供する PaaS (Platform as a Service) インフラはIBMが提供、開発者はコードを書くことに専念でき る 様々なサービスを組み合わせることで、素早くプロダクトを作 り上げることができる
- 19. Bluemix アカウントを作成する GoogleChrome で、Bluemix のサ イトを開きます。 https://new-console.ng.bluemix.net/ 右上の「登録」ボタンをクリッ クし、アカウントを登録します。
- 20. Bluemix アカウントを作成する 必要事項を記入し、「アカウ ントの作成」ボタンをクリッ クします。 登録したメールアドレスに メールが届くので、「Validate Email Address」のリンクをク リックして登録を完了してく ださい。 登録完了後、ログインしま しょう。
- 21.
- 22. Bluemix のスペースを作成する 右のアカウント部分をクリッ クし、「地域」で「米国南 部」を選択します。 スペースを作るよう促される ので、任意の名前を指定して ください。 参考: IBM Bluemixフリートライアルアカウント作成手順 - Qiita http://qiita.com/KenichiSekine/items/6ad49b25167b3f4cdb63 地域を選ぶと、ス ペースの作成を促 されます
- 23.
- 24. Bluemix IoT Foundationを準備 する
- 25. Bluemix IoT Foundationとは？ デバイスを登録し、管理がで きる データを収集し、蓄積するこ とができる 収集したデータを、アプリ ケーションなどに配布できる MQTT というプロトコルで双 方向の通信ができる 詳細はこちらをご参考ください https://internetofthings.ibmcloud.com/ （図の引用元）
- 26. Bluemix IoT Foundationを準備する コンソールで、「＋」ボタン をクリックします。
- 27. Bluemix IoT Foundationを準備する 「モノのインターネット」を クリックします。
- 28. Bluemix IoT Foundationを準備する 「Internet of Things Platform」 をクリックします。
- 29. Bluemix IoT Foundationを準備する 「サービス名」に任意の名前 を入力します。 「接続」は「アンバインドの まま」です。
- 30. Bluemix IoT Foundationを準備する 「価格プラン」は「無料」の ままです。 「作成」ボタンをクリックし ましょう。
- 31. Bluemix IoT Foundationのダッシュボード を開く 作成した Internet of Things Platform の「ダッシュボード を起動」ボタンをクリックし ます。
- 32. Bluemix IoT Foundationの作成を確認 IBM Internet of Things Foundation のダッシュボード が正常に開かれたか確認して ください。
- 33. Bluemix IoT Foundationにデバ イス情報を登録する
- 34.
- 35. Bluemix IoT Foundationにデバイスを準備 する 「Add Device」ボタンをク リックします。
- 36. Bluemix IoT Foundationにデバイスを準備 する デバイス・タイプの選択画面 で、「デバイス・タイプの作 成」ボタンをクリックします。
- 37. Bluemix IoT Foundationにデバイスを準備 する タイプの作成画面で、「デバ イス・タイプの作成」ボタン をクリックします。
- 38. Bluemix IoT Foundationにデバイスを準備 する 一般情報画面で、以下を入力 します。 「名前」 「説明」（任意） 「次へ」をクリックします。
- 39. Bluemix IoT Foundationにデバイスを準備 する テンプレートの定義画面で、 そのまま「次へ」をクリック します。 適宜入力いただいても構いませ ん。
- 40. Bluemix IoT Foundationにデバイスを準備 する 情報の送信画面で、そのまま 「次へ」をクリックします。
- 41. Bluemix IoT Foundationにデバイスを準備 する メタデータ（オプション）画 面で、そのまま「作成」をク リックします。 適宜入力いただいても構いませ ん。
- 42.
- 43. Bluemix IoT Foundationにデバイスを登録 する デバイス・タイプの選択画面 で、作成したデバイス・タイ プが選択された状態で、「次 へ」をクリックします。
- 44. Bluemix IoT Foundationにデバイスを登録 する デバイス情報画面で、「デバ イスID」を入力して、「次 へ」をクリックしてください。
- 45. Bluemix IoT Foundationにデバイスを登録 する メタデータ（オプション）画 面で、そのまま「次へ」をク リックします。 適宜入力いただいても構いませ ん。
- 46. Bluemix IoT Foundationにデバイスを登録 する セキュリティー画面で、トー クン生成方法を選びます 今回は、「自己提供の認証トー クン」を利用します。トークン を入力してください。 「次へ」をクリックします。
- 47. Bluemix IoT Foundationにデバイスを登録 する 要約画面で、入力内容を確認 し、「追加」をクリックしま す。
- 48. Bluemix IoT Foundationにデバイスが 登録されたことを確認 デバイスの登録が完了し、先 画面が表示されていることを 確認して下さい。 なお、「認証トークン」はこ こでしか表示されないので、 SensorTag アプリにすぐ入力す るか、控えておくなどして忘 れないようにしてください。
- 49. Bluemix IoT Foundationに SensorTagアプリを接続する
- 50. SensorTag アプリに接続情報を設定する 手元のSensorTag と一致する ものをタップし、Sensor View をタップしましょう。
- 51. SensorTag アプリに接続情報を設定する SensorView 画面で、「Cloud View」をタップします。 右上の「Edit」をタップして、 Cloud Configuration を編集しま す。
- 52. SensorTag アプリに接続情報を設定する 「IBMIoT Registered」をタッ プし、IBM IOTF REGISTERED SETUP の画面を表示します。
- 53. SensorTag アプリに接続情報を設定する BluemixIoT Foundation に登録した情報を、 SensorTag アプリに設定します。 「Save」をタップします。 Bluemix IoT Foundation 登録情報 SensorTag アプリ デバイス・タイプ R Device Type デバイスID R Device ID 組織ID R Organization ID 認証トークン R Authentication Token
- 54. SensorTag アプリで、クラウドへのプッ シュを有効にする 「Back」をタップし、Sensor Viewへ戻ります。 「Push to cloud」のスイッチ をタップして、オンにします。
- 55. SensorTag アプリからのデータが届い ていることを確認 Sensorアプリのクラウドのマーク が通信中の表示になっているこ とを確認してください。 Bluemix IoT Foundation の接続情報 画面で、「イベント」や「セン サー情報」を受信していること を確認してください。 通信が成功すると、 クラウドのマークの 下に赤い矢印が点滅 します 逐次イベントや センサー情報が 更新されます
- 56.
- 57. Bluemix IoT Real-TimeInsights で 表示する（オプション）
- 58. Bluemix IoT Real-TimeInsights とは？ Bluemix IoT Foundation と接続できる データをほぼリアルタイムで表示できる（グラフなど） データをモニタリングし、アラートを通知することができる Monitoring devices Notify Alerts
- 59. Bluemix IoT Foundationと Real-Time Insights の接続イメージ図 IoT Foundation Real-Time Insights Bluemix SensorTag スマートフォン 専用アプリ APIキーを 用いて接続
- 60. Bluemix IoT Real-TimeInsights を準備する Bluemix IoT Foundation とは別 のウィンドウでBluemix コン ソールを開き、「＋」ボタン をクリックします。
- 61. Bluemix IoT Real-TimeInsights を準備する 「モノのインターネット」を クリックします。
- 62. Bluemix IoT Real-TimeInsights を準備する 「IoT Real-Time Insights」をク リックします。
- 63. Bluemix IoT Real-TimeInsights を準備する 「サービス名」に任意の名前 を入力します。 「接続」は「アンバインドの まま」です。
- 64. Bluemix IoT Real-TimeInsights を準備する 「価格プラン」は「Lite」 （無料）のままです。 「作成」ボタンをクリックし ましょう。
- 65. Bluemix IoT Real-TimeInsights が作成 されたか確認 左記のように、Bluemix IoT Real-Time Insights が作成され たことを確認して下さい。
- 66. Bluemix IoT Real-TimeInsights にデータソー スを追加する Real-Time Insights が立ち上 がったら、「Add a data source」ボタンをクリックし ます。
- 67. Bluemix IoT Real-TimeInsights にデータソー スを追加する Bluemix IoT Real-Time Insights のデータソース管理画面で、 「Add new data source」をク リックします。
- 68. Bluemix IoT Real-TimeInsights にデータソー スを追加する Data Source Management 画面 で、「Name」「Organization ID」を設定します。 Bluemix IoT Foundation 登録情報 Bluemix IoT Insights データソース設定情報 任意の文字列 Name 組織ID Organization ID 後述で発行するAPI キー API Key 後述で発行するAPI キーの認証トークン Authentication Token
- 69. Bluemix IoT Foundationの APIキーを発行す る Bluemix IoT Foundation のダッ シュボードで、左のメニュー から「アクセス」をクリック します。
- 70. Bluemix IoT Foundationの APIキーを発行す る アクセス画面で、「apiキー」 タブをクリックします。
- 71. Bluemix IoT Foundationの APIキーを発行す る apiキータブ画面で、「API キーの生成」ボタンをクリッ クします。
- 72. Bluemix IoT Real-TimeInsights のデータソー スにAPIキーを設定する 「APIキー」と「認証トーク ン」が発行されるので、 Bluemix IoT Real-Time Insights のデータソース設定画面に入 力します。 なお、認証トークンはここで しか表示されないので、ご注 意くださいませ。
- 73. Bluemix IoT Real-TimeInsights のデータソー スにAPIキーを設定する Bluemix IoT Real-Time Insights のデータソースに「APIキー」 と「認証トークン」を入力し たら、右上の完了ボタンをク リックしてください。 Bluemix IoT Foundation のAPI キーの情報画面も、「終了」 をクリックしてください。 任意でコメントを入力しても構 いません。
- 74. Bluemix IoT Real-TimeInsights のデー タソースが追加されたことを確認 データソースが作成され、 「Connected」と表示されてい ることを確認してください。
- 75. Bluemix IoT Real-TimeInsights でスキーマを 設定する 「Devices」タブをクリックし ます。
- 76. Bluemix IoT Real-TimeInsights でスキーマを 設定する 「Manage Schemas」タブをク リックします。
- 77. Bluemix IoT Real-TimeInsights でスキーマを 設定する 「Add new message shema」を クリックします。
- 78. Bluemix IoT Real-TimeInsights でスキーマを 設定する 「Name」に任意のスキーマ 名を入力します。（入力でき るのは、アルファベットの み） 「Link data source」をクリッ クします。
- 79. Bluemix IoT Real-TimeInsights でスキーマを 設定する 「Data source」の入力欄をク リックします。（フォーカス を合わせます。）
- 80. Bluemix IoT Real-TimeInsights でスキーマを 設定する 作成したデータソースをク リックします。
- 81. Bluemix IoT Real-TimeInsights でスキーマを 設定する 「Type」で、IoT Foundation で 作成したデバイス・タイプを 選択します。 「OK」をクリックします。
- 82. Bluemix IoT Real-TimeInsights でスキーマを 設定する 「Add data points」をクリッ クします。
- 83. Bluemix IoT Real-TimeInsights でスキーマを 設定する 「Add from connected device」 を選択します。
- 84. Bluemix IoT Real-TimeInsights でスキーマを 設定する 取り込む項目にチェックをし ます。 ※項目が表示されない場合は、 SensorTag と専用アプリが接続 されていて、クラウドにデータ を送信している状態で、再度こ のダイアログを開いてみてくだ さい。 • チェックができたら、「OK」 をクリックしてください。
- 85. Bluemix IoT Real-TimeInsights でスキーマを 設定する 項目のうち、「String」になっ てるものを、適宜数値 （integer や float）などに調整 するため、「編集（鉛筆の マーク）」をクリックします。
- 86. Bluemix IoT Real-TimeInsights でスキーマを 設定する 「key1」「key2」の場合 「Data type」に「Integer」を選 択します。（値が 1 または 0 で 渡されるため） 「Sensor type」は「switch on/off」を選択します。 設定したら、「OK」をクリッ クします。
- 87. Bluemix IoT Real-TimeInsights でスキーマを 設定する 「ambientTemp」などの場合 「Data type」は「Float」を選択 します。（値が浮動小数点で渡 されるため） 「Sensor type」は該当するもの があれば選択します。選択しな くても構いません。（例えば、 ambientTemp は温度なので、 「Temperature sensor」を選択す る、など。） 設定したら、「OK」をクリッ クします。
- 88. Bluemix IoT Real-TimeInsights でスキーマを 設定する それぞれの項目の「Data type」を調整し終えたら、 「OK」をクリックします。
- 89. Bluemix IoT Real-TimeInsights でス キーマを設定できたか確認 スキーマが作成され、「1 Data source」（緑文字）と表 示されていることを確認して ください。
- 90. Bluemix IoT Real-TimeInsights のダッシュ ボードを作成する 「Dashboards」タブをクリッ クします。
- 91. Bluemix IoT Real-TimeInsights のダッシュ ボードを作成する 「Browse Dashboards」タブを クリックします。
- 92. Bluemix IoT Real-TimeInsights のダッシュ ボードを作成する 「Add new dashboard」をク リックします。
- 93. Bluemix IoT Real-TimeInsights のダッシュ ボードを作成する 「Dashboard name」に、任意 のダッシュボード名を入力し ます。 ほかの項目は適宜設定し、右 上の「完了（チェック）」ボ タンをクリックします。
- 94. Bluemix IoT Real-TimeInsights のダッシュ ボードを設定する 作成したダッシュボードをク リックします。
- 95. Bluemix IoT Real-TimeInsights のダッシュ ボードを設定する 「Add new component」をク リックして、コンポーネント を追加します。
- 96. Bluemix IoT Real-TimeInsights のダッシュ ボードを設定する 様々なコンポーネントを追加 できます。ここでは、デバイ スを追加してみましょう。 「Component」の選択肢が表 示されている状態で、 「Device」をクリックします。
- 97. Bluemix IoT Real-TimeInsights のダッシュ ボードを設定する 「Visualization」をクリックし ます。
- 98. Bluemix IoT Real-TimeInsights のダッシュ ボードを設定する 表示する対象を選びます。こ こでは「d.key1 (Plain Switch)」 を選択しましょう。
- 99. Bluemix IoT Real-TimeInsights のダッシュ ボードを設定する 右上のチェックボタンをク リックします。
- 100. Bluemix IoT Real-TimeInsights のダッシュ ボードを設定する もう一つ、チャートグラフを 追加してみましょう。「Add new componrnt」をクリック します。
- 101. Bluemix IoT Real-TimeInsights のダッシュ ボードを設定する Component の選択肢で 「Chart」をクリックします。
- 102. Bluemix IoT Real-TimeInsights のダッシュ ボードを設定する 「Add line to chart」をクリッ クして、表示するチャートを 追加します。
- 103. Bluemix IoT Real-TimeInsights のダッシュ ボードを設定する ポップアップの「Device」を クリックします。
- 104. Bluemix IoT Real-TimeInsights のダッシュ ボードを設定する ポップアップから、作成した データソースをクリックしま す。
- 105. Bluemix IoT Real-TimeInsights のダッシュ ボードを設定する 次に、ポップアップの 「Parameter」をクリックしま す。
- 106. Bluemix IoT Real-TimeInsights のダッシュ ボードを設定する ここでは、「d.ambientTemp」 をクリックします。
- 107. Bluemix IoT Real-TimeInsights のダッシュ ボードを設定する ポップアップで「Color」を数 回クリックし、好みの色を選 択します。
- 108. Bluemix IoT Real-TimeInsights のダッシュ ボードを設定する 色を設定したら、ポップアッ プのチェックボタンをクリッ クします。
- 109. Bluemix IoT Real-TimeInsights のダッシュ ボードを設定する 同様にして、 「d.objectTemp」をチャート に追加します。
- 110. Bluemix IoT Real-TimeInsights のダッシュ ボードを設定する チャートの設定を終えたら、 右上のチェックボタンをク リックして、設定を反映させ ます。
- 111. Bluemix IoT Real-TimeInsights のダッ シュボードでセンサーの状況を見る SensorTag と SensorTag アプリ を接続し、クラウドにプッ シュしている状態で以下を確 認します。 SensorTag のユーザー・ボタン の ON/OFF が反映されること 外気温、IRサーモパイル（赤外 線温度）センサーの状況が反映 されること
- 112.
- 113. Node-RED とは？ GUI操作で、ノードとノード をつなげて処理を作れる IoT Foundation の出力を受け付 けられるほか、様々なノード が用意されている Node.js のオープンソース
- 114. Bluemix で Node-REDのアプリケーション を起動する Bluemix IoT Foundation とは別 のウィンドウでBluemix コン ソールを開き、「＋」ボタン をクリックします。
- 115. Bluemix で Node-REDのアプリケーション を起動する 「ボイラープレート」の 「Internet of Things Platform Starter」をクリックします。
- 116. Bluemix で Node-REDのアプリケーション を起動する 「アプリ名」を入力します。 「ホスト名」はアプリ名入力 時に自動で入力されます。 「ドメイン名」は 「mybluemix.net」のまま。
- 117. Bluemix で Node-REDのアプリケーション を起動する 「SDK for Node.js」は「デフォ ルト」のまま。 「Cloudant NoSQL DB」は 「Shared」のまま。 入力が完了したら、「作成」 ボタンをクリックします。
- 118. Node-RED のアプリケーションに IoT Foundationをバインドする アプリケーションが実行され たら、「接続」タブをクリッ クします。
- 119. Node-RED のアプリケーションに IoT Foundationをバインドする 接続タブ画面で、「既存に接 続」ボタンをクリックします。
- 120. Node-RED のアプリケーションに IoT Foundationをバインドする 作成した「Internet of Things」 サービスをクリックします。
- 121. Node-RED のアプリケーションに IoT Foundationをバインドする 「Internet of Things」サービス が選択された状態で、「接 続」ボタンをクリックします。
- 122. Node-RED のアプリケーションに IoT Foundationをバインドする アプリケーションの再ステー ジングについて聞かれるので、 「再ステージ」ボタンをク リックします。
- 123. Node-RED アプリケーションに IoT Foundationがバインドできたか確認 接続タブ画面で、追加した 「Internet of Things」サービス が表示されていることを確認 してください。 アプリケーションが実行中に なることを確認してください。
- 124.
- 125. Node-RED フローエディタを開く 「Goto your Node-RED flow editor」ボタンをクリックし て、フローエディタを開きま す。
- 126. Node-RED のノードを設定する 「IBMIoT App In」ノードをダ ブルクリックします。
- 127.
- 128. 「Authentication」を「Bluemix Service」に変更します。 「DeviceType」「Device Id」 「Event」は、今回は「All」に チェックを付けます。 設定が終わったら、「OK」ボ タンをクリックします。
- 129.
- 130. Node-REDで SensorTag のデータを受 信できることを確認 SensorTag アプリの「Push to cloud」を有効にしてデータを 送信すると、Node-REDの 「debug」タブにデータが流 れてくることが確認してくだ さい。 センサーデータが json 形式で送られ てきます
- 131.
- 132. Bluemixのアプリケーションを停止する Node-RED のアプリケーション は起動している間、課金が発 生しますので、停止しましょ う。（ただし、フリートライ アルの間は無料） 右上の「アプリケーションの 停止」ボタンをクリックしま す。
- 133.
- 134.
- 135.
- 136. Bluemix (BMXUG) FacebookGroup https://www.facebook.com/group s/bmxug/ Slack http://bit.ly/1QzOgiC Node-RED Facebook Group https://www.facebook.com/group s/noderedjp/ Slack https://nodered- slack.herokuapp.com/ Bluemix や Node-RED のコミュニティ情報
- 137. SensorTag の購入情報 販売店 URL マクニカオンラインストアhttps://store.macnica.co.jp/products/texas-instruments_cc2650stk RSオンライン http://jp.rs-online.com/web/p/radio-frequency-development-kits/8735892/ Digi-Key http://www.digikey.jp/product-detail/ja/texas-instruments/CC2650STK/296- 38831-ND/5130740 MOUSER ELECTRONICS http://www.mouser.jp/ProductDetail/Texas-Instruments/CC2650STK/
- 138.