「Form System 動態表單自動回報系統」是阿凱老師打造的 現代化 Google 表單替代品,部署在 cagoooo.github.io/form/ 或 Firebase Hosting,README 第一行就明確定位「旨在取代舊有的 Google Apps Script 表單」。當前 v1.2.4,已有 PWA 支援可安裝到桌面。
🎯 核心特色
- 🎨 Glassmorphism 毛玻璃 UI + 動態流體背景 — 視覺差距比 Google 表單拉開 10 倍,學生家長一看就想填
- 🖱️ 拖曳式表單編輯器 — v1.2.4 視覺大升級新增,視覺化建立各類表單不用寫程式
- 💬 Google Chat Webhook 即時通知 — 學生家長填完表單自動推 Chat 群組,老師不用一直回 Google Sheet 看新填
- 📊 數據分析儀表板 — 填答數量 / 時間分布 / 選項統計視覺化
- 📚 表單模板庫 — 班級報名 / 民調 / 戶外教學 / 研習報名 / 滿意度問卷現成範本,5 分鐘上線比從零做快 10 倍
- 🎨 藍 / 綠 / 粉三主題色 — 行政表單用藍、活動報名用粉,氛圍切換無痛
- 📥 CSV 一鍵匯出 — 全部填表資料 Excel 處理或寄行政
- 🔐 Admin / Editor 權限分級 — 環境變數設定管理員憑證避免敏感資訊外洩
- 📱 PWA 可安裝桌面 — v1.2.2 工程進化、CI/CD 自動化部署
💡 設計理念
技術棧採 React + Vite + Tailwind + Firebase(Firestore + Authentication)+ Lucide React,明確定位「反 Google 表單」。Google 表單功能完整但 UI 從 2008 沒大改、手機體驗差、沒即時通知(要回 Sheet 看)、後台醜,想做拖曳表單還要寫 Google Apps Script。阿凱反向:現代化 UI + 拖曳編輯 + 即時通知 + 模板庫,把痛點一次解掉。和 #47 學生肖像授權同意書(法律效力簽名 + PDF)是姊妹工具 — #47 法律文件 / #48 一般問卷,服務不同需求。
🎒 適合情境
- 學期初家長問卷:拖曳建表單 → 家長填完 → Google Chat 通知老師,不用回 Sheet 看
- 教師研習報名:用模板建表單 → 全校老師掃 QR 填 → CSV 匯出給人事
- 學生意見調查:粉色主題(學生友善)→ 拖曳改欄位「我最想要的校外教學地點」→ 即時看儀表板
- 校外活動報名:跨班活動多選核取方塊,Glassmorphism UI 比 Google 表單漂亮
適合國中小所有任課老師、教務 / 學務組、教師研習承辦、補習班安親班。下次要做表單試試 → 你不會想回去 Google 表單。