Skip to content
View johch3n611u's full-sized avatar
🐈
Find a life mentor
🐈
Find a life mentor
  • Line:lyc1165

Organizations

@Big-Code-Milk @Cara-Drumstick-Bug

Block or report johch3n611u

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
johch3n611u/README.md

Explicit is better than implicit 🖖 歡迎互相交流

具有約三年多的程式開發經驗,
目前專注於前端開發與後端系統架構,
熱衷接觸掌握新知,具備溝通與協作開發能力;
持續精進程式的可用性、可維護性、可擴充性,
以結果為導向,以使用者為中心,享受解決問題的成就感。

  • 系統開發整合乙方 3+y ( 網站前後端開發、API串接 )
  • 電子商務甲方 1+y ( 品牌代營運網站開發、內部系統維運 )
  • 遠端、分流協作 14 個月內完成 6 個中大型專案
  • MBTI : INTP : 學者型 – 理性解決問題者
  • PDP : 貓頭鷹:內斂精確完美、中立適應性高
  • isu 義守大學資訊管理系 1y ( 程式 )
  • fju 輔仁大學景觀建築系 4y ( 規劃、設計、23D 繪圖 )



SKILL:

csharp dotnet photoshop illustrator sketchUp lumion angular firebase javascript typescript git hexo mssql oracle dbeaver nodejs redis nginx mysql jenkins java ionic docker d3js chartjs azure

F2E

◉ Angular2 ( 3+y )

◉ Vue2 ( 1+y )

◉ PrimeNG / MaterialUI / Ngx-admin

◉ SASS / TypeScript

◉ JS Lib ( jQuery、Chart、Three、D3 ) etc...

B2E

◉ Net. Core ( 4+y ) / MVC / WebAPI

◉MS SQL ( 3+y )

◉ AOP / IOC / Unit Test / Dapper / Quartz.NET / RabbitMQ

◉ C# ( 4+y ) / VB ( 1+y )

◉ Oracle ( 1+y ) etc...

Tool

◉ Git ( Github / Git Flow ) / SourceTree / Jenkins / IIS / Nginx

◉ Redmine / Jira / Asana / Trello / Slack

◉ Azure / Swagger / Postman etc...

Other

◉ Electron.net / Firebase / DBeaver / Figma /

◉ Adobe (XD、PS、AI) / AutoCad / Sketchup / Lumion etc...



Experience

新達科技 Shinda Tech , Sr. Software Developer , 電腦系統整合服務業 30~100 人 , Jun 2020 ~ Sep 2022

公司為系統開發、整合之乙方公司,專案多為上游公司發包之上市櫃客製化需求軟體,公司定期舉辦研討會由同仁分享技術與經驗,小組內協同其餘工程、設計師、專案經理,配合看板管理,敏捷 Scrum 專案開發、CICD 維護管理,轉換原因 : 職涯規劃。

日常開發與維護

1.在職期間經歷 7 輪上市櫃公司專案,開發維護 12 個中大型專案
2.根據專案 SRS / Spec,由組長與組員討論 SA SD 與選型 ( 框架 / 工具庫 ) 於開發階段 WBS 指派任務完成
3.協同小組四人從 SRS、Use case 檢討、測試需求、教育訓練等工作
4.團隊利用 G-Meet 與其餘 G-雲應用程式遠端協作、看板管理指派任務、Git Sourcetree 版本控制
5.工程師團隊從前端、後端至資料庫與架站、排程皆有參與並依照 SRS / Spec 與各種工作流程檢討並改進
6.依照 Redmine / SharePoint Issue 與客戶溝通並完成開發與維護
7.公司 ( 小組 / 兩禮拜 ) 分享站立研討會內容如連結 Seminar.md 負責過 IOC/DI、Unit Test 研討
8.遠端、分流協作 14 個月完成 6 個中大型專案

工作技能

** Angular2 / ASP.NET / MVC / WebForm / WebAPI / NET Core / Vue.js / C# / SPA / CSR / MPA / SSR etc ...**

  • [遠端經驗]
    • 疫情關係 WFH 遠端協作 2021/03 - 2022/03、分流協作 2022/04 - 2022/06
    • 在同步與非同步遠端的狀況下完成專案
    • 整合不同工具 SOP 與同事協作 Google ( Meet / Sheet / Docs ...)、Citrix、Sourcetree、Redmine
    • 遠端、分流協作 14 個月完成 6 個中大型專案
[2020/06 - 2022/04] 旺宏電子公司 入口平台與各流程管理平台 e.g. 帳號、軟體、設備管理
  • 【EIP 串接 SAM、PAM、NAM 與其餘平台】
    • 開發/維護 .NET WebAPI ( C# / Autofac / AutoMap / Dapper / 單元整合測試 ) / AG ( i18n / PrimeNG )
    • 面對同時千人的高併發使用的系統,透過資料庫、執行緒鎖、訊息佇列、非同步的方式,提高響應速度
    • 多種不同 ( 類型、流程、職級、海內外 ) 表單以簡單工廠模式搭配物件導向,結合 IOC、DI 使攏長程式碼減少、方便維護與理解複雜商業邏輯
    • 串接整合不同系同如 AD、自動化、BAT、排成器、NAC、BPM、SAM
    • 根據 SRS 規格書提供 spec. 應用並配合 DEV、UAT、QAS、PRD 開發階段進行開發與測試、文件 UTR SITR SAD SDD 技術移轉文件 撰寫
[2021/10 - 2022/10] 新美齊不動產公司 前後端分離前台 & CMS/CRM 後台
  • 【EIP 官網 & 後台 CMS】 ( 維護 Webform ) 2021/10 - 2021/11
    • 在沒有良好的版控舊程式碼下,維護 Webform、jQuery、私有元件庫,並轉為 Git 版控
  • 【房仲官網 & 後台 CMS】 ( 開發/維護 AG + .NET CORE API ) 2021/10 - 2022/10
    • 利用 Ngx-admin 架構開發後台房源上架 CMS、CRM 系統
    • 後台拖移式排序上架介面優化使用者 UX
    • 串接 GoogleMapApi 整合房源資料用於大數據分析
    • 爬取內政部實價登錄資料用於大數據分析、並將資料視覺化、流程排程化
  • 【銷售 CRM 前台】 ( 維護 AG Ngx-admin + .NET CORE API ) 2021/10 - 2022/10
    • 維護手機 APP RWD 版面與後台之介接,與銷售報表後台視覺化
[2021/04 - 2022/09] 全聯連鎖超市 Web View APP & CMS 後台
  • 【PxPay Web View & APP 管理後台】 ( 開發/維護 AG Ngx-admin + .NET CORE API ) 2021/04 - 2022/09
    • 協同網頁設計將 WebView 整合至 APP
    • 拖移印花集點功能開發
    • 利用 Ngx-admin 架構開發後台 CMS、CRM 系統
    • 後端考量效能與資安限制使用 Dapper 搭配 EF 串接資料庫
[2021/05 - 2021/10] 赫士盟餐飲集團 前後端分離前台 & CMS 後台
  • 維護 【Webform 前台官網 / 後台 CMS】 2021/05 - 2021/10
    • RAW 第一版 Webform 系統功能維護
  • 重構 【Webform => ( 開發/維護 AG Universal SSR + AG Ngx-admin + .NET CORE API ) 前台官網 / 後台 CMS】 2021/05 - 2021/10
    • RAW 改為前後端分離,考量 SEO 以 AG Universal 為前台,搭配 AG Ngx-admin 後台,重構 CMS
[2022/03 - 2022/10] 元大銀行 Web View APP & CMS 後台
  • 【串接投信平台整合原生 APP / WebView】 2021/06 - 2021/12
    • 製作 APP 內新手村模組,整合 WebView 與 APP
  • 【APP 模組管理後台 ( 開發/維護 AG + .NET CORE API ) 網關 Gateway 跳板】 2022/03 - 2022/10
    • 架構內網網關後串接元大提供之投信 API
[2022/04 - 2022/10] 華南金資產 CMS/CRM 前後端分離 AG + Net Core API
  • 【房屋官網】 ( 開發/維護 AG + .NET CORE API ) 2022/04 - 2022/10
    • 重構現有平台建立 BPM + CMS 系統 ( 功能類似新美齊仲介 )
  • 【戰情室平台】 ( 開發/維護 Vue + .NET CORE API ) 2022/07 - 2022/09
    • 重構現有平台整合上述後台,架構雙前台一後台的系統
[2021/02 - 2021/12] CDP / BI 產品 前後端分離 AG + Net Core API
  • 前期開發 【CDP 串接 BI ( AG Ngx-admin + FineReport + Nginx )】2021/02 - 2021/12
    • 研究 FineReport 初階專案如何利用 Nginx 反向代理,以使用 FineReport 其餘功能

良興購物網 Liang Shing EcLife , Jr. Web Developer , 電腦系統整合服務業 100~500 人 , Jul 2019 ~ Feb 2020

公司為品牌代操兼物流,同時也有自有品牌之乙方公司,擔任網站工程師職位,協同四位夥伴工程師,共同開發與維護多個電子商務平台,品牌前台形象建立與後台 CMS 等相關功能、後台 ERP、SCM、CRM、Workflow 等相關功能,每日專案開發、維護管理、新技術重構,團隊合作使用 Scrum、OKR、KPI、TRELLO 任務管理、Git / SVN 版本控制,轉換原因 : 職涯規劃。

日常開發與維護

  1. 在職期間開發維護幾十個以上的站頁、系統資料庫,幾十支以上的 SQL Server Agent、Winform、Jenkins 排程,十幾個雲與本地 Server
  2. 專案較複雜的頁面由設計部門完成頁面切版、 Banner 、 EDM 等 UI,
  3. 協同數據發展部與需求單位與工程師討論 UX 並完成。
  4. 團隊利用 Scrum、OKR、KPI、TRELLO 任務管理、Git / SVN 版本控制。
  5. 工程師團隊工作橫以品牌切割從前端、後端至資料庫與架站、排程。
  6. 縱為各品牌之間維護需求或功能新增相互支援。

工作技能

C# / VB / MPA / SSR / ASP.NET 4.7 / MVC 5 / WebForm / WebAPI / Winform / NET Core 2.1 / Razor / SPA / CSR / HTML5 / Vue.js etc ...

達成目標

  • [兩個禮拜內] 從只會 C# 與較熟悉 .Net MVC ,到熟悉前端 EasyUI 函式庫、後端 .net Webform 框架、 VB 語言。所架構之前台後台系統。

  • [第三個禮拜至離開前] 協助 CRM 平台專案架構,前端 @Razor 、後端 .net MVC 、 MSSQL 、 IIS 等相關網管協定之架設與程式撰寫、 WebAPI 串接。

  • [第二個月末至第四個月末] 從不會 Winform 到獨立處理購物中心上架 API 程式,包含十三隻 API 功能,加密與後台 ERP 系統串接。

工作項目 [專案開發]

良興電商官網 MPA SSR CRM 平台 部分專案
  • 使用技術 : C# / .NET MVC 5 / SendGrid / Tableau / Power BI / Analytics.js / Embed.js / Chart.js / Google Chat API / Datatables.js / Sourcetree...
    • 需求: 根據數據分析部需求提供應用。
      • [實作包含]
      • 會員 RFM 歸戶 ( B2B 、 B2C ...) 流程優化
      • 分類會員 EDM 寄送等相關行銷自動化
      • Datatables 商品 & 會員標籤系統
      • DB 同步、資料清洗、欄位設計、排程預存整理、資料庫備份
      • IIS 架設 DB 建置 Tableau Token 設定
      • 報表圖形化與產出
      • 串接 SendGrid 電子報系統
      • 嵌入 Power BI、Tableau、Google Analytics API 報表顯示與應用
      • 架設 Tableau Server
      • 串接 Tableau API 並嵌入應用

良興電商( 雅虎 & Momo SCM ) API 串接 MPA SSR 後台 SCM 管理系統 專案
  • 使用技術 : .NET / Restful API / EasyUi.js / MSSQL / 加密解密編碼 / Winform ...
    • 需求: 在技術文件不齊全的狀況下,與雅虎業務溝通,加密編碼解密串 API ,將電商商品結構資料抓取,比對公司本身商品結構資料,上架精技商品資料,約 13 支 API 與後台介面 CRUD ,排程系統...
      • [實作包含]
      • Momo & Yahoo API 文件新舊比對
      • 與 Momo & Yahoo 業務溝通在無法解決問題情況下找其他方案
      • Java 元件 / 程式碼解意轉為 .NET
      • 架設 Java 程式碼環境 Eclipse / 元件建置,擷取正確加密代碼
      • Header AES CBC PKCS5Padding / hmacsha512 加密
      • Header base64 / UTF_8 / Hex 轉碼
      • CookieCollection Stream Request Response 應用
      • 取商品結構串接 API
      • 反序列化 JsonObject 轉存 SQL ,約 41 種類 8 百多項目,結構化標籤約 15 萬筆
      • 後台 ERP 平台,結構畫類別、屬性選單, EasyUi.js 、MSSQL 應用
      • Winform 、Web API 排程串接商品類別序列化提報上架 API
      • 協同同事取 Token 將影音圖片 Stream 提報雅虎 Amazon S3 上傳檔案

良興 系統發展部 需求單電子化 專案
  • 使用技術 : Webform 架構改良之 EasyUi + API 、 Chart.js 、 AJAX 、JQ
    • 需求: 量化質化系統發展部工作內容,合理安排工作順序、時程管控。
      • [實作包含]
      • UML 需求單流程架構討論
      • MSSQL 資料庫與欄位建置
      • EasyUI 清單建置 CRUD
      • 圖表 Chart.js 建置

工作項目 [需求單開發與維護]

  • MPA SSR 前台 需求單

    MSI 電商代操 動態 Menu 首頁
    • 需求: 根據行銷企劃部需求提供應用。
      • 使用技術 : MPA / SSR /jQ / AJAX / ASP.NET
        • [實作包含]
        • TSQL 查詢
        • AJAX 拋資料

    EPSON 電商代操 MPA 前台動態 Megamenu / 後台 banner 上稿 CMS
    • 需求: 動態 Menu 改版。
      • 使用技術 : MPA /jQ /AJaX / EasyUI / ASP.NET
        • [實作包含]
        • CISCO VPN串接
        • TSQL 查詢
        • AJax 拋資料

    Aimedia 製造商代操商城春聯廣告頁
    • 需求: 根據行銷企劃部需求提供應用。
      • 使用技術 : jQ DOM / jQ library EasyUI / MPA / AJaX / ASP.NET ...
        • [實作包含]
        • 前台動態頁面
        • 後台上稿功能

    Sastty 美妝電商代操 商品包裝問券頁面、登入送購物金功能
    • 需求: 根據行銷企劃部需求提供應用。
      • 使用技術 : ASP.NET Page / CSS / Javascript / JQ / TSQL
        • [實作包含]
        • 商品說明書上 QR-Code , 拍了之後連到官網問券
        • 會員登錄
        • 填寫問券
        • 送出問券,送購物金
        • 手機板頁面
        • version 2 。 階層權限 Css 樣式覆蓋、 RWD 手機板畫面

    Sastty 美妝電商代操 抽獎活動登入頁面
    • 需求: 基本資料填寫,驗證後存庫。
      • 使用技術 : jQ / Js / Webforms
        • [實作包含]
        • 抽獎頁面驗證登入 Session
        • 前端頁面套版
        • 資料傳遞至後端處頁面
        • 資料驗證
        • 回傳錯誤訊息
        • 回傳成功訊息並導入明細抽獎列表頁面
        • 登入抽獎頁面表單
        • 後端驗證是否重複序號
        • 有重複錯誤提示
        • 無重複存入資料庫並轉回抽獎列表頁面

    Lab101 美妝代操商城 文章頁面
    • 需求: 新增行銷露出頁面。
      • 使用技術 : Primary CSS / EasyUI.js / ASP.NET / Youtube API
        • [實作包含]
        • 後台 EasyUI 行銷頁面類別與文章新增
        • 前台 rewrite 分類參數進入類別頁
        • 後台資料前台樣式套版顯示

    Lab101 美妝代操商城 產品頁頁面
    • 需求: 訊息不明顯,購物車功能常駐頁面。
      • 使用技術 : JQ / Primary CSS
        • [實作包含]
        • 後台 EasyUI 行銷頁面類別與文章新增
        • 前台 rewrite 分類參數進入類別頁
        • 後台資料前台樣式套版顯示

    Lab101 美妝代操商城 金流購物車付款頁面
    • 需求: 選擇宅配時顯示地址表單,選擇超商付款時顯示超商 API 串接內容。並將資料傳回資料庫。
      • 使用技術 : JQ / webforms
        • [實作包含]
        • Webforms Repeater
        • webforms contentPlaceHolder
        • 並在多個頁面內容實作 jQ 、 js 互動效果
        • 資料驗證
        • 回傳錯誤訊息
        • 回傳成功訊息並導入資料庫與跳轉頁面
        • 物流 API 串接

  • ERP CMS EasyUI.js AJAX 後台 需求單

    Sastty 美妝電商代操 後台抽獎功能清單轉存功能
    • 需求: 後台顯示前台抽獎頁面登入之內容,並有按鈕可以將清單轉出 Excel 。
      • 使用技術 : EasyUI.js
        • [實作包含]
        • EasyUI 階層設定
        • EasyUI 基本顯示
        • EasyUI 分頁
        • EasyUI 日期查詢顯示
        • EasyUI 匯出清單 Excel
    Sastty 美妝電商代操 後台 banner 上稿系統
    • 需求: 後台顯示前台抽獎頁面登入之內容,並有按鈕可以將清單轉出 Excel 。
      • 使用技術 : MPA /jQ /AJaX / EasyUI.js / ASP.NET
        • [實作包含]
        • EasyUI 、 Webforms API 混和架構維護
        • CISCO VPN 串接
        • TSQL 查詢
        • AJAX 拋資料
    良興 後台會員權限、預存排程管理、報表統計匯出功能、業務綁定報表功
    • 需求: 購物車未結帳資料建置,用以數據發展部測試弱 AI 廣告投放演算與行銷部 KPI 報表統計。
      • 使用技術 : TSQL / C# / .NET / EasyUI.js
        • [實作包含]
        • EasyUI 、 Webforms API 混和架構維護
        • KPI 指標研擬
        • TSQL 操作
        • 預存與 Jenkins 管理
        • 轉 Excel 報表
  • Winform 需求單

    全國電子電商代操 FTP API 串接 排程載入資料庫
    • 需求: 串接 API 載入 FTP 檔案,轉存資料庫,並設定自動排程。
      • 使用技術 : Winform
        • [實作包含]
        • Windowsform 排版
        • Windowsform 後台程式撰寫
        • 串接 API 資轉存資料庫並顯示
        • 時間處理函式導入排程
        • ShowDoc php Markdown 文件歸檔

杭州薌富規劃有限公司 , Internship , 景觀設計業 1~30 人 , Jun 2016 ~ Sep 2016

  1. 負責設計、總務、監工、業務工作
  2. 前往杭州蓮花鎮施工現場進行,分析、規劃、設計、監工,
  3. 在職期間至杭州義烏辦公室協助室內設計、規劃、施工,
  4. 在職期間至支援山東東營市協助業務洽談案件。

達觀規劃設計有限公司 , Internship , 景觀設計業 1~30 人 , May 2015 ~ Sep 2015

  1. 負責設計、總務工作
  2. 前往杭州蓮花鎮施工現場進行,分析、規劃、設計、監工,
  3. 在職期間至杭州義烏辦公室協助室內設計、規劃、施工,
  4. 在職期間至支援山東東營市協助業務洽談案件。




Side Project

錢董財商遊戲 SignalR Core 系統架構、前後台腳本產生器開發
  • 需求: WebSocket 多人即時遊戲
    • 使用技術 : Angular2 14 / Scss / SignalR Core / Net Core ( Net 6 ) / Swagger ( Web API ) / JWT / Layered Architecture / EF Core
      • [實作包含]
      • MiniProfiler Pipeline Filter 效能監測與 AOP 全局錯誤處理
      • Swagger SQL 語句監測
      • 前後台腳本產生器開發
      • Router / Controllers / Services / Bll / DPL / UnitTests 分層
      • Angular2:Components、Pipe、Services、Rxjs
      • SignalR Core 搭配 Caching Memory 即時互動

Getting Things Done Tool 個人生產力系統
  • 需求: 親人需求方便管理階層快速導入的任務管理工具
    • 使用技術 : Vue3 / Firebase / OKR
      • [實作包含]
      • Getting Things Done 流程
      • FireBase Auth
      • 圖庫 imgur 串接
      • Rx.js 多人協同合作、編輯

個人形象網站 前後端分離 AG NetCore Api 開發、展示大學作品
  • 需求:
    • 使用技術 : Angular 2+ / .Net Core 2+ / Azure
      • [實作包含]
      • Landing Page 發想與實作
      • 特色頁如何呈現個人特色
      • 作品集頁面如何展現作品特色
      • Azure 佈署

Fabow 任務分配系統 PWA 漸進式網路應用程式、快速導入易於使用
  • 需求: 親人需求方便管理階層快速導入的任務管理工具
    • 使用技術 : Angular2 / Firebase / PWA / Electron.net
      • [實作包含]
      • OKR、KPI 流程
      • FireBase Auth PWA 應用無需後台
      • Firebase Cloud Messaging 推播
      • Electron.net 桌面版同個 Firebase

SecurityAudit Tool 快速篩選 Excel 工具
  • 需求: 親人需求快速篩選 Excel 工具
    • 使用技術 : Angular2 / Datatables.js / Google Sheet API
      • [實作包含]
      • 串接 Google Sheet API
      • Electron.net 桌面版
      • 取 JSON 動態 key 裡面的資料 Object[KeyName]



Education

職業訓練局 , 移動商務系統設計與開發課程 , Jan 2019 ~ Jul 2019

詳細內容請點擊觀看

此課程為期900小時全日制訓練,主要內容為「Web資訊系統平台開發」及「行動裝置APP開發」兩大領域,
涵蓋「網站系統開發」、「資料庫設計與開發」、「行動裝置APP開發」、「系統分析與設計」,
除了開發「行動商務系統平台」所需的各項技能外,還有完整的軟體資訊系統開發過程及方法,
認識軟體產業之工作內容與生態,結訓後具備軟體開發工程師的各項技能。

詳細內容請點擊觀看

除了設計相關知識和施工技能外,在每一次的專案中培養「發現問題、解決問題」的能力,
學習從調查、分析中發現問題⾄設計、規劃並解決問題,利用 2D、3D 繪圖、多媒體、模型製作呈現設計理念,
並於學期間取得乙級造園施工證照,「積極參與國際競賽,磨練團隊合作與累積個人能力」,
為呈現規劃設計,學期間修習通識課「Web伺服器架設與網頁設計」並找到新的可能性。
轉換原因 : 求學期間,學習領域廣泛,因此成為職涯規劃中可轉換相似職涯環境與類別。

  • [造園施⼯⼄、丙級技術⼠] 全國技術士技能檢定 , Summer 2015
  • [河廊組⾦獎、鐵橋組銅獎] ⾼屏溪左岸時代印記創意競賽 - 國際學⽣競圖 , Jan 2017
  • [班級 第⼆名] 饒⽂忠設計成績優異獎 , Summer 2016
  • [入圍] 第⼗⼀屆中華⺠國 - 全國景觀設計學⽣競圖 , Dec 2016
  • [入圍] 陳⽂成事件紀念廣場 - 創意設計構思競圖 , Jul 2016

在學期間修習資訊方面理論,「計算機概論」、「資料結構」、
「網路概論」、「計算機數學」等專業知識,日後運用助益良多,
轉換原因 : 家庭因素轉學。


感謝您閱讀 🏄 如有建議煩請指教與分享

Popular repositories Loading

  1. Side-Project-A-Interactive-app-of-Pet-and-Friend Side-Project-A-Interactive-app-of-Pet-and-Friend Public

    C# 2

  2. Side-Project-Firebase-to-WebDatabase Side-Project-Firebase-to-WebDatabase Public

    ( OKR、KPI ) 任務管理

    HTML 2

  3. johch3n611u johch3n611u Public

    JavaScript 2 1

  4. Course-of-Mobile-Commerce-System-Design-and-Development Course-of-Mobile-Commerce-System-Design-and-Development Public

    JavaScript 1

  5. Side-Project-Personal-Branding-Image-Web Side-Project-Personal-Branding-Image-Web Public

    TypeScript 1

  6. Side-Project-Try-Some-Electron.net Side-Project-Try-Some-Electron.net Public

    車輛零件篩選桌面程式

    HTML 1