NTU Rating: 台大學生課程論壇

Chi-Ting Liu
6 min readJan 15, 2023

--

NTU Rating’s Logo, 2021–2022

前言

大三上的時候,和 Po-Hsiang、Bzhe 一起修了 Ric 的網路服務程式設計,在 Sweety Course 已經不再更新、PTT NTU Course 版逐漸式微的情況下,我們決定寫一個台大課程評價的網站。在 2021 年一月修完課程之後,因為覺得用 React 寫網站練練功很好玩,再加上我跟兩位資工系學霸學長合作實在獲益良多,便從 2021 年 2 月到 8 月每周開會持續更新優化。

一直想要寫些甚麼來記錄,畢竟這大概就是我下定決心走軟體工程師這條路的轉捩點了吧。姑且就在離開台北 (然後在軍營裡變笨…) 、記憶尚存之前胡亂記載一些技術內容和心得過程,或許十年後這個網站還活著可以再來玩味。

註:團隊現在有 10 位工程師、2 位 UI/UX、3 位行銷夥伴,跨及台大資工、電機、財金、歷史、工管、資管、生傳系,是不是滿有 Diversity 的。

2023 / 01 註:Heroku 把免費的 Project 都砍掉了,所以 Sweety Course 也連不進去了!

Some MileStone

先上連結

1. 想鑑你 NTU Rating (myntu.me)
2. https://www.facebook.com/ntuRating
3. https://instagram.com/ntu.rating?igshid=NDk5N2NlZjQ=

拜託啦,先註冊 + 發文 + 按讚再來看這篇文章

在台大學生交流版獲得 1457 個讚,算不算某種人生成就呢?

功能介紹

一、更直覺的評價內容:短評、心得一目了然。
二、使用 ntu mail 進行驗證,台大學生才可發文:台大學生註冊後可發文,收藏貼文等等,而尚未登入的訪客僅可搜尋評價。
三、支援匿名發文功能,敏感內容不擔心:預設是隨機的 User + ID,在個人頁面可以自由修改暱稱。
四、對每則貼文可收藏,按讚,留言,好評價不弄丟:點選貼文右上角的收藏按鈕,你可以於個人頁查看自己收藏的評價文章。
五、友善搜尋界面,搜尋文章更容易:在搜尋頁面,可拖曳時間表選擇查詢當學期課程評價,取代界面不直觀的台大課程網,亦可輸入查詢任何學期課程。
六、將各評價文章數值平均,數據一目了然: 網站會統計所有人的評價文章,並將品質 / 甜度 / 涼度 / 紮實度加以平均。
七、 支援中英語言,護眼模式:點選右上角的箭頭,可選擇中文 / 英文,並且可開啟夜間模式。
八、結合PTT 文章,輕鬆搜全部評價:從 104–1 以後的 PTT 貼文皆被爬入本網站中了!
九、徵文排行功能,找不到評價不擔心:可以在首頁公開徵文!增加修過的人發文的可能性。
十、課表排課功能,更好看的預選課表。

剩下就請大家自己上 NTU Rating 來探索吧,我也懶得打了 (?)

首頁 Overview
首頁 Overview — 2
收藏貼文不弄丟
時間搜尋輕鬆選
更好看的課表!

技術細節

不知道技術細節要寫甚麼,大概就是一般開發全端網頁會用到的一些技術吧!

  1. Frontend: React + Material UI
  2. Backend: Node JS + Apollo Server
  3. Database: MongoDB + Python
  4. Tools: Heroku, Docker, Swagger, Git, …
放一些 icon 好像自己很厲害

小記

Marketing is more important than you think
無論一個產品使用的技術多麼新奇、功能做得再好,沒有使用者就是一件沒救的事情,這和以往當工程師時,只要按照 Spec 把功能刻完、優化完就好的行為模式很不一樣。開發的方向應該要以使用者為導向,以使用者的需求而非工程師自己覺得爽。

這段期間內我們嘗試了抽獎、定期粉專發文,並在新血行銷人員的加入與幫助之下,也嘗試了整理評價文章放到粉專、Instagram 粉專開設、統一格式模板等等,希望這份專案能持續維持它的生命力!

我們有幸在一開始受到台大社群的關注以及 Steaker 的贊助,沒有這些慷慨又熱心的人們,我們無法順利運轉至今。

Think from the user end
使用者和你想的不一樣。在 UI/UX 與行銷人員做了一些深入的訪談與調查之後,我們才得以發現有些功能無用、有些功能違反直覺。例如首頁顯示最新貼文,但事實上沒有人在意最新貼文,又或者按下加入課表的路徑非常違反直覺等等,都是我們一開始沒有設想到的。以後開發其他軟體時,更應該引以為戒。

致謝

謝謝 Bzhe、Po-Hsiang,從你們身上學到版本控制、Code Review、你們實習的經驗以及如何有條理的開發一個大型的專案,你們是貨真價實的學霸與我的老師。

謝謝 Willkczy,從一開始就加入我們,一位財金系的學弟能主動跳出來和一群電資男合作,令人羨慕你的勇氣,事實也證明你對我們的專案成長有非常關鍵的貢獻。

謝謝 Corn, Momo, 佳生,從 2021年八月開始,無償地一起加入擴充了不少重要的功能!

謝謝Yo-Chi, Ray, 宥辰, 冠諭,希望新的工程師生力軍能一直讓這份專案存活下去。

謝謝 Lena, Fenghua,提供了很多 insight 並設計超棒的 UI/UX,迫不及待等著新畫面上線了!

謝謝 Mavis, 苜庭,為我們的專案拓展了更大的市場,持續不斷的深入經營我們的粉專,在你們加入之後,快速的新增了上百位使用者與一百多篇文章!

我一直覺得工程師是一群有魔法的人,可以藉由一些咒語 (code),來實現心理想像到的事情,希望這份熱情能持續跟著我整個生涯!

--

--