網站:https://tibamef2e.com/thd103/g1/dist/?category=#/

前台架構說明sitemap

使用敏捷開發製作UseCase、活動圖

後台架構說明sitemap

使用敏捷開發製作UseCase

後台使用MySQL建立資料庫

設計使用Figma繪製Wireframe和Mockup

負責切版頁面(含RWD)

1.趣味小測驗 2.遊戲3.捐款FAQ

主要負責遊戲介面

1.遊戲母頁:進行遊戲前說明頁面，具有遊戲留言功能，並且計算使用人數功能

2.問答遊戲:使用Vue框架，存取資料庫題庫內容，隨機取題目進行問答，搭配建議動畫特效。

串接API頁面(查詢)

1.媒體識讀(左圖)，一打開頁面就會預設取用媒體連結的表格資料

點選相關課程Tab位置的按鈕則會觸發相關課程訊號取用相關課程程的表格資料

2.捐款FAQ一打開頁面就會預設取用FAQ資料表格

3.遊戲一打開頁面就會預設取用FAQ資料表格

後台串接API頁面(查詢、新增、編輯、刪除)

1.後台媒體識讀-相關課程:新增、編輯、刪除可以同步連動到前台媒體識讀-相關課程頁面

2.後台頁面遊戲題庫，直接連接資料庫，遊戲隨機取用使用