Jlhqz5vbxfvesoiegwlp

陳韋安/Kuma|Front-end Developer

[email protected]   + 886 963 803121 • Keelung,TW •

  工作經歷 


麥斯創新科技,Frontend Developer ,2020年6月-2021年3月

於2020年6月進入麥斯創新科技公司服務,工作期間。

.工作職掌
  1.  公司自有產品:端點管理軟體 
  1. 負責前端API 規劃及設計
  2. 參與功能項目討論及產品RoadMap 目標
  3. 設計資料表及相關欄位設計 
  4. 與後端開發進行串接工作之協助 
  5. API 文件撰寫
  6. 資料庫關連性資料表文件製作
  7. 協助導入前端最新技術及架構
  • 該項專案為前後端分離
    前端為Angular並使用了Nrwl Nx工具管理方案
    後端則以ASP.NET Core 並使用 Swagger 開發 API 文件。
     Library方面透過 RxJS 進行非同步API請求處理,介面則選用了Material,並用SCSS改寫為客製樣式。

  • 使用技術為: HTML、SCSS、Angular、TypeScript、T-SQL、Rxjs library、Material library、C# 

 .其他工作項目

  • 外部教育訓練授課-開發工具使用;AzureDevOps版本控制及基礎Git操作

  • 華光工程顧問新版官網建置
    • 資料庫設計
    • 功能項目規劃
    • 後台帳戶閱覽權限設計
    • 最新消息等公告功能
  • 麥斯創新科技官網建置
    • 負責內容為:公告功能 該網站較多為靜態項目,主要上架資訊為公司主要的整合服務項目頁面介紹。
上述兩個網站皆使用ASP.NET Core Razor page,C#及Razor語法撰寫、樣式則是使用CSS及Bootstrap。 
前者使用GCP、後者使用Azure部屬網站



輔仁大學,資訊中心專職約聘,2019年9月-2020年5月

於2019年9月進入輔仁大學資訊中心服務,工作期間。 

 .工作職掌
  1.  新版的輔仁大學校友募款系統 
  • 項目描述:
    為了減少資金室的文書對帳作業,原有的網站系統僅有線上刷卡,針對系所捐款之功能大多還是得以紙本作業進行。 於是新版輔仁大學校友募款系統,針對資金室提出之功能需求進行規劃重新開發新系統,並加添了原有系統中所缺少或缺乏功能以及整合校友資料方便校方進行募資相關活動。

  • 責任描述:
    1. 負責前端流程規劃及頁面設計
    2. 參與功能項目討論及產品RoadMap 目標
    3. 設計資料表及相關欄位設計
    4. 與後端討論JSON串接格式
    5. 協助導入前端最新技術及架構
    6. 帶領專案同仁完成功能項目
  • 使用技術為:HTML、SCSS、JavaScript、Vue.js、Vuex、T-SQL、axios、Quasar framework、Lodash.js

  • 並以IIS方式部屬於地端伺服器 

.其他工作內容
  • 新版招生系統
    • 公告功能重構
    • 根據新增需求設計資料表及功能
    • 介面流程調整優化
  • 指導同仁使用Quasar框架進行教務系統前端開發。
  • 輔仁招生宣傳頁


技能


  JavaScript

  •  JavaScript (ES6以上)
  •  jQuery
  • TypeScript
  • Lodash library
  • RxJS library


 RWD Layout

  • 具有 UI 和 UX 的敏感性
  • 能以 SCSS 撰寫更好管理的程式碼
  • RWD 的 CSS 語法、技巧
  • bootstrap/bootstrapVue 組件及語法
  • Quasar framework UI組件及樣式語法
  • Angular Material UI  components


  Tools

  • npm
  • Git/Github/GitKarken
  • Azure DevOps Server(Team Foundation Server)
  • Linux


  Angular

  • Angular (2以上)
  • 具備拆分組件功能,路由規劃,實作自定義Pipe能力
  • Angular Material UI components 使用
  • 使用RxJS 實現非同步請求處理
  • 實作第三方 API 的串接


  Vue.js

  • 使用quasar framework製作PWA 
  • 具備拆分組件功能,路由規劃能力
  • bootstrapVue UI components 使用
  • 使用axios結合Vuex功能串接API取得後端JSON資料
  • 實作第三方 API 的串接


  ASP.NET

  • 具備MVC架構知識
  • Razor page
  • ASP.NET Core
  • C# 
  • 具備實作API能力



 Data Base

  • 具備根據使用者需求設計資料庫能力
  • T-SQL
  • Oracle SQL


 網站佈署

  • 能透過Azure 相關服務(VM/App service)佈署網站
  • 使用IIS 佈署網站

工具


 UI/UX規劃

透過分析使用者的使用模式來規劃整體風格及介面相關設計。

  •  Adobe photo
  •  Adobe Xd
  •  Miro


 企劃/專案管理

在檢視需要的項目後,分析使用者的各項需求,並以需要使用的工具資源規劃出符合需求的企劃提案書。

並做好版本控管。

  •  trello
  •  git
  •  Azure DevOps(TFS)


  證照

  • Oracle Certified Associate(OCA)SQL
  • ERP初階規劃師
  • ERP 軟體應用師 SAP配銷模組

輔仁大學-招生資訊平台系統

因應少子化衝擊,輔仁大學將招生系統重新規劃及開發,以利招生作業流程及招生宣傳作業。


前端技術使用:Vue.js/bootstrapVue


前往網站



Paragraph image 02 00@2x

My Github Side Project-第三方API串接實作

串接Github API,顯示profile 資訊習作。
並使用quasar framework CSS Spacing Classes 達成RWD效果

使用技術:Vue.js/quasar framework/HTML5/scss/JavaScript/Lodash.js

前往網站

銀行語音助理UI/UX

使用AdobeXD實作的mockup,主要設計內容為透過語音去查看匯率的功能


  • 左圖:
    • 上方-搜尋列及語音按鈕
    • 中段-過往回紀錄(含語音轉文字紀錄)
    • 底部-快捷問題
  • 右圖:
    • 上方是使用者輸入的語音轉文字
    • 中段-系統判斷問題後給予的回應及使用者回饋問答
    • 底部-語音按鈕



Paragraph image 02 00@2x

學歷:

2015/9~2019/6

中華大學 資訊管理學系 學士學位

Powered by CakeResumePowered by CakeResume