#成績查詢系統
這是我為自己任課班開發的成績查詢系統,完全免費、無須維護費,而且是用最熟悉的 Google 工具做出來的。
🚀 Google 試算表就是資料庫
✅ 資料庫層 (Database):採用
Serverless (無伺服器) 架構:
直接用 Google Sheets (試算表) 存資料!
不用學 SQL 程式碼,像平常打 Excel 一樣複製貼上段考成績,系統就自動更新了,行政門檻降到最低!📉
✅ 後端與運算 (Backend):
透過 Google Apps Script (GAS) 處理核心邏輯。
系統會自動幫你算 PR 值、級距人數,還能自動驗證學生身分,確保資料準確又安全。
✅ 前端視覺化 (Frontend):
告別冷冰冰的數字表格!我們用 Chart.js 幫學生畫圖:
- 雷達圖 🕸️:五力分析,一眼看出學科均衡度。
- 折線圖 📈:提供「0-100」與「70-100」智慧縮放,高分群也能看見細微進步趨勢。
🛡️ 安全與介面 (Security &
UX)
- 登入驗證:
學生登入需要「班級+座號+學號+身分證」4項全對才能看。還有圖形驗證碼跟錯誤鎖定機制,防止機器人暴力破解。
- 隱私保護:
採用後端過濾技術,學生只能看到自己的成績,絕對無法透過原始碼偷看別人的分數。
- 手機優先設計:
專為手機和平板優化,用手機查成績,介面一樣漂亮好讀!📱
4. 數據意義:透過紅綠燈配色與趨勢圖,讓成績單變成一份有意義的學習歷程報告。
#成績查詢 #ChartJS #GAS #Vibecoding #Google試算表
沒有留言:
張貼留言