Fbcnpalmya3b9wdcjamd

周珮琪 PeggyChou

前端工程師

Taipei,TW  •  pchou3210@gmail.com

畢業於中央大學網路學系科技研究所工學碩士,大學為設計學士,擁有跨領域的雙專長。

目前任職於台達電子,擔任軟體工程師一職,負責網路通訊產品的網頁開發與維護。

喜愛網頁開發,曾經開發過教師社群網站、運用行動裝置作為教育用途的植物觀察平台、以及透過網站的教育遊戲開發;在設計方面曾協助桌遊「CHEMICARD」設計角色。 

工作經歷

台達電子 - 軟體工程師  2017/10~

  1. 主要負責網通產品網頁服務的維護以及解決問題
  2. 參與開發網通產品的網頁製作,主要負責網頁前端
  3. 曾參與PM與客戶之間的會議,一同討論網頁UI
  4. 使用RESTful API 串接前後端
  5. 與部門人員介紹「網頁前端」的程式vue.js,曾帶領6~7位同仁進行開發
  6. 解決過瀏覽器相容性問題,並使用docker建置不同的測試環境
  7. 使用git與svn作為版控軟體

Project develop and maintain 
 · Web (Javascript, VUE.js, CSS, HTML, Node.js, GIT) 
   1. Data center switch (Architecture design and implementation) 
     - Define development rules. - Design GUI components. 
     - Develop web front-end pages. 
     - Data series. 
     - Assist in maintaining back-end. 
   2. Management switch (Use the template provided by the customer) 

 · Document For data center switch project 
   1. Web GUI specifications 
   2. Web RESTful API specifications (JSON) ·

 Network protocol 
   1. HTTP, TLS, TCP, UDP
   2. SNMP issue 

學歷 Education

國立中央大學 網路學習科技研究所 2015/07~2017/08

專注於網站開發,在開發系統過程中,學習到人與物兩方面的重要性。

開發分與使用者溝通討論需求和系統開發兩個面向。

    在與人溝通方面,能了解使用者需求並依照需求開發;

    在系統製作方面,能通盤規劃系統設計,並有將系統實做的程式能力。

國立台北教育大學 數位科技設計學系 2011/09~2015/06

修習於程式與設計雙領域,擅長使用Photoshop與Illustrator設計軟體。

就學期間的團隊合作,需要大家各盡其職,在團隊中如何與成員溝通、互助學習,一起成長是重要的收穫

技能 Skills


Front-end

●●●●○ CSS

●●●●○ Bootstrap

●●●○○ JavaScript/jQuery /Vue

●●○○○ RWD 


Back-end

●●○○○ MySQL PHP 

●●●●○ RESTful API

●●○○○ LUA


UI/UX Design/Others

●●●●○ Illustrator

●●●●○ Photoshop 

版本控管:Git、SVN

Office: visio


Web Design

for VUE.js javascript framework

番茄鐘

簡易倒數計時器。

・以基本25分鐘專注,5分鐘休息的模式循環。使用者也可以自己調配兩者的時間。

Paragraph image 06 00@2x
Paragraph image 06 01@2x
Paragraph image 06 02@2x

當地天氣 


・使用開源API抓取目前裝置的位置。 
・UI提供目前的氣溫,最高溫與最低溫

・使用圖示讓user能夠輕易的了解目前氣候,下方長條為目前距離日落還有多久。


・遇到的困難:API 回傳的目前位置似乎與實際位置有誤差

・圖示使用free source SVG

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

Web Design

教師專業知識成長社群 WeRCom

教師專業知識共享與共創社群。

・對象:教師

・工具:javascript, jquery, bootstrap, mySQL, php

・WeRCom 輔助教師們將專業知識交換、進行內化行吸收與螺旋創造的活動。

    此平台提供圖表分析、專案管理、個人與社群交流工具,讓使用者可以對平時所累積的活動數據進行分析。

Paragraph image 06 00@2x 87e77cbcc732097bbd3c1ea0cc62ddde26e5adb1eceee8497e66e58206763cfd
Paragraph image 06 01@2x 13ec779ca27733557a5d2830d84049bfdfc54edd6ade36ee5766eea97298cf4a
Paragraph image 06 02@2x 3081b368fb6b38d988063c1300041f0c2b0cb92aae2fac6f55abc21c8e235124

物理科學互動遊戲Sci-match 
教育部提升自然學習領域教師適性教學素養計畫。
・對象:國中小學童
・工具:jquery
・建立簡單具有互動性的遊戲,將槓桿原理設計成讓學生可以從遊戲中學習的自然活動。
    使用簡單的圖形,使學生依據網站上的圖示與提示,進行思考並解答如何能讓天秤平衡,完成問題。

    網頁提供內嵌影片及提示工具

Paragraph image 06 00@2x 87e77cbcc732097bbd3c1ea0cc62ddde26e5adb1eceee8497e66e58206763cfd
Paragraph image 06 01@2x 13ec779ca27733557a5d2830d84049bfdfc54edd6ade36ee5766eea97298cf4a
Paragraph image 06 02@2x 3081b368fb6b38d988063c1300041f0c2b0cb92aae2fac6f55abc21c8e235124

ICCE2017 Workshop 
2017 ICCE工作坊推廣網站。
・對象:工作坊對廣網站
・使用響應式網頁(RWD)設計,使用者可以利用手邊不同裝置進行網站瀏覽。

Paragraph image 06 00@2x 87e77cbcc732097bbd3c1ea0cc62ddde26e5adb1eceee8497e66e58206763cfd
Paragraph image 06 01@2x 13ec779ca27733557a5d2830d84049bfdfc54edd6ade36ee5766eea97298cf4a
Paragraph image 06 02@2x 3081b368fb6b38d988063c1300041f0c2b0cb92aae2fac6f55abc21c8e235124

植物觀察平台Plant
・對象:國中小學童
・工具:javascript, jquery, bootstrap, mySQL, php 
・學生可以藉由平板電腦完成小組討論、拍照分享至平台與其他成員討論。
    將數位融入教育,使用行動裝置輔助學生進行植物觀察作業。
    學生利用網站上所提供的提示鷹架,在校園中完成老師所指派的觀察任務。

Paragraph image 06 00@2x 87e77cbcc732097bbd3c1ea0cc62ddde26e5adb1eceee8497e66e58206763cfd
Paragraph image 06 01@2x 13ec779ca27733557a5d2830d84049bfdfc54edd6ade36ee5766eea97298cf4a
Paragraph image 06 02@2x 3081b368fb6b38d988063c1300041f0c2b0cb92aae2fac6f55abc21c8e235124

從設計跨入程式世界

  我是周珮琪,從喜歡觀察成為實踐者。

  為什麼要做網頁?一個簡單的網頁很容易被大量複製,但其中包含的細節是容易被忽略的地方,網頁跟書報文章都能夠承載大量的資訊,但相較於靜態的書報,動態的網頁能夠給人們更多互動的感覺。

  我喜歡解決問題的成就感,從平面繪圖進入電腦設計,接著學習網頁程式開發。在學習網頁開發的過程中,不是一路順暢,但問題總需要被解決,過程中使用網路社群的力量、詢問周遭的前輩、自己從錯誤訊息中找除錯誤,錯了很多但也中學習。至今對於與使用者最相關的介面,網頁與人的互動性,到資料傳遞的串接,前端與後端相互配合,都有些微的經驗。

  資訊世代,學習是永無止盡,希望自己能夠帶給使用者一個優良的使用體驗。如何對應快速的變遷時代,是現代人學習的課題。

Paragraph image 00 00@2x ebb59a6d9adb03673d06762584bb6a0cc401a7cc4bd081bb82ce6f841d95aa2b
Powered by CakeResumePowered by CakeResume