Raspberry Pi をThingWorx につなげる（後編その２）

#後編その2： ThingWorx でIoT アプリを開発します

前編はこちら
中編はこちら
後編その１はこちら
引き続きThingWorx にアップされたデータを可視化するIoT アプリを作成します。

##手順

1. LED 操作パネル作成
2. 時系列データを表示
3. 完成：マッシュアップを実行

##1. LED操作パネル作成
###ウィジット追加

1. Radio Button ウィジットを配置します
   

2. ButtonStates を”LED_state”に設定します
   

###サービス追加

1. Things_raspPiThing_1 の右側の”+” をクリック
   

2. SetProperties を選択し"→" をクリック

3. Mashup Loaded？にチェックが入っていないことを確認して“Done”をクリック
   

###サービスとウィジットの紐付け

1. Radio Button ウィジットの左上にカーソルをあててSelectedValueをドラッグしたまま
   SetPropertiesのProp_LED_number でドロップ

2. 同じくウィジットからSelectionChangedをドラッグしたままSetProperties でドロップ
   

3. SetProperties をクリックすると右図のようになります
   

###マッシュアップ画面の実行

1. “Save” をクリック
2. “View Mashup”で画面を実行
3. ボタンの操作でLEDが点灯・消灯することを確認しましょう
   

##2. 時系列データを表示
###時系列データ保存のためValue Stream を作成

1. フォルダアイコンをクリック
   DATA STORAGE のValue Streams 右にある”+” をクリック
   

2. ValueStream を選択してOK をクリック
   

3. 名前に”raspPi_VS” を設定

4. “Save” をクリック
   

###Value Stream にThing のデータを保存する設定

1. Resent リストからraspPiThing_1 を選択

2. “General Information”の画面を開く

3. Value Stream の項目にraspPi_VS を設定

4. ”Save”をクリック
   

5. “Properties and Alerts” に切り替え

6. Prop_Humidity を選択

7. 右側の”Logged”をチェック

8. 画面右端のチェックマークをクリック（隣はキャンセル）

9. 同様にProp_Temperature もLogged をチェックし保存

10. “Save”をクリック
    

• 設定作業が正しければ、以下の表示になります
  

###マッシュアップ画面への時系列データの表示追加

1. raspPi_Mashup を選択し編集画面を開く
2. Time Series Chart ウィジットを下段に配置
   

3． Things_raspPiThing_1 の右側の"+" をクリック
4. QueryPropertyHistory の"→" をクリック
5. Mashup Loaded? にチェックをいれて“Done” をクリック

1. QueryPropertyHistory のReturned Date 下の“All Data” アイテムをドラッグしたまま
   Time Series Chart ウィジットでドロップ
2. バインド先は”Data” を選択
   

###ウィジットの設定

1. 配置したTime Series Chart ウィジットを選択

2. 左下のPropertyリストにて以下の項目を設定
   NumberOfSeries: 2
   XAxisField: timestamp
   DataField1: Prop_Temperature
   DataField2: Prop_Humidity
   

3. Auto Refresh ウィジットのRefresh イベントを
   QueryPropertyHistory にドラッグ＆ドロップで紐付ける
   

4. “Save”をクリック

##3. 完成です
お疲れ様でした。マッシュアップを実行しましょう。