完全免費的AI創作的校園排課系統(支援自動排課功能)

 

剛好系列-校園排課系統

用AI輔助打造的排課利器，讓排課不再是一件苦差事

純前端架構 ｜ 免安裝 ｜ 免費用 ｜ 自動排課

🚀 立即體驗排課系統點擊後即可在瀏覽器中使用

📖軟體由來

這是我前陣子在測試目前的AI有沒有辦法寫出排課軟體時試寫的作品。身為一個以前當過十幾年教學組長的老師，排課對我來說一直是學期初最頭痛的事情之一。

用我以前當教學組長排了十幾年課的經驗，用我覺得最方便的流程來設計的。不過我在六班小校，所以我測試軟體時，只用六班來排課測試，沒試過大校多班多教師的，有興趣的老師們可以自己再試試看。

整個系統是用 Google 的 Gemini 3.5 Flash 大型語言模型輔助編譯與設計製作的。從介面設計到自動排課演算法，都是在AI的協助下完成的。這也讓我深刻體會到，AI已經不再是科幻電影裡的情節，而是真真切切能幫我們解決實際問題的工具。

操作示範說明影片:

⚡核心功能總覽

這套排課系統具備以下特色：

🧠

CSP 自動排課

毫秒間自動計算最佳課表，避開衝堂

📊

引導式五步驟

從設定到排課，流程清晰不迷路

🎯

雙向對照排課

視覺化標示完美時段，一鍵填入

💾

資料備份還原

JSON格式匯入匯出，隨時恢復進度

📥

多元匯出格式

支援 PDF 與 Word 檔案下載

🔒

衝堂防呆機制

教師同節衝堂自動偵測阻擋

🎓排課實戰應用

🏫 小校排課的最佳幫手

對於像我這樣在六班小校服務的老師來說，這套系統真的幫了大忙。以前用 Excel 排課，每次都要手動檢查衝堂，一個不小心就要重來。現在只要照著五個步驟走，系統會自動幫你避開所有衝突。

特別是「雙向對照排課」功能，當自動排課後還有少數課程因為限制條件無法排入時，系統會自動比對班級和教師的時間，用綠色標示出兩邊都是空堂的「完美時段」，點一下就搞定，不用再自己比來比去。

📋 引導式操作流程

系統採用上方橫式分頁標籤，從第一步到第五步一目了然：

1. 年級與班級設定：設定年級、班級，並可指定不上課時段
2. 時間框架設定：設定每週天數與節數，以及教師不可排課時段
3. 課程計畫與配課：設定各科每週節數，建立教師名冊，進行配課
4. 預排指定時段：將需要固定時段的課程先行排入
5. 執行自動排課：一鍵啟動演算法，1.5秒內完成全校課表

📤 彈性的匯出選項

排好的課表可以輸出為 PDF 或 Word 格式。如果有其他學校要用的系統可以匯入排課資料的話，老師可以匯出排課資料，自己再請AI把格式調整成你們學校用的系統可以匯入的格式。

系統採用 Landscape (橫式) A4 排版，包含行分割防截斷設計，確保一班一頁，列印不跨頁，品質非常專業。

🔧使用教學：從零開始

🚀 快速開始

1. 點擊上方「立即體驗排課系統」按鈕，開啟排課系統網頁。
2. 按照頂部橫式選單的五個步驟依序操作。
3. 先設定年級與班級，再設定時間框架。
4. 建立課程計畫與教師名冊，進行配課。
5. 如有需要，預排指定時段的課程。
6. 最後點擊「開始自動排課」，系統會自動完成全校課表。

📌 重要提醒

• 資料備份：系統頂部有備份功能，請務必定期備份，避免瀏覽器關閉或重新整理導致資料遺失。
• 衝堂防呆：系統會自動偵測教師同節衝堂，並發出警告阻擋指派。
• 預排優先：預排的課程會被保留，演算法會自動避開這些課程進行排課。
• 每週節數上限：系統會阻擋超額排入，保護每週授課上限不超支。

🎁 進階功能

• 課程拆分：可將彈性課程拆分為多個子課程，分別指派給不同教師。
• 批次指派：可勾選多門課程，一次指派給同一位教師。
• 關鍵字搜尋：可快速搜尋特定班級、學科或教師。
• 課表直接調整：排課完成後，可直接點擊課表格子進行微調。

💡技術亮點

這套系統在技術上採用了以下架構：

React 18 Tailwind CSS Lucid Icons html2pdf.js docx.js CSP 演算法 Babel JSX

系統採用單一網頁架構 (Single-File App)，所有邏輯、樣式與資料處理皆整合在 index.html 內，下載至本機即可離線使用。這種設計讓部署變得非常簡單，不需要安裝任何軟體，也不需要後端資料庫。

核心的防呆限制性規避演算法 (CSP)，能在毫秒間自動計算並填入最佳課表，自動避開班級不上課、教師不可排課及教師同節衝堂，大幅節省了排課時間。

💻開源專案

這套系統的完整程式碼已開源在 GitHub 上，歡迎大家下載使用。如果覺得好用，歡迎幫我按個星號，讓更多人看到這個專案！

⭐ GitHub 專案連結

好用可以幫我按個星號唷!!!

🤝結語

這套排課系統是我用十幾年排課經驗，結合AI輔助開發出來的作品。雖然我只在六班小校測試過，但系統的設計應該能適用於不同規模的學校。有興趣的老師們可以自己試試看。

行政通 TaskFlow-用 AI 打造你的智慧公文與任務整合工作台

 

行政通 TaskFlow

用 AI 打造你的智慧公文與任務整合工作台

GAS + HTMLGemini AIOCR 辨識Google Drive

Made by 阿剛老師

一、這套工具的由來

在學校擔任行政工作這些年，我深深體會到一件事：公文管理是行政人員最耗時、最容易出錯的日常。 每天收文、分文、追蹤辦理期限、結案歸檔，一套流程下來往往耗掉大半天。更要命的是，公文散落在各個資料夾、 各台電腦裡，要查某件公文的辦理進度，得開好幾個視窗來回切換。

我一直在想：能不能用 AI 幫忙自動解析公文內容，再把所有待辦事項整理成一個一目了然的工作台？ 於是我開始結合 Google Apps Script、Google 試算表、Google Drive，以及 Gemini 大語言模型， 花了一整天的時間請AI完成了這套「行政通 TaskFlow」。

它的核心理念很簡單：上傳一份公文 PDF 或截圖，AI 幫你自動抓出發文單位、文號、辦理期限與重點摘要， 再自動同步到雲端試算表和 Google Drive，只要開一個網頁就能掌握全部公文的辦理進度。

二、核心功能亮點

🤖

AI 智慧公文解析

支援 Gemini 大模型或本機免 Key OCR，自動提取主旨、文號、期限與摘要

📄

PDF / 圖片雙軌辨識

PDF.js 提取文字層 + Tesseract.js 繁體中文 OCR，掃描檔也能辨識

🚨

到期預警看板

紅黃綠三色預警，自訂天數範圍，一眼掌握即將到期的公文

☁️

雲端同步

Google 試算表 + Drive 雙同步，公文原檔自動備份至雲端硬碟

📦

批次上傳

一次上傳最多 5 個公文檔案，分頁編輯後一次性存檔

📊

報表匯出

匯出 Excel / CSV 處室週報，JSON 完整備份，輕鬆跨電腦移轉

🔗

資料夾路徑追蹤

記錄本機工作資料夾路徑，一鍵複製貼上 Win+R 快速開啟

📱

分享與 QR Code

一鍵產生分享連結與 QR Code，處室同仁掃碼即用

三、進階設定（選填）

🔑 Gemini API Key：若你有 Google Gemini API Key，可在設定中填入， 開啟 Gemini 2.5 Flash 大語言模型的高階公文結構化分析能力。即使不填入 Key， 系統也能透過免 Key 代理通道或本機 Tesseract OCR 正常運作。

⚡ 本機分析模式：在設定中可切換為「強制僅使用本機規則引擎」， 所有分析完全在瀏覽器前端完成，資料不會傳送至雲端 AI。

四、立即體驗

下方嵌入了行政通 TaskFlow 的下載頁面，你可以直接在這裡按步驟建置並下載自己專用的html，並佈署到gemini canvas上使用：

結語

行政通 TaskFlow 是我從日常行政痛點出發，結合 GAS 與 AI 技術打造的實用工具。 它不只是一套公文管理系統，更是一個讓行政工作從「人工追蹤」升級為「智慧管理」的起點。

如果你也是學校行政人員，或者對 GAS + AI 的應用有興趣，歡迎試試看這套工具。 有任何問題或建議，也歡迎到我的部落格留言交流！

我用 Google 試算表 做出了一個互動任務平台

我用 Google 試算表

做出了一個互動任務平台

班級課堂互動任務平台 ─ 用 GAS + HTML 實現的異步學習系統

📥 一鍵建立試算表副本

💡軟體由來

以前在課堂上，我一直在用別人的教學平台來輔助教學。這些平台確實好用，但用久了總會發現一些功能缺口──有些我想要的互動方式，平台上就是沒有。

最近 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）兩個檔案，以下列出主要架構：

模組	說明
Web App 進入點	doGet 函式處理路由，支援帶入課堂代碼或藝廊任務 ID
資料庫層	10 張工作表：系統設定、課堂資料、分類頁籤、任務資料、學生資料、課堂學生、提交紀錄、測驗題目、畫記筆記、藝廊互動
雲端硬碟整合	PDF 頁面圖片上傳、照片上傳、背景圖管理、檔案權限自動設定
課堂管理	建立/編輯/刪除課堂、產生/修改加入代碼、管理課堂名單
任務系統	六種任務類型的建立、編輯、上架/下架、拖曳排序
測驗與題庫	逐題新增、CSV 批次匯入、AI 提示詞產生、自動批改
提交與批改	學生提交、教師批改（分數/等第/通過未通過）、退回重修
PDF 標註	畫筆/螢光筆/擦除、防抖自動儲存、教師端全班筆記檢核
作品藝廊	三級公開控制、按讚互動、留言鼓勵、分享連結與 QR Code

📚 結語

以前覺得「自己做一個教學平台」是很遙不可及的事，但有了 AI 的協助，這件事變得實際可行。從構想到完成，我逐步把以前用的平台缺少的功能一個一個補上來。

如果你也有類似的需求，不妨試試看。這個平台完全免費、採用創用CC 授權，歡迎教育用途自由使用。

經費支出明細表管理工具-多人用GAS雲端佈署版

經費支出明細表管理工具

多人協作 × 雲端備份 × 一鍵匯出 Word 列印

GAS + HTML ｜ 多人 Web App ｜ 免安裝 ｜ 免費用

📥 立即取得工具（建立副本）點擊後建立副本到自己的雲端硬碟，即可開始使用

📖軟體由來

每個學期，學校的行政工作總少不了「經費支出明細表」的填報。從戶外教學、畢業旅行、校慶活動到社團補助，每一筆支出都需要詳實記錄，層層核章。傳統的做法不外乎用 Word 或 Excel 手動排版，每次都要重新調整格式、對齊欄位、計算總計，遇到多人需要同時填報時，更是衍生出無數個版本的檔案，最後搞得誰也不確定哪個才是最新的。

為了徹底解決這些痛點，我用 GAS（Google Apps Script）搭配 HTML 打造了一套「經費支出明細表管理工具」。它不只是一個表單生成器，而是一個完整的多人協作工作台：支援帳號登入、雲端自動備份、一鍵匯出 Word 文件、列印即用的核章欄位，讓經費核銷從「痛苦的行政負擔」變成「幾分鐘就能搞定的事」。

⚡核心功能總覽

這個工具整合了經費明細表從建立到核銷的完整流程：

👥

多人帳號系統

Admin/User 權限分級，下拉選單登入

☁️

雲端自動備份

每 30 秒自動同步至 Google 試算表

📄

匯出 Word 文件

標楷體排版，A4 直式即印格式

🖨️

一鍵列印

去除 UI 元素，純淨列印輸出

📊

自動加總計算

金額即時運算，大寫國字金額

✍️

核章欄位自訂

承辦人/主計/校長，自由修改名稱

🎯

拖曳排序

Drag & Drop 調整項目順序

🧮

剩餘經費計算

輸入核定經費，自動算出剩餘

📦

JSON 匯入匯出

完整備份與跨帳號搬遷

🎨

卡片色彩標記

右鍵選單自訂明細表卡片顏色

🔍

即時搜尋

關鍵字快速篩選已儲存明細

⚙️

管理者後台

帳號管理、全域視察、批次匯入

🎯實際應用場景

🏫 學校行政：經費核銷不再痛苦

每學期的戶外教學、畢業旅行、校慶活動，都需要填報經費支出明細表。以前用 Word 手動排版，每次都要重新調整表格格式、計算總計、對齊欄位。現在只要登入系統，選擇「開新支出明細」，輸入標題（如「115學年度畢業旅行經費支出明細表」），接著逐筆輸入項目、單位、單價、數量，系統自動計算合計與總計，就這麼簡單。

更方便的是，核章欄位（承辦人、主計、校長）可以自由修改名稱，不同學校的組織編制不同，彈性調整完全沒問題。完成後直接點「📄 下載 docx」，產出的 Word 文件就是標準的 A4 直式格式，標楷體排版，直接拿去列印就能簽核。

👥 多人協作：各做各的，互不干擾

這套工具最大的特色就是「多人 Web App」。每位老師都有自己獨立的帳號，登入後只能看到自己建立的明細表，資料完全隔離。管理者则可以透過後台查看全校所有人的經費明細，需要審閱他人資料時，系統會自動切換到唯讀審閱模式，只能檢視、下載或列印，無法修改，確保資料安全。

管理者還可以批次匯入帳號名單，一次建立全校老師的帳號，不需要逐一設定。開放自主註冊時，還能設定 4 位數驗證碼，防止外人隨意加入。

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

所有資料每 30 秒自動同步到 Google 試算表，就算換了一台電腦、甚至換了瀏覽器，只要打開同一個網址登入，所有明細表就會自動載回來。再也不用擔心「上次做的那份明細表存在哪台電腦」的問題。

系統還提供 JSON 匯出功能，可以完整備份所有明細表資料，或是選擇性地部份匯出。需要搬到另一個帳號時，直接匯入 JSON 檔案即可，完全無痛遷移。

🧮 經費控管：剩餘經費一目瞭然

輸入核定的總經費金額，系統自動計算已支出金額與剩餘經費。在活動執行過程中，隨時可以掌握預算執行情況，避免超支。還能「勾選項目獨立加總」，只計算特定項目的花費，方便做分類統計。

📊與傳統方式的比較

比較項目	Word / Excel 手動	本工具
格式排版	每次手動調整	自動生成標準格式
金額計算	手動或用 Excel 公式	即時自動計算 + 大寫金額
多人使用	檔案傳来傳去	雲端多人獨立作業
資料備份	自己負責	每 30 秒自動同步
匯出列印	手動排版列印	一鍵下載 Word / 列印
跨裝置使用	需帶著檔案	有瀏覽器就能用
管理者稽核	逐一索取檔案	後台一鍵視察全校

🔧使用教學：從零開始

🚀 部署步驟（GAS + HTML 一鍵佈署）

📋 步驟一：建立試算表副本

1. 點擊上方按鈕，將試算表建立副本到自己的 Google 雲端硬碟。
2. 在自己的副本中，點擊「擴充功能」→「Apps Script」開啟指令碼編輯器。
3. 將 Code.gs 的內容完全覆蓋原本的程式碼。
4. 在左側檔案列表中新增 HTML 檔案（命名為 Index），貼入前端程式碼。
5. 首次執行：在上方工具列選擇 doGet 函式，點擊「執行」並通過權限審核。
6. 點擊右上角「部署」→「新增部署」。
7. 選擇類型為「網頁應用程式」。
8. 執行身分：選擇「我 (Me)」（重要！）
9. 誰可以存取：選擇「任何人 (Anyone)」（重要！）
10. 點擊「部署」，複製產生的網址，這就是你的工具網址。

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

💡 系統首次開啟時，會自動跳出身分初始化畫面，請設定管理者密碼。之後所有使用者即可透過下拉選單選擇帳號登入。

📌 日常操作流程

1. 登入系統：從下拉選單選擇自己的帳號，輸入密碼登入。
2. 建立明細表：點擊「➕ 開新支出明細」，輸入標題名稱。
3. 輸入項目：逐筆輸入支出項目的名稱、單位、單價、數量，系統自動計算合計。
4. 自動儲存：系統每 30 秒自動備份至雲端，也可手動點「💾 手動儲存」。
5. 調整順序：直接拖曳表格中的列，即可調整項目順序。
6. 修改核章：點擊「✍️ 修改核章區」，自訂承辦人、主計、校長的名稱。
7. 匯出列印：點擊「📄 下載 docx」取得 Word 文件，或「🖨️ 列印」直接列印。

⚙️ 進階功能推薦

• 計算剩餘經費：輸入核定總經費，系統自動算出還剩多少可以用。
• 選取加總：勾選特定項目，只計算勾選項目的金額小計。
• 卡片色彩標記：在明細表清單上按右鍵，可自訂卡片背景顏色，方便分類。
• 管理者後台：Admin 帳號可批次匯入帳號、查看全校所有人的明細表、遠端列印。
• JSON 備份：左下角「📦 檔案工具」可匯出/匯入 JSON，完整備份所有資料。
• 隨機換背景：點擊「🎨 換背景」按鈕，切換不同的淡色系漸層主題。

💡技術亮點

這個工具在技術上使用了以下技術：

Google Apps Script HTML5 Tailwind CSS JavaScript Google Sheets API docx.js CacheService Noto Sans TC

前端使用 Tailwind CSS CDN 快速打造響應式介面，搭配 docx.js 在瀏覽器端直接生成 Word 文件，完全不需要伺服器轉換。後端使用 GAS 的 CacheService 管理 Session Token，確保 6 小時內的登入狀態有效，兼顧安全與效能。

資料儲存採用「同標題覆蓋機制」，同一個使用者對同標題的明細表永遠只保留最新版本，避免試算表中堆積大量重複紀錄。密碼欄位強制設為純文字格式，確保「01」不會被 Google 試算表自動轉成數字「1」。

🤝結語

經費核銷是學校行政中不可或缺的一環，但它不應該成為老師們的負擔。我希望透過這個工具，讓每一位老師都能在幾分鐘內完成一份格式正確、內容完整的經費支出明細表，把省下來的時間留給更重要的教學工作。

程式碼完全開放，大家都可以依照自己學校的需求修改調整。如果你在使用上有任何問題或建議，歡迎留言告訴我。