ダッシュボード
i-PRO Remo. Serviceに人数カウント対応の拡張アプリがインストールされたカメラを登録している場合、ダッシュボード画面で人数カウントのデータをグラフで表示することができます。
人数カウント対応の拡張アプリは下記の通りです。
品番 | 対応バージョン | カウント機能 |
---|---|---|
WV-XAE200 | 3.31 | ラインカウント |
WV-XAE207 | 1.70 | エリアカウント |
WV-XAE300 | 1.70 | ラインカウント |
編集領域を確保できない場合、以下のようなメッセージが表示されます。
「サイズ1280x768以上のディスプレイをご利用ください。ブックマークバー等を表示していると編集領域を確保することができない場合がございます。本メッセージが消えない場合は、大変お手数ですがブックマークバー等を閉じてください。モバイル端末をご利用の場合、PC用のブラウザにて閲覧してください。ブラウザの表示倍率を下げたり、Windowsのディスプレイ設定にてサイズを小さくすることで編集領域を確保できる場合もございます」
ダッシュボード画面のご利用前にエッジストレージ、カメラのファームウェアを最新にする必要があります。(ダイレクトの場合はカメラのみ)
対応カメラを設定する
ダッシュボード機能を利用される場合、人数カウント対応の拡張アプリがインストールされたカメラを対応カメラとして設定する必要があります。
ご契約者様のみ、対応カメラの設定が可能です。
※画面イメージは実際の画面と異なる場合があります。
ブラウザでログインサイト(https://i-pro-remoservice.com)にアクセスします。
サイドメニューから [ ダッシュボード ] を選択します。
→ ダッシュボードが表示されます。
[ 対応カメラを設定 ]ボタンをクリックします。
→ダッシュボード対応カメラ設定ダイアログが表示されます。
人数カウント対応の拡張アプリがインストールされたカメラにチェックを入れて、[ 変更する ]ボタンをクリックします。
設定の保存が完了すると、下記のダイアログが表示されます。
アカウントダイアログからログアウト後、再度サービスにログインしてダッシュボード画面に対応カメラが表示されていることを確認してください。
グラフを表示する
ブラウザでログインサイト(https://i-pro-remoservice.com)にアクセスします。
サイドメニューから [ ダッシュボード ] を選択します。
→ ダッシュボードが表示されます。カメラ選択タブからグラフを表示したいカメラを選択します。
→画面の右側にグラフが表示されます。
①情報種別 | グラフとして表示するデータのカウント種別を選択できます。 |
②表示種別 | グラフとして表示するデータの取得期間を選択できます。 |
③表示倍率 | グラフの縦軸の幅を変更できます。 |
④グラフ種別 | グラフの種類を変更できます。 |
⑤グラフを更新ボタン | 情報種別・表示種別を変更した場合に、[ グラフを更新 ]ボタンをクリックすることでグラフデータを更新することができます。 |
⑥サムネイル | 選択したカメラの直近のサムネイルと、設定されているライン・エリアが表示されます。ライン・エリアはグラフ凡例と連動して表示・非表示が切り替わります。 |
⑦グラフ凡例 | カメラに設定されているライン・エリアの名称がリストで表示されます。グラフに表示されるデータはグラフ凡例と連動して表示・非表示が切り替わります。 情報種別でラインカウントを選択している場合、ラインのIN・Outを選択するプルダウンが表示されます。 プルダウンを変更することで、グラフの表示がリアルタイムに切り替わります。 |
⑧曲線で表示 | グラフ種別で折れ線グラフを選択している場合に表示されます。 |
⑨数値を非表示 | ボタンをクリックすることで、グラフ上の数値を非表示にすることができます。 |
⑩グラフ | カメラ選択と描画設定で設定された内容のグラフを表示します。 データ上をマウスでホバーすると、その時点のデータをツールチップで確認することができます。 折れ線グラフの場合、その時点のデータをクリックすることで、単画面に遷移して録画画像を再生することができます。詳しくは「ダッシュボード | 録画画像を再生する 」をお読みください。 |
⑪グラフを拡大ボタン | グラフを最大化して表示することができます。 画面右下の[ グラフを縮小 ]ボタンをクリックするか、キーボードの[Esc]を押すことで最大化を終了することができます。 |
⑫CSV出力ボタン | 取得した人数カウントのデータをCSVで出力することができます。詳しくは「ダッシュボード | CSV出力する 」をお読みください。 |
⑬ライン・エリア設定ボタン | ラインもしくはエリアのカウント情報を設定することができます。詳しくはダッシュボード | ライン・エリア・マスクを設定する をお読みください。 |
CSV出力する
ブラウザでログインサイト(https://i-pro-remoservice.com)にアクセスします。
サイドメニューから [ ダッシュボード ] を選択します。
→ ダッシュボードが表示されます。カメラ選択タブからグラフを表示したいカメラを選択します。
→画面の右側にグラフが表示されます。画面右下の[ CSV出力 ]ボタンをクリックします。
→確認ダイアログが表示されます。
確認ダイアログで[ はい ]をクリックします。
→ブラウザの規定のフォルダにZIPファイルがダウンロードされます。ZIPファイルを解凍すると、ラインカウントとエリアカウントのCSVデータがそれぞれ保存されています。
CSVの内容については以下のとおりです。
【ラインカウント】
開始日時 | 終了日時 | 検出/保存間隔(hh:mm) | サマータイムかどうか | 検知数(In方向) | 検知数(Out方向) | 始点X座標 | 始点Y座標 | 終点X座標 | 終点Y座標
【エリアカウント】
開始日時 | 終了日時 | 検出/保存間隔(hh:mm) | サマータイムかどうか | エリア内に滞在していた1分間の平均人数
グラフから単画面に遷移して録画画像を再生する
ブラウザでログインサイト(https://i-pro-remoservice.com)にアクセスします。
サイドメニューから [ ダッシュボード ] を選択します。
→ ダッシュボードが表示されます。カメラ選択タブからグラフを表示したいカメラを選択します。
→画面の右側にグラフが表示されます。描画設定で[ 折れ線グラフ ]クリックし、グラフで折れ線グラフを表示します。
録画画像を確認したい時刻のデータをクリックします。
→単画面に遷移して録画画像の再生が始まります。
ダッシュボード画面に戻る場合、画面左下の[ ダッシュボードに戻る ]ボタンをクリックしてください。
ライン・エリア・マスクを設定する
人数カウント対応の拡張アプリがインストールされたカメラに対して、カウント情報の設定をすることができます。
ブラウザでログインサイト(https://i-pro-remoservice.com)にアクセスします。
サイドメニューから [ ダッシュボード ] を選択します。
カメラ選択タブからカウント情報の設定をしたいカメラを選択し、描画設定タブから設定したい情報種別を選択してグラフを表示します。ラインを設定したい場合は[ ラインカウント ]を、エリアを設定したい場合は[ エリアカウント ]を選択してください。
画面右上の[ ライン設定 ]もしくは[ エリア設定 ]をクリックします。
→カウント設定ダイアログが表示されます。
①設定種別 | 編集する設定内容を変更できます。 から選択できます。 |
②サムネイル | 選択したカメラのライブ映像を確認しながらライン・マスクを設定することができます。 |
③選択削除ボタン | サムネイル上に描画されているライン、エリア、マスクのいずれかの情報のうち、選択中のものを削除することができます。 ライン・エリアの削除の場合、カウント個別情報で選択されているライン・エリアが削除されます。 マスクエリアの削除の場合、サムネイル上で薄赤になっているマスクが削除されます。 |
④全削除ボタン | サムネイル上に描画されているライン、エリア、マスクのいずれかの情報をすべて削除することができます。 |
⑤検知枠表示切替トグル | 検知枠表示をONにすることで、ライブ映像上の人物が検知されているか確認することができます。 ONに設定すると、検知された人物に枠を表示します。 枠色はそれぞれ下記の通りです。 ラインカウントの場合 エリアカウントの場合
ラインカウントの場合 エリアカウントの場合 |
⑥カウント個別情報 | ライン・エリアの状態(有効 / 無効)・名称・方向を設定することができます。 |
⑦閉じるボタン | ダイアログを閉じます。 |
⑧変更のキャンセルボタン | 変更した内容をキャンセルします。 |
⑨保存ボタン | 変更した内容を保存します。 |
ラインを設定する場合
ライン追加
[ ライン追加 ]を選択した状態で、追加したいラインを画面右から選択します。
すでにラインが存在する場合、追加するとすでに設定済みのラインは削除されます。
サムネイル上で始点と終点をクリックします。
ライン編集
[ ライン編集 ]を選択した状態で、編集したいラインを画面右から選択するか、サムネイル上でクリックします。選択されたラインは点線で表示されます。
サムネイル上で選択されたラインを移動することができます。
辺をドラッグすると、形状を変えずに移動させることができます。
頂点をドラッグすると、選択した頂点の位置を移動させることができます。
エリアを設定する場合
エリア追加
[ エリア追加 ]を選択した状態で、追加したいエリアを画面右から選択します。
すでにエリアが存在する場合、追加するとすでに設定済みのエリアは削除されます。
サムネイル上で検知したいエリアをクリックしていきます。始点と終点が一致した場合に、エリアの描画が完了します。
描画中にダブルクリックすることで、エリアの追加をキャンセルできます。
エリア編集
[ エリア編集 ]を選択した状態で、編集したいエリアを画面右から選択するか、サムネイル上でクリックします。選択されたエリアは点線で表示されます。
サムネイル上で選択されたエリアを移動することができます。
辺をドラッグすると、形状を変えずに移動させることができます。
頂点をドラッグすると、選択した頂点の位置を移動させることができます。
マスクエリアを設定する場合
マスク追加
[ マスク追加 ]を選択した状態で、サムネイル上で検知させたくないエリアをクリックしていきます。
マスク編集
[ マスク編集 ]を選択した状態で、編集したいマスクをサムネイル上でクリックします。選択されたマスクは赤色で表示されます。
サムネイル上で選択されたマスクを移動することができます。
マスク内部をドラッグすると、形状を変えずに移動させることができます。
頂点をドラッグすると、選択した頂点の位置を移動させることができます。