画面メニュー
工場ゲートの来場者管理モック(顔認証エンジン: face-api.js / 永賢モックエンジン流用)
💡 動かし方: 「初めて来場した」で訪問者登録 → 顔写真撮影 →
訪問先選択 → 入場 が一連の流れ。再来場は「来場(再来場の方)」から内線/部署で訪問先選択 →
電話番号 → 顔認証で入場。データはブラウザの localStorage に保存。
📱 来場者用(iPad縦UI)
① 来場入口(実機トップ)
3択メニュー:再来場 / 初めて来場 / 守衛ダッシュボード — iPad縦想定
来場入口を開く
② 訪問者登録(シナリオ1)初回のみ
会社名・部署名・氏名・携帯電話番号 + 顔写真撮影(face-api.js 自動キャプチャ)。
登録後はそのまま訪問先選択→入場まで貫通
訪問者登録を開く
③ 訪問先の選択(シナリオ2)
タブ切替で「内線番号テンキー」または「部署→担当者」から検索。
訪問先カードにリアルタイム表示
訪問先選択を開く
⑤ 顔認証
登録済みの顔descriptorとEuclidean距離で照合(しきい値 0.5)。
永賢モックの face.js をそのまま流用
顔認証を開く(要:電話番号認証済み)
⑥ 入場完了
入場OK画面。訪問先情報・日時を表示し8秒で自動でトップに戻る
入場完了画面を開く
🛡 守衛用
🛡 守衛ダッシュボード(シナリオ3)
北ゲートLIVEと東ゲートMOCKの入場カウント+未退場リスト。
滞在時間自動更新、18時超でアラート行(背景赤)。退場処理ボタン付き
ダッシュボードを開く
🛠 開発者向け
localStorage クリア
登録した訪問者・入退場ログをすべてリセット
サンプルデータ投入
9時間前入場の訪問者を1名seed(18時アラート確認用)