大作業一：Gemini CLI 開發本地學習網站

本作業旨在透過實作一個「本地學習網站」（注意必須是靜態網站），讓同學練習將 Gemini CLI 整合進開發流程，解決真實的學習痛點。你將學習如何運用 AI 輔助工具來提升開發效率，並創造出實用的學習應用。

從以下四個方向選擇一個主題，發揮創意設計你的學習網站（注意必須是靜態網站）：

1. 核心頁面設計 10%

• 創意名稱：設計一個具備辨識度且與主題相關的網站名稱
• 清晰引導語：在 30 秒內讓使用者理解「這個網站能幫我學什麼？」
• 視覺設計：採用符合主題的色彩方案和排版設計

2. 互動功能實作 (至少選 3 項) 30%

3. 程式碼品質 20%

• 結構清晰：HTML 語意化標籤使用、CSS 模組化組織
• 註解完整：關鍵邏輯處加上中文註解說明
• 效能優化：合理使用快取、避免重複計算

4. 使用者體驗 20%

• 操作直覺：按鈕功能清晰、流程順暢
• 視覺美觀：色彩搭配和諧、排版整齊
• 錯誤處理：提供友善的錯誤提示訊息

5. Gemini CLI 使用記錄 20%

• 開發日誌：記錄如何使用 Gemini CLI 協助開發
• 問題解決：說明遇到的困難及 AI 如何幫助解決
• 心得反思：分享使用 AI 輔助開發的經驗與收穫

請確保同時完成 Google Drive 上傳與 PinMe 線上發佈，兩者缺一不可：

步驟 1：Google Drive 上傳

步驟 2：使用 PinMe 線上發佈

使用 PinMe 工具將你的網站部署到線上，讓老師和同學都能直接瀏覽：

# 1. 安裝 PinMe 工具
npm install -g pinme

# 2. 進入你的專案資料夾
cd your-project-folder

# 3. 執行部署指令
pinme upload .

# 4. 部署完成後會獲得一個網址，請將此網址記錄下來

提交清單確認

• ✅ 所有專案檔案已壓縮上傳至 Google Drive
• ✅ 網站已成功部署至 PinMe 並獲得網址
• ✅ 在 Drive 的 README.txt 中記錄了網站網址
• ✅ 包含 Gemini CLI 使用日誌（Markdown 或 PDF 格式）
• ✅ 確認所有連結和功能都能正常運作

老師評分項目 (70%)

同學互評機制 (20%)

互評階段（2/16 - 2/28）將隨機分配 5 位同學的作品給你評分，評分項目包括：

• 創意性：主題選擇是否有創意
• 實用性：功能是否解決實際學習需求
• 使用體驗：操作是否流暢直覺
• 整體印象：綜合評價

💡 評分標準：取 5 位同學評分的平均值作為互評分數

參與獎勵 (10%)

準時完成 5 份互評表單即可獲得滿分。這部分旨在鼓勵同學互相學習、觀摩彼此的作品。