自己建置「即時互動數位白板」— 打造高效課堂協作神隊友！

 大家好，我是阿剛老師！一直以來，我都致力於開發和尋找能讓課堂更有效、更生動的數位工具。許多老師可能都還記得 Google 以前的服務 Jamboard 共編白板。今天，我要介紹我用gemini vibe coding出來的新的課堂工具—「即時互動數位白板」，它完美延續了 Jamboard 隨開即用、即時共編的核心精神。

最棒的是：它完全基於 Google Firebase 的免費方案 (Spark Plan) 打造！這意味著，只要依照設定步驟建置在您自己的空間，您就可以擁有一個專屬、免費、且資料隱私有保障的互動白板，徹底革新您的數位教學體驗。

🚀 免費、專屬、超快速！協作課堂三大應用情境

「即時互動數位白板」的操作設計極簡，師生無需註冊任何帳號。僅需一個簡單的「白板ID」，就能讓全班快速進入同一個畫布進行同步協作。它打破了傳統單向教學，讓學生轉變為課堂內容的共創者。以下分享三個我最常用的教學應用情境：

• 📝 腦力激盪與心智圖整理： 提出開放性問題後，讓學生使用「便利貼 (N)」工具將想法貼到白板上，所有點子即時同步，並可共同移動、分類，高效形成心智圖。
• 📚 課文/教材結構分析： 老師可使用「插入PDF (F)」功能置入教學講義，讓師生在同一份教材上，用「畫筆 (P)」或「矩形 (R)」進行高亮、圈選與註記。
• 🏆 分組解題與成果競賽： 老師可新增多個畫布頁面作為小組專區。老師能隨時切換頁面查看各組的即時進度，並可利用「顯示作者」功能追蹤每位學生的貢獻。

想要擁有這個功能強大又免費的工具嗎？我們提供了完整的建置手冊，內含詳細的建置流程及 Firebase 設定工具，能大幅簡化老師們自行建置的流程！

點擊前往教師建置使用手冊

專屬管理工具與操作指南影片

除了基礎的繪圖與插入功能外，這套系統也為老師設計了多項強大且實用的管理功能，讓您在協作課堂中也能維持秩序。例如，您可以隨時點擊「鎖定學生」暫停全體編輯權限，或進行「個別鎖定」或「踢出學生」。以下是關於各項操作的詳細教學影片，讓您能快速掌握所有功能：

再次強調，本系統專為 Google Firebase 免費方案設計。由於 Spark Plan 額度用完後會暫時中斷服務，而不會自動升級並收費，您大可放心地在自己的專案中設定使用。不過，請務必記得，學生上傳的圖片與 PDF 會轉換為 Base64 字串儲存，佔用儲存空間，因此務必定期使用「清空資料庫」功能，清理不再使用的白板資料，確保系統運作流暢。

立即參考手冊，開始建置您的專屬白板吧！讓我們一起用數位工具，創造更有趣、更高效的課堂互動！

用 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(我猜應該是很少人會有問題才對)。