Web Dev 主要作品

Avatar of 鄭竣丰.
Avatar of 鄭竣丰.

Web Dev 主要作品

網站工程師、軟體工程師
Taipei, Taiwan

國立政治大學 TA 申請平台


專案日期:2015 迄今

專案連結:https://ta.nccu.edu.tw/


經由所上老師推薦,協助國立政治大學教發中心建立 TA 申請平台,以網站方式改善行政流程,降低中心人員的工作負擔。平台包含以下業務:教師於平台中申請課程補助,中心管理人員於平台審核與發佈申請結果,教師於平台中登記任用的 TA,後續再由中心人員於平台中進行任用程序,檢核 TA 資格,考核補助執行結果,並產製證書。

特色功能:

  • 自動產生助理教學證書 PDF 檔案
  • 管理員人員可以進入測試模式,檢視使用者看到的資訊,以便與使用者溝通。
  • 平台角色眾多,權限管理得宜。


後端工作:

  • 設計資料庫,考慮正規劃與去正規劃,以便在 NoSQL 的架構下為資料欄位給予適當的權限。
  • 與學校 inccu 做第三方登入加密串接。
  • 使用 MSSQL 語法與學校全校課程系統資料庫串接資料。
  • 以 NodeJS 作為伺服器,以 Apache Reverse Proxy 方式實作 HTTPs
  • 建立專案的 CI / CD 流程,方便平台功能調整、擴展、迭代,不影響運行中的服務。
  • 建立防火牆規則、以及安全規則。


前端工作:

  • 以 Vue.js 製作樣板,使同樣的表單元素,可以有新增、編輯、檢視、審核,等相對應的介面。
  • 以 Bootstrap 架設 RWD 使用者介面。
  • 將傳統紙本表單,轉換成網頁表件,並將需填入的課程資料自動帶入。


維運工作:

  • 確認 Github 的 CVE Warning ,定期更新網站套件與工具
  • 定期更新作業系統
  • 自動化資料庫備份與還原工作。

----------------------------------------------------------------------------------------------------------

Programming101 臺科大/政大 遊戲化程式學習平台


專案日期:2014 迄今

專案網址:https://programming101.ntust.edu.tw/


試圖結合遊戲化,促進大學生學習基礎程式設計的參與度,以及學習成效。平台提出了不同於以往的程式作業的生命週期。傳統程式作業繳交及結束,而平台提出遊戲化的抓BUG概念,讓學生在評分結束後,有機會修正作業中的程式錯誤,獲得獎勵,以此提升學生參與度,並培養學生程式開發的實戰能力。

特色功能:

  • 系統會依據學生完成的活動,自動給予學生加分獎勵、自動授予勳章
  • 老師與助教可以編輯事件加分點數。
  • 學生的點數狀態發生變更,會收到通知。


互評系統:

  • 開發會自動分派五份不同的作業給學生評分的功能
  • 互評結束後,系統會依照多筆評分紀錄,自動計算分數。
  • 依照檔案大小,自動壓縮使用者上傳的圖片
  • 評分結束後,會依照五個評分結果,自動計算作業分數,並顯示於介面上。
  • 以 Vue Component 開發紀錄的前端樣板,該樣板會隨處理狀態的不同(已被舉報/已被修正/已被移除/已被拒絕)、檢視者身份的不同(評分者/作者/助教/外部觀眾),而出現不同資訊與按鈕。

----------------------------------------------------------------------------------------------------------

OpenHCI 人機互動工作坊 2015 年活動官網


專案日期:2015

專案連結:https://www.2015.openhci.com/


工作內容:將設計師靜態的動畫內容,轉換為滾動視差的網頁


國立政治大學 TA 申請平台、臺灣科技大學 基礎程式設計課程 遊戲化學習平台、OpenHCI 人機互動工作坊 2015 年 活動官網
Avatar of the user.
Please login to comment.

Published: Nov 11th 2022
62
4
0

Tools

express
Express
vuejs
Vue.js
mongodb
MongoDB
nodejs
Node.js

Share