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