Konashi のデータを Bluemix で可視化しよう！
•Als PPTX, PDF herunterladen•
0 gefällt mir•214 views
※ Docs.com 終了に伴い移行。2016/07/06 の投稿です。 ---- 「BMXUG IoTアプリ開発体験会 - IBM BluemixとKonashiを使ってIoTアプリを開発してみよう！ - 」(https://bmxug.doorkeeper.jp/events/46878) で使用したハンズオン資料です。
Empfohlen
Weitere ähnliche Inhalte
Ähnlich wie Konashi のデータを Bluemix で可視化しよう！
Ähnlich wie Konashi のデータを Bluemix で可視化しよう！ (20)
Mehr von Kazumi IWANAGA
Mehr von Kazumi IWANAGA (20)
Kürzlich hochgeladen
Kürzlich hochgeladen (11)
Konashi のデータを Bluemix で可視化しよう！
- 1. Konashi のデータを Bluemix で可視化しよ う！ Konashi x Bluemix ではじめる IoT 体験 株式会社オークファ ン
- 3. 目次 • 自己紹介 • Bluemix とは？ • Konashi とは？ • IoT とは？ • ハンズオン • （自由に遊んでみよう！） • まとめ
- 4. 自己紹介 大平かづみ SIer からクラウドにあこがれて転職、い くつかの会社を経て、株式会社オーク ファンに在籍。 プログラマの視点で、Bluemix, Azure, AWS などクラウド全般を日々楽しんでい ます。 Qiita: dz Facebook: dzeyelid Twitter: @dz_
- 5. Bluemix とは? Bluemix の概要、IoT に関わるサービスのご紹介
- 6. Bluemix とは？ • IBM が提供する PaaS • メインは Java, Node.js • オープンソースの言語も対応 • Ruby, php, python など • IBM が提供する様々なサービ スと連携できることが特徴
- 7. Bluemix の IoT 関連のサービス • Internet of Things Platform を 中心に、次々と新しいサービ スが追加されている サービス名 用途 Internet of Things Platform デバイス管理とブ ローカー IoT Real-Time Insights IoT Platform と連携し リアルタイム表示と アラート 今回使うIoTサービス
- 8. Konashi とは? Konashi と Uzuki のご紹介
- 9. Konashi とは？ • ユカイ工学が提供する Bluetooth 開発ボード • http://konashi.ux-xu.com/ • JavaScript か Objective-C で Konashi を使ったプログラミ ングができる
- 10. Uzuki とは？ • Konashi に接続できるセン サーシールド サービス名 型番（製造元） 加速度センサ ADXL345 （Analog Devices） 温湿度センサ Si7013 （Silicon Laboratories） 近接照度UV指数セン サ Si1145 （Silicon Laboratories） 外部I2Cデバイス接続 用Groveコネクタ 4pin Groveコネクタ 搭載されているセンサ・コ ネクタ
- 11. IoT とは？ IoT の概要、 Bluemix と Konashi + Uzuki の位置づけ
- 12. IoT とは？ • Internet of Things の略 • 特徴 • 使えるセンサ、デバイスは多数 • ネットワークの手段は多数 • たくさんの小さなデータが、大 量に送られてくる • サーバーには大量に送られてく るデータが送られてくるので、 並列に処理するための機構が必 要
- 14. 大まかな流れ • Konashi のプロジェクトをフォークする • 設定用 js ファイルを作成する • Bluemix Internet of Things Platform の準備をする • Bluemix Internet of Things Platform にデバイスを登録する • Bluemix Internet of Things Platform のAPIキーを発行する • 設定用 js ファイルをアップロードする • Konashi x Uzuki でセンサーデータを取得する • Bluemix Real-Insights で可視化する
- 16. jsdo.it でフォーク元のプロジェクトを開 く • ブラウザで以下のURLを開き ます。 • http://jsdo.it/dzeyelid/bmxug- 20160706
- 21. settings.js のコピー＆ペースト用コード bluemix = { konashijs: { device_type: 'Konashi.js', device_id: 'mykonashijs', token: '<token>', }, thermo: { device_type: 'Si7013', device_id: 'mythermo', token: '<token>', }, hygrometer: { device_type: 'Si7013', device_id: 'myhygrometer', token: '<token>', }, iotp: { organization_id: '<organaization-id>', auth_key: '<authentication-key>', auth_token: '<authentication-token>', } };
- 22. IBM Bluemix Internet of Things Platform の 準備をする
- 23. Bluemix コンソールを開く • 新しいコンソールを開きます。 • https://new- console.ng.bluemix.net/ • まだ「スペース」がない方は、 作成するよう促されます。 • 任意の「スペース名」を入力し、 「リージョン」には「米国」を 選んで、スペースを作成してく ださい。 • 「モノのインターネット」を 開きます。
- 25. Internet of Things Platform を選択する • カタログの中から、「Internet of Things Platform」を選択し ます。
- 26. Internet of Things Platform を確認する • 機能概要や、価格プランを確 認して下さい。
- 27. Internet of Things Platform を作成する • 今回は、無料プランを利用し ます。 • アカウントをお持ちの方は、 ログインしてから同画面下部 の「作成」をクリックしてく ださい。 • アカウントをお持ちでない方 は、「登録して作成」をク リックして、アカウントを作 成し、Internet of Things Platform の作成を完了してく ださい。
- 28. Internet of Things Platform が作成できま した • Internet of Things Platform サービスの作成が完了し、こ の画面が表示されることを、 確認してください。 ※以降、Internet of Things Platform は、IoT Platform を記載します。
- 29. IBM Bluemix Internet of Things Platform に デバイスを登録する
- 30. IoT Platform のダッシュボードを開く • 「ダッシュボードを起動」を クリックします。
- 31. IoT Platform のダッシュボード画面を確 認する • 作成した IoT Platform の「組 織ID」が右上に記載されてい るので、確認してください。 • 「組織ID」を「settings.js」 に記述します。
- 37. ゲートウェイ・タイプの一般情報を入力 する • 「名前」に、任意のゲート ウェイ・タイプの名前を設定 します。 • 「説明」はなくても構いませ ん。 • 記入を終えたら、「次へ」を クリックします。
- 38. ゲートウェイ・タイプのテンプレートの 定義を入力する • 画面のように様々な情報を、 ゲートウェイ・タイプに設定 できます。 • 今回は特に何も設定しなくて 構いません。 • 「次へ」をクリックします。
- 40. ゲートウェイ・タイプのメタデータを設 定する • 必要に応じて、ゲートウェ イ・タイプのメタデータを設 定します。 • 今回は特に何も設定しなくて 構いません。 • ゲートウェイ・タイプの作成 を完了させるため、「作成」 をクリックします。
- 45. ゲートウェイのセキュリティについて確 認する • セキュリティの画面では、 トークンの生成方法を選択で きます。 • 自動生成認証トークン • 自己提供の認証トークン • 今回は、何もせず、「次へ」 をクリックします。（自動生 成認証トークンが作成されま す。）
- 47. ゲートウェイの認証トークンを控える • ゲートウェイが作成された旨 が表示されます。 • 表示された「認証トークン」 を「settings.js」の konashijs の token に記入してください。
- 49. 同様に、デバイス・タイプ「Si7013」を 作成する • Uzuki の温湿度センサである 「Si7013」の「デバイス・タ イプ」を作成します。 • ゲートウェイ・タイプと同様 に、左記の表の内容で「デバ イス・タイプ」を作成しま しょう。 設定項目 設定値 タイプ デバイス・タイプ 名前 Si7013 説明 温湿度センサ 製造元 Silicon Laboratories
- 51. 同様に、温度センサーのデバイスを登録 する デバイス 設定項目 設定値 温度計 device_type Si7013 (thermo) device_id mythermo token 生成されたトークン • Si7013 の温度センサーをデバ イスとして登録します。 • 「認証トークン」を 「settings.js」に記入するこ とを忘れずに！
- 52. 同様に、湿度センサーのデバイスを登録 する デバイス 設定項目 設定値 湿度計 device_type Si7013 (hygrometer ) device_id myhygrometer token 生成されたトークン • Si7013 の湿度センサーをデバ イスとして登録します。 • 「認証トークン」を 「settings.js」に記入するこ とを忘れずに！
- 54. IBM Bluemix Internet of Things Platform の APIキーを発行する
- 58. APIキーと認証トークンを控える • 「APIキー」と「認証トーク ン」を「setteings.js」に転記 します。 • この文字列はもう表示されない ので、必ず控えてください。 設定項目 設定値 auth_key 上記の API キー auth_token 上記の 認証トークン
- 60. 設定用 js ファイルをアップ ロードする jsdo.it のプロジェクトに設定ファイルをアップロードする
- 61. jsdo.it の「Files」を開く • jsdo.it の画面に戻り、 「Files」タブをクリックしま す。
- 62. jsdo.it に settings.js をアップロードする • 作成した「settings.js」を、 ドラッグ＆ドロップ（または ファイル選択）でアップロー ドします。
- 64. jsdo.it の「HTML」URLを更新する • 「HTML」タブをクリックし ます。 • 「Load settings.js」とコメン トに書かれた script の src に、 前ページでコピーした URL を貼り付けます。 • 保存します。
- 66. Konashi x Uzuki でセンサー データを取得する いよいよ、iOSアプリ「Konashi.js」 で動作確認！
- 68. Konashi x Uzuki デバイスの確認 • Konashi, Uzuki, コイン電池が お手元にあることを確認して ください。 Uzuki (センサーシー ルド) Konashi (BT搭載開発ボー ド) コイン電池 (CR2032)
- 69. Konashi に Uzuki を接続する 上図のように、Konashi と Uzuki を接続してください。
- 71. Konashi に電源が入ったことを確認する • 電池を差し込むと、左図のよ うになります。 • LEDが光っていることを確認 してください。
- 73. Konashi.js で自分のプロジェクトを探す • 起動直後の画面は、 「konashi」タグが付いてい るプロジェクトの一覧です。 • 元のプロジェクトに 「konashi」のタグが付いて いるので、フォークしたプロ ジェクトもここに表示されま す。 • ご自身のプロジェクトを見つ け、タップしてください。
- 75. Konashi に接続する • しばらくすると、近くにある Bluetooth 機器を検知します。 • 自身の Konashi をタップして ください。 • 型番はここに記載されてます。
- 76. Konashi からのデータを待つ • Status: OK と表示されれば接 続成功です。 • Konashi からデータを取得す るまで、少し待ちます。
- 78. IoT Platform のデバイスを開く • Konashi.js アプリでデータを 送信している状態のまま、 IoT Platform の「デバイス」 のいずれかをクリックします。
- 81. Bluemix コンソールで「モノのインター ネット」を開く • Bluemix のコンソールに戻り、 「モノのインターネット」の 画面を開きます。
- 83. IoT Real-Time Insights を選択する • 「IoT Real-Time Insights」を クリックします。
- 84. IoT Real-Time Insights の概要を確認する • IoT Real-Time Insights につい て確認します。
- 85. IoT Real-Time Insights の価格プランを確 認する • 価格プランを確認します。 • 「Lite」にチェックがついて いる状態で、「作成」をク リックします。
- 86. IoT Real-Time Insights が作成されたこと を確認する • 左図の画面が表示され、IoT Real-Time Insights が作成さ れたことを確認してください。
- 87. Data Source の追加を始める • 「Add a data source」をク リックします。
- 88. Information を確認する • 初回アクセス時は左図の Information が表示されます。 • IoT Real-Time Insights の1イン スタンスにつき、1つのデータ ソースをサポート • 複数のデータソースを利用する 場合は、自動的にインスタンス が分けられる • 「OK」をクリックして先へ 進みます。
- 89. データソースを追加する • 「Add new data source」をク リックします。
- 90. データソースに必要な情報を確認する • Data Source を追加するには、 IoT Platform のAPIキーが必要 なことがわかります。
- 91. IoT Platform のAPIキーを発行する • IoT Platform の「アクセス」> 「APIキー」の画面を開きま す。 • 「APIキーの生成」をクリッ クします。 • 生成された「APIキー」と 「認証トークン」を、IoT Real-Time Insights の データ ソース作成画面にそれぞれ入 力します。（次ページ参照）
- 92. データソースに API キーを指定する • データソース追加画面で、 「Name」「Organization ID」「API Key」 「Authentication Token」を入 力します。 • Organization ID は「組織ID」 • 入力したら、チェックアイコ ンをクリックし、完了します。
- 95. デバイス画面の内容を確認する • IoT Platform で登録したデバ イスが表示されていることを 確認します。 • スキーマを設定するため、 「Manage Schemas」をク リックします。
- 96. スキーマを追加する • 「Add new message schema」をクリックします。
- 97. スキーマにデータソースをリンクする • 「Link data source」をクリッ クします。
- 102. スキーマにデータポイントを追加する • 「Add data points」をクリッ クします。
- 103. スキーマにデータポイントを追加する • 「Add from connected device」をクリックします。
- 104. スキーマにデータポイントを追加する • アクティブ（イベントを受信 中）のデータポイントが表示 されます。 • それぞれにチェックをして、 「OK」をクリックします。 • Data Point が表示されない場 合は、IoT Platform 上のデバ イスがイベントを受信してい る状況である必要があるため、 Konashi.js アプリでセンサ データの送信を実行し、しば らく待ってみて下さい。
- 105. スキーマにデータポイントを追加する • 「Name」に任意の名前を入 力します。 • 記号は含められません。 • 「OK」をクリックします。
- 108. ダッシュボードで Information を確認す る • ダッシュボードを開いた初回 は、アラートが設定されてい ないと通知が表示されます。 • 特に問題はないので、 「OK」をクリックして次に 進みます。
- 110. 新しいダッシュボードを作成する • 「Add new dashboard」をク リックします。
- 111. 新しいダッシュボードを作成する • 「Dashboard name」に任意 の名前を入力します。 • チェックマークをクリックし て、ダッシュボード作成を完 了します。
- 113. ダッシュボードにコンポーネントを追加 する • 「Add new component」をク リックします。
- 119. ダッシュボードにグラフのコンポーネン トを追加する • グラフのコンポーネントも追 加してみましょう。 • 「Add new component」をク リックします。
- 120. ダッシュボードにグラフのコンポーネン トを追加する • 「Select a component…」を クリックします。
- 122. ダッシュボードにコンポーネントを追加 する • グラフの千の設定をするため、 「Add line to chart」をクリッ クします。
- 123. ダッシュボードにコンポーネントを追加 する • データ元を選択するため、 「Select a device…」をク リックします。
- 125. ダッシュボードにコンポーネントを追加 する • グラフとして表示するパラ メーターを選択するため、 「Select a parameter…」を クリックします。
- 128. ダッシュボードのコンポーネントの表示 を確認する • Real-Time Insights はリアル タイムの情報を表示すること ができます。 • センサーを手で覆うなどして、 変化が表示されることを確認 してみてください。
- 130. Epilogue - おわりに
- 131. 後始末（1） • Bluemix IoT Platform, IoT Real-Time Insights ともに無料プラン を選択しているので、特に課金はありません。 • Konashi と Uzuki は取り外し、電池も取り外してください。お 持ち帰りはできません。
- 133. まとめ • Internet of Things は、デバイスからデータの管理まで、幅広く 考えなくてはならないが、デバイスやサービスを賢く選択して トータルソリューションを導き出すことは、可能である！ • プロトタイプでは、センサーなどが標準搭載されたデバイスも有用。 • プロトタイプから製品として昇華させる場合は、耐久性やセキュリ ティも観点に。 • データの受け口は、大手クラウドベンダーから IoT/M2M 専用のプラッ トフォームまで様々な選択肢がある。
- 134. ありがとうございました！
Hinweis der Redaktion
- デバイス、ゲートウェイ 大量の小さいデータ、並列処理、蓄積、解析・可視化で利用 たくさんの小さなデータが、大量に送られてくる 大量に送られてくるデータは並列に処理していかなければ間に合わない