王聖閔(Sheng-Min Wang)

於目前的公司維護PHP專案,曾接過幾年的案子累積自己的開發以及溝通的經驗,內容大部分為網頁設計,也曾接過教材撰寫、動畫製作、硬體控制案子,網頁設計大多為協助客戶製作出整個形象網站或指定的爬蟲頁面並架設網站呈現,使用後端語言為PHP、Python、Node.js,通常使用docker架設伺服器,前端使用過React.js、Vue.js,排版使用過Bootstrap、Bulma、Tailwind。


過往經歷

高職為學校選手曾參加全國科展競賽、北區分區網頁設計競賽、台北市軟體設計競賽、TWNIC 競賽。
大學及研究所參加通訊大賽、微軟 imagine cup、車客松等比賽,曾回到母校擔任社團課老師。

Software Developer
Taipei, TW
[email protected]

Skills


Frontend

html、Javascript、css
scss

Framework
React.js、Vue.js

CSS
Bootstrap、Bulma、Tailwind



Backend

PHP

framework

Laravel、Codeigniter


Node.js

Python


Other

DB

MySQL、MariaDB、PostgreSQL、MongoDB


Other

docker、git

Work Experience

麥睿資訊股份有限公司, 研發工程師, Aug 2021 ~ Present

負責項目:

1. Lifemap開發及維運 http://www.lifemap.com.tw

    使用技術:PHP、HTML、CSS、SCSS、AWS EC2 

    服務內容:宮廟數位化服務、ATM及線上點燈系統、線上收據系統、後台庫存管裡系統、金流串接
2. 線上旅展開發及維運 https://trip.lifemap.com.tw/
    使用技術:PHP、HTML、CSS、AWS EC2

    服務內容:ATM機台列印優惠券掃描QR Code進入網站購物、後台庫存管裡系統、金流串接
3. 短網址服務開發及維運
    使用技術:NodeJS、EJS、HTML、CSS、docker、AWS EC2

    服務內容:縮短填入網址產生出機器配發Domain網址
4. 服務商API及後台開發
    使用技術:Laravel、Vue.js、inertia.js、Tailwind、blade、Postgresql、Redis

    服務內容:

     - 讓系統通路商(ATM、購物平台等)接入系統對系統服務商(點數、商品提供公司)下單

     - 後台使用inertia + Vue打造可以控管各個服務商管理功能及金鑰管理

     - 使用 Laravel Queue + Redis 推送下單通知給服務商並提供重送功能

     - 以Blade製作模擬api送回服務商互動介面

5. 其他小專案:
    - NFT Market

      使用技術:React、AWS S3

      服務內容:NFT展示及購買並可切換角色之Demo網頁
    - PIXI 套件模擬電子印章
      使用技術:npm、Webpack

      服務內容:以取得的多點觸控pattern顯示出對應圖案

Freelancer, 2017 ~ 2021

1. 爬蟲抓取Angular網站並製作成Excel

     前端技術:Bluma、HTML、CSS、JS 

     後端技術:PHP、MySQL、GCP、Docker

     服務內容:將資料定時爬取下來存到資料庫,在前端將客戶想要的顯示條件做成選項過濾下載成Excel。

2. 爬蟲抓取特定網站並存入資料庫顯示於頁面上

    前端技術:Bluma、HTML、CSS、JS 

    後端技術:PHP、MySQL 、Azure

    服務內容:將資料定時爬取下來存到資料庫,在前端將客戶想要的顯示條件做成選項過濾顯示資料及圖表於網頁。

3. 虛擬助理API

    後端技術:CodeIgniter、PHP、MySQL 

    服務內容:依照業主規劃製作Restful API

4. 保險網站 

     前端技術:HTML、CSS、JS、chart.js

     後端技術:CodeIgniter、PHP、MySQL

     服務內容:保險網頁後台記錄客戶點選之選項以及金額並在最後將金額統計成圖表。

5. investrate 股票策略網站

    前端技術:Vue、HTML、CSS、JS 、chart.js

    後端技術:PHP、MySQL 

    服務內容:提供會員登入功能,顯示圖表介面讓會員參考,PHP呼叫R語言執行策略回測。

6. 展覽網頁前後台(https://ccpa.org.tw

     前端技術:Bootstrap、HTML、CSS、JS 

     後端技術:PHP、MySQL

     服務內容:提供展覽資訊給民眾,後台上傳檔案、發表編輯文章等功能。 

7. Unlimited message 

    前端技術:Electron、HTML、CSS、JS 

    後端技術:PHP、MySQL、GCP 服務內容:[email protected]後台訊息群組發送

8. 輸入數據做成折線圖 

    前端技術:React、HTML、CSS、JS

香港商女媧創造股份有限公司台灣分公司, 測試工程師(實習), Feb 2018 ~ Jul 2018

負責項目:
1. 測試機器人各項功能
2. 回報找尋BUG與工程師溝通
3. 使用bat批次檔案製作簡易自動測試

教學經驗

復興商工高級職業學校, 兼任教師, Aug 2020 ~ Jul 2021

教學項目:
1. 網頁設計(HTML、CSS排版製作)
2. 程式設計(Visual Basic)
3. 資料庫(以資料表模擬資料欄位的正規化)
4. 軟體應用乙級考照輔導

台北市立內湖高工, 社團課老師(Arduino相關), Feb 2016 ~ Jun 2016

教學項目:
1. 簡易C語言程式撰寫
2. Arduino UNO控制
3. Arduino IDE使用

Education

National Taipei University of Technology, 碩士, Electronic engineering, 2018 ~

National Taipei University of Technology, 學士, Electronic engineering, 2014 ~ 2018

內湖高工, 高中, 資訊科, 2011 ~ 2014

競賽及作品


競賽

2019 第二屆車客松入圍決賽                                      108/03/24

2018 第三屆大聯大創新設計大賽                               107/12/07

2017 Microsoft Imagine Cup 入圍決賽(前九強)      106/04/15

第17屆旺宏金矽獎半導體設計與應用大賽參賽         106/04/06

Microsoft Surface-創意平面設計大賽-參賽              105/09/29

經濟部2015通訊大賽「智慧城市實作組」佳作        104/10/24

第54屆全國科展最佳創意獎                                        103/08/06

第43屆全國技能競賽北區初賽網頁設計第四名         102/11/28


作品列表

ThunPle Weather 天氣報報

MedicalPad

Real Beat看得懂的心電圖

Zipper

智慧停車系統

智慧門禁監控系統

智慧型節能供水系統

創意被貼—碎片

NBA籃球報報

證照及作品


Google Cloud Platform(QWIKLABS):qwiklabs.com Profiles

AWS:AWSome Day, Certificate of Attendance

技術士技能檢定:軟體應用乙級、軟體應用丙級、軟體設計丙級

Adobe:Photoshop(ACA)

Microsoft Office Specialist(master):Word、Excel

ThunPle Weather 天氣報報

ThunPle Weather 天氣報報為車客松的作品,從想法到設計最後完成網頁製作並串聯硬體裝置


硬體使用Mediatek linkit 7697開發回傳即時的資訊決策當地天氣以及緊急事故


前端使用Vuejs搭配Mapbox開發將地圖顯示出來並放下opendata天氣icon顯示天氣資訊,左右兩側個有篩選器可以找出喜歡的天氣及指定的資料來源,並串接路徑規劃API將路上會遇到的天氣顯示出來


後端利用PHP codeigniter框架開發串接mongoDB讀寫資料,以Docker容器架設Nginx作為網頁伺服器


硬體:Mediatek linkit 7697結合感測器

前端技術:Vue、HTML、CSS、JS

後端技術:PHP、codeigniter、mongoDB、Nginx、Docker

角色:專案管理、網頁程式設計、硬體開發

獎項:第二屆車客松入圍、萬寶華網際網路應用創新大賽複賽

Paragraph image 00 00@2x
Paragraph image 01 00@2x

MedicalPad

使用python+flask建立起快速Demo的網頁,顯示硬體量測的心電資訊繪製成動畫


前端技術:HTML、CSS、JS

後端技術:python、flask、socketio

角色:程式設計

RealBeat

RealBeat 為大學的專題作品,以手機APP透過藍芽BLE接收心電資訊再傳送到資料庫,以網頁的方式呈現一維心電圖,也有2D和3D的心臟跳動圖


硬體:Ti CC2650

APP端:Android

前端技術:HTML、CSS、JS 

後端技術:PHP、MySQL

獎項:Imagine Cup入圍

Paragraph image 00 00@2x
Paragraph image 01 00@2x

Zipper

Zipper為大聯大創新設計大賽及創創黑客松的作品,可以壓縮垃圾桶中的垃圾,將能夠換取更多垃 圾桶的容量,以達到減少垃圾滿載的問題。在Zipper中,藉著多種感測器的整合,搭 配網頁顯示可以即時知道垃圾桶目前的狀態,讓垃圾桶作為城市中監測周遭的環境數 據的小幫手。


版本一

前端技術:HTML、CSS、JS 

後端技術:PHP、MongoDB、Docker

角色:軟體專案管理、網頁程式設計

版本二

前端技術:HTML、CSS、JS

後端技術:Nodejs、MongoDB、Docker

角色:軟體專案管理、網頁程式設計  

MES(Demo版)

使用nodejs製作進銷存系統,資料使用dynamodb建構,並部署於AWS上


前端技術:HTML、CSS、JS  

後端技術:Nodejs、dynamodb、AWS

角色:專案管理、網頁程式設計

Paragraph image 04 00@2x
Paragraph image 04 01@2x
Paragraph image 01 00@2x

智慧型節能供水系統

冬天使用熱水來洗澡,幾乎是每一個人都會做的事。但很少有人分得清楚「即熱式電熱水器」與「儲熱式電熱水器」有何不同?顧名思義,後者必須有一大小固定的容器來儲存熱水,如此一來將耗損不少的電能來加熱。為了有效節省電力能源,多數採用即用即熱的方式,可是當我們把水龍頭打開之後,它需要慢慢地加熱到一定溫度才行。

我們讓水溫達到我們所設定的溫度之後再行出水,未達溫度的冷水也能儲存回流之後再加熱,讓使用者能夠直接享用熱水,這樣不僅可以解決熱效能不彰的問題,又毋需忍受那濕冷的感覺,也不會造成水資源的浪費,真是一舉數得。 在此我們選用


技術:Arduino、溫度感應器

角色:專案管理、硬體設計規劃

獎項:第 54 屆全國科展 生活與應用科學科 最佳創意獎

Huffman code

以網頁形式將Huffman code編碼並最佳化以及顯示,左下欄位可以自訂輸入文字、右下欄位顯示編碼結果、橫bar調整動畫速度


前端技術:HTML、CSS、JS 

後端技術:Nodejs、Docker 

角色:網頁程式設計

Paragraph image 00 00@2x
Paragraph image 01 00@2x

Driving School

使用Godot遊戲引擎製作一款倒車入庫的小遊戲


技術:Godot、GDscript

investrate(tradpad)

將設計圖紙上談兵化身為完整的網頁


前端使用HTML以及CSS將k線圖、長條圖、雷達圖繪製出來,使用Vue插件完成評等以及bar範圍選取篩選


後端使用PHP連結MySQL資料庫,包含註冊登入Facebook Google等功能,於回測時呼叫R語言


前端技術:Vue、HTML、CSS、JS 

後端技術:PHP、MySQL

角色:專案管理、網頁程式設計

Paragraph image 04 00@2x
Paragraph image 04 01@2x
Paragraph image 01 00@2x

智慧停車系統

智慧停車為通訊大賽的作品,為了改善現有的制度,此系統為半自動化系統,以提供最好的使用者體驗,使用者只需將車子停妥下車,此系統就會升起頂桿將車子固定不動,頂桿頂部將會以不傷底盤的材質設計,配合感應器得知何時該停止繼續上升,因此無須擔心愛車會損壞,而此時地上的LED指示燈環便變換成紅色表示使用中(如上圖左方停車格)。

 付款則是手動,您可使用您手上的感應卡(悠遊卡、VISA感應信用卡...等)方式對應左右停車格感應區付款,扣款完成隨即將頂桿放下,此時LED指示燈就會轉換回綠色表示無人使用,而在尋找停車位駕駛也可以藉由此燈號判斷這部車輛是否要開走。


硬體:Raspberry pi、Arduino、RFID、超音波等感測器

軟體:HTML、CSS、JS

角色:專案管理、軟硬體製作

獎項:2015通訊大賽佳作

PAPARK

PAPARK為北科電子系黑客松的作品,以Arduino搭配Node-Red介面來顯示目前停車 場的位置,再以Beagle Bone Black搭配攝像頭可以看到目前停車場的畫面,在搭配室 內定位的技術,可以讓駕駛者一進入停車場時可以立即知道離他最近的有空的停車 位,不用花時間再尋找停車位。


硬體:Arduino

技術:Node-Red

角色:專案管理、Node-Red架設、介面規劃

Paragraph image 00 00@2x
Paragraph image 01 00@2x

NBA籃球報報

目前欲得知NBA最新戰況,除了直接連結NBA官網或Yahoo!奇摩運動網站之外,市場上(如:Google Play)很少有針對智慧型手機的方便性,特別設計職業運動專屬的App應用程式。本項研究最主要的目的,就是如何去開發一個NBA專屬的App應用程式,能夠讓球迷隨時隨地得知熱愛球隊的最新戰績,甚至可以預測未來賽事的勝負


技術:Android、爬蟲

角色:專案管理、軟體製作

獎項:Twnic網路創意生活智慧家App行動大賽 佳作

Powered By CakeResume