👨🏫 #10 班級小管家:加分會讓寵物長大的班級經營工具箱,抽籤、分組、聯絡簿到換電腦同步一次看懂
班級小管家不是點名系統,而是上課用得到的班級經營工具箱。加分會讓班級寵物成長、累積金幣換獎勵;抽籤、分組、計時鬧鈴、聯絡簿、安靜挑戰都在同一頁。登入 Google 後,學校和家裡的電腦可以接續同一份資料。
先說清楚:這不是點名系統
班級小管家(#10)沒有點名,也沒有出缺勤統計。它管的是「上課時會用到的事」:誰加了分、誰被抽到、這組有誰、還剩幾分鐘、明天要帶什麼。
2026 年 9 月以後,它多了學生最有感的一塊:班級寵物。
加分,寵物就會長大
每位學生有一顆神祕蛋。老師平常怎麼加分就怎麼加分,加幾分,寵物就多幾點成長值:
- 10 成長值孵化:從 30 種原創寵物隨機揭曉,孵化前誰也不知道會是哪一隻
- 三個階段:幼年(Lv.1)、成長期(Lv.3)、成熟期(Lv.5),造型和互動動作會跟著變
- 扣分不會讓寵物退化:扣分只扣分數,成長值與金幣不受影響
- 全班圖鑑:任何一位同學孵出新種類,全班圖鑑就多亮一格;老師也可以開「全班共同任務」,達標就領一顆班級收藏蛋
寵物是用 Blender 建模後預先渲染的圖:30 種、三個階段、每階段五種表情與姿態,共 450 張。點一下寵物會跳、會揮手、會說話,但互動不會改變分數。
一位老師的回饋,讓規則變簡單
原本自訂獎勵規則要分別填「分數、成長值、金幣」三個數字。有老師反映三種額度不知道怎麼配,2026-10-29 的 v3.61.0 改成 只填分數:加分時成長值和金幣自動增加同樣數量。規則越少,老師越敢用。
金幣商店:存下來換獎勵
班級開啟金幣後,加分會同步累積金幣。商店分成三個分頁:
- 兌換獎勵:選學生、選獎勵,只扣金幣,不扣分數和成長值
- 獎勵設定:直接在清單上改名稱和價格,常用獎勵點一下就加入
- 兌換紀錄:可依學生、交付狀態篩選,一眼看出誰的獎勵還沒給
學生在家也看得到自己的寵物
老師用 Google 登入後,可以替每個班建立分享連結或 QR Code。學生不用登入就能打開學生頁,找到自己的寵物、看還差多少才升級。
分享頁刻意少放東西:姓名預設遮罩(例如「鍾○哲」)、不顯示分數與加扣分原因、還沒孵化的蛋也不透露種類。
上課最常按的幾個功能
加扣分:可以先選學生再按項目(一次給多人),也可以先按項目再連續點學生。給錯了,底部有 8 秒內的「撤銷」,分數、成長值、金幣一起退回。
抽籤:名字卡片像拉霸一樣滾動定格,也能開「投影抽籤」全螢幕大字;抽中的同學可以直接 +1 分,請假的同學一鍵改抽別人。
分組:依組數或每組人數分組,預覽會照實際分配顯示,例如「4 組 4 人、3 組 3 人」;點名字設組長,結果可以複製或匯出 Excel。抽籤和分組共用同一份「今天請假」名單。
計時器:除了倒數、正數、番茄鐘,還有「定時鬧鈴」:設好「10:00 下課」、選週一到週五重複,切到別的功能頁也會準時響。
聯絡簿:以「哪一天」為中心,一次貼多行就變成多則事項;按「複製今天」會產生能直接貼到 LINE 或 Classroom 的文字,也能大字投影。
作業檢查:作業列表可以拖曳排序,在名稱上點兩下就能直接改名,學生的繳交狀態不受影響。
另外還有考試監考、班級經營白板、潔牙勾選表、成績單評語產生器、生動對話小學堂,以及開學破冰用的十二生肖拉霸機。
🤫 安靜挑戰:讓麥克風當裁判
午休、考前、寫作業時,打開「安靜挑戰」:電腦麥克風即時看全班音量,小幫手(貓頭鷹、小貓、小熊、兔兔、熊貓)跟著換表情,太吵就摀住耳朵。
一開始有老師反映「太敏感」,因為每台電腦的麥克風靈敏度差很多。v3.58.0 加入 自動校正:先聽 3 秒教室平常的聲音,再決定多大聲才算吵。挑戰成功後,老師按一下就能全班加分,寵物也一起長大。
聲音只在這台電腦即時分析,不錄音、不上傳。
換電腦:存到雲端、取回這台電腦
資料平常存在這台電腦。用 Google 帳號登入後,才會同步到雲端(Firebase Firestore),換電腦也接得上。
有老師說「還原」聽起來像電腦重灌,回家不敢按。v3.63.0 把右上角頭像選單改成兩組白話按鈕:
- 📤 把這台的資料存到雲端:離開學校前按
- 📥 把雲端的資料取回這台電腦:到家裡的電腦按
第一次登入會有教學引導,一步步圈出每個按鈕;之後也能從選單裡的「換電腦怎麼做?看教學」重看。取回前,系統會先另存一份這台原本的資料,雲端上的資料不會被改動。
如果兩台電腦各自改了同一班(例如學校加了分、家裡改了聯絡簿),v3.62.0 起會比對上次共同的版本,把兩邊新增的紀錄合併起來;只有同一個欄位兩邊改成不同內容這類判斷不了的情況,才請老師比較後自己選。
技術上怎麼做的
- 純 HTML/CSS/JavaScript,沒有使用前端框架:主頁
classnew.html約 270 KB,加上 62 個 JS 模組、10 個 CSS 檔 - 本機資料存在 IndexedDB 與 localStorage;雲端用 Firebase Firestore 搭配 Google 登入
- 部署在 GitHub Pages,每次更新都要先通過資料安全、同步、寵物等自動測試才會上線
- 隱私:沒登入時資料只在這台電腦;錯誤通報只帶座號,不帶學生姓名
- 重要的同步修正會挑「不打斷上課」的時機自動更新:沒有計時、全螢幕或對話框在使用時才重新載入
配對工具推薦
- #89 教師回覆小幫手 Pro — 回覆家長訊息
- #7 點「石」成金 — 期末評語再潤飾(可以先用班級小管家內建的評語產生器打草稿)
想試試?
第一次使用,建議先在「學生管理」下載 Excel 範本匯入名單,再到「班級寵物」開啟寵物,之後照平常加分就好。