王炫鈞

擅長領域為網頁設計、手機APP開發,實質程式開發經驗三年。熱愛學習、挑戰新技術與他人分享討論,能適時地提出自己想法並與團隊進行有效的溝通。 

 大葉大學 DaYeh University  資訊工程所

  Dacun, Dacun Township, Changhua County, Taiwan 515  https://mmss8949.github.io/portfolios/#/AboutMe      

學歷


大葉大學 DaYeh University

資訊工程所

2016 - 2019

大葉大學 DaYeh University

資訊工程學系

2012 - 2016

工作經歷

前端工程師  •  大葉大學 DaYeh University

八月 2019 - Present


摘要:

  • 獨立以Flutter技術開發校公車(大葉之行)APP,串接第三方資料與Google map SDK,並獨立上架Google Play 與Apple Store 
  • 獨立以Vue.js技術開發約60項專案至各個系統 
  • 獨立以Vue.js技術以Vue.js技術重構20項舊有專案,完成前後端分離降低耦合、RWD版面、修正Bug
  • 以Vue.js、Vue-router、Vuex與Vuetify設計開發系所形象網站之公版,並加入Google translate、i18n 等功能 
  • 維護舊有專案並修正約40%Bug  
  • 帶領實習人員協助溝通、教育、開發、code review和完成主管所交代之事項 


詳細項目:

  1. 校公車相關
    1. 以PHP重構校車API 
    2. 串接第三方平台(交通部PTX平台)公車API相關資料 
    3. 淘汰3G車機改用4G車機來提升GPS準確度並加快資料回傳頻率,使校車位置更加準確與穩定 
    4. 淘汰舊有校車APP,並獨立以Flutter技術開發校公車APP(大葉之行) 
      1. 重新設計UI畫面,提升UX體驗 
      2. 重新規劃APP選單,留下實用功能、汰除使用率低功能與新增其他功能 
      3. 以Flutter技術開發,並產出Android與iOS APP 
      4. 讓APP 在Google Play 與 Apple store 上架。
  2. 財務系統相關
    1. 線上產生繳費單PDF
      1. 以Vue.js技術開發
      2. 汰除後端產生繳費單PDF之功能,改以前端動態產生繳費單PDF 減輕伺服器端的效能負擔  
      3. 移除已知40%BUG 
      4. 加入Taiwan Pay功能、浮水印等等功能。
    2. 選擇繳費入口頁面
      1. 以Vue.js技術開發
      2. 整合超商、信用卡與列印繳費單等等繳費頁面,並重新設計流程,解決繳費頁面風格不一致且過於繁雜 
  3. 學生系統相關
    1. 駕照、行照、交通通行證與金融帳戶申請功能
      1. 以Vue.js技術開發
      2. 將各個申請功能,整合至新版學生資訊系統,解決學生需要從不同系統登入和申請之情況。
      3. 重新設計UI畫面,提升UX體驗
    2. 生活 課業與帳戶相關等等查詢功能 
      1. 以Vue.js技術開發
      2. 將各個查詢功能,整合至新版學生資訊系統,解決學生需要從不同系統登入和查詢 之情況。
      3. 重新設計UI畫面,提升UX體驗
  4. 行政資訊系統相關
    1. 以Vue.js技術開發 
    2. 透過前端動態產生Excel檔案減輕伺服器端的效能負擔,幫助系助理解決需手動統計課程模組資料之情況。
  5. 推廣教育系統相關
    1. 以Vue.js技術開發 
    2. 設計計畫、專案與科目等等維護之功能,幫助行政人員免除紙本作業,並提升工作效率。
  6. 系所形象網站
    1. 以Vue.js技術開發。
    2. 串接最新消息、教師、職員API以供呈現。
    3. 提供Google translate、i18n與RWD版面。
    4. 提供後台網站管理系統,以供系助理進行人員異動與系所資料維護。

其他

Side Project

  • 遊戲通知(Line 群組)
    • 以Google Apps Script 搭配Line Notify來定時在Line群組上通知最新消息與提醒事項。
  • 綜合功能機器人(Line 群組)
    • 透過Line Bot在Line群組內接收指令並傳送至Google Apps Script進行取得最新消息、販售物品、收購商品、設定提醒通知、與抽獎等等功能。

技能

Tech Stack


Front-end

   Vue.js      Vuex      Vue Router      HTML     JavaScript     CSS

Back-end

   PHP 


APP

   Flutter 


Database

  MySQL


Others

   LINE Notify      LINE Bot    Apps Scripts

UI Framework

   Vuetify      Bootstrap

Design Tools

   XD      Figma    

作品集


Portfolios

個人作品集網頁

大葉大學工業設計學系

以Vue.js、Vue-Router、Vuex與Vuetify開發工業設計學系形象網站

線上繳費單產生

以Vue.js重構舊有線上繳費單功能,完整前後端分離架構,降低耦合並移除已知40%Bug,且添加Taiwan Pay與浮水印之功能。

大葉之行

獨立以Flutter技術開發大葉大學第三代校公車APP,串接第三方資料與Google map SDK,並獨立上架Google Play與Apple Store。

成績單列印申請

以Vue.js重構舊有線上成績單申請之功能,並加入取件方式選擇之功能,讓學生無須親自到校也能收到成績單。

通行證申請

以Vue.js重構舊有通行證申請之功能,重新設計UI與申請流程,以便學生用手機也能夠申請通行證。

chart-demo

以Vue.js開發並搭配Vue-Chart套件進行呈現各種資料圖表。

預警名單excel下載

以Vue.js開發並搭配SheetJS套件產生預警名單excel檔案,來解決系所助理需要自行統整預警名單之問題。

Line Notify(遊戲通知)

以Google Apps Script 搭配Line Notify來定時在Line群組上通知與提醒事項。

Line Bot(遊戲社群綜合功能)

透過Line Bot在Line群組內接收指令並傳送至Google Apps Script進行取得最新消息、販售物品、收購商品 、設定提醒通知、與抽獎等等功能。

推薦




張顧耀

前大葉大學電算中心主任/前大葉大學圖書館館長/勤益科大網路及系統服務組組長


敬啟者:

我是張顧耀老師,自今年8月1日起任教於國立勤益科技大學人工智慧應用工程系;在此之前,我在大葉大學資訊工程學系服務了18.5年,並在最後的12年期間,同時擔任該校電子計算機中心主任。而炫鈞曾是我的碩士研究生,在畢業之後,我邀請他加入電子計算機中心這個研發團隊。

 炫鈞在電算中心主要負責網頁前端與App的開發:網頁前端使用的框架是Vue,用來建構新世代校務系統iCloud的使用者介面。大葉大學是國內少數能自行開發App的大學,採用的是Flutter這個跨平台UI框架,而炫鈞便是負責第二代「大葉之行」App之開發,透過串接第三方平台資料、Google map等,打造大葉師生專屬校車及時監控App。

與炫鈞相處總共約5年左右,從研究生到電算同仁,一路上看著他不斷地成長與茁壯,除了積極態度之外,在面對新的挑戰時,他也能無所畏懼地前進。在團隊中,他也能適當地表達自己的看法與意見,口才甚佳。我相信炫鈞在新的環境中,必定能夠繼續發揮他的專業,並給貴公司帶來正向的助力。

如果需要更多與炫鈞相關的資訊,歡迎透過[email protected]與我聯繫。