李泓勳 Andy Lee

台達電子工業股份有限公司 Delta Electronics Inc.

台達研究院 Delta Research Center - 軟體設計資深工程師


                            Email : [email protected]

                            Phone: 0975-269386

                            Location: Taipei Taiwan 

      目前於台達研究院 ( DRC ) 致力於 React Web Application 前端軟體應用開發,從實習階段時展現優異的學習能力並獲得主管的認可成為團隊的第一個成員,透過流程拆解搭配良好的溝通協調能力,確保團隊中每位成員對於專案的認知一致,並於第二年的大型 Demo Day 將專案如期交付完成,也獲得主管的肯定並晉升職等。工作之餘,也有個人 side project 的開發以及參與技術研討會等等的活動經驗。因此希望未來能夠繼續發揮軟體工程所長,並以 Fullstack 為目標持續精進。 


學歷

2015 年 9 月 - 2017 年 6 月 中原大學 資訊工程學系 碩士 ( 科技學習研究室 )

2011 年 9 月 - 2015 年 6 月 中原大學 資訊工程學系 學士


工作經驗

台達電子工業股份有限公司 ( 台達研究院DRC, 軟體設計資深工程師 ),2017 年 5 月 - 至今

  • 統計製程管制 ( SPC, Statistical Process Control )

    透過管制圖分析圖讓用戶掌握當前生產數據狀態,並於數據超出管制或規格界限建立事件通知相關人員排除問題,縮短數據異常的時間進而提升生產製程品質良率並達到用戶生產成本降低之最終目標。

  • 實作項目 :
    • 連動 A&A 機制與 前端 Router
    • 開發管制圖與分析圖 ( Ex. Line Chart, Histogram, ... )
    • 整合 Restful API

  • 挑戰 :

    • 前端開發人員僅一位,因此需要從零規劃前端頁面系統架構
    • 開發時辰緊迫

  • 解決方法 :

1. 於專案開始前畫出整體專案開發流程圖並與 Designer、Backend、DevOps、QA 同仁一同討論取得共識        切發給每人一份,確保開發過程中每一位成員皆清楚彼此工作關係與有相同認知。

2. 於專案開發前先以自我認知做系統架構規劃技術選型資料流向,並找身邊較為資深的前端工程師一同      討論進而確保可行性與彈性。


  • 生產品質管制 ( IPQC, In-Process Quality Control ) 資訊化

    大部分工廠因數據整合不易會需要大量人力作為設備與產線間溝通的橋樑,因此不少工廠在做 IPQC 點檢工作時依然使用紙本的方式於特定時間對設備做檢查,為此團隊開發數位點檢表來達到無紙化自動化流程來降低點檢工作的人力成本與時間成本

  • 實作項目 : 
    • 實作 RWD ( Responsive Web Design )

    • 整合 Restful API

  • 挑戰 :

  • 解決方法 :

  • 整體設備效率儀表板 ( OEE Dashboard, Overall Equipment Effectiveness Dashboard )

    透過 OEE 指標讓工廠現場人員能即時掌握該設備的狀態,進而確保生產製程的穩定性。

  • 實作項目 :
    • 了解產線人員工作流程,與設備間的交互關係

    • 設計儀表板 Layout

    • 串接工單、產線、設備即時數據

  • 挑戰 :

    需要大量的領域知識關於工廠、產線與設備,並從現場人員每天操作的工作中了解其關心的關鍵指標

  • 解決方法 :
    • 到大陸東莞廠區拜訪做需求訪談與了解工廠流程

    • 競品分析,了解市面上相關的產品優劣,需在設計階段做出功能上的區別

  • 預測性維護 ( PDM, Predictive Maintenance )

    透過傳感器 ( Sensor ) 和控制器 ( Controller ) 蒐集設備數據並訓練模型用於預前得知設備或零件損壞,以利後續安排設備更換與維修工作,進而降低產線停機的時間,進而提高生產效率與減少不良品的產生以降低生產成本。

  • 實作項目 :
    • 開發數據呈現圖表 ( Ex. Line Chart )

    • 整合 Restful API 與 WebSocket

    • 實作 RWD ( Responsive Web Design )

  • 挑戰 :

    傳感器與控制器的數據源數量約 8-10 個,由於數據皆透過 WebSocket 即時傳輸,因此需要處理每秒上萬筆的數據並以 Line Chart 呈現,因此每次渲然還沒完成時隨即接收到下一秒的數據,導致畫面嚴重延遲。

  • 解決方法 :
    • UX 面向 : 由於裝置寬度有限,因此當數據太大時折線圖會產生大量的重疊導致可讀性不佳,並考慮該圖表                       的用戶僅需觀看數據趨勢,並非需要了解每筆資料的細節,因此與 Backend 同事以 Down                               Sample的方式處理。

    • UI 面向 : 透過 WebSocket 傳來的數據以 Line Chart 為單位 memolized 每一項數據,以降低不必要的渲染                    次數。


主要技能

  • Programming Language : Javascript ( ES6 )
  • Library : React ( v16.8 )、Material-ui、Plotly、Lodash、emotion, Axios, puppeteer
  • CSS : less、flexbox、grid
  • Unit test : jest、testing-library
  • Version Control : git
  • Package Manager : yarn
  • Transfer Protocol : Restful API、WebSocket、MQTT


個人專案經驗

  • Web Crawler

    使用 puppeteer 為爬蟲套件,透過解析網頁結構並模擬用戶於瀏覽器的操作行為取得網頁中的資訊。

    • PTT 表特版

    • TWSE 台灣證券交易所

  • Line Chatbot ( Nodejs )

    使用 Nodejs 建立個人 Line Chatbox 作為 side project 呈現與互動媒介,並將其部署至 Heroku

    • Line Flex Message

    • Rich Menu

    • LIFF ( Line Front-end Framework )

  • Remote Interactive Game ( Tic Toe Game )

    使用 React 開發經典圈圈叉叉遊戲,並串接 Firebase 達成即時互動功能。

  • 圖片辨識外包程式

        使用 Nodejs 開發且打包成執行檔於 Windows, macOS 上一鍵執行,協助用戶將其圖片透過呼叫 Google Vision API 完成其六大功能 FaceDetection, LabelDetection, ObjectDetection, ImagePropertyDetection, LandmarkDetection, ExplicitContentDetection, 最後將返回結果寫入 Excel 並匯出


相關活動經驗

外訓

  • 2019 台北國際自動化工業大展
  • 2019 台北國際電腦展 Computex Taipei
  • 2018 AppWorks Demo Day
  • 2018 JavaScript 開發者年會 ( JSDC )
  • 2017 JavaScript 開發者年會 ( JSDC )

內訓

  • Design Thinking
  • 專案管理

Powered by CakeResumePowered by CakeResume