---
# System prepended metadata

title: 軟體需求文件(SRD)

---

---
# System prepended metadata

title: 軟體需求文件 (SRD)

---

# 軟體需求文件 (Software Requirement Document, SRD)

---

## 專案資訊
- **專案名稱**：時尚穿搭社群平台
- **撰寫日期**：2025 年 10 月
- **發展者**：游承諺、王洪賢、張宸翊、蘇奕勳、蕭丞佑

---

## 版次變更記錄

| 版次 | 日期 | 修改內容 | 編輯者 |
|:----:|:------|:-----------|:--------|
| v1.0 | 2025/10 week_1 | 初版建立 | 蕭丞佑 |

---

## 目錄
1. [接受準則 (Acceptance Criteria)](#section1)
2. [系統概述 (System Description)](#section2)
3. [操作概念 (Operational Concepts)](#section3)
4. [使用者故事地圖 (User Story Map)](#section4)
5. [使用者介面分析 (User Interface Analysis)](#section5)
6. [功能需求 (Functional Requirements)](#section6)
7. [非功能需求 (Non-functional Requirements)](#section7)

---

## <span id="section1">1️⃣ 接受準則 (Acceptance Criteria of this document)</span>
- Clearly and properly stated（需求需清楚且適當的陳述）  
- Complete（需求需完整）  
- Consistent with each other（需求之間需維持一致性）  
- Uniquely identified（每項需求有明確之識別）  
- Appropriate to implement（需求需可被實作）  
- Verifiable（需求需可被驗證）  

---

## <span id="section2">2️⃣ 系統概述 (System Description)</span>

### 系統目的
一個以「時尚穿搭」為主題的社群平台，結合 Pinterest 的影像探索、Wear 的穿搭分享，以及 Wikipedia 式的單品資料整合。  
目的是讓使用者可以方便地 **分享、探索、紀錄與購買時尚單品**，解決台灣使用者「找不到適合衣服」與「缺乏穿搭靈感」的問題。

### 系統特色
- 視覺化探索：以圖片為主導的瀑布流首頁設計。  
- 穿搭資料庫：每件單品可被多個貼文引用，形成「服飾百科」。  
- 社群互動：使用者可追蹤喜好對象、留言互動、收藏與推薦。  
- 購買整合：提供品牌與電商購買連結，讓穿搭與消費串接。

### 預期使用者
- 喜愛時尚穿搭的年輕族群（18–30 歲）  
- 想記錄每日穿搭靈感的創作者  
- 想了解或購買單品的消費者  

---

## <span id="section3">3️⃣ 操作概念 (Operational Concepts)</span>

### 系統主要流程
1. 使用者註冊 / 登入平台。  
2. 進入首頁瀑布流瀏覽他人穿搭貼文。  
3. 點擊貼文查看詳細穿搭內容與單品標註。  
4. 可進一步查看該單品的詳細資料與其他使用範例。  
5. 使用者可上傳自己的穿搭貼文、標註使用單品。  
6. 可追蹤其他使用者、留言互動或收藏貼文。  
7. 系統根據使用者瀏覽與追蹤紀錄進行內容推薦。

### 系統角色
| 角色 | 權限 |
|------|------|
| 一般使用者 | 瀏覽、發布貼文、留言、收藏、追蹤 |
| 管理者 | 審核貼文、刪除不當內容、維護社群秩序 |

---

## <span id="section4">4️⃣ 使用者故事地圖 (User Story Map)</span>

### 使用者故事卡片

| 功能編號 | 功能名稱 | 功能描述 | 使用者故事 | 優先度 | 備註 |
|:---------:|:----------|:----------|:------------|:--------:|:------|
| **FR-01** | 使用者註冊與登入 | 使用者可透過 Email 或社群帳號註冊、登入、登出系統。 | 作為一個新使用者，我希望能輕鬆建立帳號，以便開始分享穿搭。 | 高 | 支援 JWT 驗證；後期可加入 OAuth（Google / Facebook）。 |
| **FR-02** | 個人檔案管理 | 使用者可編輯個人資訊（暱稱、頭貼、簡介、風格標籤）。 | 作為一個使用者，我希望能展示我的穿搭風格與個性，讓他人了解我。 | 中 | 可顯示追蹤者與追蹤中人數。 |
| **FR-03** | 追蹤 / 訂閱功能 | 使用者可以追蹤其他使用者並在首頁看到他們的新貼文。 | 作為一個使用者，我希望能追蹤我喜歡的穿搭創作者。 | 高 | 類似 IG 的 follow 機制。 |
| **FR-04** | 發布貼文（穿搭分享） | 使用者可以上傳穿搭照片、撰寫說明、添加標籤、標註單品。 | 作為一個時尚愛好者，我希望能分享我的穿搭靈感。 | 高 | 支援多張圖片上傳與標籤定位。 |
| **FR-05** | 單品標註與管理 | 每個貼文可標註使用的服飾單品（品牌、品名、價格、購買連結）。 | 作為一個使用者，我希望能知道貼文中每件衣服的詳細資訊。 | 高 | 類似「維基條目」，可被多篇貼文共用。 |
| **FR-06** | 單品詳情頁 | 顯示單品資訊、所有使用該單品的貼文、評論與購買連結。 | 作為一個購物者，我希望能查看這件衣服的詳細資訊與搭配參考。 | 高 | 形成「服飾百科」結構。 |
| **FR-07** | 留言與按讚 | 使用者可對貼文留言或按讚。 | 作為一個使用者，我希望能對其他人的穿搭發表看法或表達喜歡。 | 中 | 後期可支援表情符號反應。 |
| **FR-08** | 收藏貼文與單品 | 使用者可將喜歡的貼文或單品加入收藏清單。 | 作為一個使用者，我希望能保存我喜歡的穿搭以便日後參考。 | 中 | 收藏可分為「穿搭」與「單品」。 |
| **FR-09** | 首頁瀑布流瀏覽 | 首頁顯示所有貼文縮圖，以圖片吸引用戶點擊。 | 作為一個使用者，我希望能快速瀏覽多樣穿搭靈感。 | 高 | 介面類似 Pinterest；支援無限滾動。 |
| **FR-10** | 搜尋與篩選 | 使用者可搜尋單品、貼文、使用者、標籤；支援依風格、品牌篩選。 | 作為一個使用者，我希望能快速找到特定風格或單品的穿搭。 | 高 | 支援模糊搜尋與多條件篩選。 |
| **FR-11** | 推薦系統 | 系統根據追蹤對象、標籤或瀏覽記錄推薦貼文。 | 作為一個使用者，我希望能看到符合我風格偏好的內容。 | 中 | 可後期加入簡單 AI 模型。 |
| **FR-12** | 通知系統 | 當被追蹤、按讚或留言時，使用者會收到通知。 | 作為一個使用者，我希望知道有人與我互動。 | 中 | 可用 WebSocket 即時推送。 |
| **FR-13** | 評論系統（單品） | 使用者可對單品進行評價與留言。 | 作為一個使用者，我希望了解其他人對這件衣服的看法。 | 中 | 可統計平均評分。 |
| **FR-14** | 購買連結整合 | 單品頁面提供品牌官網或電商購買連結。 | 作為一個使用者，我希望能直接前往購買相同商品。 | 高 | 可考慮串接電商 API。 |
| **FR-15** | 後台管理（進階） | 管理者可審核貼文、刪除不當內容。 | 作為系統管理員，我希望能維護社群秩序。 | 低 | 可於後期開發。 |
| **FR-16** | 私訊系統（進階） | 使用者可互相傳送訊息。 | 作為一個使用者，我希望能私下交流穿搭想法。 | 低 | 可延伸為好友或合作機制。 |
| **FR-17** | 穿搭活動 / 挑戰 | 系統可定期舉辦主題活動（例如 #白T挑戰）。 | 作為一個使用者，我希望透過活動參與更多互動。 | 低 | 提升社群活躍度。 |
| **FR-18** | 忘記密碼 | 當使用者忘記密碼時讓他重新設一個 | 作為一個使用者，我希望我忘記密碼時能重新設定，這樣當我不小心忘記密碼時也不用擔心登不進去 | 低 | 寄驗證信到信箱或是手機。 |
| **FR-19** | AI推薦穿搭 | 根據使用者的瀏覽紀錄推薦穿搭 | 作為一個使用者，我希望有AI幫我推薦穿搭的功能，這樣刺激我的靈感與省去思考穿搭的時間 | 中 |  |
| **FR-20** | AI單品辨識 | 上傳圖片後自動識別衣物種類與品牌。 | 作為一個使用者，我希望有AI幫我自動識別衣服種類和品牌，這樣有助於提供更詳細的資料 |中||
| **FR-21** | 撞衫偵測 |  |  |中||

---

## <span id="section5">5️⃣ 使用者介面分析 (User Interface Analysis)</span>

### 主要介面頁面
1. **登入 / 註冊頁面**：簡潔設計，支援 Email 與社群登入。  
2. **首頁瀑布流**：以圖片牆形式顯示貼文，支援無限滾動。  
3. **貼文詳情頁**：展示穿搭圖片、貼文文字說明、單品標註與留言互動。  
4. **單品詳情頁**：顯示服飾資訊、平均評分、使用者穿搭參考與購買連結。  
5. **使用者個人頁面**：顯示頭像、簡介、貼文清單與追蹤狀況。  
6. **發文頁面**：可上傳圖片、編輯文字、標註單品。  
7. **搜尋頁面**：支援標籤、風格、品牌與使用者搜尋。

---

## <span id="section6">6️⃣ 功能需求 (Functional Requirements)</span>

### MVP 版本功能
- 使用者註冊 / 登入 (FR-01)  
- 發布與瀏覽穿搭貼文 (FR-04, FR-09)  
- 單品標註與詳情頁 (FR-05, FR-06)  
- 搜尋與篩選功能 (FR-10)  
- 購買連結整合 (FR-14)

---

## <span id="section7">7️⃣ 非功能需求 (Non-functional Requirements)</span>

| 編號 | 類別 | 需求內容 | 優先度 |
|:----:|:------|:-----------|:--------:|
| **NFR-01** | 效能 (Performance) | 系統首頁載入時間不超過 3 秒；搜尋結果在 1 秒內回傳。 | 高 |
| **NFR-02** | 可用性 (Usability) | 介面需簡潔易懂，90% 使用者能於 3 分鐘內理解操作方式。 | 高 |
| **NFR-03** | 相容性 (Compatibility) | 前端需相容於 Chrome、Edge、Safari、Firefox 最新版本。 | 高 |
| **NFR-04** | 可擴充性 (Scalability) | 系統架構需能支援日後擴增更多單品與貼文資料。 | 中 |
| **NFR-05** | 安全性 (Security) | 所有 API 請求需通過 JWT 驗證；密碼以 Hash 儲存。 | 高 |
| **NFR-06** | 維護性 (Maintainability) | 採用模組化架構，程式註解覆蓋率達 80%。 | 中 |
| **NFR-07** | 可用率 (Availability) | 系統全年運作時間達 99% 以上。 | 中 |
| **NFR-08** | 可攜性 (Portability) | 系統可於雲端環境（如 AWS、GCP）快速部署。 | 低 |

---


