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

...

1. ブラウザでログインサイト(https://i-pro-remoservice.com)にアクセスします。

2. サイドメニューから [ ダッシュボード ] を選択します。
   → ダッシュボードが表示されます。 

3. カメラ選択タブからグラフを表示したいカメラを選択します。
   →画面の右側にグラフが表示されます。

①情報種別	グラフとして表示するデータのカウント種別を選択できます。 　- ラインカウント(WV-XAE200, WV-XAE300) 　- エリアカウント(WV-XAE207, WV-XAE300) から選択できます。 Note 情報種別を変更した場合、[ グラフを更新 ]ボタンをクリックしてグラフを再表示してください。
②表示種別	グラフとして表示するデータの取得期間を選択できます。 　- 直近（現在時刻から1時間分のデータを取得） 　- 期間指定（指定した期間のデータを取得 ※最大6日間） 　- 比較（指定した2日間のデータを取得） から選択できます。 Note 表示種別を変更した場合、[ グラフを更新 ]ボタンをクリックしてグラフを再表示してください。
③表示倍率	グラフの縦軸の幅を変更できます。 　最小値：1メモリ0.1人（最大1人まで表示） 　×1　 ：1メモリ 1人 （最大10人まで表示） 　×5　 ：1メモリ 5人 （最大50人まで表示） 　×10 　：1メモリ 10人 （最大100人まで表示） 　×50 　：1メモリ 50人 （最大500人まで表示） 　×200 ：1メモリ 1人 （最大2,000人まで表示） 　最大値：1メモリ1,000人 （最大10,000人まで表示） から選択できます。
④グラフ種別	グラフの種類を変更できます。 　- 棒グラフ 　- 折れ線グラフ から選択できます。 Note ラインカウントの場合 　折れ線グラフ：データの推移 　棒グラフ　　：データの合計値 エリアカウントの場合 　折れ線グラフ：データの推移 　棒グラフ　　：データの平均値 を表します。
⑤グラフを更新ボタン	情報種別・表示種別を変更した場合に、[ グラフを更新 ]ボタンをクリックすることでグラフデータを更新することができます。
⑥サムネイル	選択したカメラの直近のサムネイルと、設定されているライン・エリアが表示されます。ライン・エリアはグラフ凡例と連動して表示・非表示が切り替わります。
⑦グラフ凡例	カメラに設定されているライン・エリアの名称がリストで表示されます。グラフに表示されるデータはグラフ凡例と連動して表示・非表示が切り替わります。 情報種別でラインカウントを選択している場合、ラインのIN・Outを選択するプルダウンが表示されます。 プルダウンを変更することで、グラフの表示がリアルタイムに切り替わります。
⑧曲線で表示	グラフ種別で折れ線グラフを選択している場合に表示されます。 ボタンをクリックすることで、折れ線グラフを曲線で表示することができます。
⑨数値を非表示	ボタンをクリックすることで、グラフ上の数値を非表示にすることができます。
⑩グラフ	カメラ選択と描画設定で設定された内容のグラフを表示します。 データ上をマウスでホバーすると、その時点のデータをツールチップで確認することができます。 折れ線グラフの場合、その時点のデータをクリックすることで、単画面に遷移して録画画像を再生することができます。詳しくは「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 」をお読みください。 Note 情報種別と表示種別を変更した場合、[ グラフを更新 ]ボタンをクリックするまでグラフに設定が反映されません。
⑪グラフを拡大ボタン	グラフを最大化して表示することができます。 グラフを最大化した場合、表示倍率とグラフ種別のみ変更することが可能です。 画面右下の[ グラフを縮小 ]ボタンをクリックするか、キーボードの[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 」をお読みください。
⑬ライン・エリア設定ボタン	ラインもしくはエリアのカウント情報を設定することができます。詳しくは「ライン・エリア・マスクを設定する（リンクを貼る） 」をお読みください。

...

1. ブラウザでログインサイト(https://i-pro-remoservice.com)にアクセスします。

2. サイドメニューから [ ダッシュボード ] を選択します。
   → ダッシュボードが表示されます。 

3. カメラ選択タブからグラフを表示したいカメラを選択します。
   →画面の右側にグラフが表示されます。

4. 画面右下の[ CSV出力 ]ボタンをクリックします。

...

1. ブラウザでログインサイト(https://i-pro-remoservice.com)にアクセスします。

2. サイドメニューから [ ダッシュボード ] を選択します。
   → ダッシュボードが表示されます。 

3. カメラ選択タブからグラフを表示したいカメラを選択します。
   →画面の右側にグラフが表示されます。

4. 描画設定で[ 折れ線グラフ ]クリックし、グラフで折れ線グラフを表示します。

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

...

ライン・エリア・マスクを設定する

人数カウント対応の拡張アプリがインストールされたカメラに対して、カウント情報の設定をすることができます。

1. ブラウザでログインサイト(https://i-pro-remoservice.com)にアクセスします。

2. サイドメニューから [ ダッシュボード ] を選択します。

3. カメラ選択タブからカウント情報の設定をしたいカメラを選択し、描画設定タブから設定したい情報種別を選択してグラフを表示します。ラインを設定したい場合は[ ラインカウント ]を、エリアを設定したい場合は[ エリアカウント ]を選択してください。

4. 画面右上の[ ライン設定 ]もしくは[ エリア設定 ]をクリックします。

→カウント設定ダイアログが表示されます。

①設定種別	編集する設定内容を変更できます。 　- ライン追加　もしくは　エリア追加 　- ライン編集　もしくは　エリア編集 　- マスク追加 　- マスク編集 から選択できます。 Note ライン・エリアが設定されていない場合、ライン編集・エリア編集は選択できません。 マスクが設定されていない場合、マスク編集は選択できません。
②サムネイル	選択したカメラのライブ映像を確認しながらライン・マスクを設定することができます。
③選択削除ボタン	サムネイル上に描画されているライン、エリア、マスクのいずれかの情報のうち、選択中のものを削除することができます。 ライン・エリアの削除の場合、カウント個別情報で選択されているライン・エリアが削除されます。 Drawio mVer 2 simple 0 zoom 1 inComment 0 pageId 1175327599 custContentId 1283589411 diagramDisplayName 選択中のライン.drawio lbox 1 contentVer 1 revision 1 baseUrl https://iproiot.atlassian.net/wiki diagramName 選択中のライン.drawio pCenter 0 width 1524 links tbstyle height 804.9999999999999 マスクエリアの削除の場合、サムネイル上で薄赤になっているマスクが削除されます。 Drawio mVer 2 simple 0 zoom 1 inComment 0 pageId 1175327599 custContentId 1283621988 diagramDisplayName マスク選択.drawio lbox 1 contentVer 1 revision 1 baseUrl https://iproiot.atlassian.net/wiki diagramName マスク選択.drawio pCenter 0 width 1523.9999999999995 links tbstyle height 805 Note 選択中のライン・エリア・マスクを削除しても、カウント個別情報（状態・名称・方向）は初期化されません。 選択中のライン・エリアを削除するには、[ ライン追加 / エリア追加 ]もしくは[ ライン編集 / エリア編集 ]を選択する必要があります。 選択中のマスクエリアを削除するには、[ マスク編集 ]を選択する必要があります。
④全削除ボタン	サムネイル上に描画されているライン、エリア、マスクのいずれかの情報をすべて削除することができます。 Note ライン・エリア・マスクを削除しても、カウント個別情報（状態・名称・方向）は初期化されません。 全てのライン・エリアを削除するには、[ ライン追加 / エリア追加 ]もしくは[ ライン編集 / エリア編集 ]を選択する必要があります。 全てのマスクエリアを削除するには、[ マスク追加 ]もしくは[ マスク編集 ]を選択する必要があります。
⑤検知枠表示切替トグル	検知枠表示をONにすることで、ライブ映像上の人物が検知されているか確認することができます。 ONに設定すると、検知された人物に枠を表示します。 Image Added 枠色はそれぞれ下記の通りです。 ラインカウントの場合 　- 青：ラインを通過していない人物 　- 赤：ラインを通過した人物 エリアカウントの場合 　- 緑：エリア外にいる人物 　- 青：エリア内にいる人物 　- 赤：エリア内でアラーム発報した人物 また、検知枠表示をONにすると、設定済みのライン・エリアに対して何人が検知されているかを確認することができます。 Image Added ラインカウントの場合 　- 保存期間ごとにラインを通過した人数の合計。 　 （保存期間のデフォルトは1時間） エリアカウントの場合 　- 現在エリア内にいる人数。 Note エッジストレージ経由カメラで現在の検知人数を表示する場合、エッジストレージはDG-EU101/201/301のバージョン1.30以上にする必要があります。 Image Added
⑥カウント個別情報	ライン・エリアの状態（有効 / 無効）・名称・方向を設定することができます。 Note WV-XAE200の場合、状態表示はありません。 エリアカウントの場合、方向表示はありません。 状態が有効の場合は、ライン・エリアがサムネイル上に存在する必要があります。 名称は1文字以上20文字以内で設定する必要があります。
⑦閉じるボタン	ダイアログを閉じます。 変更された情報が存在する場合、確認ダイアログが表示されます。 Image Added
⑧変更のキャンセルボタン	変更した内容をキャンセルします。 カウント情報が変更されていない場合、ボタンをクリックすることはできません。
⑨保存ボタン	変更した内容を保存します。 カウント情報が変更されていない場合、ボタンをクリックすることはできません。

ラインを設定する場合

ライン追加

5. [ ライン追加 ]を選択した状態で、追加したいラインを画面右から選択します。
   すでにラインが存在する場合、追加するとすでに設定済みのラインは削除されます。

6. サムネイル上で始点と終点をクリックします。

ライン編集

5. [ ライン編集 ]を選択した状態で、編集したいラインを画面右から選択するか、サムネイル上でクリックします。選択されたラインは点線で表示されます。

6. サムネイル上で選択されたラインを移動することができます。
   辺をドラッグすると、形状を変えずに移動させることができます。

　 頂点をドラッグすると、選択した頂点の位置を移動させることができます。

エリアを設定する場合

エリア追加

5. [ エリア追加 ]を選択した状態で、追加したいエリアを画面右から選択します。
   すでにエリアが存在する場合、追加するとすでに設定済みのエリアは削除されます。

6. サムネイル上で検知したいエリアをクリックしていきます。始点と終点が一致した場合に、エリアの描画が完了します。
   描画中にダブルクリックすることで、エリアの追加をキャンセルできます。

エリア編集

5. [ エリア編集 ]を選択した状態で、編集したいエリアを画面右から選択するか、サムネイル上でクリックします。選択されたエリアは点線で表示されます。

6. サムネイル上で選択されたエリアを移動することができます。
   辺をドラッグすると、形状を変えずに移動させることができます。

　 頂点をドラッグすると、選択した頂点の位置を移動させることができます。

マスクエリアを設定する場合

マスク追加

5. [ マスク追加 ]を選択した状態で、サムネイル上で検知させたくないエリアをクリックしていきます。

マスク編集

5. [ マスク編集 ]を選択した状態で、編集したいマスクをサムネイル上でクリックします。選択されたマスクは赤色で表示されます。

6. サムネイル上で選択されたマスクを移動することができます。
   マスク内部をドラッグすると、形状を変えずに移動させることができます。

　 頂点をドラッグすると、選択した頂点の位置を移動させることができます。