學不完．教不停．用不盡

你有興趣利用 AI 來協助產生易經卜卦的工具？（純趣味！）

前面的文章：3個硬幣占卜法！利用ChatGPT或Gemini來解說易經卜卦結果

原本的做法是利用了一個 AI 製作三個硬幣的易經卦象生成器，

參考：https://v0-5l-b4xusj.vercel.app/，

然後將結果再丟到 ChatGPT 或 Gemini 中解讀卦象內容。

使用 Gemini 製作網頁時，可以直接在網頁中設計含有 Gemini AI 功能的內容，這個功能有很多好玩之處，可以玩出很多花樣。

先參考以下四篇：

＊如何在Gemini中設計網頁時直接插入AI功能

＊在Gemini中製作含有AI解析的測驗網頁，並可快速置換為不同題目的內容

＊設計先觀賞YouTube影片再閱讀AI提供教材，然後撰寫心得的互動式學習平台

＊利用Gemini的AI功能設計一個資訊圖表產生器

使用 Gemini 製作網頁時，可以直接在網頁中設計含有 Gemini AI 功能的內容，參考以下三篇：

＊如何在Gemini中設計網頁時直接插入AI功能

＊在Gemini中製作含有AI解析的測驗網頁，並可快速置換為不同題目的內容

＊設計先觀賞YouTube影片再閱讀AI提供教材，然後撰寫心得的互動式學習平台

本篇要來利用相同的概念，設計一個可以重複使用的資訊圖表產生器。

本篇要介紹如何設計利用 Gemini 撰寫程式的能力，並且融入 Gemini AI 的功能，幫助教師製作一個讓學生觀賞 YouTube 影片，並閱讀 AI 提供的教材，再撰寫心得的互動式學習平台。

要設計的是一個萬用的網站，這個互動平台的功能包含：

＊指定 YouTube 影片並可以線上觀看

＊由 Gemini AI 產生影片摘要與學習內容

＊學生撰寫心得（限制使用貼上功能）

＊下載整個學習內容的文字檔

教師在製作測驗題讓學生自主練習時，可以藉助 Gemini 的 AI 功能，在網頁中讓 AI 針對測驗題目產生一些學習的內容，教師不用再製作這些內容。這樣做，AI 就幫上了老師的忙了。

但是，老師不可能只使用一組題目，當需要第 2 組題目時，難道要重新製作網頁？其實不用！只要回到 Gemini 的對話中，延續這個對話，並且上傳新的測驗檔案，請 Gemini 更換網頁內容即可。

先上傳一個含有題目和正確答案的 PDF 檔(測驗內容A)。再使用以下的指令：

根據上傳的PDF檔案內的測驗題目和正確答案的格式，製作一個題目解析的網頁，這是教師教學與學生學習的互動式平台，網頁內容要求： 

1.設計成可以測驗的互動網頁。

教學現場的教師們需要 AI 的協助！Gemini 可以直接將你提供的內容或是由 AI 產生的內容，製作成網頁、資訊圖表、測驗，並且可以插入由 Gemini 提供的 AI 功能，讓你設計的網頁也能使用 AI 的幫忙。

以下二篇文章，主要是在描述利用「新增 Gemini 功能」在網頁中插入 AI 的功能：

使用Gemini寫程式時，善用「新增Gemini 功能」，讓你的程式具有AI輔助功能

利用Gemini將教材PDF轉換為動態網頁並結合AI融入智慧教學資源

如果想要在開始設計網頁時，就讓 AI 置入網頁中，可以參考以的做法。

在 Gemini 使用以下指令：

Google 最近為其 AI 筆記工具 NotebookLM 推出了全新的「公開共用」功能，讓使用者能更方便地與他人分享筆記內容。教師之間的備課與教材都可以透過此方式更容易交換與取得！

📤 如何使用公開分享功能

使用者只需點選筆記本右上角的「共用」按鈕，將存取權限設為「知道連結的使用者」，即可產生一個可供他人存取的連結。這個連結可以透過電子郵件、通訊軟體或社群媒體等方式分享。

除了公開分享，使用者仍可透過輸入特定人的電子郵件地址，邀請他人檢視或編輯筆記。

👥 分享方式與限制

教學現場的老師們，如果延續上一篇的經驗：AI 寫程式輔助教學：設計邊看影片邊答問題的平台，接著想要將許多學生的填答結果（得分、心得）彙整到 Google 試算表中，以方便後續的處理，該如何處理？

以下會用到 Google 試算表、Google Apps Script、Google Gemini 的整合應用，完全不用寫程式，只要跑流程。而流程具有一定的邏輯性，背下來即可。

（為了方便你測試，所以暫停了邊看邊回答問題，而採用直接填答問題和寫心得。）

要開始囉！

首先，準備一個全新的 Google 試算表。

隨著人工智慧技術日益成熟，Google 推出的 Gemini 平台為教育工作者帶來了全新的教學工具。在 Gemini 中，你可以利用自然語言直接撰寫程式，輕鬆地將教材 PDF 檔案內容轉換成具有互動性的動態網頁。不僅如此，Gemini 最近更推出了一項全新功能：「新增 Gemini 功能」，大幅提升教材轉換效率與教學創意的可能性。

「新增 Gemini 功能」是什麼？為什麼對教師和開發者都很重要？

當你在 Gemini 的 Canvas 編輯器中撰寫應用程式或教學工具時，畫面右下角會出現一個「新增 Gemini 功能」按鈕。這個新功能的目的，是讓使用者可以將 Gemini 的生成式 AI 功能無縫整合進自己的應用程式中，透過簡單的操作就能加入以下幾種智慧功能：

👍文字生成：讓 AI 自動撰寫解說內容、補充說明、測驗題目等教學素材。

👍圖像生成：根據課程內容自動產生相關圖像或插圖，強化學習效果。

👍自動摘要與重點提取：將 PDF 教材內容快速濃縮為學習重點。

在現代數位教學環境中，人工智慧（AI）已成為教師不可或缺的好幫手。透過 AI 協助撰寫程式碼，教師可以更有效率地設計出互動式學習工具，提升學生的學習動機與專注力。其中一個實用的應用案例，就是讓學生觀看 YouTube 教學影片時，搭配互動問答機制來引導學習進程。

利用 AI 設計互動式教學影片流程：

👍學生觀看影片，配合互動問題
教師可透過簡單的程式設計，設定學生在觀看 YouTube 教學影片時，影片會在特定時間點暫停，並跳出與內容相關的提問。只有學生正確回答問題後，影片才會繼續播放，避免跳過重要學習重點，並有效防止快轉行為。

👍ChatGPT 協助自動產生問題
利用 ChatGPT 等 AI 工具，教師可以輸入影片內容摘要或重點段落，讓 AI 自動產生相關的選擇題或開放性問題。這不僅節省備課時間，也確保問題貼近教學主題與學習目標。

在這個人工智慧迅速演進的時代，我們正見證一場前所未有的技術革新。你或許已經對以下知名 AI 工具耳熟能詳：ChatGPT（由 OpenAI 開發的對話式 AI）、Google Gemini（整合式多模態 AI 助理）、Anthropic Claude（強調安全與可控性的語言模型）、v0（設計與開發協作的生成平台）、Google AI Studio（Google 提供的 AI 應用開發環境）、Canva AI 工具組（結合設計與生成技術的創意平台）。

這些生成式 AI 平台早已不再只是用來「回答問題」或「提供建議」的輔助工具。它們如今具備了撰寫程式碼、理解自然語言指令、甚至協助應用開發的強大能力。

無論你是新手工程師還是資深開發者，只要透過簡單的自然語言指令，像是「幫我寫一個查詢天氣的 API」或「產生一個使用者登入的 React 元件」，這些 AI 工具便能迅速回應並提供高品質的程式碼範本。這種技術極大地提升了開發效率，也降低了入門門檻。

在 Gemini 中有一個獨特功能：「新增 Gemini 功能」。在使用 Google Gemini 產生程式碼時，你會發現一個非常實用的功能——「新增 Gemini 功能（Add Gemini）」。這個功能讓你可以直接在產生的程式碼中嵌入 Gemini 的能力，使得最終產出的應用程式能夠進一步整合 AI 助理功能。你的應用不只是用 Gemini 來產生，還能持續使用 Gemini 的智慧能力協助最終用戶。舉例來說，你可以：

👍在應用內加上聊天式幫助中心

👍讓使用者能透過語音或文字直接查詢資料

在這個 AI 快速發展的時代，你可能已經熟悉 ChatGPT、Google Gemini、Anthropic Claude、v0、Google AI Studio、Canva 等先進的 AI 工具。這些人工智慧平台不再只是回答問題，它們現在已具備撰寫程式碼的能力，能夠透過「自然語言」理解你的需求並自動生成相對應的程式碼。

換句話說，你只需要用你熟悉的語言，像是在和朋友聊天一樣，向 AI 下達指令，AI 就能幫你完成大部分程式設計的工作，甚至包含 API 串接與錯誤排除！本篇教學將帶你實作一個實用的專案：透過 Google 提供的 Google Maps API Key，自製一個專屬的地圖服務：附近地點探索器。

如果你已有 Google 地圖的 API Key，透過以下的指令來建立互動網頁。要注意：程式必須要指引使用者讓瀏覽器可以讀取位置資訊，這個程式才能正確執行。

指令：建立一個附近地點查詢的互動平台。在頁面上讓使用者可以輸入Google地圖API Key(以連續*顯示)，允許瀏覽器存取位置權限，然後再輸入想要查詢的景點類型(例如：超商、加油站、景點、美食、...)，根據使用者所在的位置在地圖上標示這些景點，並條列顯示附近景的名稱、地址。以明亮而色彩豐富的視覺化設計呈現，並盡量增加網頁互動性。

以下使用二個不同的服務來設計：（你也可以使用 Gemini、Claude、Canva）

v0.dev

微軟 Image Creator 推出影片生成功能！現在用手機 Bing App 就能輕鬆打造 9:16 短影片！而且是完全免費即可使用！

微軟持續擴展其 AI 創作工具的功能，旗下熱門的 Image Creator 不再侷限於圖片製作，現在正式支援 AI 影片生成！使用者現在可以透過 手機上的 Bing App，直接輸入文字指令，即可快速產出具有視覺吸引力的 5 秒鐘短影片，並支援 9:16 直式畫面比例。

在 Image Creator（https://www.bing.com/images/create）中已可以看到「影片」的選項。

因為電腦上還無法生成影片，所以目前只能使用手機的 Bing App 來產生影片。注意！生成的影片只能在網站上保留90天。

自從 NotebookLM 推出心智圖（Mind Map）功能以來，這項全新工具便成為我在日常工作與學習中最常使用的核心功能之一。其動態視覺化效果不僅提升了資訊整理的效率，更讓複雜的知識結構變得一目了然，特別適合用來規劃企劃案、彙整研究資料或發想創意點子。無論是在學術研究、內容創作還是團隊協作中，NotebookLM 的心智圖工具都展現出極高的實用性與彈性，已成為我不可或缺的數位生產力工具之一。如果你正在尋找一款結合 AI 筆記、心智圖繪製與知識管理的最佳筆記應用程式，NotebookLM 絕對值得一試。

參考：跟上了！NotebookLM也可以產生心智圖筆記了！

例如，給 NotebookLM 一冊的公民課本，即可產生這一冊的心智圖，用來說明本冊課本的核心內容。

心智圖除了是可以動態展開和收合之外，當點選其中一個項目時，即可取得該項目的相關說明與內容。

在現今數位教學時代，YouTube 影片已成為教師們不可或缺的教學工具。若能善加運用 YouTube 影片，並結合教師自製或 AI 生成的教學內容，不僅能豐富課程內容，更能提升學生的學習成效。除此之外，若能將教學過程完整記錄下來，作為學生的學習歷程檔案，更能滿足新課綱對學習歷程檔案的需求。而這一切，其實都可以透過人工智慧（AI）的輔助，輕鬆完成，甚至無需額外部署程式或複雜設置，讓老師們能專注於教學本身。

本篇文章將深入介紹，如何運用 Google Gemini 及 Google AI Studio 這兩大 AI 工具，打造專屬於自己的整合型教學平台。無論是結合 YouTube 影片、產出多元教學素材、還是自動化記錄學生學習歷程，我們都會一一為您說明操作步驟與實際應用方式。只要簡單幾個步驟，就能讓教學更智慧、備課更輕鬆，學生學習成效全面升級。無論國小、國中、高中職或大學老師，只要想讓教學更智慧、更有效率，Google Gemini 與 Google AI Studio 都能成為您的最佳幫手。現在就跟著我們，一起進入 AI 輔助教學的新時代！

在 Gemini（https://gemini.google.com/）中選取 Canvas 模式，使用以下指令：

以YouTube影片(ID：eIho2S0ZahI、標題：How to Speak So That People Want to Listen | Julian Treasure | TED)內容製作一個互動式網站，這是一個具觀賞影片並且供教師教學和學生學習之用。盡量充實內容的豐富度，使用繁體中文並注意字體大小以利學生閱讀。避免使用外部圖片資源，以明亮而色彩豐富的視覺化設計，並盡量增加網頁互動性，以利學生學習。提供學生填寫心得的功能，並且以Excel檔供學生下載。再以側邊欄位，顯示學生的操作歷程與留下的心得完整記錄，並且可以切換顯示/隱藏側邊欄位。提供按鈕，可以將學生操作歷程的記錄和留下的心得在瀏覽器中以列印方式輸出學習記錄的PDF檔。

結果分享：https://g.co/gemini/share/afb1b435c3e5，僅做為範例，內容不見得完美呈現，你還可以一來一往的修正程式的內容。

Claude（https://claude.ai/）已開放所有使用者可以使用搜尋功能！使用者可以切換是否預設要使用 Web search：

免費使用者如果用量超過其限制，則只好休息一下再用囉！

提問：端午節的天氣為何？

顯示的結果是搜尋而來的內容，並且提供了資料來源的超連結。但是沒有提供端午節真正的天氣為何？

在數位學習與遠距教學日益普及的今天，Google AI Studio（https://aistudio.google.com/）成為一個極具潛力的平台。這個工具整合了多項人工智慧功能，而其中一項特別引人注目的就是 Stream Realtime（即時串流）功能。透過這項技術，使用者可以結合麥克風、攝影鏡頭以及螢幕畫面，即時串流輸入資料給 AI 模型進行分析與回應，開啟互動式教學與自學的新篇章。

Stream Realtime 是什麼？

Stream Realtime 是 Google AI Studio 提供的一項即時資料串流功能，它允許使用者同步傳輸多種媒體資料，如：

✅ 聲音（透過麥克風）

✅ 視訊（透過攝影機）

✅ 螢幕畫面（如簡報、教學影片、互動操作）

Google 近期推出的 AI 工具「Gemini」表現相當亮眼，特別是在其創新的 Canvas 模式 上帶來突破性的應用。透過 Canvas，使用者只需一段簡單的對話，就能快速轉換成四種不同的內容格式，包括：

👍網頁製作：輕鬆建立結構清晰的網頁內容，無需撰寫程式碼。

👍資訊圖表：將文字轉換為視覺化圖表，有效傳達重點數據與分析。

👍互動式測驗：生成具互動性的問答題型，適用於教學或行銷活動。

👍語音摘要：自動生成語音內容摘要，方便用戶在移動中收聽重點。

參考以下範例的做法，先選取：Canvas 模式。

Google 的 AI Overviews 已經在台灣可以使用了！Google AI Overviews（AI 資訊摘要）是什麼？

Google AI Overviews（中文稱為「AI 資訊摘要」）是 Google 搜尋引擎近期推出的一項創新功能，旨在透過先進的人工智慧技術，直接在搜尋結果頁面最上方，為使用者提供快速、簡潔且高相關性的答案摘要。這項功能代表了搜尋體驗的一大革新，也可能改變使用者與網站內容互動的方式。

AI 資訊摘要的運作方式

AI Overviews 的核心原理，是透過 Google 自家的生成式人工智慧模型，從網路上的多個權威網站擷取、彙整並濃縮資訊，然後以自然語言生成一段簡明扼要的答案。使用者無需點擊進入不同網站，即可在搜尋結果頁面上方，直接獲得有價值的資訊摘要。

功能特色與優勢

👍節省搜尋時間：不必瀏覽多個網頁，只需查看摘要即可快速掌握重點。

Google AI Studio 最新推出的自然語音生成（Native Speech Generation）功能，支援中文而且完全免費！並且支援生成自然流暢的單人和雙人對話語音，協助使用者快速打造高品質的語音內容。無論是製作Podcast、有聲書、語音客服系統，或是影片配音，只要提供文字內容並選擇喜歡的聲音，即可一鍵將文字輕鬆轉換為真實自然的語音效果。這個新功能將大幅提高內容生產效率，為各領域內容創作者提供更直覺、更快速的語音製作體驗。

功能亮點：

👍真實感十足的單人及雙人語音互動：透過Google先進的人工智慧技術，能模擬逼真的人聲效果，包括自然的語調、語氣和情緒變化，適合多樣化的應用場景。

👍簡單操作，一鍵即可轉換：使用者只需將文字內容貼入，並選擇最適合的聲音，即能立即取得高品質的語音輸出，大幅縮短製作時間。

👍豐富聲音選擇，打造專屬語音內容：AI Studio 提供多種語言與聲音選項，包括男女聲音及不同語速，可自由搭配創造專屬的語音內容。

例如，我讓 ChatGPT 寫故事，再讓 Google AI Studio 產生說故事的語音。小學老師的利用率應該很高！