2026年7月22日 星期三

教師課堂管理整合工具 V5(使用GAS+html可一鍵佈署版)

 

教師課堂管理整合工具 V5

用一個網頁搞定加扣分、作業追蹤、座位表與雲端備份
GAS + HTML | 免安裝 | 免費用 | 雲端同步
📥 取得工具(開啟試算表)點擊後建立副本即可開始使用

📖軟體由來

身為一個每天要處理加扣分、追作業、排座位的老師,我深深感受到課堂管理的瑣碎與耗時。市面上的工具要嘛功能太分散,要嘛需要安裝軟體、擔心資料安全性,更有些需要付費才能使用完整功能。

我想要的其實很簡單:一個網頁就能搞定所有事情,不用安裝任何東西,資料存在 Google 雲端,換電腦也能繼續用。就這樣,我從零開始,用 GAS(Google Apps Script)搭配 HTML,一步步把這個工具打造出來。

從最早的加扣分功能開始,到後來陸續加入座位表、作業追蹤、抽籤系統、計時器,一直到現在的 V5 版本,整合了多班級管理與雲端自動備份。每一個功能都是我從課堂實戰中提煉出來的,真正解決了老師們常遇到的痛點。



核心功能總覽

這個工具包含了我認為一位老師在課堂管理上幾乎會用到的所有功能:

🏫
多班級管理
支援多班切換,馬卡龍配色主題
📊
加扣分系統
個人與群組計分,座位表視圖
📝
作業檢核
顏色標記追蹤,四種狀態切換
🪑
座位表生成
按列/按組排列,拖曳調整
🎲
隨機抽籤
全螢幕動畫,活絡課堂氣氛
⏱️
倒數計時器
預設/自訂時間,緊張音效
📋
聯絡簿顯示
全螢幕投影,學生直接抄寫
🏆
兌獎系統
點數兌換獎勵,歷史紀錄
📈統計報表
每週/每月統計,長條圖視覺化
📄
PDF/Word 匯出
作業清單與加扣分總表
☁️
雲端備份
30 秒自動同步至 Google 試算表
📦
資料匯入匯出
JSON 格式,單班或全部匯出

🎓課堂教學上的實際應用

🎯 正向增強:讓加分成為習慣

加扣分不只是紀律工具,更是正向行為的即時回饋。透過座位表視圖,我可以看著學生的座位直接加分,不需要翻名冊、不需要打字,一個按鈕就完成。當學生看到自己的分數在全螢幕上跳動,那種成就感是紙本紀錄無法比擬的。

更進階的是「群組計分」模式,我會在小組討論時使用。當某一組的回答特別好,我直接幫整組加分,讓團隊合作產生正向壓力,也讓沉默的學生因為組員的表現而被帶動。

📝 作業追蹤:再也不用追著學生要作業

作業追蹤是我覺得最實用的功能。每天設定好作業內容後,隔天用「檢」按鈕進入檢核表,看到的是學生姓名配上每項作業的狀態按鈕。點一下就切換狀態:紅色=未繳交綠色=已繳交橘色=待訂正藍色=已訂正

到了期中或期末,一鍵匯出 PDF 作業清單,連「誰沒交、誰还没訂正」都標註得清清楚楚。拿來跟家長溝通,或是做為學生學習歷程的佐證,都比口頭說的有說服力。

🪑 座位表:不只是排座位

這個座位表不只是好看而已。它支援「按列」與「按組」兩種排列方式,我可以根據教學需求自由切換。座位表上的每個格子都顯示學生的姓名與累積分數,有未完成作業的學生還會標示 ❌,點一下就能直接跳到該學生的作業追蹤頁面。

拖曳功能也很方便,開學初調整座位時,直接把學生名字拖到新位置就好,不用重新輸入。

☁️ 雲端備份:換電腦也不怕

這是 V5 最重要的升級。透過 GAS + Google 試算表,系統會每 30 秒自動備份所有資料到雲端。就算我換了一台電腦、甚至換了瀏覽器,只要打開同一個網址,所有班級資料就會自動同步回來。再也不用擔心資料消失的恐懼。

🔧使用教學:從零開始設定

🚀 部署步驟(GAS + HTML 一鍵佈署)

  1. 開啟我提供的 Google 試算表,點擊「檔案」→「建立副本」,將試算表複製一份到自己的 Google 雲端硬碟。
  2. 在自己的副本中,點擊「擴充功能」→「Apps Script」開啟指令碼編輯器。
  3. 點擊右上角「部署」→「新增部署」。
  4. 選擇類型為「網頁應用程式」。
  5. 執行身分:選擇「我 (Me)」(重要!)
  6. 誰可以存取:選擇「任何人 (Anyone)」(重要!)
  7. 點擊「部署」,複製產生的網址,這就是你的工具網址。

⚠️ 首次部署後,若要更新程式碼,需在「新增部署」時選擇「新版本」,才能讓修改生效。

📌 日常操作流程

  1. 建立班級:在初始畫面點擊 ➕ 按鈕,輸入班級名稱(如「601班」)。
  2. 輸入學生:點擊左上角 ☰ 選單 →「輸入學生姓名」,每行一個名字貼上。
  3. 設定作業:在日曆上找到今天,點擊 按鈕輸入作業內容。
  4. 抄聯絡簿:點擊 按鈕,全螢幕顯示作業內容,投影到螢幕讓學生抄寫。
  5. 收作業檢核:隔天點擊 按鈕,逐一點擊學生狀態切換顏色。
  6. 加扣分:點擊日曆上的日期數字,進入加扣分介面操作。
  7. 雲端備份:點擊右上角「☁️ 雲端存檔」,資料自動同步到 Google 試算表。

🎁 進階功能推薦

  • 抽籤系統:課堂提問時,點擊「抽籤」按鈕隨機選人,學生超愛,氣氛瞬間熱起來。
  • 計時器:小考或分組討論時使用,最後 10 秒還有緊張音效,學生會自動加速。
  • 兌獎系統:約定好獎勵規則(如 10 分換免死金牌),讓加扣分制度更有感。
  • PDF 匯出:期末時匯出加扣分總表與作業清單,親師溝通超方便。
  • 座位表視圖加扣分:在座位表上直接加分,不用切換畫面,教學節奏不中斷。

💡技術亮點

這個工具在技術上用到了以下技術:

Google Apps Script HTML5 CSS3 JavaScript Google Sheets API Chart.js html2pdf.js html2canvas Web Audio API localStorage LockService ContentService

值得一提的是,前端使用 localStorage 做為主要的資料儲存機制,搭配 GAS 後端將資料同步到 Google 試算表。這種「前端快取 + 雲端同步」的架構,讓工具在沒有網路時也能正常使用,連線後再自動備份,兼顧了速度與安全性。

🤝結語

做這個工具的初衷很單純,就是想讓自己的課堂管理更有效率。如果這個工具也能幫到其他老師,那就更好了。程式碼完全開放,大家都可以依照自己的需求修改調整。如果你在使用上有任何問題或建議,歡迎留言告訴我。

教學已經夠辛苦了,希望科技能幫我們省下更多時間,把精力留給最重要的事情——學生。

沒有留言:

張貼留言