genba-dispatch

株式会社 e-works 能登営業所 向け 現場行き先通知アプリ

モックアップ目次 / 全画面ブラウザで動作確認可能 / 仕様: spec_v02.md v0.3

🌟 設計原則: 入力したものは "使い道があるから" 入力する
入力箇所のあるすべてのフィールドは、必ず1つ以上の "使い道画面" を持つように設計しています。 例: 資格を社員に登録 → 配車画面の班員autocompleteで必要資格マッチ判定に使われる。 元請への注意事項をマスタ登録 → 社員アプリで自動表示。 詳細は spec_v02.md §7.1 画面×データ対応表 参照。

🖥️ 管理画面 (配車担当者向け)

🏠 ダッシュボード (朝のトップ)
未到着・欠勤連絡・問い合わせ・AI提案・通知未確認を一覧。各カードから対応画面へ
2週間工程表ビュー ⚡ 高速入力＋必要資格チェック
インライン編集 / Excel流UX (Tab・矢印・Shift範囲・フィルハンドル・Ctrl+D) / 集合場所・車両マスタ連動 / 班員autocomplete に資格バッジ＋連続稼働＋必要資格マッチ / 未配員リスト＋ドラッグで配車 / 変更理由保存
🤖 AI班割提案 未来予告
過去班割パターンから明日の配員を提案。信頼度・根拠表示・「採用」で2週間工程表に書き込み
📋 日報一覧 🤖 AI翻訳＋要約
ベトナム語/ネパール語日報を自動翻訳＋3行要約＋横断サマリ＋要対応ハイライト
📊 出面表 (現場別 出勤集計)
個人別出勤日数＋協力会社ヘッドカウント＋日次推移。元請月次出面提出にそのまま使える
📨 通知 受け取り確認 集計
19時通知→社員の確認時刻を 20分以内／当日／翌日／未確認 で4段階集計。未確認者を即特定
📣 一斉通知 雨天中止1タップ
プリセット (雨天中止/時間変更/緊急集合) + 自由入力 + 4言語AI翻訳プレビュー + 全員/班/エリア絞り込み
社員一覧 (46名サンプル)
検索／フィルタ／タグ式マルチセレクト資格編集／オンボーディングコード発行
マスタ管理 (13マスタ)
プロジェクト/現場/集合場所/車両/班/資格/協力会社/元請(注意事項textarea)/エリア/ステータス等。プロジェクトに必要資格 (タグ式) も設定可能

📱 社員アプリ (Expo / iOS+Android)

初回起動 (オンボーディング)
4言語選択 + 6桁コード入力
今日の行き先 (ホーム)
自分の配車のみ表示 / 日本語・ベトナム語並列 (LLM自動翻訳デモ) / 今日↔明日タブ
明日の行き先 19時通知の着地点
毎日19時のPush通知から開かれる画面。受け取り確認ボタンが赤で目立つ。天気予報と欠勤連絡導線
行き先詳細 + 地図
地図ピン / ナビ起動 / 現場到着チェックイン / 元請別注意事項 (マスタ連動・自動翻訳) / 配車担当からの現場メモ / 日報・完了報告ボタン
日報入力 (写真＋母語) 🤖
ベトナム語版＋日本人版を並列。AI翻訳プレビューで「管理者にこう届く」を即確認
完了報告 (作業終了時)
進捗率スライダー / 完了写真 / 終業時チェック (片付・KY振返り・ヒヤリ報告)
通知履歴
過去30日のPush通知一覧。未読バッジ・確認時刻表示
🏥 欠勤連絡
「明日休みます」を母語で送信→自動翻訳→配車担当ダッシュボードに即アラート
👤 プロフィール
言語切替 (4言語) / 連続稼働状況 (36協定アラート) / 保有資格 / 通知設定

🔄 データフロー (入力 → 使い道)

A06 社員一覧/資格タグ → A03 班員autocomplete (必要資格マッチ) → A05 AI提案根拠
A07 プロジェクト/必要資格 → A03 cell編集 (必要資格バナー) → A03 班員autocomplete (赤バッジ)
A09 集合場所マスタ → A03 cell (集合場所セレクタ) → S04 行き先詳細「集合場所」
A13 元請マスタ/注意事項textarea → S04「⚠ 元請別注意」(自動翻訳)
A03 cell/班員欄 → S02 ホーム (自分の現場のみ) → A08 出面表 (個人別) → A03 未配員リスト
S04 受け取り確認ボタン → A24 通知確認集計 → A02 ダッシュボード「未確認」
S10 欠勤連絡 → A02 ダッシュボード「欠勤連絡」 → A03「⇨班員差替え」AI提案
S07 日報 (母語+写真) → A20 日報一覧 (AI翻訳+要約)
S04 現場到着ボタン → A02 ダッシュボード「未到着リスト」
A05 AI提案「採用」 → A03 2週間工程表に書込
A03 保存時/変更理由 → 将来: AI班割学習データ
凡例: 入力 → 使い道。詳細は spec_v02.md §7.1

💡 デモ時の巡回順 (友人会社向け)

  1. ダッシュボード: 朝の業務開始トップ。欠勤連絡3件・未到着3名 → 各画面へジャンプ
  2. 2週間工程表: Excelのまま置き換わる。セル編集 → 集合場所/車両/班員 のマスタ連動セレクタ
  3. セル ダブルクリック → 上部に「⚠ 必要資格: 玉掛・7tクレーン」赤バナー (プロジェクトマスタ由来)
  4. 班員欄に「ハ」と入力 → autocompleteに資格バッジ＋連続稼働 ⚠＋必要資格✓マーク。Tab で確定
  5. 下段「🚧 未配員」セルクリック → 右下に未配員パネル → 名前を掴んでセルへドラッグで配車
  6. マスタ管理 → 元請: ライト工業の「班員への注意事項」textarea で3項目入力。これが mobile-detail に出る
  7. マスタ管理 → プロジェクト: 必要資格をタグ式マルチセレクトで設定 → schedule autocomplete に即反映
  8. 社員アプリ (ホーム → 行き先詳細): 元請別注意とマスタ内容が一致して表示される (自動翻訳)
  9. 欠勤連絡: ベトナム語入力→自動翻訳プレビュー→送信。配車担当 ダッシュボードに即アラート
  10. 一斉通知: 「☔ 雨天中止」プリセット → 4言語翻訳プレビュー → 送信ボタンで進捗バー
  11. AI班割提案: 「全提案を一括採用」→ 2週間工程表へ自動遷移 → 結果確認

仕様: spec_v02.md v0.3 / ソース: worker/ admin/ mobile/ / 実コードは npm install で起動可能