2025年12月9日 星期二

用 Gemini做了兩個超好用的小工具:雲端相簿 & 雲端書櫃

 最近試著用 純 HTML 搭配 Google Apps Script(GAS) 製作了兩個很輕量的小工具。雖然介面都很簡單,但功能卻非常實用,而且完全不需要老師自己修改程式碼!

兩個工具都具備一個共同特色:
👉 可以自動產生帶預設參數的觀看網址
老師只要把生成好的連結分享出去,不用動任何 HTML,就能讓別人直接查看內容。


📸 工具一:雲端相簿(Cloud Photo Album)

🔗 https://ylcckes.github.io/photo

這個相簿工具會自動讀取 與 GAS 綁定的試算表所在資料夾,並把資料夾中的每個子資料夾視為一本相簿。
每個資料夾裡的照片都會被自動整理、顯示成相簿形式。

✨ 功能特色

  • 相簿自動生成:只要把照片放到雲端硬碟指定資料夾中就好

  • 自動播放模式:適合課堂展示

  • 簡報模式:可用簡單畫筆做重點提示

  • 一鍵下載整本相簿:老師想帶回去備課或分享超方便

  • 完全使用者無痛操作:老師只需使用產生好的連結即可


📚 工具二:雲端書櫃(Cloud Bookshelf)

🔗 https://ylcckes.github.io/ebooks/

這個工具是為了更方便管理與展示 PDF 教材而做的。
老師只要上傳 PDF,程式就會:

1️⃣ 自動把 PDF 的每一頁轉成圖片
2️⃣ 將全部圖片存到 GAS 綁定試算表下的固定資料夾
3️⃣ 自動在前端生成一本電子書的封面與書架展示

✨ 功能特色

  • 自動 PDF → 圖片分頁

  • 電子書櫃介面呈現,整齊又直覺

  • 每本書都可直接下載 PDF 原檔

  • 不需手動調整 HTML 或資料路徑


🎯 適合誰使用?

  • 想快速建置教材展示頁面的老師

  • 想要讓學生用「觀看連結」就能看到內容,不必操作檔案的老師

  • 想把班級作品集、閱讀教材、課室相片全部雲端化整理的人


💡 結語

這兩個工具的核心精神就是「讓老師少做事、工具自動做」。
只要會上傳檔案或放圖片到指定資料夾,就能自動生成相簿或書櫃,非常適合教學使用。

如果你也有想法希望做成小工具,歡迎告訴我,一起把更多教室事務變輕鬆!

🌟用 AI 讓社會課更 Easy!我的「社會條列 321 數位教學平台」誕生記

 大家好,我是阿剛老師!前陣子參加了夢華老師的研習,其中關於利用 AI 分析課文、自動生成「3-2-1 條列式提問」的環節,給我帶來了巨大的啟發。這種將課文整理成 3 個重點、2 個提問、1 個延伸任務 的格式,對於課堂活動來說既清晰又高效。當下我真的被震翻了 🤯,心想既然這麼方便,不如自己動手做一個可以直接在課堂上使用的數位平台吧!於是,在研習後的幾天「亂寫」下,這個平台真的誕生了!

平台核心功能:讓社會教學數位化

這個自行開發的「社會條列 321 數位教學平台」(AI 自動生成版)最大的優勢,就是整合了 Google Gemini 的強大 AI 能力,實現了從課文分析到學生作答的無縫流程。最棒的是,全程僅需利用 Gemini 的內建模型,不需申請複雜的 API key(主要也是考量最近google大幅度調降了免費api的連接次數)!

  • 上傳課文 PDF:教師只需將社會課的課文檔案上傳,平台即可自動擷取文字內容。
  • Gemini 內建 AI 自動生成 3-2-1 題目:AI 會直接讀取課文,產生結構化的提問,並即時顯示在平台上。
  • 一鍵派送與即時作答:老師端按一下按鈕,學生端的 iPad 或其他設備就能立刻收到題目。
  • 老師即時收卷與討論:學生完成作答後,老師端能立刻看到所有回覆,讓全班討論變得超級方便!

三分鐘建立你自己的 AI 平台:複製指南

如果你也想在自己的課堂上使用這套系統,複製流程其實非常簡單!它主要基於 Gemini Canvas 與 Firebase(請自行參考頁面右上角的簡易說明申請及設定) 的結合。

  • 開啟我分享的 Gemini Canvas,並按右下角 「試用 Gemini Canvas」。
  • 系統會在你的 Gemini 介面中開啟 Canvas,內含完整程式碼。
  • 找到程式碼中約第 624 行的六行 *demo 設定值*,如下所示:
"apiKey": "DEMO",
"authDomain": "DEMO",
"projectId": "DEMO",
"storageBucket": "DEMO",
"messagingSenderId": "DEMO",
"appId": "1DEMO"

將以上六行全部替換成你自己的 **Firebase 設定值**, 填完回到網頁,右上角燈變綠色就代表已設定好firebase資料庫。最後按「分享」,生成一個獨立的 Gemini Canvas 網址,老師與學生都使用這個網址即可開始上課!

重要提醒:使用時的帳號規範

平台設計考量了課堂的便利性,但有兩點使用規則需要教師注意:

  • 教師端需登入:教師必須登入個人的 Google 帳號,才能使用「AI 生成 3-2-1 題庫」的功能。
  • 學生端不需登入:學生端不需登入帳號,只要按「繼續」即可進入回答介面,非常方便快捷!
這次研習真的給了我很大啟發。AI 不只是省時工具,更是讓教師重新想像課堂活動的助力。

2025年12月7日 星期日

剛好簡報:讓你的 PDF 瞬間變成互動課堂!

嗨,各位教育夥伴們!我是阿剛老師 。每次上課面對一堆靜態 PDF 簡報,是不是總覺得缺少了一點互動的火花?別擔心,我為大家量身打造了一個超實用的新工具:「剛好簡報-即時簡報互動工具」,它能讓你的教學現場瞬間活絡起來!它旨在解決傳統簡報缺乏互動、學生端需下載 App、以及免費工具功能受限等痛點,讓教學變得高效且充滿樂趣。

核心功能:告別靜態,擁抱即時互動

「剛好簡報」徹底解決了教師們在使用互動工具時遇到的複雜操作和門檻問題。它讓老師們可以將精力集中在教學內容上,而非技術設定。以下是它最亮眼的幾大特色:

  • PDF 一鍵轉互動課堂:你只需要上傳你的 PDF 簡報或匯入先前儲存的 JSON 檔案,系統會自動轉換並建立課堂。
  • 純網頁,學生零門檻:學生只要透過你的專屬網址或掃描 QR Code,輸入姓名就能加入。不需要下載任何 App 或軟體,只要有瀏覽器就能參與互動!
  • 即時同步與多元互動:老師端可以隨時一鍵同步簡報頁面給所有學生,並能將任何頁面設定為以下三種核心互動模式:
    • 塗鴉模式 (🎨):讓學生在簡報上直接作答或創作,老師可即時接收並比較最多四個作品。
    • 文字模式 (📝):快速收集學生的文字回饋、提問或想法。
    • 選擇題模式 (✓):即時測驗學生的學習成效,並顯示統計結果與答對率。
  • 網址整合:每頁簡報都能單獨嵌入一個網址 (URL),點擊後學生端可選擇在 IFrame 或新分頁中開啟,方便整合外部資源。

輕量化部署:免費、專屬,只需一次 Firebase 設定!

你可能會問,這麼強大的工具,是不是很難架設? 錯!「剛好簡報」最大的優勢是:它採用 Firebase 作為資料庫,你只需要花幾分鐘去申請一個 Firebase 的免費帳號 (Spark 方案),然後將設定檔貼入右上角的「設定」框中即可。你不需要自己架設伺服器,更不需要自己上傳 HTML 檔案到任何空間!只要設定好 Firebase,你就可以直接透過生成的教師專用網址,隨時隨地開啟你的互動簡報。下方提供詳細的功能操作示範影片:

總結來說,「剛好簡報」是我嘔心瀝血之作,旨在提供一個輕量、高效、免費的課堂互動解決方案。無論是用於課堂隨堂測驗、創意發想,還是翻轉課堂的資源整合,它都能完美勝任。快去申請你的 Firebase 帳號,並立即在 剛好簡報主程式 開始你的互動教學旅程吧!讓你的教學充滿無限可能!

2025年12月4日 星期四

🚀 教學新革命:AI 測驗神器「剛好測」— 極簡出題,極大反饋!

 昨晚在測我寫的「firebase資料庫-程式設計提示詞生成器」(還未發表的小工具),試寫了一個AI出題,即時派題的工具,覺得介面好好看,剛好利用今天全校校外教學,只有我一個在校留守的時間,把試寫的這個工具一些好用的功能都加上去,正式命名為「剛好測」。它的核心理念是:極簡化出題流程,極大化學習反饋。希望透過 AI 的力量,讓老師能「剛好」出題,學生能「剛好」學習,從此告別繁瑣的手動命題工作,將更多時間投入到教學分析與指導上。

「剛好測」讓你非試不可的四大核心特色

「剛好測」旨在解決老師們在備課及測驗設計上遇到的痛點。它不只是一個測驗工具,更是一個強大的教學分析儀器。以下是我們為教育工作者帶來的幾個亮點功能,確保您的教學效率直線上升:

  • AI 閃電出題:無論是貼上長篇課文、上傳 PDF 檔案,甚至是提供一張圖片,只要告訴 AI 你想要的題目數量和難度分佈(簡單、一般、困難),它就能立刻生成一份高品質的選擇題庫。
  • PIRLS 閱讀科學評量:專為閱讀理解設計,AI 能根據您提供的文章,並依據 PIRLS 閱讀理解四層次(提取訊息、推論理解、詮釋整合、評估鑑賞)的比例進行出題,讓評估結果更具科學深度。
  • 學生螢光筆畫記分析:學生在作答閱讀測驗時,可以啟用螢光筆畫記功能。這項創新設計讓老師在測驗結束後,能從分析報告中看到學生在文章中的畫記重點,提供更細膩的教學分析與指導依據。
  • 即時數據分析與報表匯出:儀表板即時呈現全班成績分佈圖和詳細的試題分析。想知道哪題是全班的弱點?透過答對率和答錯名單,一切都變得一目瞭然

建置操作說明影片

「剛好測」採用單一 HTML 檔案設計,搭配 Firebase 即可實現零部署、超便捷分享。設定完成後,您可以一鍵生成「教師用完整連結」及「學生專用簡化連結/QR Code」。想了解如何快速啟動您的專屬測驗工具嗎?請觀看以下操作指南:

如果您對這款結合 Firebase 和 AI 核心技術的教學工具感興趣,歡迎透過社群媒體與我交流。讓我們一起擁抱科技,讓 AI 真正成為我們教學上的得力助手!

2025年11月30日 星期日

AI題庫進化!阿剛老師全新 Firebase 版:雲端同步+一鍵派送測驗正式登場

 阿剛老師的《AI 題庫生成及管理工具》近期迎來了革命性的升級,正式推出功能強大的 Firebase 版 (FireBase Edition)!這次的改版不僅在外觀上更加美觀、操作邏輯更順暢,更是為教師們帶來了兩個期待已久的超強核心功能:真正實現無縫接軌的雲端題庫同步,以及能夠大幅節省時間的「一鍵派送即時測驗」。這套全新工具將徹底改變您備課與測驗的流程。

雲端同步題庫:跨裝置無憂備課

新版工具完美支援 Firebase 雲端資料庫。老師只需在設定中貼上專屬的 Firebase Config,就能將所有辛苦建立的題庫、教材、甚至生成紀錄等重要資料,安全地保存到雲端,徹底解決換電腦或清除瀏覽器資料導致檔案不見的困擾。

  • 真正做到「走到哪、教到哪」:透過產生「帶設定的分享連結」,可在任何裝置上開啟同一套題庫。
  • 資料永不丟失:所有題庫內容與紀錄都會即時同步到 Firebase 雲端。
  • 適用性更廣:跨越裝置限制,提高備課靈活性。

想要了解更多建置細節,請參考我們的詳細使用手冊:

📱 即時測驗功能:秒速派送與自動批改

第二個強大的亮點,便是全新的「即時測驗」功能。老師可以輕鬆地將題庫中選定的題目組合成一份測驗,然後一鍵生成 6 碼測驗 ID。系統會自動產生 QRcode 與短網址,學生用手機掃一下就能作答,無需複雜的登入步驟。

所有學生的成績、答對率、統計圖表都會自動儲存到 Firebase,老師還能查看每一題的作答紀錄與詳盡分析,完全不需要額外批改,超級省時!

建置使用介紹影片指南

想知道如何開始建置和使用這套 Firebase 版 AI 題庫工具嗎?請觀看以下詳細的介紹影片:

這次的更新,我們致力於讓老師備課更輕鬆、測驗管理更流暢,並讓課堂的互動與數據分析更有深度。AI 題庫生成器 Firebase V3 已經準備好成為您教學上的得力助手。歡迎所有教育工作者將新版工具帶回教室試試看,體驗自動化教學帶來的巨大便利!

2025年11月23日 星期日

💻 教室大屏工具 2.0 隆重登場!– 兼具本機高效與雲端協作的 All-in-One 教學儀表板!

 大家好,我是阿剛老師 👋!還記得一年多前,我分享過一個簡單的大屏網頁工具嗎?那時候,它只是一個基於瀏覽器、功能比較單純的輔助工具。時光飛逝,在寫程式經驗更老練、AI 協作夥伴也超級給力的條件下,我決定對這個工具進行一次徹底的重新設計與升級,並將它命名為 Classroom Dashboard All-in-One v2.0!這個新版本不僅在視覺上採用了更簡潔、類 macOS 視窗化的風格,讓操作體驗更流暢,更突破性地加入了大家敲碗已久的雲端資料庫功能!

🚀 為什麼要升級到 2.0?:本機與雲端模式的完美結合

舊版本很棒,但資料都是儲存在您單一電腦的瀏覽器(Local Storage)裡。這意味著如果您換了一台電腦或換了瀏覽器,您的計分、待辦清單、匯入的 PDF/圖片等資料就無法同步。新的 2.0 版本提供了兩種使用方式,讓您可以根據自己的需求彈性選擇:

  • 本機模式(Local Storage):如果您是固定使用同一台電腦進行教學,那麼直接開啟網頁使用即可。所有資料(如計分板、待辦清單等)都會安全地儲存在您當前瀏覽器中,操作快速,無需任何設定,如想要保留已設定好的配置,可使用匯出及匯入功能。
  • GAS 雲端模式(Google Apps Script):如果您經常在不同教室、不同電腦間切換,那麼強烈建議您花幾分鐘設定 Google Apps Script (GAS) 雲端資料庫。一旦設定完成,您所有的教學狀態、開窗位置、甚至是 PDF 頁面圖片,都能一鍵存檔到雲端並在任何地方讀取!

🛠️ 核心功能速覽:高效互動與資源管理

所有功能都集合在左側或右側的懸浮側邊欄中,點擊圖示即可開啟一個 macOS 風格的視窗(可以拖曳、縮放、最小化和最大化!)。

📊 班級經營與互動

  • 時鐘 🕐 / 計時器 ⏱️:內建精準時鐘與倒數計時器,計時結束還有簡單音效提示。
  • 計分板 🏆:支援最多 6 組小組計分,快速加減分,資料可儲存。
  • 噪音偵測 🔊:視覺化顯示環境音量(需麥克風權限),有「安靜、警告、吵鬧」三級燈號提醒。
  • 聚光燈 🔦:全螢幕遮罩,只露出圓形或方形區域,教學時可以專注引導學生的目光。

🎲 遊戲化與隨機

  • 抽籤 🎲:設定總人數後,進行不重複抽籤,已抽號碼會顯示在歷史紀錄中。
  • 轉盤 🎡:可自訂轉盤選項(如組別名稱、獎懲內容),點擊即可開始抽獎。
  • 骰子 🎯 / 硬幣 🪙:支援 1 到 3 顆骰子投擲,以及正反面拋擲,增加課堂的隨機性。

🎨 白板與資源

  • 畫筆 ✏️:支援畫筆、橡皮擦和數位圖章(✓, 😊, ⭐, 💯),筆畫粗細可隨壓力變化(需觸控筆支援)。
  • PDF 📄 / 圖片 🖼️:支援上傳 PDF 檔案或輸入網址載入,並將頁面轉為圖片以供縮放與翻頁。圖片則會以獨立的無邊框視窗顯示。
  • 投影 📷:實物投影功能,可切換鏡頭、凍結畫面或截圖(需攝影機權限)。

⚙️ 雲端同步啟動:GAS 雲端功能建置流程 (約 5 分鐘)

如果您想體驗跨裝置同步的雲端功能,這是 2.0 版本的最大亮點!請按照以下步驟進行設定:

  • 開啟 Google Apps Script (GAS):建立一個新的 Google 試算表,點選「擴充功能」>「Apps Script」。
  • 複製程式碼:在主程式中開啟「GAS 說明」(ℹ️ 圖示),複製程式碼區塊中的所有內容,將程式碼貼到 GAS 編輯器中(取代原有內容)。
  • 執行授權:在 GAS 編輯器上方,選擇函數 authorizeScript,點擊執行按鈕(▶)。在彈出的授權視窗中,完成權限允許。
  • 部署 Web App:點選 GAS 編輯器左側的「部署」>「新增部署作業」。類型選擇「網頁應用程式」,執行身分設為「我自己」,誰可以存取設為「任何人」。點選「部署」,複製產生的 網址(Web App URL)
  • 貼上網址並測試:在主程式中開啟「GAS 設定」(⚙️ 圖示),將網址貼到「GAS Web App URL」欄位。點擊「儲存設定」和「測試連線」。如果顯示「已連線」,恭喜您,雲端功能已啟用!

💡 透過「GAS 設定」中的「產生分享連結」功能,您可以取得一個短連結和 QR Code。之後無論在哪台電腦上開啟這個連結,GAS API URL 就會自動配置完成,省去每次都要手動設定的麻煩!

互動影片指南:GAS 雲端功能設定與操作示範

為了幫助您更順利地部署和使用 Classroom Dashboard v2.0 的雲端功能,阿剛老師也準備了詳細的示範操作說明影片:

這個全新的 Classroom Dashboard All-in-One v2.0,是我對教師數字工具的最新嘗試。它不僅解決了資料同步的痛點,更提供了豐富且高效的課堂互動工具。希望它能成為各位老師課堂教學中不可或缺的得力助手!趕快點擊上方連結開始使用,並將您的使用心得留言告訴我吧!