軟體由來
以前在課堂上，我一直在用別人的教學平台來輔助教學。這些平台確實好用，但用久了總會發現一些功能缺口──有些我想要的互動方式，平台上就是沒有。
最近 AI 工具已經發展到能協助一般使用者開發軟體了，我就想：既然如此，何不自己把那些缺少的功能都實作出來？
於是，我開始動手打造這個「班級課堂互動任務平台」。它建立在 Google 試算表之上，以 Google Apps Script 作為後端，前端則是純 HTML + Tailwind CSS，不需要另外架設伺服器，只要有 Google 帳號就能使用。
🔍 核心理念：把 Google 試算表當作資料庫，用 GAS 操控它，再加上前端互動介面，就能做出一個完整的網頁應用程式。這個模式讓不懂伺服器架構的教育工作者也能快速上手。
課堂教學應用
這個平台解決了幾個我長期以來的教學痛點：
多元任務類型
支援六種任務類型：外部連結、PDF 教材閱讀、YouTube 影片隨堂考、圖文回應、手繪繪圖、自動閱卷測驗。一個平台涵蓋所有課堂互動需求。
異步自主學習
學生按自己的節奏完成任務，不用等待其他人。教師端能即時掌握全班進度，一目了然誰完成了、誰還沒開始。
觸控繪圖板
內建手繪畫布，支援畫筆、橡皮擦、直線、矩形、圓形、文字等工具，Apple Pencil 也能流暢使用。教師還能上傳學習單當背景圖，讓學生直接在上面標註。
PDF 劃線筆記
PDF 教材自動轉為圖片頁面，學生可在每一頁上用畫筆或螢光筆做標註，教師能檢視全班的閱讀筆記，掌握理解程度。
自動批改測驗
選擇題測驗支援 CSV 批次匯入題庫，還內建「AI 出題小幫手」──貼上影片字幕，一鍵產生 AI 提示詞，再把 AI 回覆貼回來即可匯入。
作品藝廊
圖文回應與手繪作品可公開展示，支援同儕按讚與留言鼓勵。教師可控制公開程度：不公開、僅本班可見、或完全公開讓任何人免登入瀏覽。
使用詳細教學
🧑🏫 教師端操作
1
首次設定密碼
開啟平台後點選「教師入口」，首次進入需設定一組登入密碼，之後皆以此密碼登入。
2
建立課堂
點選「＋ 建立新課堂」，輸入課堂名稱與科目，可同時指派學生加入。系統會自動產生 4 位數加入代碼，也能手動改成 4 碼英數字組合。
3
建立分類與任務
進入課堂後，在「📚 單元內容」分頁建立分類頁籤（例如：單元一、課前預習），再於分類下新增互動任務。六種任務類型可自由選擇。
4
管理題庫
測驗與 YouTube 類型的任務可進「題庫管理」，支援逐題新增或 CSV 批次匯入。內建 AI 出題提示詞產生器，貼上字幕內容就能讓 AI 幫你出題。
5
批改與總覽
「📝 批改與總覽」分頁提供全班進度矩陣，依分類分組顯示每位學生的完成狀態。點選即可查看繳交內容、評分（支援分數/等第/通過未通過）並加上評語。
6
作品藝廊管理
在「🖼️ 作品藝廊」分頁可一鍵切換所有任務的公開程度。設為「完全公開」的任務會產生專屬分享連結與 QR Code，任何人免登入即可瀏覽。
🎒 學生端操作
1
登入帳號
學生從「學生入口」進入，從下拉選單選擇姓名並輸入密碼。也可透過掃描 QR Code 自動帶入加入代碼。
2
選擇課堂
登入後看到已加入的課堂清單，點選進入該課堂的學習儀表板。
3
完成任務
依分類頁籤切換，點選任務卡片進入操作。每種任務都有專屬的操作介面，完成後送出即可。
4
查看藝廊
若教師已公開作品藝廊，學生可在此欣賞同儕作品、按讚與留言鼓勵。
佈署說明
這個平台採用「容器綁定試算表」架構，資料庫就是試算表本身。程式碼已預先寫好在試算表範本中，你只需要一鍵建立副本即可開始使用。
1
建立副本
點選上方按鈕，系統會自動建立一份試算表副本到你的 Google 雲端硬碟。程式碼已內建在範本中，不需手動貼上。
2
部署為網頁應用程式
在副本中，點擊「擴充功能」→「Apps Script」開啟指令碼編輯器，然後點擊「部署」→「新增部署」，選擇類型為「網頁應用程式」，執行身分選「我 (自己的帳號)」，存取權限選「知道連結的使用者」。部署後取得網址，即可直接使用。
💡 小提醒：首次開啟時，系統會自動建立所需的工作表。若看到預設的空白工作表（工作表1 / Sheet1），系統會自動清除。整個過程不需手動操作資料庫。
程式架構一覽
整個平台的程式碼分為後端（Code.gs）與前端（Index.html）兩個檔案，以下列出主要架構：
📚 結語
以前覺得「自己做一個教學平台」是很遙不可及的事，但有了 AI 的協助，這件事變得實際可行。從構想到完成，我逐步把以前用的平台缺少的功能一個一個補上來。
如果你也有類似的需求，不妨試試看。這個平台完全免費、採用創用CC 授權，歡迎教育用途自由使用。
沒有留言:
張貼留言