--- # 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)快速部署。 | 低 | ---