我的Vibe Coding製作教學工具經驗談(114年7月)

 想知道如何更有效率地利用人工智慧來開發工具或教學軟體嗎？🚀 過去這段時間，我深入探索了利用AI進行「Vibe Coding」的心得，這裡將分享我寶貴的實戰經驗與技巧，希望能幫助大家在AI輔助開發的道路上走得更順暢、更高效。

班級榮譽點數系統-google試算表儲存版：老師的智慧班級管理助手

 昨天我終於把gemini pro刷下去了，今天試著用它來寫程式，把之前用chatgpt寫過的仿classdojo的班級加扣分工具改用gemini pro重新設計，它可以讓老師在繁瑣的班級管理與學生激勵過程變得前所未有的簡單與有趣。這套系統汲取了 ClassDojo 的靈感，並在此基礎上進行了深度優化，使其功能更貼合台灣教育現場老師們的實際使用習慣，同時提供了卓越的高度客製化彈性與無可比擬的資料自主性，確保您的寶貴資料始終安全掌握在自己手中。

系統特色：班級點數系統的核心亮點

這套班級榮譽點數系統整合了多項強大功能，旨在提升班級管理的效率與趣味性：

• 學生點數管理一目了然： 系統核心功能是管理學生的榮譽點數，每位學生都有專屬卡片，清晰顯示姓名、自動生成的大頭貼及總點數。點擊卡片即可快速加分或扣分，搭配可愛音效與動畫提示，即時回饋學生的表現，讓他們清楚掌握自身得分狀況。
• 行為項目高度客製化： 系統內建常見加扣分行為，如「積極參與」或「未交作業」。更棒的是，所有項目都可由老師自行新增、修改或刪除，根據班級需求和教學目標設定獨特行為準則及對應分數，讓點數系統完美貼合您的教學實踐。
• 學生資料與點數紀錄集中管理： 所有學生資料、點數變動紀錄及自訂行為項目均安全儲存在您的 Google 試算表中，確保您擁有完全的資料自主權，無需擔心資料遺失或被第三方存取。系統自動記錄每次加扣分詳情，便於隨時查閱歷史表現。
• 成績匯出功能： 期末計算學期成績或榮譽點數總結時，系統提供一鍵匯出功能。您可以選擇按姓名或總點數高低順序匯出 CSV 格式成績單，方便後續資料處理或列印。
• 跨平台響應式設計，手機操作無壓力： 採用響應式網頁設計，無論電腦、平板或手機，螢幕大小都能完美適配。這表示您可以在教室的任何角落，甚至戶外教學時，透過手機輕鬆操作，即時給予學生點數，真正實現行動化的班級管理。
• 安全與便利兼具的教師面板： 為保障管理功能安全，系統設有教師管理員密碼（預設 0000，建議更改）。輸入密碼後才能進入教師管理面板，進行新增學生、管理行為、匯出成績和重設點數等重要操作。
• 部署簡易，上手快速： 本系統基於 Google Apps Script 和 Google Sheet 運行，部署過程簡單明瞭。只需按照詳細步驟建立 Google 試算表、複製貼上 Apps Script 程式碼，發布為網頁應用程式並將網址貼入本系統設定中，即可迅速啟用。
  
  

用 AI 打造智慧記帳與名片管理程式-以google試算表為資料來源

 您是否也曾想過，如果能讓 AI 協助您撰寫程式，並且輕鬆地利用 Google 試算表作為後端資料庫，實現雲端資料存取功能呢？最近，我正在嘗試這樣一個有趣的實踐，目標是打造一個簡單易用、具備雲端儲存與讀取能力的應用程式。這篇文章將分享我的實驗成果以及如何透過 AI 和 Google Sheets 達成這個目標。

用 AI 打造智慧記帳與名片管理程式

在這項實驗中，我運用 AI 的自然語言處理能力，開發了一個能夠記錄名片及收支紀錄的程式。這個程式的操作體驗非常直觀，就像使用 LINE 等通訊軟體一樣簡單。使用者只需輸入像「1140709 買早餐 70元」這樣的文字指令，AI 就能自動解析這些資訊，並將支出明細儲存到後端的 Google 試算表中。更令人驚喜的是，您也可以直接上傳名片照片，AI 同樣能分析名片內容，並將重要資訊結構化地儲存到 Google 試算表中，省去手動輸入的麻煩。

• 智慧記帳：透過自然語言輸入收支明細，AI 自動識別並記錄。
• 名片辨識：上傳名片照片，AI 提取關鍵資訊並儲存。
• Google Sheets 作為後端：所有資料都安全地儲存在您的 Google 試算表中，方便管理與存取。

如何開始使用？設定步驟指引

要使用這個程式，您需要進行一些初步設定，主要是在 Google 環境中建立必要的基礎建設：

• 首先，根據程式提供的說明文件，建立並設定好 Google 試算表作為資料庫。
• 接著，將提供的 Google Apps Script (GAS) 程式碼部署為一個網頁應用程式（Web App）。
• 成功部署後，您會獲得一個網頁應用程式的 URL，將這個 URL 複製並貼回程式的設定介面中。
• 完成以上步驟，您就可以開始體驗 AI 輔助的記帳與名片管理功能了！

前往試用這個程式

示範說明影片

如果您對於設定步驟或程式操作還有疑問，這裡提供一個示範影片，幫助您更快上手。

這次的實驗展示了如何結合 AI 和 Google Sheets，以相對簡單的方式實現一個具有雲端功能的應用程式。透過 AI 的自然語言處理，程式的互動變得更加直覺人性化。希望這個分享能啟發您嘗試利用這些工具來解決日常生活或工作中的問題。如果您有任何想法或建議，歡迎在下方留言交流！

內建AI生成功能的 YouTube 互動式測驗生成器讓教學更生動

 各位老師，大家好！今天想向大家介紹一個我新使用gemini開發的——「YouTube 互動式測驗生成器」。它可以幫助我們輕鬆將 YouTube 影片轉化為引人入勝的互動式測驗，讓學生的學習過程更加生動有趣且高效。

這款軟體能做什麼？

「YouTube 互動式測驗生成器」的核心功能，是將您指定的 YouTube 影片內容，結合其字幕，透過 AI（支援 Google Gemini 或 Ollama 模型，建議以gemini為主，Ollama需要使用較大的語言模型才可正常輸出）自動生成多選題。您只需提供影片連結和字幕文本，系統就能迅速產出題目，並大略標註問題出現的影片時間點(老師需手動設定較詳細的時間點)，甚至提供詳細的答案解析。

除了 AI 自動生成外，這款工具也提供了極高的彈性：

• 手動新增與編輯題目：您可以根據教學需求，自行撰寫或修改每一道題目、選項、正確答案和解析，並設定題目在影片中出現的精確時間點。
• 批次匯入題目：如果您已有準備好的題庫，可以將題目以純文字格式（題目,答案,選項A,選項B,選項C,選項D）輸入，透過批次匯入功能快速加入，省去逐一輸入的麻煩。
• 互動式測驗模式：在實際播放影片時，系統會依設定的時間點自動暫停，顯示問題。學生作答後，立即獲得回饋並查看答案解析，隨後影片會繼續播放，完美融入教學流程。
• 獨立 HTML 檔案匯出：最棒的是，完成的互動式測驗可以匯出為一個獨立的 HTML 檔案。

點擊前往「YouTube 互動式測驗生成器」

教學上如何應用？

這款工具在教學上的應用潛力無限：

• 課前預習與導學：在學生觀看指定教學影片之前，您可以先製作一份互動測驗。透過測驗，引導學生帶著問題去觀看影片，提升預習效果和學習目標的明確性。
• 課中即時檢測：在課堂上播放教學影片時，利用測驗在關鍵知識點處暫停，即時檢測學生的理解程度。根據學生的作答情況，您可以立即調整教學策略，進行重點講解或答疑。
• 課後複習與鞏固：將互動測驗作為課後作業，讓學生反覆練習。每次練習都能即時看到答案解析，有助於學生自我訂正，加深對知識的理解和記憶。
• 自主學習工具：鼓勵學生利用這款工具進行自主學習。他們可以選擇感興趣的 YouTube 知識型影片，自己生成測驗來檢視學習成果，培養獨立學習的能力。
• 翻轉學習的最佳拍檔：在翻轉課堂模式中，這款工具可以作為學生在家預習的有效輔助。學生透過互動測驗確認對影片內容的掌握度，教師則能將課堂時間更多用於討論和深度學習。

如何讓學生連線練習？

這款工具生成並下載的 HTML 檔案是一個完全獨立的網頁檔案，這意味著它極具靈活性，方便您分享給學生進行練習：

Google 協作平台 (Google Sites)：您可以將生成的 HTML 檔案上傳到 Google 協作平台。在協作平台中嵌入或連結該 HTML 頁面，學生即可透過瀏覽器直接連線訪問並進行互動測驗。

yay.boo 網站：類似地，您也可以將 HTML 檔案上傳至 yay.boo 等提供靜態網頁託管服務的網站。學生同樣只需點擊連結，就能開始測驗。

如何紀錄學習內容與檢核學習成果？

雖然下載的 HTML 檔案是獨立運行的，預設不會將學生作答數據回傳到後端資料庫，但我們可以透過一些簡單的引導和設計，有效紀錄學生的學習過程並檢核成果：

內建作答紀錄顯示：下載的 HTML 測驗頁面在測驗結束時，會自動顯示一份「本次作答紀錄」。這份紀錄包含了：問題編號、問題、學生的答案、正確答案、作答結果（答對/答錯/未作答）、以及答案解析。頁面也會顯示「本次播放總時間」，讓學生了解他們在影片和測驗上花費的總時長。

要求學生截圖回報機制：您可以要求學生在完成測驗後，將最終的「作答紀錄」頁面截圖。這份截圖包含了他們的作答詳情，可以清晰顯示每一題的對錯狀況和所選答案。學生可以將這份截圖上傳至您指定的學習平台（如 Google Classroom、Moodle 或其他作業繳交系統）作為學習成果的證明。

設計引導式學習單：您可以設計一份學習單，引導學生參考測驗結果截圖，填寫總分、錯題題號、錯誤原因分析，以及從解析中學到的知識點。這不僅能幫助學生反思，也方便老師收集學生的學習數據。在學習單中加入開放性問題，例如「你對影片中的哪個概念印象最深刻？為什麼？」、「影片中哪個部分讓你感到困惑，希望老師進一步說明？」等，鼓勵學生進行更深層次的思考。

小組討論與分享：將學生分組，讓他們互相分享測驗結果，討論錯題，並解釋各自的理解。老師可以在組間巡視，了解學生學習狀況。鼓勵各組選出代表，向全班分享他們在測驗中學到的關鍵概念或遇到的共同難點。

課堂回饋與再教學：根據學生截圖回報的結果、學習單的內容，以及課堂討論的回饋，老師可以清晰掌握學生的學習盲點和普遍性錯誤。在隨後的課堂時間，針對學生普遍表現不佳的題目或概念進行再次講解和強化，確保所有學生都能掌握學習目標。

透過以上方法，即使是獨立運行的 HTML 測驗檔案，我們也能有效收集學生的學習軌跡和成果，並將其作為評估學生學習進度和調整教學策略的重要依據。

總而言之，「YouTube 互動式測驗生成器」不僅能幫助我們省下大量的出題時間，更能透過其互動性，有效提升學生的學習興趣和成效。我非常推薦各位老師親自嘗試，相信它會成為您數位教學中不可或缺的好幫手！

操作示範說明

希望這篇文章能幫助各位老師了解這款工具的價值。親自試用看看，發掘它在您的教學現場如何發揮最大效益吧！

Google 測驗表單生成工具：您的智慧出題助手

您是否曾花費大量時間手動製作 Google 表單測驗？現在，有了這款由 Gemini 驅動的「Google 測驗表單生成工具」，這一切都將徹底改變！這款強大的工具能讓您輕鬆利用 AI 自動生成多種題型的 Google 表單測驗，大幅提升您的工作效率，讓出題過程變得前所未有的簡單。

核心功能一覽

本工具提供多樣化的 AI 模型支援與彈性的內容輸入方式，滿足不同使用者的需求：

• 多樣化的 AI 模型支援：
  • 目前帳號 Gemini (推薦)：直接使用您當前登入的 Google 帳號的 Gemini 服務，無需額外設定。
  • Gemini API Key：若您偏好使用自己的 API 金鑰，可貼上您的 Gemini API Key 進行連線，提供更大的靈活性。
  • 本地 Ollama 服務：對於重視資料隱私或希望在本地運行 AI 模型的使用者，本工具也支援連接本地的 Ollama 服務，讓您可以選擇已載入的語言模型。
• 彈性的內容輸入方式：
  • 文件上傳：您可以直接上傳 TXT 或 PDF 格式的文件。工具會自動將 PDF 內容轉換為純文字，方便 AI 進行分析與出題。
  • 手動貼上文字：如果您的內容是零散的文字片段，也可以直接貼到文字輸入框中，AI 會根據您提供的內容生成題目。
• 兩種測驗題型生成：
  • 閱讀理解測驗：可根據「表面理解」、「推論判斷」、「整合應用」及「批判評估」等多個閱讀理解層次，設定不同數量的題目。您可以選擇是否將原始文本內容呈現在 Google 表單的說明欄位中。
  • 一般知識熟悉測驗：根據您提供的內容，生成特定數量的選擇題，用於評估學生對基礎知識的掌握程度。
• 測驗設定個人化：每道題目的分數可以自由設定，方便您根據測驗需求進行調整。

如何操作？簡單三步驟！

使用「Google 測驗表單生成工具」非常簡單，只需輕鬆三步驟：

1. 選擇 AI 模型與輸入內容：根據您的需求選擇使用 Gemini 或 Ollama，並上傳文件或貼上文字。
2. 設定測驗類型與數量：選擇您想要的測驗類型（閱讀理解或一般知識），並設定各類題目的數量與每題分數。
3. 生成並使用 GAS 程式碼：點擊生成按鈕後，工具會自動產生 Google Apps Script (GAS) 程式碼。您只需將這些程式碼複製，並貼到您的 Google 表單的指令碼編輯器中執行，即可自動生成測驗題目。

程式碼使用說明：

1. 開啟 Google 表單：您可以建立一個新的空白表單。
2. 進入指令碼編輯器：點擊表單右上角的「更多」圖示 (三個點)，選擇「指令碼編輯器」。
3. 貼上並儲存程式碼：刪除編輯器中所有預設程式碼，貼上本工具生成的 GAS 程式碼，然後點擊儲存圖示。
4. 執行程式碼：點擊執行圖示 (播放三角形)。首次執行時，Google 會要求您授權，請依照指示完成。
5. 完成！：程式執行完畢後，您的 Google 表單將自動新增所有生成的選擇題，並設定好答案與分數。

立即體驗 Google 測驗表單生成工具

操作示範影片指南

這是一個相關的 YouTube 影片嵌入，展示了工具的操作流程：

「Google 測驗表單生成工具」是一個功能強大且操作簡便的應用程式，無論您是教師、培訓師還是需要快速製作測驗的人，都能從中受益。立即體驗，讓 AI 成為您的專屬出題助手吧！如果您有任何使用心得或疑問，歡迎在下方留言分享。