IBM Cloud＆sakura.io体験ハンズオン
•
0 recomendaciones•1,661 vistas
※本資料は適宜更新されます。最新版はコメント欄をご確認ください。 各地で開催されているさくらインターネットが提供するIoTプラットフォーム「sakura.io」とIBMが提供するクラウドプラットフォーム「IBM Cloud（旧称Bluemix）」のコラボハンズオンでの資料となります。 本資料ではIoTデバイスのプロトタイピングを想定した「マイコンおよびプログラムの構築」「sakura.ioの設定」「Node-REDを介したセンサーデータとクラウドサービスの連携」の手順をスライドでご覧いただけます。 サービス詳細は以下をご確認ください。 sakura.io https://sakura.io/ IBM Cloud（Bluemix） https://www.ibm.com/cloud-computing/jp/ja/bluemix/
Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (20)
Similar a IBM Cloud＆sakura.io体験ハンズオン
Similar a IBM Cloud＆sakura.io体験ハンズオン (20)
Más de さくらインターネット株式会社
Más de さくらインターネット株式会社 (20)
IBM Cloud＆sakura.io体験ハンズオン
- 1. IBM Cloud（Bluemix） & sakura.io体験ハンズオン Bluemix User Group (BMXUG) 共催 2017/11/2 (C) Copyright 1996-2017 SAKURA Internet Inc さくらインターネット株式会社 IoT Platform Team 西田 有騎
- 2. 2 はじめに
- 3. 本ワークショップの目的 3 1. 本ハンズオンはsakura.ioを使用し、組込み系エンジニアおよび Web/アプリ開発系のエンジニアがご自身のスキルセットを 大きく超えることなく、Internet of Things(IoT)に挑戦できることを 体験いただくものです。 2. そのため各章内で技術的な詳細は極力省略しております。 3. 今回は1人1つワークショップキットをご用意しておりますが、 組込みやWeb/アプリ開発に詳しい方がいらっしゃいましたら、 ご不明点を積極的にフォローしあって進めていただければと思います。
- 5. Agenda 5 1. sakura.ioの設定 ₋ プロジェクトの作成 ₋ さくらの通信モジュールの登録 ₋ 連携サービスの設定 2. マイコンおよびプログラムの構築 ₋ マイコン（Arduino）による開発環境の準備 ₋ 温湿度センサおよびさくらの通信モジュールの繋ぎ込み ₋ 試験用プログラムの流し込み ₋ 【参考】デバイスから送信されたデータの確認 3. Webへのデータ連携（IBM Bluemix） ₋ IBMのトライアルアカウントを作成する ₋ Cloud Foundry アプリ作成 ₋ WebSocketを利用したデータ連携フロー作成
- 7. 会員IDの作成 7 会員IDをお持ちでない場合はご契約のサービスがない場合でも、さくらインターネット会員登録 （https://secure.sakura.ad.jp/signup3/member-register/input.html）から作成いただくことができます。 会員登録が正常に完了すると、メールアドレスで指定したアドレスにsupport@sakura.ad.jpより以下のような メールが送信されます。会員IDおよびパスワードは重要な情報となりますので、漏れないよう、大事に保管ください。 Title：会員登録完了のお知らせ [XXX00000] ─────────────────────────────────── このメッセージはさくらインターネット会員登録フォームより 自動送信されています。このメールに心当たりのない場合は support@sakura.ad.jpまでご連絡ください。 ─────────────────────────────────── さくらインターネット株式会社 様 (ご担当者: さくら 太郎 様) この度は、さくらインターネットに会員登録いただきまして誠に ありがとうございます。 以下の通り会員登録を受付ましたので、ご連絡させていただきます。 ============================================================= ◎ 会員登録情報 会員ID ： XXX00000 ご契約者名 ： さくらインターネット株式会社 様 (ご担当者: さくら 太郎 様) 電子メール ： XXX@XXX.XX.XX ============================================================= ～～～以下省略～～～
- 9. sakura.io コントロールパネル ログイン 9 sakura.io コントロールパネル（https://secure.sakura.ad.jp/iot/）にログインします。 Google等でsakura.ioサイト（https://sakura.io/）にアクセスし 、「ログイン」をクリックします。
- 11. プロジェクトC プロジェクトB sakura.ioコントロールパネルにおける考え方 11 sakura.ioでは【プロジェクト】という単位で大枠を構成し、プロジェクト内に複数の【通信モジュール】、 【連携サービス】を紐付けていきます。 【データストア】や簡易位置情報、ファイル配信といった 【オプションサービス】はプロジェクトに対して一つもしくは1セット設定することができます。 プロジェクトA 通信モジュール1 uAAAAAAAAAA 通信モジュール2 uBBBBBBBBBB 通信モジュール3 uCCCCCCCCCC データストア Light/Standard/… 簡易位置情報 ON/OFF 連携サービス1 WebSocket 連携サービス2 Outgoing Webhook ファイル配信 File1/File2/… 連携サービス3 AWS IoT プロジェクトに対して 複数紐付け可能 プロジェクトに対して 単一（1セット）設定可能 プロジェクトに対して 複数紐付け可能
- 12. 約款への同意 12 初めてコントロールパネルにログインした場合、各種約款への同意を求められます。 内容をご確認いただいたうえで、［✓同意する］をクリックするとコントロールパネルにアクセスできます。
- 17. 通信モジュールの登録 17 モジュールの追加に成功すると［モジュールを追加しました］というダイアログが表示されます。 ［ホームへ戻る］ボタンをクリックしてホームに戻ります。 ID/PASSが正しくない、もしくは既に登録されている通信モジュールを追加しようとした場合は 内容とともに［モジュールの追加に失敗しました］というダイアログが表示されます。 登録が成功した場合 登録が失敗した場合 登録用ID / 登録用パスワードのいずれかに誤りがあります、再度ご確認ください 別の会員IDに登録されています、過去登録した会員IDにログインし、解除ください
- 25. 今回のワークショップでご提供するもの 25 ジャンパーコードさくらの通信モジュール（アンテナ付） +Arduino用シールド＆Arduino Uno Rev3 USB2.0 ケーブル（A-B） 12W級 9V-1.3A DCアダプタ ブレッドボード 人感センサ （SB412A） 照度センサ （GL5537-2） 温湿度センサ （HDC1000 or SHT31） 各種抵抗 ※必要に応じてご提供 タクトスイッチ ※必要に応じてご提供 抵抗入りLED ※必要に応じてご提供 本日は使用しません
- 26. Arduino IDEのセットアップ 26 https://www.arduino.cc/en/Main/Softwareから開発環境（Arduino IDE）を入手します。 2017/9/21時点での最新版は 【 1.8.5 】 となります。 ご利用環境がWindowsの場合は 【 Windows Installer 】 、Macの場合は 【 Mac OS X 10.7 Lion or newer 】 を選択します。
- 27. Arduino IDEのセットアップ 27 該当の金額を選択するか（寄付する場合）、もしくは 【 JUST DOWNLOAD 】 にてダウンロードします。
- 29. Arduino IDEのセットアップ 29 Arduino IDEが起動したら、Arduino本体をPCに接続します。 上部メニューバーから以下2つを設定します。 ボード： ［ ツール ］ → ［ ボード:”XXX” ］ から 【 Arduino/Genuino Uno 】 を選択します。 シリアルポート： ［ ツール ］ → ［ シリアルポート ］ から 【 COMx（Arduino/Genuino Uno） 】 となるものを選択します。 Mac環境の場合はCOMポートではなく、 【 /dev/～～～（Arduino/Genuino Uno） 】 となるものを選択します。 ボードの選択 シリアルポートの選択
- 30. マイコン（Arduino）の準備 30 ［ ファイル ］ → ［ スケッチ例 ］ → ［ 01.Basics ］ → ［ Blink ］ を選択し、Blinkスケッチを表示します。 【 → 】 をクリックしてスケッチをマイコンに書き込み、該当箇所のLEDが点滅状態になることを確認します。 何らかの問題があった場合、スケッチ下部にオレンジ色のエラーが表示されます。
- 32. ライブラリの取得（温湿度センサ-HDC1000利用の場合） 32 ［ スケッチ ］ → ［ ライブラリをインクルード ］ → ［ ライブラリを管理... ］ をクリックし、 右上検索窓から 【 hdc1000 】 を検索すると、 ［ HDC1000 by Yuichi Tateno ］ がヒットします。 インストールをクリックすると該当ライブラリが取り込まれ、 ［ INSTALLED ］ が表示されます。
- 33. ライブラリの取得（温湿度センサ-SHT31利用の場合） 33 ［ スケッチ ］ → ［ ライブラリをインクルード ］ → ［ ライブラリを管理... ］ をクリックし、 右上検索窓から【SHT31】を検索すると、 ［ Adafruit SHT31 Library by Adafruit ］ がヒットします。 インストールをクリックすると該当ライブラリが取り込まれ、 ［ INSTALLED ］ が表示されます。
- 34. ライブラリの取得（SakuraIO） 34 ［ スケッチ ］ → ［ ライブラリをインクルード ］ → ［ ライブラリを管理... ］ をクリックし、 右上検索窓から 【 sakuraio 】 を検索すると、 ［ SakuraIO by SAKURA Internet Inc. ］ がヒットします。 最新のVer.を選択のうえインストールをクリックすると該当ライブラリが取り込まれ、 ［ INSTALLED ］ が表示されます。
- 35. FirmwareUpdate.ino 35 ［ ファイル ］ → ［ スケッチ例 ］ → ［ SakuraIO ］ → ［ FirmwareUpdate ］ を選択し、FirmwareUpdateスケッチを表示します。 【 → 】をクリックし、 ［ ツール ］ → ［ シリアルモニタ ］ よりモジュールのファームウェアアップデート状況を確認します。 現在のVersion情報と比較し、新しいファームウェアが提供されている場合にはアップデートを実行します。 新しいファームウェアが存在する場合 最新のファームウェアが適用されている場合
- 38. 温湿度センサの動作確認（温湿度センサ-HDC1000利用の場合） 38 ［ ファイル ］ → ［ スケッチ例 ］ → ［ HDC1000 ］ → ［ hdc1000 ］ を選択し、hdc1000スケッチを表示します。 【 → 】 をクリックし、 ［ ツール ］ → ［ シリアルモニタ ］ よりTemperature＆Humidity情報が取得できることを確認します。 何らかの問題があった場合、スケッチ下部にオレンジ色のエラーが表示されます。
- 39. 試験用プログラムの流し込み（温湿度センサ-HDC1000利用の場合） 39 ［ ファイル ］ → ［ スケッチ例 ］ → ［ SakuraIO ］ → ［ HDC1000 ］ を選択し、HDC1000スケッチを表示します。 【 → 】をクリックし、 ［ ツール ］ → ［ シリアルモニタ ］ より「Waiting to come online」表記の後、 カウント値、Temperature、Humidityに加え、Available（キューイング可能なチャンネル数）と Queued（キューで送信待ちになっているチャンネル数）が表示されることを確認します。
- 40. 試験用プログラムの流し込み（温湿度センサ-SHT31利用の場合） 40 ［ ファイル ］ → ［ スケッチ例 ］ → ［ SakuraIO ］ → ［ SHT31 ］ を選択し、SHT31スケッチを表示します。 【 → 】 をクリックし、 ［ ツール ］ → ［ シリアルモニタ ］ より「Waiting to come online」表記の後、 カウント値、Temperature、Humidityに加え、Available（キューイング可能なチャンネル数）と Queued（キューで送信待ちになっているチャンネル数）が表示されることを確認します。
- 42. デバイスから送信されたデータの確認 42 サービス連携の編集画面の下部にデバイスから送信されたデータがリアルタイムで表示されます。 簡易表示モードでは通信モジュールから受け取ったデータを以下のように確認できます。 → 温度 → 湿度 → カウント値 モジュール： データを送信した 通信モジュールのID チャンネル データが格納された チャンネル番号 時刻： データがモジュールのキューに 格納された時刻のタイムスタンプ 値： 送信された値 型： データの型式
- 43. デバイスから送信されたデータの確認 43 ［ 詳細表示モードに切り替え ］ をクリックすると詳細表示モードに遷移します。 モジュールは同一ですが、データの内容によりタイプやペイロードが異なります。 複数チャンネルある場合、 それぞれの最終データを表示 クリックでログ出力を 開始/停止 タイプ： プラットフォームからの内容に応じて、 いくつかの種類に分かれる ・channels ：通信モジュールからのデータ ・connection ：接続の開始/終了 ・location ：簡易位置情報 ・keepalive ：WebSocketセッション確認 ペイロードには受け取った データのpayload部が表示 時刻： 詳細表示モードではプラット フォームで該当のメッセージを 受け取ったタイムスタンプ
- 53. 「Internet of Things Platform Starter」作成 53 まだ何もアプリが作成されていないため、ダッシュボードには何も表示されていません。 今回はNode-REDの作成のため、まず「オファリングの検討」をクリックします。
- 54. 「Internet of Things Platform Starter」作成 54 左側のメニューから「ボイラープレート」を選択し、表示された「Internet of Things Platform Starter」をクリックします。 Node-REDが、Internet of Things Platform Starterに含まれています
- 55. 「Internet of Things Platform Starter」作成 55 任意のアプリ名を入力し、他の値はデフォルトで「作成」をクリックします。 他のユーザーと重複しないよう ユニークな名前をつけて下さい
- 56. 「Internet of Things Platform Starter」作成 56 作成が始まると、「停止」から「開始中」「未実行」「実行中」に遷移します。実行中ステータスになった状態で 「アプリURLにアクセス」を選択するとNode-REDの操作画面に遷移します。
- 57. 【参考】「Internet of Things Platform Starter」作成 57 ダッシュボードでは、作成したアプリケーションやサービスのステータスを確認することができます。 稼働の有無は「状態」の列で確認することができます。
- 58. 【参考】「Internet of Things Platform Starter」作成 58 ダッシュボードでは、作成したアプリケーションやサービスのステータスを確認することができます。 稼働の有無は「状態」の列で確認することができます。
- 62. Node-RED設定 62 設定した内容の反映が完了すると、Bluemixで用意された初期画面が表示されます。 「Go to your Node-RED flow editor」をクリックします。
- 67. Node-RED WebSocketノードの作成 67 ドラッグ&ドロップされたWebSocketノードをWクリックし、設定画面に移ります。 種類は 【 接続 】 、名前は 【 任意の名称 】 を入力のうえ、URLの行にある鉛筆マークをクリックします。
- 68. Node-RED WebSocketノードの作成 68 URL部分はsakura.ioのコンパネからのペーストを行い、ドロップダウンの項目についてはデフォルトで定義されている 【 ペイロードを送信/受信 】 を選択し、 【 追加 】 をクリックします。
- 70. Node-RED WebSocketノードの作成 70 【 完了 】 をクリックするとwebsocketノードへ設定が反映され、不備がない場合はノードの三角マークが消えます。 WebSocketノードへの設定が反映されましたが、この時点ではsakura.ioからデータは入ってきていません。 続いてはデータを表示するためのDebugノードを作成します。
- 73. Node-RED フローのデプロイ 73 各ノードを接続し、準備が完了したら、右上部の 【 デプロイ 】 をクリックします。 デプロイが完了するとデプロイボタンがグレーアウトされ、設定した内容を元に処理が開始されます。 併せて、debugノードからの情報を確認するため、コンソールの 【 デバッグ 】 タブをクリックします。
- 75. Node-RED ダッシュボード（計器盤）ノードの追加 75 この後のシナリオの準備として、ダッシュボード（計器盤）のノードをNode-REDに追加しておきます。 まずこの後の操作や表示に影響を与えないよう、既存のフローをダブルクリックし、状態を 【 無効 】にしたうえで、 Node-RED右上の 【 メニュー（三） 】 から 【 パレットの管理 】 を選択します。
- 76. Node-REDダッシュボード（計器盤）ノードの追加 76 【 ノードを追加 】 タブの検索窓から【 node-red-dashboard 】 でヒットしたノードを追加します。確認に対しては 【 追加 】 を選択します。
- 78. Node-RED フローサンプルのインポート 78 続いてNode-REDフローサンプルをインポートします。フローは下図のような構造になっており、センサーの温度・ 湿度を可視化してTwitterにメッセージをつぶやきます。WebSocketノードおよびTwitterノードに必要事項だけ設 定することで連携を体験いただけます。 文字列として受け取った JSONデータの変換 通信モジュールからの データのみを通過 温度（ch0）データだけを抽出 温度（ch1）データだけを抽出 /ui/ にグラフとして可視化 文章を生成（実行後10分待機） /ui/ にグラフとして可視化 Twitterアカウント連携で投稿
- 80. Node-REDフローサンプルのインポート（フローのデータのペースト） 80 Node-REDに戻って【 三 】→【読み込み】 →【クリップボード】と進み、テキストエリアにデータを ペースト（Ctrl+V）して【読み込み】をクリックして下さい。
- 81. Node-REDフローサンプルのインポート（フローのデプロイ） 81 「グラフ表示＆Twitter投稿（温度）」というシートが追加されたことを確認し、 【 デプロイ 】 でインポートを 確定して下さい。「デプロイの確認」ウィンドウでは、そのまま 【 デプロイの確認 】 をクリックして下さい。
- 82. Node-RED センサーデータの受信（websocketノードの設定） 82 インポートしたフローの先頭にあるwebsocketノードを設定します。内容は先の手順と同じです。 「種類」を 【 接続 】 に変更し、「URL」の鉛筆マークをクリックして、sakura.ioのコンパネのwebsocketの URLをコピペして下さい。
- 84. Node-REDセンサーデータをダッシュボード（計器盤）に表示 84 【 http://<IPアドレス>:<指定したWeb UIポート番号>/ui/ 】 にアクセスすると、取得した情報に応じて 動的にグラフを生成することを確認できます。 サーバ作成時にWebUIポート番号を 【 80 】 に設定している場合は省略することが可能です。
- 85. Node-RED Twitter連携（Twitterノードの設定） 85 次にTwitterノードを設定し、センサーの温度・湿度データをつぶやかせます。 TweetノードをWクリックし、 [ Twitter ID ] 行の鉛筆マークをクリックし、案内されるTwitterアカウント認証画面 に進んで下さい。
- 86. Node-RED Twitter連携（Twitterへの連携アプリの認可） 86 認証画面は利用しているブラウザでログインしているかどうかで画面遷移が異なります。 それぞれ必要な項目を入力or確認したうえで 【 連携アプリを認証 】 をクリックすると [ Authorised] の表記とともに認証された旨表示されますので、案内に従いウィンドウを閉じます。 まだログインしていない場合 既にログインしている場合
- 87. Node-RED Twitter連携（Twitterノードの設定の続き） 87 認証が成功しているとTwitter ID欄に認証したアカウントのIDが入力されています。問題なければ、 【 追加 】 および 【 完了 】 をクリックし、設定を完了します。最後に【 デプロイ 】で反映して下さい。
- 88. Node-RED Twitter連携（つぶやきの例） 88 フローをデプロイすると、その時取得した温度センサの情報が文中に埋め込まれた状態で 該当のTwitterアカウントにメッセージが投稿されます。 ［ メッセージ化 ］ ノードの内容を書き換えることで任意の文章に変更することができます。
- 89. 89 最後に
- 93. 最後に ～sakura.io～ 93 モジュールの登録が解除され、表示から削除されました。 次は連携サービスとともにプロジェクトを削除します。 プロジェクト右上の［削除］マークをクリックします。
- 95. 最後に ～IBM Bluemix～ 95 Bluemixに立てたNode-REDについてもアプリケーションを停止します。ダッシュボード画面を確認すると、 Cloud Foundry アプリの状態が「実行中」になっており、サービス（Cloudant NoSQL DB）が1つ作成されています。 なお、該当のCloud Foundryアプリ内で「モニタリング」をクリックした場合、availability-monitoring-autoという サービスが自動で作成されている場合があります。
- 96. 最後に ～IBM Bluemix～ 96 Cloud Foundry アプリのアクション欄で「その他のアクション」ボタンをクリックすると、 アプリの起動停止や削除に関するメニューが表示されます。 アプリを停止する場合は「アプリの停止」をクリックします。
- 104. 最後に 104 さくらインターネットでは、「さくらクラブ」としてハンズオン等の イベントをともに開催いただける仲間（部員）を募集しています。 （テーマはIoTに限らず、クラウドやVPS、スタートアップ系ネタでもOK！） ご興味があれば、Come and join us & Feel free to contact me! 連絡先 ：sakura-club@sakura.ad.jp さくらクラブ ： https://saku-love.doorkeeper.jp/ さくらクラブにっぽんばし： https://www.facebook.com/saku.love.nipponbashi/
- 105. 105 そこに、さくら