freeboardは、IoTのデータを可視化するクラウドサービスです。dweet.ioやPubNubと連携することがきます。
今回は、dweet.ioとfreeboardを使って、Arduinoで計測した温度データをグラフ化する方法を説明します。回路は、「Arduino 温度測定」を使用します。
○Arduinoの準備
①Arduino開発環境の構築
1.「ArduinoをJavaScriptで制御する」の手順で開発環境を構築します。
2.コマンドプロンプトから「npm install node-dweetio」と入力し、node.jsのdweetioモジュールをインストールします。
②プログラムの作成
1.次のJavaScriptコードを入力し、「temp_dweet.js」と名前を付けて、作業用フォルダに保存します。
dweet.ioでは、「thing-name」を使ってデータ(メッセージ)の送受信を行います。「thing-name」には、ユニークな名前を指定します。
データは、{ Key : Value}の形式で、Keyにはデータ名、Valueに値を設定します。
○freeboardの準備
①アカウントの作成
freeboardのアカウントを作成します。
②データソースの作成
1.右上の入力ボックスに新しいfreeboardの名前を入力し、[Create Now]をクリックします。
2.[ADD]をクリックします。
3.「TYPE」から「Dweet.io」を選択し、「NAME」にデータソースの名前(任意)を、「THING-NAME」に「thing-name」を入力し、[SAVE]をクリックします。
データソースを作成したら、②で作成したプログラムを実行します。データが正しく取得されると、作成したデータソースのLast Updatedが日付に代わります。
③パネルの作成
1.[ADD PANEL]をクリックします。
2.作成されたパネルのレンチアイコンをクリックします。
3.「TITLE」と「COLUMNS」を入力し、[SAVE]をクリックします。「COLUMNS」はパネルの横幅の設定です。
4.パネルの[+]アイコンをクリックします。
5.「TYPE」から「Sparkline」を選択し、「TITLE」を入力して、[DATASOURCE]をクリックします。
6.データソース名(②-3)で指定した名前を選択します。
7.データ名(プログラム中のKeyに指定したデータ名)を選択します。
8.[SAVE]をクリックします。
0 件のコメント:
コメントを投稿