---
title: "旧ダッシュボード"
canonical: "https://japancs.i-pro.com/space/IWSM/1175327599/%E6%97%A7%E3%83%80%E3%83%83%E3%82%B7%E3%83%A5%E3%83%9C%E3%83%BC%E3%83%89"
format: markdown
---
> Macro (toc)

i-PRO Remo. Serviceに人数カウント対応の拡張アプリがインストールされたカメラを登録している場合、ダッシュボード画面で人数カウントのデータをグラフで表示できます。

人数カウント対応の拡張アプリは下記の通りです。

| **品番** | **対応バージョン** | **カウント機能** | **AI動体検知機能**  
**（AI-VMD）** |
| --- | --- | --- | --- |
| WV-XAE200 | 3.31以降 | ラインカウント | 対応あり |
| WV-XAE207 | 1.70以降 | エリアカウント | 対応なし |
| WV-XAE300 | 1.70以降 | ラインカウント  
エリアカウント | 対応あり |
| TrAI専用ラインカウント  
（固定カメラ） | 3.71以降 | ラインカウント | 対応なし |
| TrAI専用ラインエリアカウント  
（全方位カメラ） | 2.11以降 | ラインカウント  
エリアカウント | 対応なし |

> ⚠️ 編集領域を確保できない場合、以下のようなメッセージが表示されます。
> ⚠️ 
> ⚠️ 「サイズ1280x768以上のディスプレイをご利用ください。ブックマークバー等を表示していると編集領域を確保することができない場合がございます。本メッセージが消えない場合は、大変お手数ですがブックマークバー等を閉じてください。モバイル端末をご利用の場合、PC用のブラウザにて閲覧してください。ブラウザの表示倍率を下げたり、Windowsのディスプレイ設定にてサイズを小さくすることで編集領域を確保できる場合もございます」

> ⚠️ ダッシュボード画面のご利用前にエッジストレージ、カメラのファームウェアを最新にする必要があります。（ダイレクトの場合はカメラのみ）

# 対応カメラを設定する


ダッシュボード機能を利用する場合、人数カウント対応の拡張アプリがインストールされたカメラを対応カメラとして設定する必要があります。

> ⚠️ ご契約者様のみ、対応カメラの設定できます。


1. ブラウザでログインサイト([https://i-pro-remoservice.com](https://i-pro-remoservice.com/))にアクセスします。
2. サイドメニューから [ ダッシュボード ] を選択します。  
→ ダッシュボードが表示されます。

> Macro (drawio)

3. [ 対応カメラを設定 ]ボタンをクリックします。  
→ダッシュボード対応カメラ設定ダイアログが表示されます。

> Macro (drawio)

4. 人数カウント対応の拡張アプリがインストールされたカメラにチェックを入れて、[ 変更する ]ボタンをクリックします。

> Macro (drawio)

5. 設定の保存が完了すると、下記のダイアログが表示されます。  
アカウントダイアログからログアウト後、再度サービスにログインしてダッシュボード画面に対応カメラが表示されていることを確認してください。

> Macro (drawio)


# グラフを表示する


1. ブラウザでログインサイト([https://i-pro-remoservice.com](https://i-pro-remoservice.com/))にアクセスします。
2. サイドメニューから [ ダッシュボード ] を選択します。  
→ ダッシュボードが表示されます。
3. カメラ選択タブからグラフを表示したいカメラを選択します。  
→画面の右側にグラフが表示されます。

> Macro (drawio)

|  |  |
| --- | --- |
| ①情報種別 | グラフとして表示するデータのカウント種別を選択できます。  
　- ラインカウント(WV-XAE200, WV-XAE300)  
　- エリアカウント(WV-XAE207, WV-XAE300)  
から選択できます。<br>> ⚠️ 情報種別を変更した場合、[ グラフを更新 ]ボタンをクリックしてグラフを再表示してください。 |
| ②表示種別 | グラフとして表示するデータの取得期間を選択できます。  
　- 直近（現在時刻から1時間分のデータを取得）  
　- 期間指定（指定した期間のデータを取得 ※最大6日間）  
　- 比較（指定した2日間のデータを取得）  
から選択できます。<br>> ⚠️ 表示種別を変更した場合、[ グラフを更新 ]ボタンをクリックしてグラフを再表示してください。 |
| ③表示倍率 | グラフの縦軸の幅を変更できます。  
　最小値：1メモリ0.1人（最大1人まで表示）  
　×1       ：1メモリ1人 （最大10人まで表示）  
　×5      ：1メモリ5人 （最大50人まで表示）  
　×10 　：1メモリ10人 （最大100人まで表示）  
　×50    ：1メモリ50人 （最大500人まで表示）  
　×200  ：1メモリ200人 （最大2,000人まで表示）  
　最大値：1メモリ1,000人 （最大10,000人まで表示）  
から選択できます。 |
| ④グラフ種別 | グラフの種類を変更できます。  
　- 棒グラフ  
　- 折れ線グラフ  
から選択できます。<br>> ⚠️ ラインカウントの場合  
> ⚠️ 　折れ線グラフ：データの推移  
> ⚠️ 　棒グラフ　　：データの合計値  
> ⚠️ エリアカウントの場合  
> ⚠️ 　折れ線グラフ：データの推移  
> ⚠️ 　棒グラフ　　：データの平均値  
> ⚠️ を表します。 |
| ⑤グラフを更新ボタン | 情報種別・表示種別を変更した場合に、[ グラフを更新 ]ボタンをクリックすることでグラフデータを更新することができます。 |
| ⑥サムネイル | 選択したカメラの直近のサムネイルと、設定されているライン・エリアが表示されます。ライン・エリアはグラフ凡例と連動して表示・非表示が切り替わります。 |
| ⑦グラフ凡例 | カメラに設定されているライン・エリアの名称がリストで表示されます。グラフに表示されるデータはグラフ凡例と連動して表示・非表示が切り替わります。<br>情報種別でラインカウントを選択している場合、ラインのIn・Outを選択するプルダウンが表示されます。<br>![image](media://643b7f58-55ed-4839-8783-47289622b631)<br>プルダウンを変更すると、グラフ表示がリアルタイムに切り替わります。 |
| ⑧曲線で表示 | グラフ種別で折れ線グラフを選択している場合に表示されます。  
ボタンをクリックすることで、折れ線グラフを曲線で表示できます。 |
| ⑨数値を非表示 | ボタンをクリックすることで、グラフ上の数値を非表示にできます。 |
| ⑩グラフ | カメラ選択と描画設定で設定された内容のグラフを表示します。<br>データポイントにマウスポインタを重ねると、その時点のデータをツールチップで確認できます。<br>![image](media://ee197d25-d167-4d88-84a6-e3aff5e7ad78)<br>折れ線グラフの場合、その時点のデータをクリックすることで、単画面に遷移して録画画像を再生できます。詳しくは「[https://iproiot.atlassian.net/wiki/spaces/IWSM/pages/edit-v2/1175327599?draftShareId=efdd52b6-fac2-43f0-a842-0beb9d16be95#%E9%8C%B2%E7%94%BB%E7%94%BB%E5%83%8F%E3%82%92%E5%86%8D%E7%94%9F%E3%81%99%E3%82%8B](https://iproiot.atlassian.net/wiki/spaces/IWSM/pages/edit-v2/1175327599?draftShareId=efdd52b6-fac2-43f0-a842-0beb9d16be95#%E9%8C%B2%E7%94%BB%E7%94%BB%E5%83%8F%E3%82%92%E5%86%8D%E7%94%9F%E3%81%99%E3%82%8B) 」をお読みください。<br>> ⚠️ 情報種別と表示種別を変更した場合、[ グラフを更新 ]ボタンをクリックするまでグラフに設定が反映されません。 |
| ⑪グラフを拡大ボタン | グラフを最大化して表示できます。  
グラフを最大化した場合、表示倍率とグラフ種別のみ変更することが可能です。<br>![image](media://fc346428-efea-4342-929a-4c8f2860f71d)<br>画面右下の[ グラフを縮小 ]ボタンをクリックするか、キーボードの[Esc]を押すことで最大化を終了することができます。 |
| ⑫CSV出力ボタン | 取得した人数カウントのデータをCSVで出力できます。詳しくは「[https://iproiot.atlassian.net/wiki/spaces/IWSM/pages/1175327599#CSV%E5%87%BA%E5%8A%9B%E3%81%99%E3%82%8B](https://iproiot.atlassian.net/wiki/spaces/IWSM/pages/1175327599#CSV%E5%87%BA%E5%8A%9B%E3%81%99%E3%82%8B) 」をお読みください。 |
| ⑬ライン・エリア設定ボタン | ラインもしくはエリアのカウント情報を設定できます。詳しくは「[https://iproiot.atlassian.net/wiki/pages/resumedraft.action?draftId=2996769350&draftShareId=dcfd19e8-f405-4b18-be0c-071b3344211f&atlOrigin=eyJpIjoiMDJhOGI0MmY2YmMzNDNmODg2MDY1MWIwNWMyNDY3ZDMiLCJwIjoiYyJ9](https://iproiot.atlassian.net/wiki/pages/resumedraft.action?draftId=2996769350&draftShareId=dcfd19e8-f405-4b18-be0c-071b3344211f&atlOrigin=eyJpIjoiMDJhOGI0MmY2YmMzNDNmODg2MDY1MWIwNWMyNDY3ZDMiLCJwIjoiYyJ9)」をお読みください。 |

> ℹ️ データを表示するカメラの選択を切り替える場合、[ カメラ選択 ]タブをクリックしてカメラの一覧を表示してからカメラを選択してください。


# CSV出力する

1. ブラウザでログインサイト([https://i-pro-remoservice.com](https://i-pro-remoservice.com/))にアクセスします。
2. サイドメニューから [ ダッシュボード ] を選択します。  
→ ダッシュボードが表示されます。
3. カメラ選択タブからグラフを表示したいカメラを選択します。  
→画面の右側にグラフが表示されます。
4. 画面右下の[ CSV出力 ]ボタンをクリックします。

> Macro (drawio)

→確認ダイアログが表示されます。

![image](media://29621523-573e-4b8d-beaa-ed6cfad29542)

5. 確認ダイアログで[ はい ]をクリックします。  
→ブラウザの既定のフォルダーにZIPファイルがダウンロードされます。ZIPファイルを解凍すると、ラインカウントとエリアカウントのCSVデータがそれぞれ保存されています。

> ⚠️ CSVにはカメラに保存されているデータがそのまま出力されます。画面表示中のグラフが1時間ごとに表示されていても、CSV出力したデータは1分おきのデータになっている可能性があるためご注意ください。


CSVの内容については以下のとおりです。

【ラインカウント】  
　開始日時 | 終了日時 | 検出/保存間隔(hh:mm) | サマータイムかどうか | 検知数(In方向) | 検知数(Out方向) | 始点X座標 | 始点Y座標 | 終点X座標 | 終点Y座標

【エリアカウント】  
　開始日時 | 終了日時 | 検出/保存間隔(hh:mm) | サマータイムかどうか | エリア内に滞在していた1分間の平均人数

# グラフから単画面に遷移して録画画像を再生する


> ⚠️ - グラフ種別が折れ線グラフの場合のみ、単画面に遷移できます。
> ⚠️ - 共有ユーザー様の場合、録画再生権限がある場合のみ単画面に遷移できます。
> ⚠️ - カメラダイレクトの場合、SDカードが入っている場合のみ単画面に遷移できます。

1. ブラウザでログインサイト([https://i-pro-remoservice.com](https://i-pro-remoservice.com/))にアクセスします。
2. サイドメニューから [ ダッシュボード ] を選択します。  
→ ダッシュボードが表示されます。
3. カメラ選択タブからグラフを表示したいカメラを選択します。  
→画面の右側にグラフが表示されます。
4. 描画設定で[折れ線グラフ]をクリックし、折れ線グラフを表示します。

> Macro (drawio)

5. 録画画像を確認したい時刻のデータをクリックします。  
→単画面に遷移して録画画像の再生が始まります。

> Macro (drawio)

6. ダッシュボード画面に戻る場合、画面左下の[ ダッシュボードに戻る ]ボタンをクリックしてください。

> Macro (drawio)