作品集
01
精緻教育網
與XX公司共同合作，替教育部開發一 套精緻教師評鑑網，透過網站教育部 可方便察看與管理各學校的經費，並 提供研習活動、行事曆等功能。
作業系統: Linux
程式語言與框架:PHP、Laravel框架 資料庫: MySQL
套件管理:Composer
精緻教育網
精緻教育網首頁 縣市參與學校數
02
XX網站平台
透過PHP替XX公司開發遊留學諮詢形 象網站及後端管理服務，透過後端可 輕鬆管理留遊學資訊。
程式語言:PHP、JQuery、JS 資料庫: MySQL
XX網站平台
首頁header 首頁content 首頁footer
03
特約店家(APP)
替XX旅遊網打造一套幸福店家優惠APP，
透過APP將大台灣合作的店家與採訪的新 聞呈現在APP當中，並將大台灣實體幸福 卡，以QRcode的方式導入至APP當中，
因應「虛擬卡片」趨勢。
作業系統: Android、IOS
程式語言與框架: JAVA、Swift 資料庫: MySQL
特約店家(APP)
04
24H購幸福
替XX旅遊網打造一套購物網站，可透過後 端管理會員與上下架商品等功能，並串接 第三方金流服務-歐付寶，簡單購物無負 擔。
程式語言與框架: PHP、JQuery 資料庫: MySQL
第三方技術: 歐付寶
24H購幸福
05
兵兵拼拼圖
本遊戲主要是以java撰寫的拼圖遊戲，除 了建的圖片可製作成拼圖外，使用者也可 以將手機裡的相片或立刻照相將相片製作 成拼圖來遊玩，此APP除了拼圖遊戲以外 也改良了許多的模式，例如:轉珠模式與 雙排象棋模式，此APP也透過演算法做了 自動完成拼圖的功能。
作業系統: Android
程式語言與框架: JAVA
兵兵拼拼圖
06
太空小瑪莉
有別以往傳統小瑪莉機台的模式簡單易懂 的遊戲玩法太空主題，這個主題設計讓玩 家不再覺得都是傳統博奕機台遊戲，而是 跳脫機台的可愛太空風，能吸引更多年輕 族群的玩家。本遊戲前端主要以unity製 作，後端的登入與機率以java去撰寫
作業系統: Android:、IOS Client: Unity、C#
Server: JAVA
太空小瑪莉
07
飯店系統
替XX公司開發飯店管理系統與形象網站，
並提供訂房功能服務，金流的部分與歐付 寶進行串接，後端的部分除了管理房間外，
也能透過製卡功能管理房門卡
Client: Angular
Server: Node.js(Express) 資料庫: MySQL
套件管理: Node Package Manager(NPM) 第三方技術: 歐付寶、門禁系統
飯店系統
飯店首頁 線上訂房
飯店系統
飯店後端 歐付寶支付畫面
08
課教務管理系統
替XX公司開發課教務管理系統，可管理 學生、課程、班種、國定假日、折扣與進 銷存、點名系統等功能，並與104、博進 發票系統做串接。
Client: Angular Server: nest.js 資料庫: MySQL
套件管理: Node Package Manager(NPM) 支援RWD
課教務管理系統
帳號管理 國定假日管理
課教務管理系統-發票
購買教材-付款方式選擇 發票列印-PDF畫面
訊息通知
管理端 學生與老師端
• 管理端可藉由訊息通知功能，發送公告給師生及同仁，並且可以查看未讀訊息的 人員與收回訊息，除此之外，此功能也有審核機制，當秘書權限發送公告時，必 須經由較高的管理者做審核，才能將公告發送給大家查閱。
國定假日管理
行事曆模式 列表模式
• 管理端可藉由openData簡易的匯入每年的休假日，當同仁建立課程時，可 將課程時間排除國定假日。
購買課程-電子發票串接
結帳 電子發票
• 學生購買課程或教材時，秘書可透過本系統進行結帳，結帳時可選擇付款 方式與載具，結帳後可連結印表機將電子發票印出。
報表
報表 報表EXCEL
• 本功能可檢視所有消費明細，可透過多個條件進行搜尋，且提供excel匯出 功能
09
跨境電商系統
替XX公司開發跨境電商系統，可讓管理 者管理商品、會員與店商活動，打造一個 C2C跨境電商平台，並串接第三方金流與 物流，且透過Cordova成功將Angular進 行移置至手機OS。
Client: Angular、Cordova Server: Node.js(Express) 資料庫: MySQL
套件管理: Node Package Manager(NPM) 支援RWD
跨境電商系統
電商首頁 後端管理介面
跨境電商系統-第三方金流 支付寶
第三方金流 支付寶
10
服務鈴
主要是用Cordova開發的應用程式，分為 店家、客人、廚房3種APP，店家下載此 APP後可以創立店家，並且可以查看目前 店內桌位的狀態，以及員工目前是服務於 那些桌位，此外客人下載APP後，也可以 透過APP上的功能按鈕，來呼叫服務員。
Client: Angular、Cordova Server: nest. js
資料庫: MySQL
套件管理: Node Package Manager(NPM)
服務鈴
派工管理
• 此功能將傳統的派工管理電子化，使用本應用程式的店主管可以透過派工管理 進行查看、編輯、刪除、修改派工的功能。
新增派工
派工狀態列表 派工紀錄 修改派工
店家管理者/服務員選單
• 此頁能區分店主管以及服務員的差別，並且提供相對應的功能選單。
主管功能選單 服務員功能選單
服務/桌次
• 透過服務及桌次功能，可以查看和清除目前的服務需求以及桌次。
服務列表 清桌列表
條碼掃描器
• 一般的使用者可以透過掃描QR code進入該店家的功能選單，或者查看菜單。
條碼掃碼器 店家桌次QR code 店家菜單QR code
功能選單
• 一般的使用者可以使用功能選單，對該店家提出服務需求以及查看菜單。
功能選單
11
藍芽連線APP
替XX公司開發藍芽連線APP，可檢視該裝 置子機數量、呼叫通話、定時點名、頻道 修改等功能。
Client: Cordova、藍芽 資料庫: SQLite
套件管理: Node Package Manager(NPM)
藍芽連線APP
Demo
• 本應用系統讓導遊使用手機藍芽操作對母講機，進而控制 多台子對講機。可操作的功能包含列出子機清單，私密通 話、呼叫子對講機、子機電量顯示等。
硬體溝通 首頁 群組通話 個人通話
12
鄉政營造展示網頁建置計畫
為協助委託人進行鄉政營造展示網頁建置，
藉以呈現施政成果，凝聚城鄉行銷施政
程式語言: PHP 資料庫: MySQL
第三方技術: Google Map
鄉政營造展示網頁建置計畫
施政成果與google map
13
Unity 數位學習教材之建置計畫
透過Unity實作數位學習教材應用程式，
讓使用者可透過線上及離線學習，並透過 加密技術將離線教材封裝，避免教材被盜 用，保護智慧財產權。
Client: Unity Server: PHP 資料庫: MySQL
Unity 數位學習教材之建置計畫
登入畫面
首頁
14
語音控制系統
透過Zenbo介面與語音控制，讓使用者更 方便控制家中的電源。在技術方面，使用 Socket與樹梅派進行溝通，並使用DDE來 編寫對話邏輯，使其控制可以達到對話的 效果。
韌體設備: 樹莓派 協定: Socket
作業系統: Android
程式語言: Java、Python
語音控制系統
語音控制電路圖 Zenbo語音控制流程圖
語音控制系統
語音控制電路圖 Zenbo語音控制流程圖
15
室內洗車場
利用樹莓派控制繼電器，並驅動洗車、風 扇、廣播等設備，而業者可透過手機監測 風扇的溫度、每月營收與車場廣播，而客 戶可透過手機查看各個洗車區的使用狀況 與進行行動支付。
韌體設備: 樹莓派
第三方: 綠界科技ECPAY 作業系統: Android / iOS Client: Cordova
室內修洗車場
樹梅派電路板 洗車場使用狀況
室內修洗車場
每月營收圖表 風扇控制系統 廣播控制系統
16
標案查詢系統
主要能透過此APP來快速查詢標價及歷史 紀錄，並可對廠商進行評價。
Client: Angular、Cordova Server: PHP、Laravel框架 資料庫: MySQL
套件管理: Node Package
17
血壓機
本專案為一款可藉由藍芽與
XX血壓機進
行連線的APP，主要功能為記錄每日血壓 數值，並可繪製成圖表與產生PDF報表。Client: Ionic、Cordova Server: Node.js
資料庫: MySQL
套件管理: Node Package
18
取餐叫號(店家端)
主要是用Cordova開發的應用程式，分為 店家、客人2種APP，店家下載此APP後 給予客人取餐排隊號碼，讓客人可以透過 APP隨時掌握狀況，並結合推播降低客人 等待時間。
Client: Angular、Cordova Server: nest. js
資料庫: MySQL
套件管理: Node Package Manager(NPM)
• 綠色是初始狀態、紅色是備餐狀態，此時會開放QR Code讓客人
掃、橘色閃爍時是通知客人可以來取餐
19
排隊叫號(店家端)
主要是用Cordova開發的應用程式，分為 店家、客人2種APP，店家下載此APP後 給予客人排隊號碼，讓客人可以透過APP 隨時掌握狀況，並結合推播降低客人等待 時間。
Client: Angular、Cordova Server: nest. js
資料庫: MySQL
套件管理: Node Package Manager(NPM)
• 新增號碼的備註可在設定頁面進行編輯。
• 綠色是初始狀態、藍色是通知客人有空位入座、紫色是客人按下 前往時的狀態、客人按下取消訂位時號碼牌會消失。
• 清屏:清除QR Code
• 紀錄:顯示以經過號的QR Code讓客人掃。
20
主要是用Cordova開發的應用程式，分為 店家、客人2種APP，客人可以透過APP 申請入會及購買/轉移子彈；而店家可以 使用管理端來進行會員管理。Client: Angular、Cordova Server: nest. js
資料庫: MySQL
套件管理: Node Package Manager(NPM)
