G-01 Multi-child Status Dashboard
尚無原型配圖完整規格見下方正文。
- P2新增 +1移除 −0
第一版式樣草案 · Markdown 來源:12-App畫面-家長.mdGitHub 版本尚未推送;目前以本機手冊為準
原型待補: 尚無對應的 QL APP Frame,只保留文字規格;不以舊圖或生成圖替代。設計師補畫後,以只讀方式取圖並更新本節。 接送狀態的資料來自 T-05、T-06 與 A-02。
Parent / LINE Web
🎯 功能定位
家長端首頁,提供多位孩子的即時狀態看板,讓家長一眼確認孩子的到校、點名與下課進度,並作為進入接送預約(G-02)、聯絡簿(G-04)與訊息(G-05)的入口。
🧱 畫面結構
text
+---------------------------------------+
| [A+] APlus 家長 [🔔] | <-- 頂部(🔔 進入 G-05)
+---------------------------------------+
| +-------+ +-------+ +-------+ |
| | (IMG) | | (IMG) | | (IMG) | | <-- 子女切換器 (A)
| | 小明 | | 小華 | | 小言 | |
| +-------+ +-------+ +-------+ |
| ^ 選中 |
+---------------------------------------+
| 小明 · 目前狀態 | <-- 即時狀態卡片 (B)
| [🟢 在校中] (未到校時顯示 [🟠 未到校]) |
| 📍 所在地點:Room 302 |
| 🏫 所屬班級:Grade 2 - Class A |
| 📚 目前課程:Level 3 |
| 時間軸:到校 08:02 → 上課 → 待接送 |
| 🕒 更新時間:14:15 |
+---------------------------------------+
| 最新動態 [全部] | <-- 動態列表 (C)
| ● [重要] 老師發送了一則訊息 |
| ● [到校] 小明 08:02 已到校 |
+---------------------------------------+
| [🏠首頁] [🚗接送] [📖聯絡簿] [🔔訊息] [⚙️設定] | <-- 底部導航 (D)
+---------------------------------------+📦 區塊說明
| 區塊 | 元件 | 目的 | 行為 | 狀態 | 備註 |
|---|---|---|---|---|---|
| A. 子女切換器 | 頭像卡片 | 切換不同孩子 | 點擊切換 B、C 區內容;可水平滑動 | 選中/未選中 | 只綁定一位孩子時自動隱藏 |
| B. 狀態卡片 | 今日時間軸 | 呈現今日流程進度 | 點擊節點看詳細時間(例如到校時間) | 已完成(綠)/進行中(藍)/未到校(橙)/事故(紫) | 資料來自 T-05、T-06 與 A-02 |
| B. 狀態卡片 | 備註標籤 | 顯示地點與重要備註 | 有特殊訊息時以高亮背景顯示 | 一般/緊急 | 可顯示老師發送的特殊訊息 |
| C. 動態列表 | 通知項目 | 顯示近期動態 | 點擊跳到對應訊息或協調畫面 | 未讀(紅點)/已讀 | 緊急與特殊訊息置頂 |
| D. 底部導航 | 圖示 | 切換功能 | 五個固定項目 | 選中(首頁) | 固定於畫面底部 |
🔁 交互流程圖
正在載入流程圖…
⚙️ 狀態管理
- 資料來源: 到校來自 T-05;點名來自 T-06;離校來自掃碼或 A-02 手動離校。正式出缺勤以 ERP 為準,APlus 只顯示接送與點名事件。
- 未到校: 老師點名時學生未到且沒有請假,卡片顯示「未到校」,同時在 G-05 留下紀錄,並提醒老師聯絡家長(沿用冬令營規則)。
- 更新頻率: 開啟頁面與每次回到前景時更新;有新訊息時顯示紅點。
- 離校後: 狀態變為「已離校」,30 分鐘後從今日看板移到歷史動態。
🔎 邏輯自我檢查
- 多位家長同時看是否一致? 一致,所有綁定的家長看到同一份資料。
- 請假的孩子顯示什麼? 顯示 ERP 的請假狀態,不顯示成未到校。