MomoLab 出品
小桃子 2.0 系統白皮書
全端教育 SaaS 平台 | 國中+國小雙學制 | 完整功能架構總覽
👨🎓
學生端功能 (Frontend)
登入與身分系統
Google 帳號綁定(電腦版 Popup + 手機版 Redirect 雙軌無縫切換)。
手動輸入班級/座號/姓名登入(支援無 Google 帳號的離線情境)。
座號衝突即時檢測:精準阻擋佔用他人座號。
跨裝置資料恢復:換裝置登入時,自動從雲端合併錯題本與答題紀錄。
NEW
多科目動態適配:國中國文十全戰力(10 維度)、國小 PIRLS 閱讀歷程(4 層次)、英文(6 維度)、自然(7 維度)、社會(6 維度),分類、雷達圖、家長報表依題庫科目自動切換。
四大陣營系統 (RPG 化)
破曉之鋒 / 蒼穹逐日 / 龍影之銳 / 浪峰破軍,一經選定不可更改。
陣營動態積分(出題×5 + 答題×1 + 獲讚×2)。
教主特權系統:積分最高者自動加冕,擁有自訂陣營名稱特權。
出題工作坊 (UGC 創造)
內建國文 10 維度+PIRLS 4 維度+英文 6 維度+自然 7 維度+社會 6 維度(依科目動態切換)。
三種署名模式:真名 / 匿名 / 自訂江湖化名。
NEW
支援圖表多媒體出題:支援學生上傳圖片輔助說明。內建「Canvas 智慧壓縮引擎」,自動將大圖瘦身並無感上傳至 Firebase 雲端圖床,確保大廳瀑布流載入毫秒級順暢,且搭配「U10 鐵壁防禦」完美解決多頁列印跑版問題!
NEW
防手滑草稿引擎:即時存入 localStorage,跳出頁面也能完美還原進度。
NEW
連續出題鎖定模式:勾選「📌 鎖定分類與來源」後,送出題目僅清空題幹與選項,保留分類、來源等設定,連出同一課的題目效率翻倍。
NEW
🎤 語音輸入雙軌:電腦端(Chrome/Edge)題目與解析欄位內建 Web Speech API 語音辨識按鈕;行動端自動提示使用鍵盤內建麥克風,打字與口說零死角切換。
來源追蹤(課本/考題/辭典等),支援多重細部欄位。
防洗版機制:送出前自動比對題庫字串相似度,阻擋重複題目。
闖關挑戰與互動
隨機 5 題快速挑戰,支援 TTS 語音朗讀(Web Speech API,具備防中斷修復)。
NEW
題目圖片完美渲染,支援鎖死高度防止版面破壞。
NEW
📊 圖表題 Chart.js 視覺化:AI 生成的圖表題自動偵測表格數據,渲染為長條圖/折線圖/圓餅圖,支援「📊 表格 ↔ 📈 圖表」一鍵切換。
連擊特效:連續答對 3 題觸發畫面震動慶祝。
社群解題與投票:「我也來解」共創解析,按讚機制寫入雲端 Transaction 防衝突。
墨香錯題本 & 出版引擎
自動收集錯題,內建「康乃爾筆記法」雙欄排版。
Retina 級手寫畫布:支援二次貝茲曲線平滑、自訂顏色與橡皮擦。
NEW
📷 紙本筆記拍照上傳:一鍵拍下手寫講義或測驗卷,自動壓縮上傳至雲端,完美嵌入該錯題下方,數位與紙本學習軌跡無縫融合。
NEW
☁️ 手寫畫布雲端儲存:畫布筆記自動上傳至 Firebase Storage(僅存 URL),大幅降低 Firestore 文件大小與 localStorage 佔用,支援離線降級。
艾賓浩斯盲盒:根據遺忘曲線(1天/3天/7天)自動提醒複習。
列印出版引擎:自訂標題、主題色、一鍵「遮蔽答案」,原生支援 iOS 完美多頁列印。
NEW
刪除錯題確認機制:防止誤觸垃圾桶圖示遺失手寫筆記。
個人戰情室 & 家長報表
近 7 次答題折線圖與學習戰力雷達圖。
AI 弱點指引:自動偵測並提示最弱分類(國中十維度 / 國小 PIRLS 四層次)。
三軌成就徽章:出題 / 闖關 / 解題(分數量與質量雙指標)。
家長安心報表:生成專屬唯讀連結,內建 AI 親師增強指南(含具體稱讚與生活化策略,國小 PIRLS 模式提供閱讀歷程維度建議)。
NEW
🔐 家長連結隨機化:報表連結改用 12 位隨機 token(62¹² 種組合),取代可猜測的班級座號格式,防止學生資料被逐一列舉。
NEW
🔬 落地版 AI 診斷系統:錯題解剖(拆解思考盲區)、弱點特訓(直擊最弱維度,自動過濾已答對題目)、強項訣竅(鞏固優勢方法),搭配答題趨勢折線圖追蹤每週進步幅度。
NEW
📈 答題趨勢折線圖:依週統計正確率 + 答題量雙軸圖表,學習節奏與進步軌跡一目了然。
NEW
⚔️ 五科戰力分析:國中十維度、國小 PIRLS 四層次、英文/自然/社會各科維度,自動計算各維度正確率並生成戰力雷達圖。
離線與 PWA 支援
Service Worker 離線快取:核心頁面與 CDN 資源預先載入,斷網也能使用基本功能。
離線佇列:斷網時出題/答題操作自動暫存,恢復連線後無感同步至雲端。
PWA 安裝支援:可直接加入手機桌面,擁有原生 App 般的全螢幕體驗。
無障礙與操作體驗
View Transitions API 頁面轉場動畫:畫面切換絲滑不閃爍。
鍵盤快捷鍵:ESC 關閉所有 Modal、Enter 鍵快速下一題。
ARIA 語意標籤:所有主要視圖與 Modal 均具備無障礙標記。
XSS 防護:所有使用者輸入內容均經 escapeHTML 過濾,防止惡意注入。
行動裝置優化:支援 iOS safe-area、44px 觸控熱區、`prefers-reduced-motion` 減動畫模式。
👩🏫
教師總監後台 (Admin)
存取控制與隱身術
嚴格白名單信箱驗證(僅限指定總監登入)。
NEW
總監隱身術:老師登入時自動指派虛擬身份 (Admin, 00號),完美解決佔用學生座號與 Live 測驗發射的衝突。
審核與糾錯中心
逐題核准/退回,或一鍵批次處理全部待審題。
NEW
審核與糾錯畫面全面支援圖片預覽。
學生糾錯回報管理:一鍵開啟編輯器修改答案或駁回回報。
段考封存機制:自訂封存標籤,題目自大廳下架但保留所有數據。
題庫全能編輯器
支援關鍵字即時搜尋(內建防抖動效能優化)。
無限制編輯題幹、選項、正解、解析與狀態,修改後自動同步更新首篇解答。
NEW
📥 CSV 批次匯入引擎:一鍵上傳 CSV 檔案,瞬間灌入數十題至題庫,狀態直接為「已核准」,支援中英文欄位名稱與引號內逗號,自動辨識國中/國小分類模式,新班級暖機零成本。
NEW
🚪 透視鏡 6 碼傳送門:與《
試題透視鏡
》生態系連動,輸入 6 碼即可將 AI 題卷一鍵匯入題庫——
國中國文、國小國語(PIRLS)、英文、自然、社會五科全面支援
,題目分類自動對應,含獨立閱讀素材展開框,支援超長文本與表格自動渲染。
NEW
🔬 會考仿生題六碼匯入:透視鏡的「會考仿生類題」現已完整支援六碼管線——仿生題可合卷分享、Word 教用/學用匯出,並透過六碼直接匯入小桃子題庫,文言文註釋(notes)完整保留。
NEW
🤖 AI 快捷微調 + 對話式微調:在編輯器內一鍵呼叫 Claude AI 調整題目——降低難度、提高難度、改寫選項、換題幹、加長解析五大快捷指令,或開啟對話模式用自然語言指示 AI 精修(如「選項 B 換個說法」「題幹改成反面問法」),修改結果即時回填欄位,老師微調零門檻。
AI 寫作命題助手
NEW
✍️ 六種寫作題型生成:議論型(情境兩難+正反觀點)、情境型(生活場景描述)、圖表型(統計數據分析)、多文本型(2-3 篇短文對照)、引導式(名言/短詩延伸)、圖像敘事型(六格漫畫分鏡腳本)。
NEW
📝 會考六級分評分規準:自動對齊官方四大面向(立意取材、結構組織、遣詞造句、錯別字格式標點),含六級分~零級分完整判準。
NEW
👩🏫 教師備課筆記:每題自動生成預期論點 3-4 個、常見偏誤 2-3 個、教學切入點,以及學生思考鷹架(4-5 個腦力激盪問題)。
NEW
📄 Word 教用卷/學用卷匯出:教師版含評分規準與備課筆記,學生版僅含題目與回答空間。支援列印版一鍵輸出。
支援 9 大主題:校園生活、家庭關係、社會議題、科技與生活、自然與環境、成長與自我、文化與傳統、倫理與價值、自訂主題。
支援國七、國八、國九(會考)三年級適配。
學生狀態監視器
五維度核心數據:出題/答題/正確率/解題/獲讚。
真實雷達圖:強制拉取 Firebase 雲端真實數據,非本機快取。
完整出題足跡追蹤:揭露匿名/化名背後的真實姓名與信箱。
一鍵列印獨立學生 A4 戰報,防破版技術支援。
數據分析儀表板
單班 / 全年級 / 全校 三段式範圍切換。
分類與來源分佈長條圖。
全班參與度交叉排行,以及「最難 TOP 5 殺手題」自動盤點。
陣營教主管理:可強制覆寫/重置不雅的陣營名稱。
NEW
🔬 全班盲點分析:AI 自動彙整全班高錯誤率題目,識別共同知識盲區,生成精準補救教學建議。
NEW
🎯 結構化陷阱分析(trapTypes):AI 自動萃取每題的誘答陷阱類型(如字形混淆、語境誤判、數據誤讀等),老師可精準掌握哪些陷阱類型最常絆倒學生。
NEW
📊 真實會考 ABC 群數據:透視鏡匯入的仿生題攜帶原題 ABC 群選答分佈與鑑別度指標,老師可直接比對仿生題與原題的難度對標情況。
Live 即時競技場
勾選題目建立自訂題卷,設定倒數計時(10-120秒)。
NEW
跨班級發射器:支援指定特定班級發射。
一鍵發布,全班畫面瞬間切換為全螢幕同步測驗。
即時監控作答人數,測驗結束自動生成全班分數長條圖與錯誤率排行榜。
NEW
💓 心跳偵測機制:老師端每 15 秒更新 heartbeat,學生端自動偵測超過 2 分鐘無心跳的孤兒 session,避免老師關閉瀏覽器後學生被困住。
NEW
教師答題隔離:老師預覽 Live 測驗時的作答不計入學生統計。
進階演算法
學習一致性演算法:計算登入活躍日與間距標準差,評估「規律度」。
爆發力演算法:滑動視窗計算「3天內最大產出」,精準捕捉學習狂熱期。
報表匯出與引導
學生個人報表一鍵匯出 PDF(html2pdf.js 按需動態載入,首次使用才下載,不拖慢頁面)。
空題庫智慧引導:當班級尚無題目時,自動顯示友善引導提示,降低師生焦慮。
⚙️
技術底層架構
雲端服務
Firebase Auth(Google OAuth 2.0)
Cloud Firestore(即時同步資料庫)
Firebase Storage(圖片雲端圖床)
Netlify 靜態部署 + CDN
前端技術
Tailwind CSS(原子化樣式)
Chart.js(雷達圖 + 折線圖 + 圖表題渲染)
Canvas API(圖片壓縮 + 手寫畫布)
Web Speech API(TTS 語音朗讀)
效能與安全
Service Worker(混合快取策略)
View Transitions API(轉場動畫)
html2pdf.js(按需動態載入)
Vanilla JS 零框架(極致輕量)
NEW
CSP 安全策略 + SRI 完整性驗證
NEW
escapeHTML 全域 XSS 防護(11 處)
NEW
API Key 混淆保護 + Proxy 代理
NEW
🔒 Firestore Security Rules 完整 9 集合規則,移除 catch-all 漏洞
NEW
🔒 Storage Rules:路徑白名單 + 檔案大小/類型限制 + 防覆蓋
NEW
教師審核面板 XSS 修復:inline onclick 改為 data 屬性 + 事件委派
NEW
模組化架構:app.js 拆分為 8 個獨立模組,降低維護風險
📖 產品介紹頁
🍑 直接進入小桃子
架構設計與開發:胡淨羽 (Momo)
Powered by MomoLab