T-05 Entry Pickup Screen
尚無原型配圖完整規格見下方正文。
- P2新增 +1移除 −0
第一版式樣草案 · Markdown 來源:03-App畫面-教師.mdGitHub 版本尚未推送;目前以本機手冊為準
原型待補: 尚無對應的 QL APP Frame,只保留文字規格;不以舊圖或生成圖替代。設計師補畫後,以只讀方式取圖並更新本節。 介面提供 English/繁體中文,下列線框為繁中版。手機版:掃描區與名單上下排列。
Teacher / Web (mobile)
🎯 功能定位
第一線的到校確認畫面:學生抵達補習班時(校門口、校車下車點),老師或值班人員以 QR 碼掃描或手動點選確認到校,家長端即時收到「已到校」。
🧱 畫面結構
text
+-----------------------------------------------------------------------+
| [A+] APlus 教師 入校模式: [ 晨間入校 ] [⚙️ 鏡頭設定] | (1)
+-----------------------------------------------------------------------+
| |
| [📸 即時掃描器] [🔍 手動錄入 / 搜尋] |
| +---------------------------------+ +---------------------------+ |
| | | | [ 輸入學生姓名... ]| | (B)
| | +---------------------+ | |---------------------------| |
| | | | | | 尚未抵達學生 (8) | |
| | | [ 掃描區域 ] | | | +-----------------------+ | |
| | | | | | | [🔘] 張小明 | | |
| | +---------------------+ | | | [🔘] 李大華 | | |
| | | | | [🔘] 王莎莎 | | | (C)
| | 狀態: [ 掃描中... ] | | +-----------------------+ | |
| +---------------------------------+ +---------------------------+ |
| |
| [🕒 最近抵達紀錄] |
| +-----------------------------------------------------------------+ |
| | [✅] Amy (08:00) | [✅] Jack (08:02) | [✅] Emma (08:05) | | (D)
| +-----------------------------------------------------------------+ |
+-----------------------------------------------------------------------+📦 區塊說明
| 區塊 | 元件 | 目的 | 行為 | 狀態 | 備註 |
|---|---|---|---|---|---|
| 1. 標題列 | 鏡頭設定 | 調整硬體配置 | 切換前後鏡頭或解析度 | 預設 | 針對手機、平板與筆電的不同配置 |
| A. 即時掃描 | 影像流 | 識別學生 QR 碼 | 自動對焦並識別學生代碼,成功時發出提示音 | 掃描中/成功(綠框閃爍) | 需要瀏覽器相機權限 |
| B. 搜尋列 | 輸入欄位 | 快速定位學生 | 輸入關鍵字過濾名單 | 啟用 | 處理沒帶卡的學生 |
| C. 手動錄入 | 學生清單 | 異常處理備援 | 點擊按鈕直接標記為「已到校」,需二次確認 | 待定(未到)/同步中 | 同步寫入家長端 |
| D. 最近抵達 | 水平紀錄欄 | 顯示最近的掃描紀錄 | 顯示最近 5~10 位,點擊可撤銷誤操作 | 成功(綠色) | 用於現場目視確認 |
| 名單範圍 | — | 只列今天應到的學生 | 依 ERP 名冊與請假資料自動更新;API 就緒前以人工匯入 | — | 請假學生不列入「尚未抵達」 |
🔁 交互流程圖
正在載入流程圖…
⚙️ 狀態管理
- 相機權限: 首次進入若未授權,顯示「請開啟相機權限以進行掃描」,並隱藏掃描區。
- 防重複掃描: 同一個學生代碼掃描成功後,30 秒內鎖定重複掃描,避免鏡頭晃動重複記錄。
- 家長通知: 識別成功即寫入到校事件,家長的 G-01 立即更新,並在 G-05 留下一則「已到校」訊息,不使用 LINE 推播。
- 離線暫存: 校園網路中斷時,掃描紀錄暫存在瀏覽器,網路恢復後自動補送。
- 撤銷: D 區可撤銷誤操作,撤銷會同步更新家長端並保留紀錄。
🔎 邏輯自我檢查
- 沒帶卡的學生怎麼辦? 從名單手動確認,紀錄標記為手動。
- 請假的學生會不會被當成未到? 不會;請假資料來自 ERP,T-05 不列入尚未抵達名單。