學生服務系統旨在提供便捷的平台促進教學與學習，我們具有多元教學資源和功能。

系統主要分成後台:老師管理平台、前台:學生使用平台。主要負責課程相關的功能。

提供兩個登入口:左方為老師登入畫面、右方為學生登入畫面。

左方為提供老師管理、上課的後台管理系統，右方為學生使用的首頁頁面

老師平台

提供給老師的使用者介面，管理課程部分有四個子功能:課程科目管理、科目分類管理、新增班級、班級管理；另外還有老師個人的儀表板，呈現教授的課程。

並附有powerBI Report的互動式報表讓老師使用者更方便查看目前的資料狀況。

1.課程科目管理:

有新增科目、刪除科目、查看科目、修改科目資訊、以及

針對該科目進行授課老師的功能:會撈該課目已經有的授課老師、和現有所有的老師列表讓使用者能夠在一頁內針對科目進行填加。

2.科目分類管理:

有新增科目分類、刪除科目分類、查看科目分類、修改科目分類資訊。

科目分類有科目分類封面的欄位，因此在新增上特別接了unsplash圖庫網站的api，讓使用者能夠打關鍵字搜尋相關照片，因此除了從本機端上傳照片外，也能透過unsplash選擇圖片。

3.創建班級:

分為兩步驟去新增:

step1:填寫班級的基本資料，有基本的欄位檢查，並且當開訓時間小於結訓時間也會讓跳出錯誤視窗

step2:針對該班級去新增班級要上的科目，這裡會根據使用者選擇到的科目去找該科目能夠授課的老師。

4.班級管理:

左方為班級管理頁、右方為特定班級(這裡以班級名稱為msit001展示)的詳細頁

針對班級的基本資料進行修改、查看、刪除

並且根據特定的班級，還有詳細頁的子頁，讓使用者能夠依據:班級的科目管理、班級科目的課程安排

4.1 班級科目管理(以msit001展示)

4.11 班級科目管理(以msit001展示):寄信

通知該課老師開課訊息，使用mvc .net core裡的Identity IEmailSender的服務，透過gmail發送開課信件給開課老師

4.12 班級科目管理(以msit001展示):通知

左方為alert出現的畫面、右方為通知頁

使用singnalR的技術及時通知授課老師開課，當授課老師在線時，會及時Alert您有一則新通知，並在導航欄上的鈴鐺出現紅點，點入就會出現通知頁，可以查看詳細訊息。

4.13 班級科目管理(以msit001展示):評價

查看、編輯學生的回饋填寫表，當學生還未填寫時，會無法查看。除此以外，老師可以決定該科目的狀態，讓學生是否能夠填寫回饋表、同時顯示目前班級內的學生總評價分數和總填寫人數。

4.2課程安排:

針對班級顯示，該班的班級科目、和使用full calendar.js直觀呈現課程表。

5.老師個人儀表版(以林夏陽老師展示)

該畫面可以呈現老師有教授那些科目和該科目的課程，能夠針對該科目進行開啟評價表、直播螢幕分享、白板教學。

5.老師個人儀表版(以林夏陽老師展示):螢幕分享

透過webRtc和singalR讓老師能直播螢幕分享，並且能暫停、再開啟直播，關閉、開啟麥克風。

5.老師個人儀表版(以林夏陽老師展示):白板功能

透過paper.js和singalR讓老師能使用白板，能自由繪畫、螢光筆、選擇筆畫移動、畫出形狀、橡皮擦、白板清空，並使用singalR決定是否讓學生使用白板。

學生平台

學生專區內的我的課程區域，讓學生可以查看自己要上的課程行事曆，並能針對該課去填寫回饋、上課、和使用白板

5.1填寫表單

5.2 收看老師的直播

5.3 使用白板

補充:資料庫設計