User 12844 1479004709

王士誠

0968-679-772  •  [email protected]  •  4-x.tw

我是王士誠。 熱衷於實作與系統開發,並擅於透過網頁整合各種資訊系統。 

休閒之餘喜愛發想 Side Project,開發各種網頁擴充功能目前累積總使用人數約 10,000 人以上。 

參與過四年以上專案開發經歷,並具備打造團隊文化及建立團隊制度之經驗。


學歷背景


國立成功大學 工程科學學系,2019 年 9 月 - 2021 年 9 月

Multimedia Network & E-Learning Lab

Research Interests: 

  • E-Learning
  • Computational thinking
  • STEAM
  • Visual Programming
  • Learning Analysis

長榮大學 資訊工程學系,2015 年 9 月 - 2019 年 6 月

學業成績 歷屆系排名第一,斐陶斐榮譽會員

語文能力

國語、台語、英語

大專校院英語能力測驗 (CSEPT) 第一級(170-240) 成績211分 等同全民英檢中級

程式能力

  • 教育部資通訊軟體創新人才推升計畫 ITSA 線上程式設計競賽最佳競賽成績 3 題
  • 熟練前端 CSS 框架 Bootstrap(獨立完成 4 個公司專案)
  • 略懂前端 JS 框架 React、Java、C、C++、C#、Visual Basic .NET

技能


  • Basics:Html5|CSS3|JavaScript|jQuery
  • Styling:Bootstrap|RWD
  • Frontend Frameworks:React
  • Backend Frameworks:Node.js
  • Building tools:Webpack|Npm & Yarn|Eslint
  • Database:Firebase|MySQL
  • Dev skills:Git Version Control
  • Mobile Application:Webview | PWA Application

專業經歷



成功大學 工程科學所 研究助理,2019 年 7 月- 2021 年 9 月

  1. 設計與開發線上數位學習系統
  2. 開發資料蒐集系統,並進⾏資料分析
  3. CSS 框架使⽤ Bootstrap
  4. 後端使⽤ Node.js 與資料庫 Firebase
  5. 規劃與掌控專案時程及成本

Experiences 00 00@2x 504900dc09d82f711fdb54cf5763251cab5193a844856da978b2b8f3907ecd5a

成功大學 工程科學所 教學助理,2019 年 7 月 - 2021 年 8 月

  1. 高等計算機數學
  2. 管理資訊系統
  3. 知識管理

Experiences 00 00@2x 504900dc09d82f711fdb54cf5763251cab5193a844856da978b2b8f3907ecd5a

勝強科技 前端工程師,2018 年 7 月 - 11月

  1. 設計與製作公司形象規範、網站視覺風格
  2. ERP 系統開發
  3. CSS 框架使⽤ Bootstrap
  4. 後端使⽤ C# 與資料庫 MS-SQL
  5. 與業務、企劃、程式設計等相關⼈員配合,協同執⾏專案
  6. 規劃與掌控專案時程及成本
  7. 設計電⼦商務平台,並進⾏維護
  8. 負責網⾴程式的開發設計與修正更新
  9. 協調其他網⾴設計師,進⾏網站連結設計之相關事項
  10. 負責網站更新與管理


Experiences 00 00@2x 504900dc09d82f711fdb54cf5763251cab5193a844856da978b2b8f3907ecd5a

蘋果仁 科技媒體 R&D Engineer,2017 年 9 月 - 2018 年 2 月

負責網站維護、前端維護


Experiences 00 01@2x 6daa47d1df70d315f129dcecdd562003831581c4cdd8f9c819aa22d4a24ae150

蘋果仁 科技媒體 編輯,2017 年 6 月 - 2018 年 6 月

分享網路服務應用工具、科技產品新知


Experiences 00 01@2x 6daa47d1df70d315f129dcecdd562003831581c4cdd8f9c819aa22d4a24ae150

長榮大學資工系 兼任助理,2016 年 - 2018 年 7 月

連續兩年獲聘 智慧生活整合性人才培育特色大學計畫 兼任助理


Experiences 00 03@2x b381b81be12ffb5207e31257bd24e9606aef09c63c7e710fcd513da5ffd4e913

接案架站,2011年 - Present

  • WordPress 網站架設與設計
  • IoT 網站系統開發 

得獎榮譽


科技部大專生研究計畫

榮獲 科技部大專生研究計畫研究創作獎

計畫名稱:

用虛擬實境眼動儀進行虛擬實境廣告影片視覺注意力的眼動分析


專案內容:

自行設計一則虛擬實境 (VR) 廣告影片,並自製一款虛擬實境眼動儀(將眼動儀與虛擬實境眼鏡結合)。

透過虛擬實境眼動儀量測受測者在觀測 VR 廣告時的動態興趣區、凝視時間與凝視次數等數據,探討受測者在觀看VR廣告影片時,其眼睛移動的軌跡在各個興趣區域視覺注意力的分布情況。


Paragraph image 00 00@2x

斐陶斐榮譽會員

凡國內大學校院之大學部應屆畢業生,品學特優者,每一學院得推薦應屆畢業生人數百分之一,為本會榮譽會員,不足一人者以一人計。


應屆畢業生會員推薦資格,以應屆畢業生學期前各學期成績平均為準。 




 —摘自 中華民國斐陶斐榮譽學會推薦榮譽會員標準


Paragraph image 00 00@2x

亞洲跨國黑客松

榮獲 臺灣研發獎勵以及台灣代表隊

主辦單位:經濟部工業局


專案名稱:

Weather Disease - Dengue Fever 


專案內容:

因亞洲跨國黑客松而開發的專案。 在本專案透過自適應(RWD)網頁技術打造登革熱疾病的網站,並透過視覺話圖表來呈現病情與分析。 

Paragraph image 00 00@2x

專案得獎榮譽


PaoGo 共享代購平台


  • 榮獲由工業局及台北電腦公會舉辦之 2017第22屆全國大專校院資訊應用服務創新競賽 敏捷開發特別獎 佳作 
  • 榮獲 長榮大學 106學年度資工系專案實作發表展 第一名 
  • 榮獲 2018 智慧生活整合性人才培育計畫成果發表會暨三創競賽 創業組入選 
  • 榮獲 2018 放視大賞 行動應用類-資訊應用組 入圍 
  • 榮獲 2018第六屆資訊應用服務創新創業新秀選拔 複選入圍

專案內容:

結合共享經濟及電子商務的代購平台。 
使用者可以將自己的購物需求在平台上分享,若有志同道合的使用者恰好也想購買該物品便可幫忙代購。
平台使用者除了可以委託他人代購,也可以自己賺取代購費用。
金流與交易系統導入區塊鏈技術,保障交易紀錄也使交易更加安全。


Paragraph image 02 00@2x cb1a9cce8ec2420576e7f93d4a97d2663cb38d3060b7943702140d7f6da9f81e
Projects 01 00@2x

前端開發作品


PaoGo 共享代購平台

這是一個讓使用者互相代購的平台。 使用基於 Bootstrap 的 Creative Tim NOW Ui Kit ,並進一步刻板的網頁。 透過 AJAX POST 方法與後端串接,帶入使用者 JWT Token 請求頁面相關資料。

Paragraph image 02 00@2x cb1a9cce8ec2420576e7f93d4a97d2663cb38d3060b7943702140d7f6da9f81e
Projects 01 00@2x 9a5a97084c8e268ae3725d8e03654d1815ae2eb597b59c292ae4d0beffa7b703

註冊畫面


Projects 01 01@2x 5659ae1046a29c3ededd36e4a50b2c0f0c26b5fd7152a5d1cc138de803a81cbf

登入畫面

Projects 01 02@2x fe789c7495428f4bddd216a44a8d0d12ce13fbeed0f26e9c9f2fa6c5fb4b5cc2

個人頁面

Projects 01 00@2x 9a5a97084c8e268ae3725d8e03654d1815ae2eb597b59c292ae4d0beffa7b703

建立需求


Projects 01 01@2x 5659ae1046a29c3ededd36e4a50b2c0f0c26b5fd7152a5d1cc138de803a81cbf

需求清單

Projects 01 02@2x fe789c7495428f4bddd216a44a8d0d12ce13fbeed0f26e9c9f2fa6c5fb4b5cc2

任務清單

前端開發作品


Weather Disease

Weather Disease - Dengue Fever 是一個整理有關登革熱的分析平台。 

 使用Bootstrap 刻板的網頁。  全站為靜態網頁,使用 JS 刻畫大量視覺化圖表。

Paragraph image 02 00@2x cb1a9cce8ec2420576e7f93d4a97d2663cb38d3060b7943702140d7f6da9f81e
Projects 01 00@2x 9a5a97084c8e268ae3725d8e03654d1815ae2eb597b59c292ae4d0beffa7b703

簡介畫面


Projects 01 01@2x 5659ae1046a29c3ededd36e4a50b2c0f0c26b5fd7152a5d1cc138de803a81cbf

產品畫面

Projects 01 02@2x fe789c7495428f4bddd216a44a8d0d12ce13fbeed0f26e9c9f2fa6c5fb4b5cc2

小組介紹

Projects 01 00@2x 9a5a97084c8e268ae3725d8e03654d1815ae2eb597b59c292ae4d0beffa7b703

(視覺化資料) 動態歷年圖表


Projects 01 01@2x 5659ae1046a29c3ededd36e4a50b2c0f0c26b5fd7152a5d1cc138de803a81cbf

(視覺化資料) 可分區 圖表

Projects 01 02@2x fe789c7495428f4bddd216a44a8d0d12ce13fbeed0f26e9c9f2fa6c5fb4b5cc2

(視覺化資料) 標示分區折線圖

Projects 01 00@2x 9a5a97084c8e268ae3725d8e03654d1815ae2eb597b59c292ae4d0beffa7b703

呼吸燈閃爍標示


Projects 01 01@2x 5659ae1046a29c3ededd36e4a50b2c0f0c26b5fd7152a5d1cc138de803a81cbf

(視覺化資料) 世界地圖 圓點標示

Projects 01 02@2x fe789c7495428f4bddd216a44a8d0d12ce13fbeed0f26e9c9f2fa6c5fb4b5cc2

(視覺化資料) 動態搜尋表格

Chrome Extension


4cUrls

用來將網址列中不必要的參數進行移除,同時點按擴充功能圖示可以快速複製網址。

4cUrls-Lite

只有點按擴充功能圖示可以快速複製網址的功能。

SScholar

一款基於 SCI-HUB 可以快速找尋研究論文的PDF檔案。右鍵可以快速透過 Google Scholar 進行學術搜尋

STranslate

將論文整段複製並透過右鍵選單快速透過 Google 翻譯進行翻譯。

同時翻譯內容將會自動換行功能,提升翻譯整段句子易讀性。

SDeepL

將論文整段複製並透過右鍵選單快速透過 DeepL 翻譯進行翻譯。 同時翻譯內容將會自動換行功能,提升翻譯整段句子易讀性。

NAER

在任何一處瀏覽到需要查詢的單字時,只需要將單字(中文或英文)選取並透過右鍵點擊「NAER 找單字」,即可快速開啟搜尋結果。

Messenger-Lite

這是一款可以直接點擊圖示即可開啟 Facebook Messenger 的小工具。

BestYT

將 YouTube 片尾推薦縮圖與頻道縮圖等資訊移除,避免這些資訊遮擋到片尾內容。

Google-Images-Lite

這是一款簡單的 Google 圖片搜尋工具。 只提供了右鍵選單可以直接透過 Google 圖片搜尋選取的字或句。

Google-Maps-Lite

這是一款簡單的 Google 地圖搜尋工具。 只提供了右鍵選單可以直接透過 Google 地圖搜尋選取的字或句。

SShopee

在任何一處瀏覽到感興趣的商品名稱時,只需要將名稱選取並透過右鍵點擊即可快速開啟搜尋結果。

SCurrency

現在只需要將包含貨幣單位的價錢選取並透過右鍵點擊「貨幣搜尋」,即可快速開啟搜尋結果

專案開發


COVID-19 防疫平台


  • React.js
  • reactstrap (Bootstrap 4)
  • Webpack
  • Npm & Yarn
  • Eslint
  • babel
  • Sass
  • Firebase Hosting

Paragraph image 02 00@2x

語音轉文字服務


  • Microsoft Speech to Text API
  • Microsoft Translator API 
  • Progressive Web Apps
  • HTML5
  • CSS
  • JavaScript
  • Firebase Hosting

Paragraph image 02 00@2x

JS爬蟲 GitHub應用


  • HTML5
  • CSS (Bootstrap 4)
  • JavaScript
  • Google Sheet Api
  • CORS Anywhere
  • Firebase Hosting
  • Without GitHub API

Paragraph image 02 00@2x

專案開發


溫室環境監測系統

  • Apache ECharts
  • HTML5
  • CSS (Bootstrap 4)
  • JavaScript
  • Firebase Hosting
  • Firebase Authentication
Projects 01 00@2x

爬蟲備份感測器數值

Projects 01 00@2x

多個感測器清單

Projects 01 00@2x

單感測器視覺化圖表

Projects 01 01@2x

雙感測器視覺化圖表

專案開發


縮網址服務


  • HTML5
  • CSS (Bootstrap 4)
  • JavaScript
  • Firebase Dynamic Links
  • Firebase Hosting

Paragraph image 02 00@2x


解析 Scratch 專案


  • HTML5
  • CSS (Bootstrap 4)
  • JavaScript
  • Firebase Hosting
  • JavaScript library (zip.js)

Paragraph image 02 00@2x

WordPress 專案


丰尚整形外科診所 

APlus 睿智網路工務所   

Projects 01 00@2x

受好事創生創意有限公司邀約,對丰尚整形外科診所進行網站規劃與製作。並在擔任公司網站顧問,與技術支援。

Projects 01 01@2x

協助 Aplus 站長進行架設科技部落格,並擔任網站技術支援。


台灣科技促進語言學習理論與實踐學會 

愛瘋樂園

Projects 01 00@2x

受實驗室學長邀約,共同製作 PPTELL 學會官方網站。

Projects 01 01@2x

協助 愛瘋樂園站長 站長進行架設科技部落格。


王士誠

0968-679-772 • [email protected]4-x.tw