Skip to content
全部階段依各階段有效範圍顯示
全階段總覽

本頁範圍:P2 起

T-05 Entry Pickup Screen ​

教師端接送與點名設計規格P2 起
尚無原型配圖完整規格見下方正文。
畫面用途

第一線的到校確認畫面:學生抵達補習班時(校門口、校車下車點),老師或值班人員以 QR 碼掃描或手動點選確認到校,家長端即時收到「已到校」。

閱讀完整規格 ↓
變化時間線
  1. 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 就緒前以人工匯入—請假學生不列入「尚未抵達」

🔁 交互流程圖 ​

流程圖

正在載入流程圖…

⚙️ 狀態管理 ​

  1. 相機權限: 首次進入若未授權,顯示「請開啟相機權限以進行掃描」,並隱藏掃描區。
  2. 防重複掃描: 同一個學生代碼掃描成功後,30 秒內鎖定重複掃描,避免鏡頭晃動重複記錄。
  3. 家長通知: 識別成功即寫入到校事件,家長的 G-01 立即更新,並在 G-05 留下一則「已到校」訊息,不使用 LINE 推播。
  4. 離線暫存: 校園網路中斷時,掃描紀錄暫存在瀏覽器,網路恢復後自動補送。
  5. 撤銷: D 區可撤銷誤操作,撤銷會同步更新家長端並保留紀錄。

🔎 邏輯自我檢查 ​

  • 沒帶卡的學生怎麼辦? 從名單手動確認,紀錄標記為手動。
  • 請假的學生會不會被當成未到? 不會;請假資料來自 ERP,T-05 不列入尚未抵達名單。

提交版本內容版本 c096dd1f提交 7e9453e規格文件,功能實現狀態另行確認