〖搭機去看世足〗
特色：以世足為主題進行沈浸式互動，讓學生透過場景和AI創作的人互動，把英語生活化。
流程：
開頭：一開始就是沈浸式場景
一、登機
選擇題：用英文問答
互動式配對連連看
三、買票：
選擇題：問答
三、會場看足球：和不認識的球迷聊天
克漏字
四、踢球
融入物理知識：香蕉球
瞄準和側旋來射門
五、教師端
老師可以看後台確認學生答對答錯率，了解學生哪個文本容易錯。
心得：
這是我驚艷的分享之一，我很喜歡這種沈浸式方式，讓學生能讀懂對話選擇正確的回答。相較於紙本選擇題更加生活化，讓英語能力接地氣。唯有一個比較困惑的是：不論選擇題還是克漏字，似乎都是選項多點幾次就能點到正確答案來過關，缺少防猜機制。
張崴耑老師真的是很促咪的AI大神，我被會產生「每日一字」、「小刀會」、「維士比」等音效的計時器迷住，而且這計時器還能增加到六個，因此組間分享時間結束後，我立刻詢問老師怎麼製作。
以下是筆記部分：
步驟一：準備音效素材並上傳至 pCloud
由於 AI 生成的網頁 HTML 檔本身檔案很小，無法將音樂直接「包」在網頁裡，而是採用外連（連結）的方式讀取聲音。因此，您需要一個能直接分享檔案真實網址的空間：
準備音效：自行尋找或錄製所需的鬧鐘音效 MP3 檔案。
上傳至 pCloud：將 MP3 檔案上傳至 pCloud 雲端硬碟。（張老師選擇 pCloud 是因為它買斷後可終身使用，且其網址特性可以直接被外連分享，避免像 Google 雲端硬碟或其他網路相簿常有抓不到真實檔案網址、導致 AI 無法讀取的問題）。
獲取真實音效網址：從 pCloud 取得該音效檔案的公開分享網址（結尾需為 .mp3 的真實網址）。
利用 AI（如 Gemini 或 ChatGPT）來編寫倒數計時器的程式網頁：
提供素材連結：將步驟一取得的 pCloud 音效網址餵給 AI，並告訴 AI：「請讀取這個連結的音樂作為鬧鐘音效」。
輸入功能指令：向 AI 提出功能需求，並透過對話逐步修改調整：
多組鬧鐘：要求在同一個畫面上可以同時出現多個鬧鐘（張老師設定上限為 6 個）。
同步按鈕：需要一個「同步按鈕」，按下後可以讓多個鬧鐘同步運作。
功能選單：設計選單與必要的控制按鈕。
聲音同步修正：若測試時發現某個鬧鐘響時另一個會斷音，需提醒 AI 修正為「聲音可以同時播放，彼此不干擾」。
當 AI 生成出符合需求的 HTML 程式碼後，將其轉換為網頁檔案：
複製程式碼：將 AI 產出的程式碼完整複製下來。
貼至記事本：在電腦中開啟一個全新的記事本（.txt 檔），將程式碼貼進去。
修改副檔名：儲存檔案後，將該文字檔的副檔名從 .txt 改為 .html。
本機測試：此時直接雙擊該 .html 檔案，電腦就會用瀏覽器將它開啟，即可直接在電腦上操作這個倒數計時器。
如果您希望這個倒數計時器不只在自己電腦上用，還能分享給別人使用：
上傳網頁檔：將做好的 .html 網頁檔案同樣上傳到 pCloud（或其他支援網頁發布的免費空間，如 Google Sites / Google Shape 等）。
分享連結：直接將該網頁的 pCloud 分享網址傳給其他人，大家點擊連結就能直接在線上執行這個特別音效倒數計時器了！
這次內容是在AI教育年會小組分享時，見到許凱琳老師a.k.a小葵神人的神技。我們在「語音備忘錄」前亂聊一通，結束後小葵神人把亂聊的逐字稿和Ｗord檔丟進Claude的Agent裡，不到幾分鐘的時間我們小組要繳的word檔就好了！真讓我大開眼界。因此第二次討論，我就主動提出錄下步驟的請求。
以下內容經過Gemini整理：
在動手操作前，必須先理解老師強調的最重要觀念：AI 的產出品質，取決於你給它的「思考脈絡」而非單純的指令。
什麼是脈絡？ 以「雞兔同籠」數學題為例，網頁中的第一關、第二關、第三關、第四關，這種引導學生循序漸進理解的教學邏輯與步驟，就是脈絡。
為什麼脈絡重要？ 老師們擁有豐富的教學現場經驗，知道學生在哪裡容易卡關（迷思概念）。如果直接叫 AI 寫一個網頁，它只會給出非常陽春、空洞的產品（如一般的計算機）；但如果將你的教學脈絡輸入給 AI，它就能精準生成符合教學需求的互動引導教材。
在將任務完全交給 Agent 自動化之前，建議新手先使用 Gemini (Canvas) 等口語化 AI 工具進行「原型設計」，體驗人機互動的邏輯。
將你現有的教學手冊、課本內容、或一整份 PDF 教學手冊 準備好。
專業心法： 老師的專業資產（教學手冊）非常珍貴，將其作為 AI 的輸入源，能讓產出高度聚焦。
不要一開始就叫 AI 寫網頁。先對 Gemini 發出以下指令，請它協助梳理教學邏輯：
💡 新手實戰對話範本：
「我目前有一份國小高年級的數學教學手冊。在進入互動網頁設計前，請先幫我整理：在這個學習階段，學生遇到這個單元（如：雞兔同籠/速率）時，常見的迷思概念有哪些？以及必須學會的核心概念有哪些？」
當 AI 幫你釐清邏輯後，即可將學校或團隊設定好的「問題定義單」丟給 AI，並下達具體需求：
指令重點： 格式指定為 HTML 輸出，內容需符合剛剛定義的教學脈絡。
產出結果： AI 會根據指令，生成第一版的互動式遊戲網頁（例如：利用圖形、卡片替換的方式，讓學生點選「增加一隻雞」或「減少一隻兔子」，觀察腳總數的變化，進而發現數學規律）。
當你確認了初版網頁的「教學脈絡」可行後，進階的 Claude (或 CodeX) 等付費/進階 Agent 工具，就能幫你省去繁瑣的文書與編碼工作，甚至打通前後台。
[ 老師輸入口語化需求 ] ──> [ AI Agent 自動執行 ] ──> [ 自動上架部署至 GitHub ]
設定不打擾模式： 訓練你的 Agent「不要一直問問題，直接把事情做好並上架」。
上傳指令與文件： 將問題定義單、PDF 教學檔，以及你剛剛在 Gemini 測試成功的脈絡直接提供給 Agent。
串接 GitHub（前端）： 指令 Agent 自動將生成好的網頁代碼上架、部署到你的 GitHub Pages 網路端，這樣網址就直接建置完成了。
串接 Supabase（後端資料庫）： 為了即時掌握學生的學習狀況，開啟 Supabase 後台權限給 Agent，讓它幫你把學生的操作數據（例如在第幾關卡關、座號、班級）即時回傳到後台資料庫。
註：錄音中提到，若 Supabase 超過一週沒使用可能會暫停，記得重新登入激活即可。
如果網頁執行時出現錯誤（例如字體跑掉、邏輯出錯、或是功能失效），請直接截圖，將圖片丟給 Agent，並對它說：
「這裡執行出錯了，請對照原本的問題定義單，幫我把網頁修改成正確的邏輯。」
（Agent 會自動判讀圖片並修正網頁，完全不需手動改代碼。）
透過 Agent 的強大能力，你可以讓它自動完成所有繁瑣的 Paperwork（行政與教學表單）。
將官方要求的成果表單（Word 檔、觀課記錄等）丟給 Agent，它會根據你們昨晚開會的錄音檔（或逐字稿），自動將「交流重點筆記」、「問題調整與解決方案」填入對應的表格中，完全符合格式要求。
客製化後台格式： 指定班級座號格式（例如：601XX），方便後台數據撈取。
動態獎勵機制： 根據學生的破關記錄，除了讓老師下載關卡記錄外，也可以請 Agent 設計一個「自動生成獎狀/成就感勳章」的功能，提高學生的學習動機。
建議新手，暑假是很好的充電期，可以先投資一個月試用付費工具，包準能大幅提升未來的工作效率：
| 工具名稱 | 特性與建議 | 新手適用度 |
| Claude (Paid) | 目前最聰明、做事最令人放心的 Agent。處理複雜任務、前後台串接最精準。 | ⭐⭐⭐⭐⭐ (極推) |
| CodeX | 代碼與網頁開發能力優秀，目前有提供免費試用一個月，適合跟著教學影片（如 30_Days 頻道）一步步操作。 | ⭐⭐⭐⭐ |
| Gemini (Canvas) | 最適合前期的口語溝通、邏輯梳理與概念生成。 | ⭐⭐⭐⭐⭐ (新手起手式) |
| Anti-Gravity | 適合處理簡單的重複性任務（如：整理電腦檔案），複雜的填表或寫網頁容易亂填，不建議交給它。 | ⭐⭐ |
使用 Agent 的最高境界不是盲目依從，而是「你教它做事，它也教你怎麼做」。在請 Agent 幫你上傳 GitHub 或串接資料庫時，多加一句：「請不要只是幫我做，還要一邊教我你是怎麼做的。」 如此一來，你不但能快速產出高品質的互動教材，你自己的 AI 素養與數位教學轉型能力也會隨之突飛猛進！
於 114 學年度（2025年） 開始實施。
由於該校美術課屬於「對開」性質（上學期為高一美術課、下學期為高二美術課），因此講師分別在高一與高二兩個年段的學生中都有操作此套課程。
在測試階段，若老師沒有給予太多引導、讓學生自由發想時，會暴露出以下問題：
單一視角與表達工具的侷限：
手繪或 3D 建模技術門檻過高，導致提案退縮回陽春、僅滿足自身的功能修補。
學生思考無法深入，面對校園環境無法提出具體的更改方式。
美感的習得性無助（缺乏美學「詞彙庫」）：
長期處於標準化景觀中，認為美感是額外且昂貴的負擔。
缺乏美學形容詞（如：不知道什麼是包浩斯風格、不曉得各式主義的風格、色調與色彩），寫出的 AI 指令極其簡陋、單一。
AI 工具定位的迷思（缺乏主導 AI 的能力）：
學生將 AI 視為單純的「一鍵代筆」工具。
學生下達指令後（例如：「我覺得這邊很醜，AI 可以怎麼改？」），對 AI 生成的結果會全盤接收，流於表面生成，不會去反思或主導。
缺乏「設計思考」的案例（高一生物多樣性草地）：
學生針對學校後方大片草地，下達了簡單的指令「生物的多樣性」。
AI 直接生成出極不合理、宛如「動物園」般的照片（甚至包含長頸鹿、貓熊、浣熊等）。學生雖覺得有趣，但完全不符合校園實際邏輯。
缺乏美學「詞彙庫」的案例（走廊傘架與洗手台）：
教室外缺乏傘架空間，學生用 ChatGPT 生成的指令僅為「希望在教室外面多一個傘架」。
生成出功能性重疊、密密麻麻且毫無美感邏輯的多個傘架畫面。
走廊轉角防護網在雨天（新北市常下雨）容易濕滑導致滑倒，以及洗手台過小問題，學生的解決方案皆流於直覺式地「將屋簷延長」、「將洗手台放大」，缺乏整體美感。
課程融入經典的設計思考五大階段（特別強調前三個階段：同理、定義、發想）：
Empathize (同理思考)： 必須站在使用者的角度思考。
Define (需求定義)： 定義出清楚的問題，才能解決目前的困境。
Ideate (創意發想)
Prototype (模型設計)
Test (模擬測試)
過去盲點： 學生寫討論板（使用 Canva 或 Padlet 等數位便利貼）時，如果沒有老師引導，往往只會寫「教室很亮」、「那個人怎麼樣」等非常淺層的學生本位觀察。
延伸思考： 引導學生思考校園內其實存在很多不同角色，例如：每天送營養午餐的中央廚房廚工（可能面臨電梯不足、等電梯很久的問題）、家長、或是學校老師。
為了增加同理心與感官深度，講師設計了 Prompt 1（同理心階段指令）：
操作方式： 先讓學生進行小組討論，並給予一個 Prompt 架構與 AI 對話，藉此激盪出學生沒想到的環境死角與他人觀點。
新版指令（Prompt 1）結構：
「我正在進行校園改造計畫，目前處於設計思考的『同理心』階段。請針對附件照片中的**『地點/時段/天氣（例如：下雨過後濕滑的午後）』，扮演一位『具體背景的校園角色（例如：受傷的學生、或懷孕八個月的女教師）』**。請你以極度挑剔、對環境極其敏感的眼光審視這張照片，指出你在這個環境中可能會碰到的生涯障礙、心理壓力或行為不便，並以條列式清單呈現。」
防呆限制： 規定學生不能直接將 AI 生成的長篇大論「複製貼上」到討論板，必須看完後自己「精簡標題」，老師會下組與學生一組組討論，確保學生有內化。
為了解決學生缺乏美感名詞的問題，講師設計了 Prompt 2（風格定義與發想指令）：
操作方式： 學生先輸入「特定改造地點（如：色彩雜亂的美術教室外）」與「自己期望的基礎氣氛（如：溫馨、暖色調/冷色調）」。
新版指令（Prompt 2）功能：
請 Gemini / AI 根據現狀照片分析當前的視覺問題。
請 AI 提供更精準、進階的「美學關鍵字」與「藝術風格」。
學生必須逐一去查詢這些美學名詞與藝術風格的真實含意，擴充自身的美學素養，未來在居家改造或職涯上都能有所運用。
美感詠唱終極指令： 結合前面獲得的「環境痛點解決方案」與「精準美學關鍵字」，下達給 AI 進行最終的 Before / After 空間改造模擬。
維持結構限制（不可盲目生成）： 講師提醒學生「空間的建築架構基本上是不能動的」（因為學校不可能拆掉重蓋），學生能動的是「裝潢、燈光改善、收納空間、視覺美化」的部分，以確保改造具備「可行性」。
✨ 講師的堅持——加入「手繪圖」防線：
講師不希望學生完全放棄畫畫，因此在請 AI 生成最終圖片前，強制要求學生必須先根據想像畫出「手繪立體圖/架構圖」（能畫多少是多少，盡量呈現立體感），嚴格禁止先生成圖片再照著畫的投機行為。最後才用手繪架構搭配 AI 詠唱生成，落實美感落地。
第 1 週：引導與感受
講師利用「學美．美學」校園美感改造計畫的全國徵件網站作為教材，讓學生討論「為什麼校園美感改造很重要？」、「美感為何重要？」，建立學生的同理心與感受。
第 2 週：個人練習與小組分組
第 3 ~ 5 週：小組數位共創與手繪/AI 生成
利用 Canva 的白板共創功能進行小組線上共創（學生登入校務行政帳號進行公屏協作），逐步完成「同理、發想、手繪架構、AI 生成」的討論板。
第 6 週：成果發表與展現
線上學習歷程： 學生五人一組，每組選擇三個校園地點進行改造，將反思簡報、Canva 討論板等成果製作成網頁（如 Google 協作平台）。
實體海報展演： 將改造前（Before）與 AI 改造後（After）的對比圖，製作成 A3 尺寸的實體展延海報，直接張貼在該改造地點的校園牆面外，讓全校師生能直觀對比與感受空間的可能性。
根據講師對普通班學生的問卷調查顯示：
手繪能力的限制： 絕大多數普通班學生（非美術班）自評手繪能力都在「中後階」，畫出建築 3D 渲染圖對他們而言是巨大障礙（過去常卡在「老師我立體感不會畫」而放棄）。
AI 帶來的跨越： 大部分學生高度認同「AI 能協助呈現比自己手繪更好的效果」，成功跨越了手繪技術的限制，讓普通班學生也能天馬行空地實踐校園美感的創意發想。
五、 研習現場 QA 問答紀錄
講師回覆： 全程都是使用 Canva。我會在 Canva 裡面開一個「白板（Whiteboard）」功能的專案，並將討論板的共編連結分享到 Google Classroom 中。學生用新北市的校務行政帳號登入即可進行即時共編，老師在後台也能一目了然各組的編輯進度。
聽眾老師 A： 過去我們給學生的指令往往不夠清楚，學生很難精準操作。今天卉庭老師分享的 Prompt 範例方向非常明確，有非常具體的「角色與環境設定限制」，能讓學生有條理地依循。而且這個課程核心從「同理心」出發，最後落實到校園公共環境的「利他精神」，非常符合核心素養的體現。
講師回覆： 如果是改造自己的家，前兩個步驟（同理與定義階段）就可以直接略過，因為使用者就是你自己，不需要再去模擬別人的痛點了。
建議你直接從「第二部分：美學關鍵字發想」開始入手：
拍照上傳你家想要改造的空間（如：廚房或曬衣場）。
告訴 AI 這是什麼地點，並輸入你「期望的基礎氛圍」（例如：希望乾淨整齊、或者希望很溫馨）。
讓 AI 幫你診斷目前的視覺問題，並為你吐出專業的「美學關鍵字與推薦風格」，你再從中挑選喜歡的方向進行詠唱生成即可。
心得：
這場分享最棒的是，透過引導學生站在他人立場換位思考，真正落實了貼近生活的「利他」精神；而且研習中分享的「美學關鍵字」方法真的很實用，之後想動手整理家裡或規劃空間時，可以直接把它當成超好入門的改造敲門磚，同時也非常適合複製到我們自己的教室收納與空間整理上，感覺之後自己帶班也能用這個方式，把班級環境整理得更有美感又有效率。
主講者： 楊承頤 老師（三光國小）
教學痛點： 傳統古詩教學偏重背誦（校本課程「詩詞百寶箱」共 83 首）。學生雖能完成背誦，但普遍缺乏對詩境畫面與情緒的理解，且易產生依賴 AI 直接輸出答案的現象。
系統定位： 將 AI 定位為「學習支架」而非「代筆者」。核心目標在於引導學生走進古詩情境，達成「古今同頻」。
四個教學轉變：
理解轉變：由純粹背誦轉向理解詩意。
媒介轉變：由單一文字轉向圖像、聲音與情緒的多模態感知。
主動性轉換：由被動接收答案轉向主動提問與表達。
素養提升：由單純工具使用轉向 AI 素養與資料查證。
本系統採用混合式架構，強調「校本資料可控、AI 回應具彈性、模型輸入多元」。
Gemini 語言模型： 負責詩意轉譯、文本補答與生成，透過 API 進行串接。
規則庫： 教師預設常見問句與穩定回應。系統設有嚴格限制，AI 僅能針對校本 83 首古詩進行回應，確保內容可控與可追溯。
圖像模型： 處理「看圖詩」與「物品找詩」。系統聚焦標註 20 種常見物象（如：月亮、夕陽、花等）以優化辨識精準度。
表情模型： 串接 Google 與 Facebook 開源之臉部表情資料庫，辨識「喜、怒、哀、樂、靜」五種情緒，並進行精準的心情配詩推薦。
語音互動與聲音分析： 提供詩詞朗誦示範，並針對學生的語調、停頓、音量與語速進行數據化回饋。
資料收集： 將 83 首古詩詞整理為結構化 Excel 資料庫（含詩體、作者、文本、情緒、物象等欄位）。
資料清理： 統一數據格式並修正錯別字。
數據標註： 透過學生問卷收集意圖，將不同問句（如：問作者）標註分類，建立意圖對齊。
規則訓練： 將問句轉化為系統辨識模式（Pattern），建立自動回應邏輯。
效能評估： 透過測試集驗證系統回答的準確度與資料庫覆蓋率。
界面設計以「低壓力、任務明確、適合全年級」為原則，支援平板與電腦載具。
問問公仔： 支援文字與語音提問，查詢作者、詩意與情緒。
AI 考我： 由 AI 自動出題，檢核學生理解程度並給予即時回饋。
看圖詩： 學生上傳生活照片（如夕陽），由系統分析物象並連結對應古詩。
朗讀練習： 學生聆聽示範後進行跟讀，系統針對語氣與停頓進行反饋。
心情配詩： 依據偵測到之臉部表情，推薦符合當下情緒之詩境。
低年級（具象與聽覺導入）： 著重於看圖猜詩、聽讀跟讀與心情配詩，由老師提供圖片供 AI 掃描驗證。
中年級（語言轉譯與意象具象化）： 著重白話轉譯、口語解說。引入「看詩畫畫」任務，由學生依詩意作畫並上傳，驗證 AI 是否能精準辨識對應古詩。
高年級（批判思考與模型訓練）： 著重比較賞析與提示詞修正。引導學生檢視系統不足，並使用 Google Teachable Machine 訓練小模型，自主擴充系統的物象與情緒功能。
流程實踐原則： 系統不取代傳統課堂，採「先紙本引導、後數位操作」模式。操作前需完成學習單意圖撰寫與圈詞，維持數位互動與紙本記錄、口語表達的循環。
根據錄音檔內容，最後的 Q&A 問答摘要如下：
主講者解答：
本系統在最後一頁串接了 Gemini 的對話功能。
學生的創作並非憑空想像，而是可以透過文字或語音向 Gemini 尋問寫作建議、提供方向。
AI 會依據對話給予結構上的引導與啟發（作為學習支架），學生再結合這些建議，動手創作出自己的小詩。
主講者解答：
簡報中展示的網頁工具全部都是現成的，且都是由 Generative AI（GPT）直接推薦使用的。
由於自身並非資訊專長，建置過程中遇到許多看不懂的專有名詞、操作限制或網頁部署問題。
解決方式為「直接將整個網頁畫面截圖丟給 AI」，詢問接下來該如何點選或設定。
過程中若遇到 AI 提供舊版資訊導致操作不符，同樣透過截圖向 AI 反饋，AI 便會修正並提供新版的改版修正與操作指引。
透過 AI 的協作指引，能大幅降低一線教師的技術門檻，因此鼓勵老師們不要害怕接觸 AI，將其視為教學創新的好助手。