画面メニュー

工場ゲートの来場者管理モック(顔認証エンジン: face-api.js / 永賢モックエンジン流用)

💡 動かし方: 「初めて来場した」で訪問者登録 → 顔写真撮影 → 訪問先選択 → 入場 が一連の流れ。再来場は「来場(再来場の方)」から内線/部署で訪問先選択 → 電話番号 → 顔認証で入場。データはブラウザの localStorage に保存。
📱 来場者用(iPad縦UI)

① 来場入口(実機トップ)

3択メニュー:再来場 / 初めて来場 / 守衛ダッシュボード — iPad縦想定

来場入口を開く

② 訪問者登録(シナリオ1)初回のみ

会社名・部署名・氏名・携帯電話番号 + 顔写真撮影(face-api.js 自動キャプチャ)。 登録後はそのまま訪問先選択→入場まで貫通

訪問者登録を開く

③ 訪問先の選択(シナリオ2)

タブ切替で「内線番号テンキー」または「部署→担当者」から検索。 訪問先カードにリアルタイム表示

訪問先選択を開く

④ 電話番号入力

登録時の携帯電話番号で本人特定(11桁テンキー)

電話番号入力を開く(要:訪問先選択済み)

⑤ 顔認証

登録済みの顔descriptorとEuclidean距離で照合(しきい値 0.5)。 永賢モックの face.js をそのまま流用

顔認証を開く(要:電話番号認証済み)

⑥ 入場完了

入場OK画面。訪問先情報・日時を表示し8秒で自動でトップに戻る

入場完了画面を開く
🛡 守衛用

🛡 守衛ダッシュボード(シナリオ3)

北ゲートLIVEと東ゲートMOCKの入場カウント+未退場リスト。 滞在時間自動更新、18時超でアラート行(背景赤)。退場処理ボタン付き

ダッシュボードを開く
🛠 開発者向け

localStorage クリア

登録した訪問者・入退場ログをすべてリセット

サンプルデータ投入

9時間前入場の訪問者を1名seed(18時アラート確認用)