IoT プラットフォーム「リモッテ」でアプリを実行してみた

### 準備
[前回](https://qiita.com/remotte_jp/items/94fb73db9fb98e9e10a2 "IoT プラットフォーム「リモッテ」でステーションを登録してみた")までで、管理ツールを表示するところまで終わった。画面に管理ツールが開かれていれば準備オッケー。
### 「リモッテ・ストア」からアプリをダウンロード
管理ツールの画面の、「ストアへ」ボタンをクリックし、リモッテ・ストアを開く。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/491154/aabc5549-3344-4166-326d-d8f88da22dd8.png)
「アプリのストア」が表示される。今回は最も基本的なアプリの１つである「ステーションの管理」を試してみることにしよう。このアプリはステーションの状態監視および遠隔から再起動が出来るアプリで、CPU とメモリーの使用率、CPU の温度、バッテリーの状態、ステーションのイベントログ、接続中のユーザーのリストなどをリアルタイムに把握できるため、これからいろいろなアプリを実行していくのに際し、便利なアプリだ。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/491154/f48228b9-4fca-3952-e5ff-2cc8301f8593.png)
画面をスクロールし、目的のアプリを見つけたら、クリックしてみよう。下記のようにアプリの詳細情報が表示される。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/491154/35f7ad4e-1868-a896-beb8-85704131b760.png)
ここで画面右上の「ダウンロード」ボタンをクリックし、アプリファイルを取得する。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/491154/18ad82a6-c1df-3b28-8fc5-ebd836c02f57.png)
「Station_Management.appf」という名前のファイルがダウンロードされた。
### アプリファイルの読み込み
次に、管理ツールに戻って、画面右上の「その他」メニューを開き、「ファイルから読み込み」を選択する。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/491154/c5d78a59-dce4-d2fb-02bf-04a2d9de3e08.png)
ファイルダイアログが開かれるので、ダウンロードしたファイルを指定すると、アプリの読み込み中であることを表すプログレス・ダイアログが表示される。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/491154/0881a513-88d0-5270-3667-4bc7aa5d71e3.png)
無事に読み込みが完了すると、管理ツールにアプリが追加されている！
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/491154/50824bbf-0050-f290-64d4-9b961e432866.png)
アプリを実行するには、この画面で表示されているアプリ内の「開始」ボタンを押しても良いが、今回はアプリの詳細画面に入ってみよう。以下の様に緑色で示された領域内をクリックする。
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/491154/8c9e2ed3-d5c7-e4c5-34a9-4332bcb8b04d.png" width="60%">
### アプリの詳細画面
画面の一番上には、「全般」「構成」「利用ページ」「ログ」の４つのタブが並び、その中の「構成」を選択すると、画面の左側に、このアプリを構成する７つの要素が縦に並んでいる。それらを１つずつクリックしてみると、各要素ごとの「情報」と「設定」を見ることができる。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/491154/9fae2958-a67c-610a-6c70-78b73407de85.png)
次に「利用ページ」タブを開いてみる。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/491154/3c46649c-87f0-7d95-15aa-989f96a0edcc.png)
左側のメニューには３つの利用ページ名が縦に並んでいて、それらを１つずつクリックしてみると、ページごとに「利用者」「表示項目」「レイアウト」を見ることができる。
### アプリの実行
上記の画像のように、「利用ページ」タブを開き、画面左で「現在の状態」を選択し、その右側で「レイアウト」タブを選択した状態で、画面上の「開始」ボタンを押してみよう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/491154/732fe06a-4795-d709-04a7-59523a6e60e7.png)
アプリが開始されると、「レイアウト」タブの内容が編集モードから実行モードとなり、CPU とメモリーの使用率や温度などを表示し始めた。このアプリのデフォルトのデータ取得間隔は１０秒になっているため、画面の更新は比較的ゆっくりしている。利用ページの全体が表示できない場合は、画面下にある表示倍率を変更すると良い。画面左のメニューから「ログ」や「制御」を選択し、他の画面も見てみよう。
アプリを停止するには、画面上部の「停止」ボタンを押せば良い。また、画面左上端の左矢印をクリックすれば、アプリの一覧画面に戻ることができる。
### もっとやってみよう！
今度はアプリストアから「１つの数値のユーザーインタフェースのサンプル」や「オン・オフ情報のユーザーインタフェースのサンプル」をダウンロードして実行してみよう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/491154/8dea968c-f95e-4e7a-9494-03784d0fd6c2.png)
上記の様に、３つのアプリを同時に実行する。
「１つの数値のユーザーインタフェースのサンプル」では、基本的な数値入力やスライダーなどを利用した入力制御を体感できる。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/491154/ef97324c-b7e1-ae85-d520-5bb702e43009.png)
「オン・オフ情報のユーザーインタフェースのサンプル」では、押しボタンや切り替えスイッチなどの制御を体感できる。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/491154/8a032e54-af12-558b-54a0-910564315b8c.png)
### まとめ
以上、リモッテ・ストアからアプリをダウンロードして実行してみた。今回は Remotte ステーションを実行しているパソコンの管理ツール上でアプリを使ってみたが、実際の使用方法は、ステーションと離れた場所からインターネットを介して利用することがほとんどになる。[次回](https://qiita.com/remotte_jp/items/7ec79a400429738843d0 "Remotte（リモッテ）を利用者として使う")はステーションと別の端末、つまり Android や iOS のスマートフォンやタブレットから利用してみることにする。