lfk29m@gmail.com |0978440828|New Taipei City, TW
您好,我是蘇紹傑,個性和善好溝通,對於未知的事物充滿好奇心和研究精神。我喜歡挑戰自己並且勇於解決問題,是一位勤奮且學習能力快速的人。在工作中,我非常注重效率和細節,並有良好的自我管理能力。
作為一名具有4年經驗的前端軟體開發工程師,在過去的幾年中,經常與設計、後端人員討論如何製作新需求、優化網頁效能與使用者體驗,並以VueJS框架來模組化開發、︀串接後端API、︀搭配Git flow與CI/CD流程進行開發,並且使用多種前端框架和工具,如VueJS、ReactJS、Bootstrap、Sass等。
2020 / 03 - 2023 / 04 | 3年
CMS 後台管理系統
在權限控管方面,使用JWT驗證令牌來保護系統的安全性,同時限制管理員可訪問的頁面與功能,以保護敏感資訊。
在擴充彈性的列表/表單/彈窗基礎元件方面,搭配Vuex實作了可複用且具有高度可配置性的元件,方便專案後台功能的擴充和定制。
撰寫了元件使用說明相關文件,以方便開發者快速上手並使用該元件。
Design+ https://www.designplus.style/
Design+是一個電商網站,除了有基本的商品瀏覽頁面外,還提供流暢的購買流程,搭配後台設定多種行銷優惠組合,提高用戶購買率
實作電商購物模組/頁面
豐富的行銷組合模組
串接第三方登入,使用OAuth協議實現了Facebook、Google等社交平台的登入功能,提供了方便且快速的登入體驗,同時提高了使用者轉換率
客家電視台 https://www.hakkatv.org.tw/
客家電視台官網,搭配wowza作為串流伺服器,將直播影片推流至wowza進行處理,並將影音檔案存於EFS,或是從後台進行大檔上傳到S3再由後端將S3影片同步到EFS儲存起來 ,以此建置直播自動錄制並上架的系統,解決影音上架人手不足的問題。
除此之外,網站也進行觀眾的數據蒐集,作為相關行銷人員的分析依據,以利日後平台與節目的提升。
整合Youtube iframe api與m3u8影音串流,使用了響應式網站設計,提供了良好的跨平台訪問體驗,同時使用了流媒體技術,提高了串流效率和觀看體驗。
實作後台影音/商品/訂單/資料管理,方便客戶彈性化管理。
在GA4方面,按照使用者身份及互動行為設計維度指標,使用了Google Analytics 4來對用戶行為進行監測和分析,幫助客戶了解和優化用戶體驗,並利用 chart.js 將數據轉為視覺圖表呈現。
eCloudvalley 伊雲谷 https://www.ecloudvalley.com/tw/
多語系形象網站,利用多元客製化元件組合出多種動態頁面,各頁面按照後台設定將SEO設定好並交由爬蟲處理,提高網站能見度。管理員藉由後台組合出具有高度彈性的頁面,並且設有分級權限系統,不同身份的管理員可輕鬆查看、編輯和批准各語系版本的文案。
後台文章審核機制
多語系分站/動態頁面/選單管理
前台根據後台設定呈現對應的頁面元件
新北市議長盃龍舟錦標賽 https://www.ntpc-dragonboat.com.tw/game/
利用原生JavaScript製作以端午節為主題的小遊戲,湖中會隨機出現不同的粽子,每個粽子都代表著不同的分數。玩家需使用滑鼠點擊粽子,獲得分數,挑戰自己的反應速度和準確性,並為遊戲加入了排行榜功能,可以將自己的分數上傳到排行榜中,與其他玩家一較高下
PAST THE HORIZON 地平線上 https://hkipf.space/
使用VueJS打造了一個現代化的SPA(單頁應用)網站,集合了引人入勝的歌詞、藝術圖片、音樂和影片素材,讓使用者可以隨心所欲地組合,創作出獨具個性的藝術作品。可以輕鬆地將藝術作品分享到社群網絡,與朋友、家人和藝術愛好者分享創作成果,引發更多的討論和互動。
2019 / 01 - 2020 / 03 | 1年2個月
happtyTV直播平台-自有產品
1. 運用VueJS框架開發維運直播網站 ,並透過API與後端程式溝通。
2. 串接websocket實作直播室互動遊戲。
3. 與設計師溝通 ,按照UI/UX設計來排版RWD網頁。
2013 / 09 - 2017 / 06
lfk29m@gmail.com |0978440828|New Taipei City, TW
您好,我是蘇紹傑,個性和善好溝通,對於未知的事物充滿好奇心和研究精神。我喜歡挑戰自己並且勇於解決問題,是一位勤奮且學習能力快速的人。在工作中,我非常注重效率和細節,並有良好的自我管理能力。
作為一名具有4年經驗的前端軟體開發工程師,在過去的幾年中,經常與設計、後端人員討論如何製作新需求、優化網頁效能與使用者體驗,並以VueJS框架來模組化開發、︀串接後端API、︀搭配Git flow與CI/CD流程進行開發,並且使用多種前端框架和工具,如VueJS、ReactJS、Bootstrap、Sass等。
2020 / 03 - 2023 / 04 | 3年
CMS 後台管理系統
在權限控管方面,使用JWT驗證令牌來保護系統的安全性,同時限制管理員可訪問的頁面與功能,以保護敏感資訊。
在擴充彈性的列表/表單/彈窗基礎元件方面,搭配Vuex實作了可複用且具有高度可配置性的元件,方便專案後台功能的擴充和定制。
撰寫了元件使用說明相關文件,以方便開發者快速上手並使用該元件。
Design+ https://www.designplus.style/
Design+是一個電商網站,除了有基本的商品瀏覽頁面外,還提供流暢的購買流程,搭配後台設定多種行銷優惠組合,提高用戶購買率
實作電商購物模組/頁面
豐富的行銷組合模組
串接第三方登入,使用OAuth協議實現了Facebook、Google等社交平台的登入功能,提供了方便且快速的登入體驗,同時提高了使用者轉換率
客家電視台 https://www.hakkatv.org.tw/
客家電視台官網,搭配wowza作為串流伺服器,將直播影片推流至wowza進行處理,並將影音檔案存於EFS,或是從後台進行大檔上傳到S3再由後端將S3影片同步到EFS儲存起來 ,以此建置直播自動錄制並上架的系統,解決影音上架人手不足的問題。
除此之外,網站也進行觀眾的數據蒐集,作為相關行銷人員的分析依據,以利日後平台與節目的提升。
整合Youtube iframe api與m3u8影音串流,使用了響應式網站設計,提供了良好的跨平台訪問體驗,同時使用了流媒體技術,提高了串流效率和觀看體驗。
實作後台影音/商品/訂單/資料管理,方便客戶彈性化管理。
在GA4方面,按照使用者身份及互動行為設計維度指標,使用了Google Analytics 4來對用戶行為進行監測和分析,幫助客戶了解和優化用戶體驗,並利用 chart.js 將數據轉為視覺圖表呈現。
eCloudvalley 伊雲谷 https://www.ecloudvalley.com/tw/
多語系形象網站,利用多元客製化元件組合出多種動態頁面,各頁面按照後台設定將SEO設定好並交由爬蟲處理,提高網站能見度。管理員藉由後台組合出具有高度彈性的頁面,並且設有分級權限系統,不同身份的管理員可輕鬆查看、編輯和批准各語系版本的文案。
後台文章審核機制
多語系分站/動態頁面/選單管理
前台根據後台設定呈現對應的頁面元件
新北市議長盃龍舟錦標賽 https://www.ntpc-dragonboat.com.tw/game/
利用原生JavaScript製作以端午節為主題的小遊戲,湖中會隨機出現不同的粽子,每個粽子都代表著不同的分數。玩家需使用滑鼠點擊粽子,獲得分數,挑戰自己的反應速度和準確性,並為遊戲加入了排行榜功能,可以將自己的分數上傳到排行榜中,與其他玩家一較高下
PAST THE HORIZON 地平線上 https://hkipf.space/
使用VueJS打造了一個現代化的SPA(單頁應用)網站,集合了引人入勝的歌詞、藝術圖片、音樂和影片素材,讓使用者可以隨心所欲地組合,創作出獨具個性的藝術作品。可以輕鬆地將藝術作品分享到社群網絡,與朋友、家人和藝術愛好者分享創作成果,引發更多的討論和互動。
2019 / 01 - 2020 / 03 | 1年2個月
happtyTV直播平台-自有產品
1. 運用VueJS框架開發維運直播網站 ,並透過API與後端程式溝通。
2. 串接websocket實作直播室互動遊戲。
3. 與設計師溝通 ,按照UI/UX設計來排版RWD網頁。
2013 / 09 - 2017 / 06