---
# System prepended metadata

title: UX 文件

---

# UX 文件
這份文件紀錄目前對使用者的理解，以及對應的使用情境，會根據每次的 prototype 實驗而調整
:::info
建議[使用者故事](#使用者故事)與[資訊架構](#資訊架構)共同服用，更能理解此份文件
:::
## 人物誌
1. 教師
    - 管理課堂(不同班級)、管理課堂分組
    - 在課堂之前可以先將課程內容輸入給大型語言模型理解，並交流以確認教學內容
    - 能夠指派課堂作業並查看學生作答回饋內容
2. 學生
    - 跟大型語言模型互動並增進對課程的理解
    - 能夠使用系統完成課堂作業
3. 管理員
    - 協助教師新增課堂、封存課堂
    - 管理帳號、更改帳號資訊
    - 管理封存課堂(刪除、恢復)
## 使用者故事
1. 身為 `教師`，我想要快速找到我準備上課的課堂
    1. `教師` 的課程總覽頁面要簡潔，課堂進入按鈕只有課堂標題與顯著提示(背景圖片)
    2. 頁面能針對未來最接近當天的課程做總覽排序(接近的放前面、過去的放後面)
    3. `教師` 能標記重要課程，讓此課程按鈕始終保持在最前面
2. 身為 `教師`，我想要快速發布上課內容在課堂頁面裡
    1. 有置頂的公告區
    2. 有自動根據週數切換的每週課程分頁
    3. 公告區以及課程分頁都有按鈕可以直接進行編輯
    4. 發布內容支援 Markdown、多類文檔上傳
    5. 可以開作業繳交區、討論區、投票區這三種功能
    6. 課堂頁面有按鈕可以進入視窗與大型語言模型互動
3. 身為 `教師`，我想要透過與大型語言模型簡單互動，來讓大型語言模型能夠協助我課程進行
    1. 與大語言模型對話的目的在於將與學生進行互動的大語言模型塑造成教師想要的角色(Create GPT)
    2. 能夠與模型進行多模態互動，能上傳文字、音檔、文件(pdf,jpg)
    3. 一開始進入的互動視窗，即為當週課程的互動視窗，對話的內容會轉換成當週與學生進行互動的大語言模型的系統內容 
    4. 能夠對先前的對話內容進行修改
    5. 頁面能夠瀏覽並選定不同週次進行對話，並複製不同週次的內容成為當前的新對話
4. 身為 `教師`，我想要理解學生在課堂的學習狀況
    1. 課堂的繳交作業分頁可以瀏覽學生交作業的情形，並按週分頁
    2. 課堂的學習狀況分頁可以呈現學生使用大語言模型對話所產生的文字雲、常出現詞彙統計，並支援分組顯示。
    3. 課堂的學習狀況分頁可與大語言模型互動，讓大語言模型說明學生的學習狀況
5. 身為 `教師`，我想要將 `2` `3` 所提到的功能指派到不止一個課程
    1. 有發佈內容的專屬頁面，可以將同一個內容發佈到不同頁面(公告區、本週課程區...)多個課程中(1班、2班)
    2. 發佈的內容可以選定，像是作業繳交區、討論區、投票區等
    3. 有與大語言模型對話的專屬頁面，可以將同一個互動內容傳遞到不同週次以及多個課程中(1班、2班)
    4. 此區大語言模型對話歷史不限於週次，在課堂頁面中與大語言模型的互動紀錄也同樣會保存至此
6. 身為 `學生` 我想要快速的進入課程，並查看公告與作業
    1. 預設應該只會有一個課程，所以不需要做到課程分頁
    2. 基本課堂介面與教師的並無差異，只差在有沒有編輯按鈕
7. 身為 `學生` 我想要在課堂上直接把老師指派的作業完成
    1. 能夠直接在系統內完成文件書寫(pdf,類似白板編輯)
    2. 能夠將老師提供在作業區的文件當作模板
    3. 側邊視窗有 AI 做輔助
    4. 支援上傳文件功能(pdf,jpg)
    5. 除以上功能外，文件可以儲存、刪除、繳交
8. 身為 `學生` 我想要快速的與當週課程的大語言模型對話
    1. 能夠在總覽頁面就能找到大語言模型對話視窗的進入點
    2. 支援語音、文字輸入，能理解多語者的談話內容
    3. 能夠對先前的對話內容進行修改
9. 身為 `管理員` 我想要快速協助老師將同學加入課堂
    1. 新增課堂的頁面簡潔，不需要輸入太多欄位(標題、學期、負責老師)
    2. 支援 csv 輸入，將有修課的同學名單快速匯入
    3. 能夠手動對學生名單進行操作(新增、刪除、更改資料)
10. 身為 `管理員` 我想要快速將本學期課堂封存或恢復
    1. 有課堂總覽頁面，可以進行篩選(班級、學期、老師)
    2. 課程可支援方塊或清單顯示
    3. 能夠複選課程，並作出操作(封存、恢復)
    4. 能夠在封存區直接刪除課程內容
11. 身為 `管理員` `教師` 我遇到問題時想要回報
    1. 有問題回報頁面可以直接回報給`管理員`、開發者(請訂定一個回報規則，減少開發者與管理員之間的溝通難度) 

## 資訊架構
### 教師
```mermaid
graph TD
   Login(0. 登入)
   LandingPage(1. 課程總覽頁面) 
   ClassPage(2. 課程頁面)
   TotalLLMPage(3. 統一大語言模型互動視窗)
   TotalPublishPage(4. 統一發布頁面)
   ProblemReportPage(5. 問題回報頁面)
   WeekFilePage(6. 課程文件頁面)
   HomeworkPage(7. 作業繳交統計頁面)
   DashboardPage(8. 學習狀況統計表頁面)
   LLMPage(9. 大語言模型互動視窗)
   PublishPage(10. 發布頁面)
   LLMSidebar(大語言模型互動側欄)
   ChatHistorySidebar(對話紀錄側欄)
   ChatHistorySidebar1(對話紀錄側欄)

   HomeworkHistorySidebar(作業紀錄側欄)

   
   
   Login --- LandingPage
   LandingPage --- ClassPage
   LandingPage --- TotalLLMPage
   LandingPage --- TotalPublishPage
   LandingPage --- ProblemReportPage
   ClassPage -- same --- WeekFilePage
   ClassPage --- HomeworkPage
   ClassPage --- DashboardPage
   ClassPage --- LLMPage
   WeekFilePage --- PublishPage
   LLMPage --- ChatHistorySidebar
   TotalLLMPage --- ChatHistorySidebar1
   DashboardPage --- LLMSidebar
   HomeworkPage --- HomeworkHistorySidebar
```
### 學生
```mermaid
graph TD
   Login(0. 登入)
   LandingPage(1. 課程首頁) 
   WeekFilePage(2. 課程文件頁面)
   LLMPage(3. 大語言模型互動視窗)
   HomeworkPage(4. 作業繳交區)
   UploadPage(5. 上傳文件區)
   EditPage(6. 文件編輯區)
   ChatHistorySidebar(對話紀錄側欄)

   
   
   Login --- LandingPage
   LandingPage --- WeekFilePage
   LandingPage --- LLMPage
   LandingPage --- HomeworkPage
   HomeworkPage --- UploadPage
   HomeworkPage --- EditPage
   EditPage --- ChatHistorySidebar

```

### 管理員
```mermaid
graph TD
   Login(0. 登入)
   LandingPage(1. 課程總覽頁面) 
   AddClassPage(2. 新增課程頁面)
   ArchivePage(3. 課程封存頁面)
   ProblemReportPage(4. 問題回報頁面)
   StudentlistPage(5. 學生清單頁面)
   
   
   Login --- LandingPage
   LandingPage --- AddClassPage
   LandingPage --- ArchivePage
   LandingPage --- ProblemReportPage
   AddClassPage --- StudentlistPage
```