阿剛老師的異想世界: 阿剛老師的 AI 與 HTML 創新教學工具：打造高效互動課堂

以下是前幾天我在T++教育嘉年華分享的影片內容重點，主要是分享我自己用AI開發的多個教材製作及課堂互動工具，分享給當天沒空線上參與的老師們。

這系列工具讓您輕鬆建立、管理並輸出多樣化的測驗題庫，大幅提升備課效率。

AI 選擇題的題庫管理工具：使用前需至 Google AI Studio 申請並填入免費的 Google API Key。您可以點擊「新增教材」，上傳 PDF 或貼入文本，選擇「知識點生成」或「閱讀理解」模式，設定難度與數量後，AI 即可生成題庫。題庫資料儲存於本機瀏覽器，支援匯出與匯入。完成出題後，可輸出多種 HTML 檔案，包括遊戲化測驗（如「打怪升級」）、自學複習測驗（可看錯題）和大屏搶答。若是閱讀理解題庫，還可匯出程式碼，透過 Google 表單的 Apps Script (APSP) 匯入題目。
配對題管理工具：此工具讓您透過貼上文字或上傳文件，選擇生成模式（如「專有名詞及其解釋」），快速建立配對題庫。題庫同樣支援匯出與匯入。輸出時，可選擇 HTML 格式的「配對遊戲」，如果是英文單字練習，則可輸出「虎虎風」模式。

這些互動工具能讓您的課堂變得更生動有趣，即時提升學生的參與度。

YouTube 互動測驗生成器：首先，貼上 YouTube 影片網址（有 CC 字幕為佳），並下載 SRT 字幕檔。接著，將工具提供的提示詞和 SRT 字幕檔交給大型語言模型（如 GPT/Gemini）生成選擇題，再將題目文字貼回生成器匯入。如果想讓題目「在影片中彈出」，需要手動設定每題出現的秒數（時間戳）；若選擇「影片下方分頁作答」模式，則不需設定時間。
互動地圖標記工具（二個工具）：您可以透過擷取地圖圖片（Ctrl+V 貼上）作為背景，並使用畫筆功能塗抹圖片上的原有文字。在地圖上點擊位置來新增標記名稱後，即可輸出 HTML 練習檔供學生進行拖曳配對練習。此外，工具也可用於製作教材展示，標記點可添加文字、圖片、YouTube 影片或網址，並輸出互動式 HTML 教材。
閱讀測驗 HTML 生成器：將課文或文本貼入生成器，複製提供的提示詞。將提示詞貼到 Gemini/Bard (Jie) 並選擇 Canvas 輸出，AI 會生成 HTML 程式碼。將程式碼複製貼入記事本，另存新檔時副檔名改為 .html 即可使用。此網頁測驗文件支援注音符號切換。

將您的教學成果快速部署上線，讓學生隨時隨地都能存取。

Easy Page (簡易 GitHub 部署工具)：這是將本地 HTML 檔案部署到網路上最簡單快速的方法。登入後，將 HTML 檔案拖曳進介面，輸入一個網站名稱（即網址路徑），等待約 30 秒至 1 分鐘即可生效。請注意，上傳到相同的網站名稱會覆蓋掉舊內容。
HTML 分享工具 (GAS 輔助工具 - 進階部署)：此工具提供一個統一介面，可管理多個 HTML 測驗檔且不互相覆蓋。設置過程較為複雜，需要先配置 Google Apps Script (APSP) 專案並取得 GAS 網址，再將 GAS 網址配置回本地工具網頁，最後將配置好的工具本身部署上線。一旦配置完成，老師只需使用單一工具網址。

想更深入了解這些工具的實際操作？這裡提供阿剛老師在 T++ 教育嘉年華的完整線上分享錄影，讓您從頭到尾掌握所有技巧。

透過阿剛老師分享的這些 AI 與 HTML 創新教學工具，老師們不僅能大幅提升教學效率，更能設計出更具互動性與遊戲化的學習體驗。無論是題庫生成、課堂互動或是檔案部署，這些工具都能成為您教學上的得力助手。立即探索這些工具，開啟您的創新教學之旅，並歡迎在下方留言分享您的使用心得！

阿剛老師的異想世界