第 16 週 · 單元 7-1 · 期末專題
期末專題（一）：你的題目，同一套方法
這學期你用六步建站法做了四個網站。期末專題由你自己提案、自己選技術，老師只審核範圍。兩週內做出一個有資料庫、有公開網址、有人真的會用的網站。
W16期末專題提案＋開發
本週結束時你會
今天的時間安排
| 0:00–0:20 | 期末專題規則與評分標準 |
| 0:20–0:50 | 【自己做】提案書；兩兩互審 |
| 0:50–1:10 | 老師審核：範圍太大的題目當場刪減 |
| 1:10–1:20 | 休息 |
| 1:20–2:30 | 【自己做】建立專案、連結 GitHub 與 Vercel、完成第一條功能 |
規則
| 項目 | 要求 |
|---|---|
| 題目 | 自選，建議延續第 2 週的 PROJECT.md 初稿；個人或兩人一組 |
| 技術 | Flask 或 Next.js 任選，依第 13 週的技術比較說明理由 |
| 資料庫 | 至少兩張有關聯的資料表；線上使用 Neon |
| 核心功能 | 3 條（提案時寫明），全部完成才能加做其他功能 |
| 上線 | Vercel 公開網址，手機可用 |
| AI 功能 | 選做加分；若有，必須做到第 14–15 週的四個對策 |
| 文件 | PROJECT.md、專案工具包六份文件 |
個資：如果你的網站會收集同學的資料，只收必要的欄位，示範時使用虛構資料。不收身分證字號、電話、住址。
提案與範圍審核
填寫專案工具包的提案書，再請 AI 幫你檢查範圍：
提示詞 1 Antigravity
這是我的期末專題提案書與 PROJECT.md 初稿：（貼上） 我有兩週、約 6 小時的課堂時間與 6 小時的課後時間，技術是（Flask／Next.js）。 請扮演嚴格的指導老師： 1. 這個範圍做得完嗎？如果做不完，建議刪掉哪些功能，放進「不做的事」 2. 三個核心功能中，哪一個應該最先做（垂直切片的第一刀）？ 3. 資料表設計有沒有問題？ 先不要寫程式。
| 好題目的特徵 | 危險訊號 |
|---|---|
| 一句話說得清楚：誰、在什麼情況下、用它做什麼 | 「像 Instagram／蝦皮一樣的網站」 |
| 3 個核心功能都和資料庫有關 | 需要即時聊天、影片串流、金流 |
| 找得到兩個真的會用的人 | 只有自己覺得有用 |
| 示範資料可以自己編 | 必須取得別人的真實資料 |
審核時最常做的事是「刪功能」。建議原則：登入只在題目真的需要分辨使用者時才做（例如報名、收藏），否則列入不做的事；所有「即時」、「推播」、「付款」一律刪除。每位學生離開審核時，提案書上的「不做的事」至少要有三項。
時程：兩週五個里程碑
| 里程碑 | 產出 | 完成時間 |
|---|---|---|
| M1 規劃 | 提案通過、PROJECT.md、資料表建好並放入示範資料 | 第 16 週課堂 |
| M2 第一條功能上線 | 最重要的功能在公開網址可用 | 第 16 週課堂結束 |
| M3 三條功能 | 核心功能全部完成 | 第 17 週前（課後） |
| M4 驗收 | 自動測試、兩位使用者試用 | 第 17 週課堂前半 |
| M5 Demo | 3 分鐘發表 | 第 17 週課堂 |
第一條功能今天就上線。不要等全部做完才部署：今天就把最小的版本推上 Vercel，之後每完成一條功能就推一次，Demo 前一天才不會手忙腳亂。
開始開發
- 建立專案資料夾，放入 PROJECT.md 與課程套件（AGENTS.md、.agents/skills）。
- 依你選的技術，參考記帳網站（Flask）或Next.js 吃貨站的專案骨架提示詞，請 AI 建立骨架與示範資料。
- 「推上 GitHub」→ Vercel 匯入 → 加入 Neon → 建立資料表。
- 完成第一條功能，存檔、推送，在公開網址確認。