2026年1月21日 星期三

成績查詢系統

 

#成績查詢系統

這是我為自己任課班開發的成績查詢系統,完全免費、無須維護費,而且是用最熟悉的 Google 工具做出來的。

 




🚀 Google 試算表就是資料庫

資料庫層 (Database):採用 Serverless (無伺服器) 架構

直接用 Google Sheets (試算表) 存資料!

不用學 SQL 程式碼,像平常打 Excel 一樣複製貼上段考成績,系統就自動更新了,行政門檻降到最低!📉

 


後端與運算 (Backend)

透過 Google Apps Script (GAS) 處理核心邏輯。

系統會自動幫你算 PR 值、級距人數,還能自動驗證學生身分,確保資料準確又安全。

 


前端視覺化 (Frontend)

告別冷冰冰的數字表格!我們用 Chart.js 幫學生畫圖:

  • 雷達圖 🕸:五力分析,一眼看出學科均衡度。
  • 折線圖 📈:提供「0-100」與「70-100」智慧縮放,高分群也能看見細微進步趨勢。

 






🛡安全與介面 (Security & UX)

  1. 登入驗證:

學生登入需要「班級+座號+學號+身分證」4項全對才能看。還有圖形驗證碼跟錯誤鎖定機制,防止機器人暴力破解。

  1. 隱私保護:

採用後端過濾技術,學生只能看到自己的成績,絕對無法透過原始碼偷看別人的分數。

  1. 手機優先設計:

專為手機和平板優化,用手機查成績,介面一樣漂亮好讀!📱

4. 數據意義:透過紅綠燈配色與趨勢圖,讓成績單變成一份有意義的學習歷程報告

#成績查詢 #ChartJS #GAS #Vibecoding #Google試算表

 

沒有留言:

張貼留言

筆記圖像生成機器人

 生成筆記圖 拍照上傳,輸入「生成圖片」四個字,就是這麼簡單! 今天收到@Barbara Yeh老師回饋: 感謝奕鈞老師分享的「生成筆記圖產生器」,先讓學生看過課文的筆記圖像,再講解課文,可以有效提升學生的理解程度,尤其在講解文言文的時候更好用,「鄒忌諷齊王納諫」是目前效果最好的...