NUK App 1

為國立高雄大學學生設計的校園輔助應用,支援課表查詢、成績查詢、學分進度分析及選課模擬,提升學生學業管理的效率與準確性。

Vue 全端開發 Progressive Web App

一、 概要

NUK App 1 是一款專為國立高雄大學學生設計的校園輔助網頁應用,旨在幫助學生更高效地管理學業進度與課程安排。應用整合了以下核心功能:

  • 課表查詢:即時查詢個人課程表,清晰呈現每週課程安排。
  • 成績查詢:快速檢視學期成績,支援歷史成績對比。
  • 學分進度分析:追蹤已修學分與畢業要求,顯示進度概覽。
  • 選課模擬:允許學生在正式選課前模擬課程組合,避免衝堂或漏修。

透過單一伺服器端架構,NUK App 1 提供即時查詢與模擬服務,顯著提升學生在選課與學業管理中的效率。然而,由於流量高峰時段的伺服器瓶頸,應用最終因單一 IP 過度使用而被學校封鎖。


二、 動機

進入大學後,選課系統的複雜性與時間壓力常常讓學生感到困惑。課程衝堂、漏修學分或無法快速確認畢業進度是常見問題。傳統的校內選課系統功能單一,缺乏直觀的模擬工具與進度追蹤功能。因此,本專案旨在開發一款整合性工具,解決以下問題:

  1. 選課困難:提供選課模擬功能,讓學生預先規劃課程組合,避免衝堂。
  2. 進度管理:整合學分分析與成績查詢,幫助學生掌握畢業進度。
  3. 使用便利性:打造直觀的 UI/UX,降低學生的操作門檻。

本專案不僅解決實際需求,也是一個練習全端開發與伺服器管理的機會。


三、 架構

系統架構

NUK App 1 採用 集中式伺服器架構,透過單一後端伺服器處理資料查詢與模擬運算,前端則提供直觀的介面。核心技術包括:

  • 前端:使用 Vue.js(或類似框架)實現響應式介面,支援課表視覺化與即時互動。
  • 後端:基於 Flask 與爬蟲,處理課程資料、成績查詢與學分計算。
  • API:RESTful API 實現前端與後端的資料交互。

挑戰與限制

  • 流量瓶頸:選課高峰期每日 600 人次的流量導致伺服器負載過高。
  • IP 封鎖:因單一 IP 過度使用,學校防火牆限制了服務存取。
  • 資料同步:需定期從校方系統同步課程與成績資料,增加了後端複雜度。

四、 展示

使用成果

  • 瀏覽量:自上線以來,NUK App 1 累計瀏覽量達 3.2 萬次,選課高峰期每日達 600 人次。
  • 功能效益
    • 選課模擬:幫助學生預先規劃課程,避免衝堂與漏修。
    • 學分預警:提醒學生未達畢業要求的學分缺口。
    • 成績查詢:提供直觀的成績視圖,支援歷史對比。
  • 使用者反饋:學生表示應用顯著提升選課效率與學業管理便利性。
  • OTA 更新 App: 支援自動更新功能,確保使用者獲得最新版本與資料。

展示範例

限制

由於集中式伺服器架構的限制,系統在高峰時段無法承受高流量,最終因學校封鎖單一 IP 而停止服務。這促使我們開發去伺服器化的 NUK App 2,以解決流量與穩定性問題。

Taoyuan, Taiwan | © 2026 Hong Yu Chang