教學流程 · 學生交功課

由 WhatsApp 傳檔,到登入、派功課、交功課可逐項驗收

4 月 Blog 同主站各自上線之後,5 月中旬我先起一個獨立交功課站:唔係當時已有學生等緊用,而係為將來交功課流程舖路,唔好再長期靠 WhatsApp 收檔。

第一版刻意收窄做最小完整流程:學生登入、睇到作業、交一份(當時以文字為主)、老師睇到列表;檔案上傳、電郵通知、WhatsApp 自動提醒留到之後先加。

類型:教學交功課流程 做法:Plan 先梳理 · 獨立專案 技術:Astro · 登入 · 雲端資料庫 · 檔案儲存

遇到嘅問題:WhatsApp 方便,但難以當正式流程

傳檔快,但對教學方同學生都有隱藏成本:檔案散喺對話、難對返邊份係邊個作業、改期同重交冇統一記錄,亦唔易做權限(邊個係老師、邊個只係學生)。

解法:Plan 寫清規格,再開獨立專案砌最小閉環

交功課站涉及登入、資料庫同權限,我唔係一開波就叫 AI 寫 code,而係先用 Cursor Plan 模式同佢對:登入點做、老師同學生點分、資料庫要邊幾張表、第一版刻意唔做乜。Plan 完先寫專案說明同驗收表,先至開 GitHub 專案同起骨架。

最小完整流程(第一版要有價值嘅四步)

  1. 登入/登出正常(Google 或電郵連結登入);登出後再開學生頁會被導去登入頁。
  2. 老師派功課:填標題、截止日並提交;後台列表見到新作業。
  3. 學生交功課:登入後見到作業並交一份(第一版以文字為主)。
  4. 老師睇繳交列表:同一作業底下見到學生已交記錄。

另有五項上線前檢查(學生可交、老師可派、學生打唔開老師頁、登入過期會跳返登入、同一帳號唔會變兩個人);每次改登入或權限相關功能都會再跑。

部署踩坑:靜態用 Pages,要登入同 API 用 Workers

第二日我曾用 Pages 去加交功課子網域,花咗好耐先醒起:要 session 同 API 嘅站應該行 Workers 線(Astro on Cloudflare adapter),唔係再犯 Blog 靜態站嗰個錯。之後我寫死分工:內容站用 Pages;要 API/session 用 Workers

本機預覽亦有一課:唔好同時開兩個預覽埠,cookie 會去錯站,好易誤以為「登入壞咗」其實只係開錯網址。

結果:醜但真係上線,流程可持續加功能

閉環可驗收

老師派、學生交、列表對到,唔再只靠對話記錄。

專案邊界清楚

交功課站同 Blog 分 repo,deploy 同改文唔互拖。

有排期加功能

上傳、人機驗證、電郵、WhatsApp 按優先逐項接上。

第一晚版面仍係骨架味,但我揀醜但真係上線、照驗收表用,而唔係靚但未 deploy;正式環境先會逼出設定同登入跳轉嘅實際問題。

範圍:第一版做咗乜、留咗乜

第一版(最小完整流程)

  • 登入、角色(學生/老師)、擋老師專用頁。
  • 派功課、交功課(文字)、老師繳交列表。
  • 獨立專案、本機同正式網址驗收習慣。

之後先加(唔阻第一版上線)

  • 檔案上傳同雲端儲存下載權限。
  • 人機驗證、Magic Link、作業通知電郵。
  • WhatsApp 範本通知(沙盒通關後再接正式號)。
  • 批改分數、Markdown 說明消毒、資料庫查詢安全習慣。

可複製條件

延伸閱讀(Blog 連載同專題)

以下文章記錄同一條線嘅做法同取捨,案例頁只摘重點:

你都想把交功課由對話,變成可驗收流程?

可以先鎖定最小完整流程同五項上線前檢查;檔案、通知同進階權限可以跟住排期加,唔使等「完美 SaaS」先動工。

預約 30 分鐘診斷:幫你定第一版要做邊幾步、邊啲可以遲啲先加。