🎒 #98 教室小幫手：26 個課堂小工具裝進一個分頁，免登入不上傳的導師百寶箱
#98 教室小幫手把導師每天分散在 8 個分頁的小工具（情緒打卡、點名、抽號、計時器、跑馬燈、分組、座位表、生日榜⋯）合進一頁 PWA，設定班級名單一次 26 工具自動帶入，所有資料只存瀏覽器本機 IndexedDB，不上傳任何雲端。
國小導師每天打開 8 個分頁，到下午就累了
點名簿一個分頁。 Google Sheet 出勤紀錄一個分頁。 情緒打卡 Google Form 一個分頁。 分組工具一個分頁。 計時器（YouTube 5 分鐘計時）一個分頁。 跑馬燈（PowerPoint）一個分頁。 抽號工具（隨便 Google 找的）一個分頁。 午餐統計 Google Sheet 一個分頁。
下午第六節改完聯絡簿要記今天小宇情緒不太好 → 打不開哪個分頁了。
我自己當導師的痛點：「每個小工具都很簡單，但加起來就累」。所以阿凱把這 26 個導師日常小工具，整合成一個分頁的 PWA。
#98 怎麼解？（26 個工具分六大組）
「教室小幫手」是一頁式 PWA 網站，設定班級名單一次，26 個工具自動帶入，不用每個工具重打名單。
🌅 基礎五件套（每天用）
- 情緒打卡牆 — 孩子進教室自己按今天心情，老師看到「班級氣壓計」，會主動發現異常情緒
- 班級 To-Do — 公告本日課程與作業，學生勾完就消失（讓孩子有「完成感」）
- 彩虹能量卡 — 隨機抽一張正向話語，破冰、轉場、收心都用得上
- 出勤記錄 — 一鍵打勾，月底匯出 PDF / CSV 給教務處
- 跑馬燈通知 — 投影機顯示，內建時鐘 + 倒數計時，課間轉場視覺一致
📚 課堂控場（隨時叫出來）
- 隨機抽號 — 回答、上台、收作業，「排除已抽過」防止偏心
- 教室計時器 — 分組討論、考試、靜默閱讀，BPM 30-220 還能當節拍器
- 隨機分組 — 打散、依條件分組、依數量分組都支援
- 上下課鈴聲 — 自訂上課 / 下課 / 收書包鈴聲
🏆 班級管理（看趨勢）
- 積點榜 — 個人 / 小組積點計算
- 月度報告 — 整月情緒 + 出勤 + 積點視覺化
- 情緒趨勢圖 — 看哪幾天班級情緒下降，反思教學策略
🎓 學生視角（讓孩子也能用）
- 成長報告 — 個人歷史卡，可印 PDF 給家長
- 班費 — 班費收支記錄
- Kiosk 打卡模式 — 教室門口 iPad / 平板模式，學生自己打卡
🎉 教室生態（節慶活動）
- 抽籤箱 — 抽座位、抽分組、抽幹部
- 班級公約 — 全班一起訂規約
- 作品牆 — 學生作品展示牆
🪑 老師日常（行政壓力 ↓）
- 座位表 — 拖拉設定，可印
- 課表 — 全班看的版本
- 生日榜 — 本月壽星自動推到跑馬燈
- 午餐記錄 — 訂餐 / 統計
- 親師聯絡簿摘要 — AI 評語草擬，5 種文風 + 字數選擇
- 行為觀察記錄 — 連續記錄某學生
- 代課交接表 — 代課老師需要知道的事
- 戶外教學行前單 — 出發前 checklist
- AI 教案草稿 — 課程設計起點
隱私設計：所有資料不離開瀏覽器
所有班級資料只存在 IndexedDB / localStorage，沒有後端、沒有雲端、沒有伺服器。
- 老師可放心讓孩子接觸（不會被當「收集學生資料」）
- 換電腦資料就要重打 → 但這也代表離職交接時不會帶走學生隱私
- PWA 一鍵安裝到桌面或平板，離線也能用
孩子情緒不該上傳到任何雲端 — 這是阿凱寫工具最一開始就決定的事。
真實技術棧
- 單頁 HTML + 原生 JS（沒框架，打開超快）
- PWA — Service Worker 快取 + manifest 安裝到桌面
- IndexedDB / localStorage — 純本機儲存
- Web Speech API — 跑馬燈可一鍵語音播報
- CSS Grid + 暖奶油紙底 — 設計語彙跟阿凱其他工具一致
- iPad / iPhone Safari 「加入主畫面」 = 桌面 App
- Chrome / Edge 網址列「安裝」 = 桌面捷徑
- 部署：GitHub Pages（cagoooo/coolclass）
早晨例行三分鐘暖場 SOP
第一節上課前三分鐘建議流程：
- 打開教室小幫手 → 投影到布幕
- 看今日能量卡 — 一句小語當作今天心錨
- 學生進教室自己按情緒打卡 — 從 5 個表情選一個
- 點名打勾 — 出勤格子掃過去就好
- 看一下情緒打卡熱度 — 如果今天紅色（生氣 / 難過）特別多 → 先處理情緒再上課
這套儀式做了一學期，學生會問「老師今天的能量卡是什麼？」 — 儀式變成期待。
跟其他工具的關係
教室小幫手不是「取代某個現有工具」，是「把 26 個分散小工具合在一頁」。
對應到阿凱工具集裡的其他親師工具：
- 對家長端 — #16 親師訊息小幫手 / #89 親師訊息 Pro 負責產出對家長的聯絡簿訊息
- 對行政端 — #2 行政業務協調系統 負責跨班級行政
- 對學生視角端 — #50 童樂學園 是學生自己玩的學習平台
教室小幫手定位是「老師自己每天用的桌面」 — 中心節點，其他工具圍著它轉。
老師回饋
「我以前用 5 個 Google Sheet 管班級，每個都要登入 → 換電腦就慘 → 換班級就重設。教室小幫手免登入這點直接救命。」
— 桃園某國小三年級導師
「班級行為觀察那個工具，我寫了一週，月底開個案會議直接調出來看 — 以前都要回去翻聯絡簿手寫紀錄。」
— 輔導老師
「孩子早晨來教室主動找『情緒打卡』在哪 — 不是我提醒他，他自己想打」
— 同校導師
配對工具推薦
- #16 親師訊息小幫手 — 教室小幫手寫紀錄、親師訊息產出對家長的話
- #89 親師訊息 Pro — 親師訊息 Pro 版含更多模板與 AI 文風
- #98 教室小幫手 — 本篇主角
適用對象
- 國小 1-6 年級導師
- 兼任輔導老師、特教巡迴老師（學生個案歷史卡好用）
- 帶班一年以上、想把零散工具整合的老師
- 不想學新平台、只想開瀏覽器就用的老師
- 重視學生隱私、不想把資料上傳到雲端的老師
想試試？
第一次打開會跳「使用引導」介紹六大組分類，第一步先設定班級名單（從 Excel 直接複製貼上就行），之後 26 個工具都自動帶入，五分鐘上手。