用 Google Gemini 打造「雲端心智圖工具」，學生作品隨點即閱！

 哈囉，我是阿剛老師！今天想跟大家分享一個熱騰騰出爐的教學工具 — 一個全新的心智圖製作工具。你可能會問，市面上心智圖工具這麼多，這一個有什麼特別？

答案是：它不僅操作直覺、功能實用，最重要的是，我透過 Google Gemini 的強大程式碼能力，讓它具備了「雲端協作與存取」的超強功能！這對老師們來說，簡直是批改和管理學生作品的神器！

🤖 感謝我的 AI 助手：Google Gemini

首先，必須先感謝 Google Gemini。這個工具的核心程式碼（包括前端的互動邏輯、Markdown 匯入匯出，以及後端與 Google 試算表溝通的 Apps Script 程式碼），都是在與 Gemini 的來回討論、除錯與優化下完成的。它證明了 AI 不僅能寫文章，還能成為我們開發應用程式的強大助教！

💡 工具功能特色一覽

這個心智圖工具基於 jsMind 函式庫，並加入了許多實用功能，讓製作與分享更加方便：

• 節點操作直覺：支援新增/刪除子節點與同階節點，且節點可隨意拖曳調整位置，保持思維的靈活性。
• Markdown 匯入/匯出：可將文件快速匯入，自動解析標題層級轉成心智圖；也能一鍵將心智圖架構匯出為標準的 Markdown 文件（.md），方便整理成筆記。
• 下載 HTML：可將完成的心智圖，連同程式碼打包下載成單一 HTML 檔案，隨時離線開啟、分享給他人。
• 多媒體與連結：可為任何節點加上超連結 🔗 及圖片連結 🖼️。更強大的是，它甚至能從已發佈的 Google 文件網址中提取圖片供你選用。

點擊前往雲端心智圖工具(如要自行佈建請右鍵另存html)

🚀 雲端存取：老師管理心智圖的神器！

這才是這個工具的亮點，特別針對教學應用做了優化。它利用 Google Apps Script (GAS) 搭建後端，將心智圖的資料（JSON 格式）安全地儲存在你指定的 Google 試算表中。

應用情境：班級作業的雲端中心

• 學生操作：學生完成心智圖後，點擊「雲端存檔」，輸入自己的名字（上傳者）後儲存。
• 資料儲存：所有的心智圖資料會即時存入老師的 Google 試算表，自動記錄心智圖名稱、上傳者、更新時間和資料 ID。
• 老師存取：老師或任何使用者點擊「開啟雲端檔案」，就能看到一個清單，可以依據上傳者或關鍵字篩選搜尋。一鍵點擊即可載入學生的心智圖進行檢視或批改！

⚙️ 教學：如何啟用雲端功能與操作說明

為了幫助您快速上手，我們準備了詳細的操作教學影片，涵蓋了從基本功能到雲端設定的完整流程。啟動雲端功能其實非常簡單，只要三步：取得程式碼、建立與部署、貼上 URL。請參考以下影片指南。

你也可以選擇直接修改 HTML 原始碼中的 hardcodedGasUrl 變數來設定，讓班上的學生無需再次設定就能直接使用。這個工具的設計目標，就是讓心智圖的教學與管理變得更有效率。快來試試看吧！

ASUS chrombook CM3001DM2 簡單開箱及初步使用心得

大家好，我是阿剛老師。自從幾年前體驗過初代 Chrome OS 裝置後，我就一直關注這個系統的發展。當時缺乏 Android App 支援讓使用體驗大打折扣，但時至今日，Chrome OS 已經完美整合了 Android 系統，讓資源庫變得極為豐富，這對於教學應用來說，簡直是如虎添翼！這次入手的 ASUS Chromebook CM3001DM2，雖然是定價相對親民的機種，但其配件的豐富程度，讓我印象深刻。

驚喜！教育與學習最需要的「大全配」設計

這台 CM3001DM2 初步開箱時，最讓人感動的就是它提供了「大全配」：包含了平板保護套、立架功能，以及磁吸式的外接中文鍵盤。不像市面上許多平板，主機、觸控筆和鍵盤都需要分開採購，這台直接內建了觸控筆，並且設計得相當巧妙。對於高年級或國中以上的學生來說，擁有實體鍵盤對於作業打字和資料輸入，是極為方便的。

• 絕佳的連線能力：機身左側具備 Type-C 充電孔，除了充電外，還支援外接 USB 裝置和 HDMI 顯示器輸出。
• 經典回歸：它保留了現代平板少見的 3.5mm 耳機孔，方便學生連接有線耳麥，這在教學環境中非常實用。
• 筆不離身：內建的觸控筆設計在螢幕右上角，一體式收納，插著即可自動充電，讓你想用時永遠有電。

  

    

探索更多 Chrome OS 功能

系統優勢與個人化環境

Chrome OS 有一個我認為最棒的設計，特別適用於公用或家庭共用的裝置——「多使用者獨立登入」。每個使用者只要登入自己的 Google 帳號，就會擁有完全個人化的獨立桌面環境、檔案和設定。這對於管理班級平板或多個家庭成員使用同一台機器時，極為方便。

首次開機前，請務必先用內附充電器充電至少三個小時（我可是有認真看說明書的！）。一旦設定完成，機器會自動記住狀態，之後只要將外接鍵盤從平板上展開，平板就會自動開機，進入工作狀態，非常順暢。

教師的私藏秘訣：影音平台實測與加速播放

身為一個會利用零碎時間追劇的老師，我很在意 Chrome 瀏覽器是否能順利播放各種影音平台。在 CM3001DM2 上，我進行了實測：

• 支援 Chrome 瀏覽器播放：網飛 (Netflix)、迪士尼 Plus (Disney+)、MyVideo、愛奇藝。
• 需使用 Android App：遠傳的 Friday 影音仍不支援在 Chrome 瀏覽器上直接播放，但可下載 Android App 使用。

為什麼要特別強調瀏覽器播放呢？因為我習慣用高倍速來追劇或觀看教學影片，使用瀏覽器就可以加裝如 video speed controller 這樣的擴充功能。這個實用技巧在原生的 Android App 中是無法實現的，對於需要快速吸收大量資訊的使用者來說，這是 Chrome OS 最大的優勢之一！

總結來說，ASUS Chromebook CM3001DM2 憑藉其超值的全套配件、流暢的系統體驗，以及對多使用者環境的良好支持，非常適合做為學生的入門級學習工具，或作為教師日常備課的輔助設備。如果你正在尋找一台高性價比、功能齊全的 Chrome OS 裝置，這台絕對值得考慮！

(線上補課)Gemini & Firebase打造<剛好學>最強互動網站：一鍵生成考題、繪圖、文字雲錄音、搶答

 大家好，我是阿剛老師！很高興能和大家分享我開發的「剛好學」課堂互動系統。這次的線上研習非常充實，我將當天的錄影內容整理成這篇詳盡筆記，希望能手把手帶領您，一步步建置一套專屬於您自己的、完全免費的課堂互動工具。

系統誕生的緣起：從懷舊到 AI 協作

開發這套系統的初衷，是來自十多年前一套叫「Ping Pong」的韓國軟體，我非常懷念它那種「學生免帳密登入」的即時互動。但可惜它後來消失了。在今年六月，我決定趁著 Gemini AI 更新，自己動手實作。老實說，我並不是程式設計師，我就是不斷和 Gemini 討論我的需求。它建議我使用 Firebase，我當時根本不懂那是什麼，但我請 Gemini 給我詳細步驟，再照著一步步建置起來。這套系統就是這樣誕生的。

今天的目標，就是讓每位老師都擁有自己的系統。您的資料會存在自己的 Firebase 免費資料庫，安全又獨立！只要跟著下面三個步驟，您也能輕鬆做到！

步驟一：建立 Firebase 專案（你的後台資料庫）

這是最關鍵的基礎。您只需要一個 Google 帳號。登入 Firebase 後，請建立新專案（記得關閉 GA）。接著，請啟用兩項服務：

• Authentication：進入後，請務必啟用「匿名登入」服務。
• Firestore Database：建立資料庫時，最重要的一點是，將資料位置選在「Taiwan (asia-east1)」，這樣系統存取速度才會飛快！

步驟二：打包你的專屬程式檔

資料庫建好後，就來打包程式：

• 取得金鑰：在 Firebase 專案的「專案設定」中，新增一個「網頁應用程式」，你會得到 6 行 firebaseConfig 的設定碼。
• 打包下載：打開我簡報裡的「Firebase 設定工具」，載入主程式，然後把你那 6 行設定碼貼進去，下載這個專屬於你的 html 檔。

步驟三：使用 EZ Page 免費部署網站

最後一步，就是讓你的系統上線：

• 前往 EZ Page：我推薦使用「EZ Page」這個超簡單的免費部署服務。
• 上傳檔案：用 Google 登入後，上傳你剛下載的 html 檔，並為你的網站取一個專屬名稱（例如：myclass）。
• 完成！：按下「部署」，稍等 30 秒到 1 分鐘，你的專屬互動網址就誕生了！未來上課就是用這個網址。

點擊開啟研習簡報(內含教師建置手冊連結)

豐富的課堂功能與實戰應用

系統建置好後，即刻擁有是非、選擇、文字、繪圖、搶答等九大功能。您還可以去 Google AI Studio 申請免費的 API Key，貼到系統的 AI 設定中，就能啟用 AI 出題、AI 文字分析 等進階功能。

我最常用的功能，是能直接派送「無廣告的 YouTube 影片」或是我自己做的 HTML 互動遊戲給學生。當然，最後一定要記得按「下課」，這樣才能清空資料庫，保持免費額度！

完整研習影片回顧

如果您想觀看完整的操作細節，以下是本次線上研習的錄影內容。

希望這篇筆記能幫助您順利打造出專屬於自己的課堂互動工具。透過 剛好學 系統，讓您的課堂變得更精采、互動性更高！如果您在建置過程中有任何疑問，歡迎隨時留言交流。

課後補充說明

今天一早，就問了gemini，問出昨天為什麼一開始我的剛好學不能用的原因了!!

「剛好學」的程式有一個外部函數連線不到，就不能用了!!

至於為什麼連不到，我剛發現，那個函數的網站可能被中華電信的網路守門員擋了，我把它手動開啟就正常了，所以在學校應該不會有這個問題，不過我也請gemini給我其他函數庫的網址，我把主程式那個部份更新了，如果可以正常使用，就不需要重新下載剛好學主程式，如果出現二個按鈕都按下沒反應，可能就是函數庫連不上，那就可能要重新更新一下主程式再上傳github(我猜應該是很少人會有問題才對)。

自然數位教具-自由二分法分類工具

 各位老師、家長們，大家好！我是阿剛老師。最近，老婆在教中年級自然課時，講到了「生物的分類」中重要的「二分法」概念。她希望能有一個可以在大屏上操作的軟體，讓學生能親手拖曳、建立自己的分類樹，從中理解科學分類的邏輯。因此，我特別為她量身打造了一款——自由二分法分類器！這不僅是一個工具，更是一個讓學生在動手做中學習的「實驗室」。今天，我就來分享這個小程式，並詳細說明如何有效地運用它進行教學。

軟體特色：專為教學設計

這套「自由二分法分類器」有幾個獨特的優勢，使其成為課堂教學的理想選擇：

• 完全自由定制： 教師可以根據課程需求，完全自訂分類問題和分類名稱（例如：「是/否」、「有翅膀/無翅膀」），靈活適應各種教學情境。
• 拖曳式操作： 支援滑鼠與觸控大屏，學生可以直接用拖曳的方式將項目卡片移動到對應的分類區，學習過程直觀且具互動性。
• 多層次遞進分類： 軟體完美支援二分法的樹狀結構，允許對已分類的群組進行更深層次的「下一層分類」，幫助學生理解複雜的分類邏輯。
• 結果一鍵匯出： 完成分類後，整個分類樹結構可以匯出為圖片檔案，方便教師進行存檔、列印或評量學生學習成果。

點擊前往自由二分法分類器

軟體操作說明 (三步驟，建立你的分類樹！)

這個軟體的操作流程非常直覺，跟著以下三個步驟，您就能輕鬆上手，建立屬於自己的生物分類樹。

步驟 1：設定規則與新增項目 (設定區)

首先，我們需要準備「分類的規則」和「要被分類的項目」。

• 1-1 設定分類規則：
  • 在「分類問題」輸入決定分類依據的核心問題（例如：「是否會飛？」）。
  • 在「分類 A 名稱」輸入對問題回答「是」或符合某特徵的群組名稱（例如：「是」或「會飛的」）。
  • 在「分類 B 名稱」輸入對問題回答「否」或不符合某特徵的群組名稱（例如：「否」或「不會飛的」）。
  • 填寫完畢後，點擊「設定問題與分類名稱」按鈕套用。
• 1-2 新增分類項目：
  • 在「項目名稱 (一行一個)」欄位，一行輸入一個要分類的物體名稱（例如：麻雀、貓、狗）。
  • 可使用網址參加?data=A,B,C,D......來預填入分類項目
  • 在「對應圖片網址 (可選，一行一個)」欄位，可以一行輸入一個對應的圖片網址，讓分類項目更生動；若留空會以名稱作為預設圖示。
  • 點擊「新增項目」，這些項目就會出現在下方的「分類進行區」中。

步驟 2：進行拖曳分類 (分類進行區)

當項目出現後，就可以進入實際的分類操作。

• 查看問題： 確認黃色區塊顯示的「分類問題」。
• 拖曳項目卡片： 將中間「分類進行區」的項目（例如：麻雀）拖曳到目標區。
• 分類到目標區：
  • 符合分類 A 規則的，拖到左側的分類 A 容器。
  • 符合分類 B 規則的，拖到右側的分類 B 容器。
• 重新分類： 如果發現分類錯誤，隨時可以將卡片拖回中間的「分類進行區」重新分類。

步驟 3：建立下一層分類與匯出總表

當一層分類完成後，我們就可以進入二分法的核心操作：遞進分類。

• 3-1 進行下一層分類：
  • 在任何一個分類區（A 或 B）下方，點擊「對此群組進行下一層分類」按鈕。
  • 系統會將這個群組的項目移到新的分類池。
  • 請在上方重新設定新的「分類問題」和「分類名稱」，繼續下一層的分類操作。
  • 返回上一層：如果需要修改上一層的分類或問題，點擊下方的「返回上一層」按鈕。（注意：有子分類的按鈕會顯示為「✅ 檢視/編輯下一層」）
• 3-2 匯出總分類表：
  • 完成所有分類後，點擊下方的「匯出總分類表」按鈕。
  • 系統會以清晰的樹狀圖呈現您建立的整個分類結構，包含所有的分類問題和項目分佈。
  • 在彈出視窗中，點擊「下載圖片」，即可將分類圖存成 PNG 檔。

希望這個小工具能幫助各位老師和學生，讓自然科學課變得更加生動、有趣且富有探索精神！鼓勵大家實際操作，體驗分類的樂趣，並與我們分享您的教學成果或使用心得。