校園成績查詢系統

前言

我們學校的成績系統是外包給新河資訊有限公司，他們公司的介面邏輯及設計要吐槽都不知道從哪裡吐槽起了。又剛好資訊科技自選作業有自己訓練影像辨識的選項，剛好我一個平常也熱愛手作的同學選了這個功課。在他跟我展現他訓練的驗證碼辨識模型有多準的同時，我就說還是乾脆搞一個新的成績查詢系統，我們一拍即合，說好他負責爬蟲，我負責api、server還有介面設計。接下來就來介紹我負責的部分。

製作過程

1. pip 安裝我同學寫好的爬原成績系統資料函式庫
2. 使用flask-socket及ngrok製作簡單的api server
3. 因當初對網頁三件套不熟所以利用chat gpt搞出了一個簡單算好看的查詢網頁
4. 使用swift ui開發一個ios端App(無使用chat gpt目前完成度40%)

心得

因為這次的製作讓我學到了很多網路知識，例如：路由器、socket、http https的差別等等，也激發了我對網頁三件套的認識，之後暑假就開始學了。

利用chat gpt在做網頁設計時也發現到，雖然ai很強，但對於大型專案還是不太擅長，因為傳送程式碼有字數限制，必須分段傳送，十分影響效率。並且與ai進行程式製作時也必須有底子才行，例如這次在與chat gpt溝通時若無法執行，我也沒有debug能力，所以花了很多時間在與他溝通。結果到後面雖然效果不錯，但程式碼超髒，無用程式碼一堆，也因剛開始溝通不佳導致整體架構變得超奇怪，最後索性開始自學網頁三件套，整個網頁打掉重練。

但在第二版製作過程中校方更新了成績系統，介面變好看了。在與同學討論後認為時間珍貴，若我們真的做出來了對其他同學吸引力也不高了，所以就放棄繼續網頁製作。雖然沒繼續做了，但我也成功習得基本撰寫網頁三件套的能力👍

ios app的部分因為我本人想學Swift，所以就繼續當作我的練習題目製作下去了，也因為這個題目我學會了Swiftui、表單製作、底部功能鍵、堆疊式介面的應用。這次的成績系統改造計畫真的瞬間讓我技能樹成長超多！