檢視產品開發執行計畫書的原始碼

{| style="width:100%; background-color:#F0F4F8; border-left:5px solid #3498DB; border-radius:4px; padding:12px; margin-bottom:20px; box-shadow: 0 1px 3px rgba(0,0,0,0.1);"
| style="text-align:left; color:#2C3E50;" | 🔙 '''返回首頁：''' [[Graduation:116/116級畢業專題|116級畢業專題製作總體實施計畫]] > '''產品開發執行計畫書'''
|}
__NOTOC__
<div style="font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; color:#333; max-width:1200px; margin:0 auto; line-height:1.6;">

<div style="background: linear-gradient(135deg, #8E44AD 0%, #3498DB 100%); color:white; border-radius:8px 8px 0 0; padding:30px; box-shadow: 0 4px 15px rgba(0,0,0,0.15); display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:20px;">
  <div style="flex: 1 1 300px;">
    <div style="font-size:1.8em; font-weight:800; letter-spacing:1px; line-height:1.2; text-shadow: 0 2px 4px rgba(0,0,0,0.2);">🛠️ 產品開發執行計畫與技術報告書</div>
    <div style="font-size:1em; opacity:0.9; margin-top:8px; color:#ECF0F1; font-weight:300;">Product Development Plan & Technical Report (PRD/SDLC) | 116級畢業專題</div>
  </div>
  <div style="flex: 0 0 auto;"><span style="display:inline-block; background-color:rgba(255,255,255,0.2); color:white; padding:8px 16px; border-radius:30px; font-weight:bold; font-size:0.9em; border:1px solid rgba(255,255,255,0.4);">動態累積型文件 (Living Document)</span></div>
</div>

<div style="background-color:#FFFFFF; border:1px solid #E5E7EB; border-top:none; padding:25px; margin-bottom:30px; border-radius: 0 0 8px 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.05);">
  
<div style="margin-bottom:20px; border-bottom:2px solid #eee; padding-bottom:10px; font-weight:bold; color:#2C3E50; font-size:1.2em;">📋 專案基本資料 (Project Information)</div>

{| class="wikitable" style="width:100%; border-collapse:collapse; border:none; box-shadow:none;"
|-
! style="background-color:#F8F9F9; text-align:right; width:15%; border:1px solid #eee; color:#555;" | 專案代號
| style="width:35%; border:1px solid #eee;" | P-116-___ (請填寫)
! style="background-color:#F8F9F9; text-align:right; width:15%; border:1px solid #eee; color:#555;" | 專案名稱
| style="width:35%; border:1px solid #eee; font-weight:bold;" | (請填寫正式產品名稱)
|-
! style="background-color:#F8F9F9; text-align:right; border:1px solid #eee; color:#555;" | 核心團隊
| style="border:1px solid #eee;" |
* <span style="background:#3498DB; color:white; padding:2px 6px; border-radius:4px; font-size:0.8em;">PM</span> 產品經理：(組長姓名)
* <span style="background:#E67E22; color:white; padding:2px 6px; border-radius:4px; font-size:0.8em;">CTO</span> 技術長：(技術負責人姓名)
* <span style="background:#9B59B6; color:white; padding:2px 6px; border-radius:4px; font-size:0.8em;">CD</span> 設計總監：(設計負責人姓名)
! style="background-color:#F8F9F9; text-align:right; border:1px solid #eee; color:#555;" | 指導教授
| style="border:1px solid #eee;" | （指導老師姓名） 教授
|-
! style="background-color:#F8F9F9; text-align:right; border:1px solid #eee; color:#555;" | 開發軌道
| style="border:1px solid #eee;" |
□ <span style="color:#D35400; font-weight:bold;">Track A: 實體產品 (Hardware)</span><br>
□ <span style="color:#2980B9; font-weight:bold;">Track B: 數位軟體 (Software)</span>
! style="background-color:#F8F9F9; text-align:right; border:1px solid #eee; color:#555;" | 目前版次
| style="border:1px solid #eee;" | v1.0 (Proposal) <span style="color:#999; font-size:0.9em;">→ 隨進度更新</span>
|}

<div style="background-color:#F4F6F7; border-left:4px solid #7F8C8D; padding:15px; margin-top:20px; border-radius:4px;">
<div style="font-weight:bold; color:#2C3E50; margin-bottom:5px;">💡 執行指南：PRD 與論文的一魚多吃策略 (The "Write Once, Use Twice" Strategy)</div>
本文件依據業界 PRD 格式制定，同時對應學術論文結構。請隨專案進度填寫，期末將內容 '''複製貼上''' 至論文模板，即可完成 80% 的學位論文與國科會計畫書。
* '''Phase 1 (R1)：''' 對應論文 '''「第一章：緒論」''' 與 '''「第二章：文獻探討」'''
* '''Phase 2 (R2)：''' 對應論文 '''「第三章：研究方法與系統架構」'''
* '''Phase 3 (R3)：''' 對應論文 '''「第四章：系統實作與測試」'''
* '''Phase 4 (R4)：''' 對應論文 '''「第五章：結論與未來展望」'''
</div>
</div>

<div style="border:1px solid #AED6F1; border-radius:12px; overflow:hidden; box-shadow: 0 4px 10px rgba(0,0,0,0.08); margin-bottom:40px;">
<div style="background-color:#2980B9; color:white; padding:15px 20px; font-size:1.1em; font-weight:bold; border-bottom:3px solid #1F618D; display:flex; justify-content:space-between;">
<span>🔵 Phase 1：產品定義與需求分析 (Requirement Analysis)</span>
<span style="font-size:0.8em; opacity:0.8; background:rgba(0,0,0,0.2); padding:2px 10px; border-radius:20px;">📅 對應：論文 Chap 1 & 2</span>
</div>
<div style="padding:25px; background-color:white;">

<div style="margin-bottom:25px;">
<div style="font-size:1.2em; font-weight:bold; color:#2980B9; border-bottom:2px solid #eee; padding-bottom:10px; margin-bottom:15px;">1.1 市場機會點 (Market Opportunity)</div>
* '''現狀痛點分析 (Pain Points)：''' <span style="background:#EBF5FB; color:#2980B9; font-size:0.8em; padding:2px 6px; border-radius:4px;">對應：研究動機</span>
*: <span style="color:#666;">(提示：使用者目前流程中最大的斷點或效率低落處為何？請引用數據佐證問題嚴重性)</span><br><br>
* '''競品矩陣分析 (Competitive Matrix)：''' <span style="background:#EBF5FB; color:#2980B9; font-size:0.8em; padding:2px 6px; border-radius:4px;">對應：文獻探討</span>
*: <span style="color:#666;">(提示：請插入 X/Y 軸象限圖，比較本產品與競品的優劣勢，找出「研究缺口 (Research Gap)」)</span><br><br>
* '''價值主張 (Value Proposition)：''' <span style="background:#EBF5FB; color:#2980B9; font-size:0.8em; padding:2px 6px; border-radius:4px;">對應：研究目的</span>
*: <div style="background:#EAF2F8; padding:15px; border-left:4px solid #2980B9; font-weight:bold; color:#2C3E50; margin-top:10px;">「我們協助 [TA]，透過 [產品功能]，解決 [痛點]，達成 [效益]。」</div>
</div>

<div style="margin-bottom:25px;">
<div style="font-size:1.2em; font-weight:bold; color:#2980B9; border-bottom:2px solid #eee; padding-bottom:10px; margin-bottom:15px;">1.2 使用者需求 (User Requirements)</div>
* '''人物誌 (Target Persona)：''' <span style="background:#EBF5FB; color:#2980B9; font-size:0.8em; padding:2px 6px; border-radius:4px;">對應：研究對象</span>
*: <span style="color:#666;">(定義主要使用者 Primary User 與利害關係人 Stakeholder)</span>
* '''使用者故事 (User Stories)：'''
*: <span style="color:#666;">(格式：身為一個 [角色]，我想要 [執行某動作]，以便於 [獲得某價值]。)</span>
*: 1. _________________________________________________________________
*: 2. _________________________________________________________________
*: 3. _________________________________________________________________
</div>

<div style="margin-bottom:25px;">
<div style="font-size:1.2em; font-weight:bold; color:#2980B9; border-bottom:2px solid #eee; padding-bottom:10px; margin-bottom:15px;">1.3 產品規格定義 (Product Spec)</div>
{| class="wikitable" style="width:100%; border:none; box-shadow:none;"
! style="background-color:#EAF2F8; color:#2980B9; border:1px solid #D4E6F1;" | Track A 實體組 (Hardware Spec)
! style="background-color:#EAF2F8; color:#2980B9; border:1px solid #D4E6F1;" | Track B 數位組 (Software Spec)
|-
| style="vertical-align:top; border:1px solid #eee; padding:15px;" |
* '''預計尺寸：''' (例如：150x100x50 mm)
* '''主要材質：''' (例如：ABS, 鋁合金)
* '''關鍵元件：''' (例如：ESP32, 伺服馬達)
| style="vertical-align:top; border:1px solid #eee; padding:15px;" |
* '''支援平台：''' □ Web □ iOS □ Android
* '''前端框架：''' (例如：React, Vue)
* '''後端/資料庫：''' (例如：Firebase, Python)
|}
</div>

<div style="margin-bottom:25px;">
<div style="font-size:1.2em; font-weight:bold; color:#2980B9; border-bottom:2px solid #eee; padding-bottom:10px; margin-bottom:15px;">1.4 開發資源評估</div>
* '''核心技術盤點：''' <span style="color:#666;">(團隊目前欠缺哪項關鍵技術？預計如何學習？)</span>
* '''預算與 BOM 表預估：''' <span style="color:#666;">(初步評估開發成本，此部分對應國科會經費編列表)</span>
</div>

<div style="background-color:#F4F6F7; border:2px dashed #BDC3C7; padding:20px; border-radius:8px;">
<div style="font-weight:bold; color:#2C3E50; font-size:1.1em; margin-bottom:10px;">✅ Phase 1 簽核點 (Gate Check)</div>
<div style="display:flex; flex-direction:column; gap:8px; color:#333;">
<div><span style="font-size:1.3em; line-height:1; margin-right:8px;">□</span> PRD 是否已明確定義產品功能邊界 (Scope)？(避免功能蔓延)</div>
<div><span style="font-size:1.3em; line-height:1; margin-right:8px;">□</span> 技術可行性評估是否樂觀？(是否有現成 API 或模組可用)</div>
</div>
</div>

</div>
</div>

<div style="border:1px solid #A9DFBF; border-radius:12px; overflow:hidden; box-shadow: 0 4px 10px rgba(0,0,0,0.08); margin-bottom:40px;">
<div style="background-color:#27AE60; color:white; padding:15px 20px; font-size:1.1em; font-weight:bold; border-bottom:3px solid #1E8449; display:flex; justify-content:space-between;">
<span>🟢 Phase 2：概念工程與架構驗證 (Concept Engineering)</span>
<span style="font-size:0.8em; opacity:0.8; background:rgba(0,0,0,0.2); padding:2px 10px; border-radius:20px;">📅 對應：論文 Chap 3</span>
</div>
<div style="padding:25px; background-color:white;">

<div style="margin-bottom:25px;">
<div style="font-size:1.2em; font-weight:bold; color:#27AE60; border-bottom:2px solid #eee; padding-bottom:10px; margin-bottom:15px;">2.1 系統架構設計 (System Architecture)</div>
* '''功能架構圖 (Functional Map)：''' <span style="background:#E9F7EF; color:#27AE60; font-size:0.8em; padding:2px 6px; border-radius:4px;">對應：研究架構圖</span>
*: <span style="color:#666;">(請在此插入所有功能模組的樹狀圖)</span><br><br>
* '''資料流/運作邏輯 (Data Flow)：'''
*: '''Track A：'''機構爆炸草圖 (Exploded View Sketch) 與 電子方塊圖 (Block Diagram)。
*: '''Track B：'''資訊架構圖 (IA) 與 使用者流程圖 (User Flow)。
*: <span style="color:#666;">(請在此插入相關圖表)</span><br><br>
</div>

<div style="margin-bottom:25px;">
<div style="font-size:1.2em; font-weight:bold; color:#27AE60; border-bottom:2px solid #eee; padding-bottom:10px; margin-bottom:15px;">2.2 設計造型提案 (Design Concept)</div>
* '''Moodboard & Design Language：''' <span style="color:#666;">(定義視覺語彙，如「極簡」、「Cyberpunk」，並貼上 Moodboard)</span>
* '''造型草圖 (Sketches)：''' <span style="color:#666;">(提供 3 款不同方向的造型/介面草案)</span>
* '''決策矩陣 (Decision Matrix)：''' <span style="color:#666;">(根據「可行性」、「美觀」、「成本」等維度，說明最終選擇)</span>
</div>

<div style="margin-bottom:25px;">
<div style="font-size:1.2em; font-weight:bold; color:#27AE60; border-bottom:2px solid #eee; padding-bottom:10px; margin-bottom:15px;">2.3 關鍵技術驗證 (Proof of Concept)</div>
* '''風險最高的功能 (The Riskiest Assumption)：''' <span style="border-bottom:2px solid #eee; padding:0 10px;">____________________</span>
* '''單元測試紀錄 (Unit Test Log)：''' <span style="background:#E9F7EF; color:#27AE60; font-size:0.8em; padding:2px 6px; border-radius:4px;">對應：前測 (Pilot Study)</span>
{| class="wikitable" style="width:100%; border:none; box-shadow:none; margin-top:10px;"
! style="background-color:#E9F7EF; color:#27AE60; border:1px solid #D5F5E3;" | 測試項目
! style="background-color:#E9F7EF; color:#27AE60; border:1px solid #D5F5E3;" | 測試結果 (附圖/數據)
! style="background-color:#E9F7EF; color:#27AE60; border:1px solid #D5F5E3; width:15%;" | 結論 (Pass/Fail)
|-
| style="border:1px solid #eee; padding:15px;" | (例：人臉辨識準確度)
| style="border:1px solid #eee; padding:15px;" |
| style="border:1px solid #eee; padding:15px; text-align:center;" |
|-
| style="border:1px solid #eee; padding:15px;" |
| style="border:1px solid #eee; padding:15px;" |
| style="border:1px solid #eee; padding:15px; text-align:center;" |
|}
</div>

<div style="background-color:#F4F6F7; border:2px dashed #BDC3C7; padding:20px; border-radius:8px;">
<div style="font-weight:bold; color:#2C3E50; font-size:1.1em; margin-bottom:10px;">✅ Phase 2 簽核點 (Gate Check)</div>
<div style="display:flex; flex-direction:column; gap:8px; color:#333;">
<div><span style="font-size:1.3em; line-height:1; margin-right:8px;">□</span> 是否已確定最終選定的設計方案 (Final Concept)？</div>
<div><span style="font-size:1.3em; line-height:1; margin-right:8px;">□</span> 技術難點是否已解決？(嚴禁將未知技術風險帶入下一階段)</div>
<div><span style="font-size:1.3em; line-height:1; margin-right:8px;">□</span> 數位組是否產出 Clickable Wireframe？實體組是否產出 1:1 草模？</div>
</div>
</div>

</div>
</div>

<div style="border:1px solid #F5B7B1; border-radius:12px; overflow:hidden; box-shadow: 0 4px 10px rgba(0,0,0,0.08); margin-bottom:40px;">
<div style="background-color:#C0392B; color:white; padding:15px 20px; font-size:1.1em; font-weight:bold; border-bottom:3px solid #922B21; display:flex; justify-content:space-between;">
<span>🔴 Phase 3：MVP 開發與測試 (MVP Development & Testing)</span>
<span style="font-size:0.8em; opacity:0.8; background:rgba(0,0,0,0.2); padding:2px 10px; border-radius:20px;">📅 對應：論文 Chap 4</span>
</div>
<div style="padding:25px; background-color:white;">

<div style="margin-bottom:25px;">
<div style="font-size:1.2em; font-weight:bold; color:#C0392B; border-bottom:2px solid #eee; padding-bottom:10px; margin-bottom:15px;">3.1 開發實作紀錄 (Implementation Log)</div>
* '''Track A 硬體工程 (EVT Build)：'''
*: <span style="color:#666;">(請貼上 3D CAD 建構截圖、電路佈線圖、機構組裝過程照片。此部分為論文「實作過程」之核心素材)</span><br><br>
* '''Track B 軟體工程 (Alpha Build)：'''
*: <span style="color:#666;">(請貼上 前端畫面切版、資料庫串接程式碼摘要、Git Commit 紀錄)</span><br><br>
</div>

<div style="margin-bottom:25px;">
<div style="font-size:1.2em; font-weight:bold; color:#C0392B; border-bottom:2px solid #eee; padding-bottom:10px; margin-bottom:15px;">3.2 品質保證與除錯 (QA & Debugging)</div>
* '''Bug Tracking List：'''
{| class="wikitable" style="width:100%; border:none; box-shadow:none; margin-top:10px;"
! style="background-color:#FDEDEC; color:#C0392B; border:1px solid #FADBD8;" | Bug 描述
! style="background-color:#FDEDEC; color:#C0392B; border:1px solid #FADBD8; width:15%;" | 嚴重程度
! style="background-color:#FDEDEC; color:#C0392B; border:1px solid #FADBD8; width:15%;" | 解決狀態
! style="background-color:#FDEDEC; color:#C0392B; border:1px solid #FADBD8;" | 解決方案 / Fix Log
|-
| style="border:1px solid #eee; padding:15px;" | (例：登入後 App 閃退)
| style="border:1px solid #eee; padding:15px; text-align:center; color:red; font-weight:bold;" | High
| style="border:1px solid #eee; padding:15px; text-align:center; color:green; font-weight:bold;" | Solved
| style="border:1px solid #eee; padding:15px;" | (修正 Token 驗證邏輯...)
|-
| style="border:1px solid #eee; padding:15px;" |
| style="border:1px solid #eee; padding:15px; text-align:center;" |
| style="border:1px solid #eee; padding:15px; text-align:center;" |
| style="border:1px solid #eee; padding:15px;" |
|}
* '''效能測試：'''
*: <span style="color:#666;">(實體組：耐久度/電力測試；數位組：載入速度/壓力測試)</span>
</div>

<div style="margin-bottom:25px;">
<div style="font-size:1.2em; font-weight:bold; color:#C0392B; border-bottom:2px solid #eee; padding-bottom:10px; margin-bottom:15px;">3.3 易用性測試 (Usability Testing)</div>
* '''測試腳本：''' <span style="color:#666;">(設計 3 個任務讓使用者執行)</span>
* '''觀察紀錄：''' <span style="color:#666;">(使用者在哪個步驟停頓？有沒有誤按？此部分可轉寫為論文之「使用者測試分析」)</span>
* '''SUS 量表分數：''' <span style="border-bottom:2px solid #eee; padding:0 10px; font-weight:bold; color:#C0392B;">__________ 分</span>
</div>

<div style="background-color:#F4F6F7; border:2px dashed #BDC3C7; padding:20px; border-radius:8px;">
<div style="font-weight:bold; color:#2C3E50; font-size:1.1em; margin-bottom:10px;">✅ Phase 3 簽核點 (Gate Check)</div>
<div style="display:flex; flex-direction:column; gap:8px; color:#333;">
<div><span style="font-size:1.3em; line-height:1; margin-right:8px;">□</span> 產品核心功能 (Core Features) 是否全部可運作？</div>
<div><span style="font-size:1.3em; line-height:1; margin-right:8px;">□</span> 實體電路是否已焊接並固定？(禁止麵包板、膠帶外露)</div>
<div><span style="font-size:1.3em; line-height:1; margin-right:8px;">□</span> 軟體是否已部署至公開伺服器 (Deploy)？</div>
</div>
</div>

</div>
</div>

<div style="border:1px solid #F9E79F; border-radius:12px; overflow:hidden; box-shadow: 0 4px 10px rgba(0,0,0,0.08); margin-bottom:40px;">
<div style="background-color:#F39C12; color:white; padding:15px 20px; font-size:1.1em; font-weight:bold; border-bottom:3px solid #D68910; display:flex; justify-content:space-between;">
<span>🟠 Phase 4：設計精修與上市準備 (Refinement & GTM)</span>
<span style="font-size:0.8em; opacity:0.8; background:rgba(0,0,0,0.2); padding:2px 10px; border-radius:20px;">📅 對應：論文 Chap 5</span>
</div>
<div style="padding:25px; background-color:white;">

<div style="margin-bottom:25px;">
<div style="font-size:1.2em; font-weight:bold; color:#D68910; border-bottom:2px solid #eee; padding-bottom:10px; margin-bottom:15px;">4.1 產品最終規格 (Final Specification)</div>
* '''CMF 定義 / Design System：'''
*: <span style="color:#666;">(實體組：標註 Pantone 色號、表面工藝；數位組：提供字級與色票規範)</span>
* '''高保真模型 (High-fidelity Model)：'''
*: <span style="color:#666;">(請貼上展示最終成品的棚拍美照或高解析 Mockup)</span><br><br>
</div>

<div style="margin-bottom:25px;">
<div style="font-size:1.2em; font-weight:bold; color:#D68910; border-bottom:2px solid #eee; padding-bottom:10px; margin-bottom:15px;">4.2 包裝與周邊設計 (Packaging & Peripherals)</div>
* '''包裝結構圖/平面設計：''' <span style="color:#666;">(請貼上刀模圖與設計稿)</span>
* '''使用者手冊 (User Manual)：''' <span style="color:#666;">(提供 PDF 連結或截圖)</span>
</div>

<div style="margin-bottom:25px;">
<div style="font-size:1.2em; font-weight:bold; color:#D68910; border-bottom:2px solid #eee; padding-bottom:10px; margin-bottom:15px;">4.3 行銷與展演素材 (Marketing Assets)</div>
* '''主視覺 (Key Visual)：''' <span style="color:#666;">(展板與海報設計)</span>
* '''宣傳影片 (PV)：''' <span style="color:#666;">(附上 1-3 分鐘產品概念影片連結與分鏡表)</span>
* '''展場規劃 (Exhibition Design)：''' <span style="color:#666;">(展示台配置圖、動線規劃、燈光計畫)</span>
</div>

<div style="margin-bottom:25px;">
<div style="font-size:1.2em; font-weight:bold; color:#D68910; border-bottom:2px solid #eee; padding-bottom:10px; margin-bottom:15px;">4.4 英文摘要 (Abstract)</div>
<div style="border:1px solid #eee; padding:15px; background:#fcfcfc; color:#666; font-style:italic;">
(請在此撰寫符合學術研討會格式的英文摘要，約 300-500 字。這將直接用於投稿研討會與新一代專刊。)
</div>
</div>

<div style="background-color:#F4F6F7; border:2px dashed #BDC3C7; padding:20px; border-radius:8px;">
<div style="font-weight:bold; color:#2C3E50; font-size:1.1em; margin-bottom:10px;">✅ Phase 4 簽核點 (Gate Check)</div>
<div style="display:flex; flex-direction:column; gap:8px; color:#333;">
<div><span style="font-size:1.3em; line-height:1; margin-right:8px;">□</span> 產品外觀細節是否完美？(無指紋、殘膠、跑版)</div>
<div><span style="font-size:1.3em; line-height:1; margin-right:8px;">□</span> 簡報與影片是否能在 3 分鐘內吸引觀眾？</div>
<div><span style="font-size:1.3em; line-height:1; margin-right:8px;">□</span> 是否已具備參加「新一代設計展」的資格？</div>
</div>
</div>

</div>
</div>

<div style="border:1px solid #CFD8DC; border-radius:12px; overflow:hidden; box-shadow: 0 4px 10px rgba(0,0,0,0.08); margin-bottom:40px;">
<div style="background-color:#455A64; color:white; padding:15px 20px; font-size:1.1em; font-weight:bold; border-bottom:3px solid #37474F;">
📝 結案報告總結 (Conclusion)
</div>
<div style="padding:25px; background-color:white;">

<div style="margin-bottom:25px;">
<div style="font-size:1.1em; font-weight:bold; color:#455A64; margin-bottom:10px;">5.1 專案回顧 (Retrospective)</div>
* '''成果驗收：''' <span style="color:#666;">(對照 Phase 1 設定的目標，達成率為多少？)</span>
* '''限制與不足：''' <span style="background:#F2F4F4; color:#455A64; font-size:0.8em; padding:2px 6px; border-radius:4px;">對應：研究限制</span>
*: <span style="color:#666;">(開發過程中因時間或技術限制，犧牲了哪些功能？此部分可轉寫為論文之「研究限制與建議」)</span>
</div>

<div style="margin-bottom:25px;">
<div style="font-size:1.1em; font-weight:bold; color:#455A64; margin-bottom:10px;">5.2 未來展望 (Future Roadmap)</div>
* <span style="color:#666;">(若有 Version 2.0，預計新增什麼功能？)</span>
</div>

<div style="margin-bottom:25px;">
<div style="font-size:1.1em; font-weight:bold; color:#455A64; margin-bottom:10px;">5.3 開發者心得</div>
* <span style="color:#666;">(每位組員針對負責職位——PM, Design, Tech 撰寫 200 字專業心得)</span>
</div>

</div>
</div>

<div style="background-color:#F8F9F9; padding:25px; border-radius:8px; border:1px solid #D5DBDB;">
<div style="font-size:1.1em; font-weight:bold; color:#2C3E50; margin-bottom:15px; border-bottom:2px solid #CFD8DC; padding-bottom:10px;">📎 附件 (Appendix)</div>
* 完整程式碼 (GitHub Repo)
* 完整 BOM 表與成本清單
* 測試數據原始檔
* 參考文獻 (APA Format)
</div>

<div style="text-align:right; color:#BDC3C7; font-size:0.85em; margin-top:30px; border-top:1px solid #eee; padding-top:15px; font-style:italic;">
Template Version 2.0 (Academic-Aligned) • 116級畢業製作委員會
</div>

</div>