Sakura.io mft2017 distance
?
0 likes?329 views
MakerFaireTokyo2017においてさくらインターネットブースで開催されたsakura.io体験コーナーの公開資料です。 時間の都合上、体験いただけなかったPCやさくらのクラウドを用いた環境のセットアップも記載しております。 こちらではSHARPの2Y0A21を用いた距離情報を活用するものとなります。
![Node-REDサーバの作成
57
［スタートアップスクリプト］で【 shell 】を選択のうえ、［配置するスタートアップスクリプト］で
【 [public] Node-RED #xxxxxxxxxxx 】を選択します。オプションのWebUIポート番号には【 80 】を入力します。](https://image.slidesharecdn.com/sakura-170802060342/85/Sakura-io-mft2017-distance-51-320.jpg)
Sakura.io mft2017 distance
- 1. sakura.io （さくらアイオー）を 体験してみよう！ 測距センサー（SHARP-2Y0A21）編 2017/8/2 (C) Copyright 1996-2017 SAKURA Internet Inc さくらインターネット株式会社 IoT Platform Team
- 2. 2 はじめに
- 4. 体験コーナーの目的 4 1. このコーナーはsakura.ioを使い、モノがインターネットに接続される Internet of Things(IoT)の具体例を「モノを作る」から「サービスを作る」まで ご体験いただくものです。 2. コーナー最後に、オプションでTwitterと連携する場面があります。 興味がある方はお持ちのアカウントをぜひ繋げてみてください。 （アカウント情報はコーナー終了時に削除します） 3. コーナーで使ったセンサーとブレッドボードはお持ち帰りできます。 今回体験した内容を自宅でも復習したい場合は、本ブースの 物販コーナーの機材もあわせてご購入ください。 4. 今回の資料はお配りしている紙に記載しているQRコードのURLから アクセスできます、振り返り等にご利用ください。
- 6. Agenda 7 1. マイコンおよびプログラムの構築 ? マイコン（Arduino）による開発環境の準備 ? 温湿度センサおよびさくらの通信モジュールの繋ぎ込み ? 試験用プログラムの流し込み 2. sakura.ioの設定 ? プロジェクトの作成 ? さくらの通信モジュールの登録 ? 連携サービスの設定 3. Webへのデータ連携（さくらのクラウド） ? Node-REDサーバ用インスタンスの作成 ? WebSocketを利用したデータ連携フロー作成
- 9. 今回のワークショップでご提供するもの 12 ジャンパーコードさくらの通信モジュール（アンテナ付） +Arduino用シールド＆Arduino Uno Rev3 USB2.0 ケーブル（A-B） 12W級 9V-1.3A DCアダプタ ブレッドボード 人感センサ （SB412A） 照度センサ （GL5537-2） 測距センサ （SHARP 2Y0A21） 各種抵抗 ※必要に応じてご提供 タクトスイッチ ※必要に応じてご提供 抵抗入りLED ※必要に応じてご提供 本日は使用しません
- 10. Arduino IDEのセットアップ 13 https://www.arduino.cc/en/Main/Software から開発環境（Arduino IDE）を入手します。 2017/6/8時点での最新版は【1.8.3】となります。 Windowsは【Windows Installer】、Macは【 Mac OS X 10.7 Lion or newer】を選択します。
- 13. Arduino IDEのセットアップ 16 Arduino IDEが起動したら、Arduino本体をPCに接続します。 上部メニューバーから以下2つを設定します。 ボード：［ツール］→［ボード:”XXX”］から【 Arduino/Genuino Uno 】を選択します。 シリアルポート：［ツール］→［シリアルポート］から【～～～（Arduino/Genuino Uno）】となるものを選択します。 ボードの選択 シリアルポートの選択
- 16. ライブラリの取得（温湿度センサ-SHT31） 19 ［スケッチ］→［ライブラリをインクルード］→ ［ライブラリを管理...］をクリックし、 右上検索窓から【SHT31】を検索すると、［Adafruit SHT31 Library by Adafruit］がヒットします。 インストールをクリックすると該当ライブラリが取り込まれ、［INSTALLED］が表示されます。
- 17. ライブラリの取得（SakuraIO） 20 ［スケッチ］→［ライブラリをインクルード］→ ［ライブラリを管理...］をクリックし、 右上検索窓から【sakuraio】を検索すると、［SakuraIO by SAKURA Internet Inc.］がヒットします。 最新のVer.を選択のうえインストールをクリックすると該当ライブラリが取り込まれ、［INSTALLED］が表示されます。
- 18. FirmwareUpdate.ino 21 ［ファイル］→ ［スケッチ例］→［SakuraIO］→［FirmwareUpdate］ を選択し、FirmwareUpdateスケッチを表示します。 【→】をクリックし、［ツール］→［シリアルモニタ］より通信モジュールのファームウェアアップデート状況を確認します。 現在のVersion情報と比較し、新しいファームウェアが提供されている場合にはアップデートを実行します。 新しいファームウェアが存在する場合 最新のファームウェアが适用されている场合
- 21. 試験用プログラムの流し込み 24 ［ファイル］→ ［新規ファイル］ を選択し、参考のスケッチをコピー＆ペーストします。 【→】をクリックし、［ツール］→［シリアルモニタ］より「Waiting to come online」表記の後、 カウント値、対象との距離情報に加え、Available（キューイング可能なチャンネル数）と Queued（キューで送信待ちになっているチャンネル数）が表示されることを確認します。 参考：https://github.com/Nyuuki0224/mft2017/blob/master/Arduino/SHARP-2Y0A21.ino
- 22. 25 sakura.ioの設定
- 24. sakura.io コントロールパネル ログイン 28 sakura.io コントロールパネル（https://secure.sakura.ad.jp/iot/）にログインします。 Googleにて「さくらインターネット iot 開発者」を検索し、開発者向けページの下記ボタンからもアクセスします。
- 26. プロジェクトC プロジェクトB sakura.ioコントロールパネルにおける考え方 30 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セット）設定可能 プロジェクトに対して 複数紐付け可能
- 27. 約款への同意 31 初めてコントロールパネルにログインした場合、各種約款への同意を求められます。 内容をご確認いただいたうえで、［?同意する］をクリックするとコントロールパネルにアクセスできます。
- 32. 通信モジュールの登録 36 モジュールの追加に成功すると［モジュールを追加しました］というダイアログが表示されます。 ［ホームへ戻る］ボタンをクリックしてホームに戻ります。 ID/PASSが正しくない、もしくは既に登録されている通信モジュールを追加しようとした場合は 内容とともに［モジュールの追加に失敗しました］というダイアログが表示されます。 登録が成功した場合 登録が失敗した場合 登録用ID / 登録用パスワードのいずれかに誤りがあります、再度ご確認ください 別の会員IDに登録されています、過去登録した会員IDにログインし、解除ください
- 39. 動作確認（WebSocket） 43 ［詳細表示モードに切り替え］ をクリックすると詳細表示モードに遷移します。 時刻やモジュールは同一ですが、データの内容によりタイプやペイロードが異なります。 複数チャンネルある場合、 それぞれの最終データを表示 クリックでログ出力を 開始/停止 タイプはいくつかの種類に分かれる ?channels ：通信モジュールからのデータ ?connection ：接続の開始/終了 ?location ：簡易位置情報 ?keepalive ：WebSocketセッション確認 ペイロードには受け取った データのpayload部が表示
- 47. Node-REDサーバの作成 53 サーバプランでは仮想サーバに割り当てるCPUとメモリの量を指定します。 仮想コアは【 1 】を、メモリは【 1GB 】を、それぞれ選択します。
- 48. Node-REDサーバの作成 54 2.ディスクでは使用するディスクの種類やサイズ、インストールイメージを選択します。 アーカイブ選択のみ【 CentOS 7.x 64bit #xxxxxxxxxxxx 】を選択し、後はデフォルトとします。
- 51. Node-REDサーバの作成 57 ［スタートアップスクリプト］で【 shell 】を選択のうえ、［配置するスタートアップスクリプト］で 【 [public] Node-RED #xxxxxxxxxxx 】を選択します。オプションのWebUIポート番号には【 80 】を入力します。
- 56. Node-REDサーバの作成 62 サーバが作成されました。【 http://<IPアドレス>:<指定したWeb UIポート番号>/ 】に Webブラウザよりアクセスします。WebUIポートに80番ポートを指定した場合はポート番号を省略可能です。
- 62. Node-RED フローサンプルの紹介 68 Twitterアカウントを紐付けて線を繋ぐ （オプション） “wss://~~~”をコピペして線を繋ぐ 参考：https://github.com/Nyuuki0224/mft2017/blob/master/Node-RED/flow-sample.json Node-RED右上の【メニュー（ 三 ）】から【 読み込み 】→【 クリップボード 】を選択し、画面内のポップアップに 下記テキストファイルをコピー＆ペーストすることで、Twitter投稿のサンプルを呼び出すことができます。
- 63. 70 最後に
- 67. 最後に ～sakura.io～ 74 モジュールの登録が解除され、表示から削除されました。 次は連携サービスとともにプロジェクトを削除します。 プロジェクト右上の［削除］マークをクリックします。
- 69. 最後に ～さくらのクラウド～ 76 グローバルIPアドレスを持つサーバは攻撃対象になりますので、作成いただいたサーバは削除します。 サーバがまだ起動している場合、さくらのクラウドで対象サーバのチェックを入れ、 ［電源操作］から【 シャットダウン 】をクリックします。
- 70. 最後に ～さくらのクラウド～ 77 シャットダウン対象を確認のうえ【 シャットダウン 】をクリックします。 再度ダイアログにて確認が表示されますので【 実行 】をクリックします。
- 71. 最後に ～さくらのクラウド～ 78 シャットダウンが正常に実行されると、チェックボックス横のラインが「緑→赤→灰」と遷移します。 ラインが灰色に変化したら、再度対象となるサーバにチェックを入れ、【 削除 】をクリックします。
- 72. 最後に ～さくらのクラウド～ 79 今回は［接続されたディスク］についても削除しますのでチェックを入れ、【 削除 】をクリックします。 ダイアログが表示されますので【 実行 】をクリックします。