恩寶聯絡簿 · KidsBond
App 全貌與頁面導覽
一眼看懂整個 App:有哪些頁面、各角色看到什麼、每個頁面怎麼抵達。每節先用 流程圖畫出「從哪個畫面、點哪個按鈕 → 到哪個畫面」,再用 實機畫面逐頁說明能做什麼與角色限制。
怎麼讀這份導覽
節點=一個頁面,箭頭上的文字=你要點的按鈕/動作。🔒 角色限定標記=該頁有角色限制;空狀態=示範園尚無資料,畫面結構與抵達方式仍正確。點任一截圖可放大。
整體架構
一個帳號、多重身分;登入後依角色看到不同的家
恩寶聯絡簿是「個人帳號 + 關聯」模型:同一個人可以同時是老師又是家長、或跨多園任職,登入後以「身分選擇」切換。離開園所只會軟刪關聯、不刪帳號(配合法定保存年限)。
| 角色 | 看到的主框架 | 核心動作 |
|---|---|---|
| 老師 TEACHER | 幼兒名冊(首頁) | 寫照護紀錄、上傳照片、通報、檢核 |
| 家長 GUARDIAN | 寶貝聯絡簿 Feed | 查閱、簽收回條、簽同意書、繳費確認 |
| 園長 / 行政 | 營運總覽 Dashboard | 管理、審核、評鑑、營運 |
登入後進入 HomeShell(底部 4 個 Tab),依角色顯示不同內容:
| Tab | 老師 | 家長 |
|---|---|---|
| 1 | 幼兒(幼兒名冊·首頁) | 我的寶貝(單寶直接看 Feed) |
| 2 | 園所(公告/活動/行事曆/園務) | 園所(含今日菜單,無園務) |
| 3 | 訊息(親師聊天) | 訊息(親師聊天) |
| 4 | 我的(帳號/管理/設定) | 我的(帳號/繳費/設定) |
註冊 / 登入流程
邀請碼綁定、保母開站、體驗模式
家長拿園所給的邀請碼經「加入」綁定寶寶;老師同樣用邀請碼加入園所;保母(居家托育)走獨立的「建立托育之家」開站流程。也可先用體驗模式逛唯讀示範資料。
老師 App
幼兒名冊(首頁)→ 聯絡簿 Feed → 寶寶資料 13 模組
老師端的首頁就是「幼兒名冊」——點任一寶寶進「聯絡簿 Feed」是最常用的動線。「今日任務」(系統彙整的今日待辦)收在首頁上方的清單圖示,不再是獨立首頁;首頁右下的 FAB 速控盤則放點名/批次/交接/完整度。寶寶資料樞紐底部的模組九宮格,是抵達所有單童功能的入口。
3.1 首頁與全園動作
速控盤(右下 FAB 展開)的四個動作頁:
3.2 聯絡簿 Feed(照護紀錄樞紐)
從幼兒名冊點任一寶寶 → 進入該童聯絡簿 Feed,這是老師最常用的頁面:今日總覽 + 紀錄時間軸。新增紀錄走底部常駐快選(或首頁右下速控盤的批次記錄);右上有「匯出本月」(僅老師)與「寶寶資料」入口,單則紀錄可留言。
3.3 寶寶資料樞紐的模組九宮格
「寶寶資料」頁底部的模組九宮格,是抵達所有單童功能的入口。老師可見以下 13 個;家長端再多「離園紀念冊/匯出紀錄/現場簽到」共 16 個(見家長 App 段)。
3.4 園所 Tab(公告 / 活動 / 行事曆 / 園務)
3.5 訊息 Tab 與我的 Tab
家長 App
查閱、簽收、確認、繳費為主
家長若只有一個寶寶,首頁直接是該寶寶的聯絡簿 Feed(多寶則先選寶寶)。家長動作以查閱、簽收、確認、繳費為主——成長/發展等模組畫面與老師端相同,但為唯讀查閱或委託/簽收視角。
4.1 首頁與寶寶中樞
4.2 家長專屬功能
4.3 園所 / 訊息 / 我的
家長端的成長/發展/成長回顧/接回委託/用藥委託/請假等模組,畫面與老師端相同但為唯讀查閱或委託/簽收視角(無新增照護紀錄、上傳照片等老師專屬動作)。寶寶資料九宮格家長比老師多三項:離園紀念冊、匯出紀錄、現場簽到(掃中心牆上 QR 報到)。通知中心(鈴鐺)為全角色共用,非家長專屬。
園長 / 行政端
營運總覽、員工管理、評鑑就緒、問卷與財務
園長與行政(DIRECTOR / ADMIN)登入後的首頁 tab 就是「營運總覽」:今日營運、待處理、異常燈號、評鑑就緒度一眼掌握全園;首頁右上的 groups 圖示進逐童清單。所有管理功能收在「我的」tab 的「園務管理」樞紐底下——幼兒/成員/邀請/評鑑/問卷/財務/升班/設定,多數有角色限制。
園長端與老師/家長端為同一套 App、同一帳號體系——以登入身分決定可見頁面。「園務管理」各入口有角色限制:園所設定僅園長(DIRECTOR);評鑑模組、小朋友升班表、調查問卷、繳費管理、產生本月學費單限園長/行政;保母(HOME_CARE)另有專屬「我的合規紀錄」。此外尚有「匯出托育日誌」「產生本月學費單」等入口(此處未逐一截圖)。
Web 園所後台
桌面大螢幕的批量管理與評鑑輸出
Web 園所後台僅供園所人員登入(家長無法登入),與 App 共用同一套設計語言(暖珊瑚、圓潤)。它補 App 之不足:大螢幕批量管理、表格檢視、評鑑資料輸出,園長同時看 App / Web 不會感覺兩套設計。