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

2025年11月22日 星期六

釋放教學潛能:Edcafe 如何成為老師們不可或缺的 AI 助教

 Edcafe 是一個專為現代數位課堂設計的互動平台,特別適合搭配平板等裝置進行教學。它利用強大的 AI 驅動功能,旨在成為老師們的得力助手,大幅減輕備課負擔,同時顯著提升學生的課堂參與度與學習效率。Edcafe 就像是一座全自動化的教學工廠,老師只需提供主題、文本或文件,即可在幾分鐘內產出標準化、客製化的教學產品。本文將深入探討 Edcafe 如何透過多項核心功能,徹底改變老師們的工作流程。

高效的備課與內容創建:AI 化的教材生成工廠

Edcafe 將備課過程劃分為幾個核心環節,讓老師能根據需求快速生成或彙整所需的教學材料。這大大縮短了準備時間,讓老師能將更多精力放在教學本身。

  • 簡報 (Presentations) 生成:老師可以根據主題、貼上的文字、網頁 URL 或是上傳的文件檔案,要求 AI 自動生成帶有圖片與排版的簡報內容。生成的簡報可匯出成 PowerPoint 或 Google 文件。
  • 教案 (Lesson Plans) 快速起草:只需輸入一個主題(例如「指板鐵的相關知識」),並指定教學對象年級和節數,Edcafe 即可快速生成結構完整的教案,包含學習目標、核心問題與活動流程。
  • 教學資源 (Teaching Resources) 彙整:輸入主題後,AI 能從網路搜尋並提供相關文章、投影片、影片和工作表等相關教學資源,幫助老師快速篩選備課資料。

多元的課堂互動與學習輔助

Edcafe 提供多種功能來直接應用於課堂教學,使學習過程更加豐富有趣,涵蓋了從詞彙練習到即時評量的多方面需求:

  • 閃卡 (Flashcards) 輕鬆製作:閃卡功能支援圖像識別,老師截圖單字表圖片,AI 即可自動識別並生成卡片。學生可進行自我練習,系統會反覆呈現「Still learning」的卡片直到全部掌握。
  • 測驗與閱讀活動:老師可貼上文本生成閱讀測驗,或單純生成題目(測驗)。如果老師希望文本不被 AI 改寫,必須在附加說明中明確要求「不改寫原始文本」。
  • YouTube 測驗:貼上帶有 CC 字幕的 YouTube 影片網址,AI 會利用字幕生成選擇題,讓學生在觀看影片的同時進行評量。
  • AI 語音生成與摘要筆記:此功能可將大量文本轉換為自然的 AI 聲音檔,方便製作影音教材。此外,AI 也能將課本內容自動摘要出重點和總結,作為學生複習的輔助材料。

線上分享實況錄影

以下是我介紹 Edcafe 平台功能應用的實況錄影,能幫助老師們更直觀地理解如何將這些 AI 工具整合到日常教學中。

創新與即時回饋:個人化的 AI 導師與批改員

Edcafe 的進階功能提供了極高的客製化彈性和即時回饋機制,是提升教學品質的關鍵。

  • 聊天機器人 (Chatbot):透過設定提示詞,AI 可以扮演特定角色(例如歷史人物),或設定為「知識庫測驗機」,上傳文件讓 AI 根據文件內容出題。老師可以即時監控學生的對話內容和參與度。
  • 作文指導專家:可以讓 AI 成為作文指導專家,要求它以「蘇格拉底式的提問方式來引導學生寫作文」,並且只提供架構建議。
  • 作業評分員 (Assignment Grader):此功能可讓 AI 根據老師設定的精確標準(例如 108 課綱評分準則)來批改作業。老師應專注於 AI 提供的文字建議和評語部分,而非分數本身,因為這些建議對於學生的改進更有幫助。

總體而言,Edcafe 不僅是一個工具,它是一個將 AI 深度整合到教學流程中的完整生態系統。老師可以輕鬆透過「分派 (Assign)」功能分享所有教材,並在後台即時監控學生的作答紀錄和學習參與度,形成教學工作的閉環管理。

2025年11月5日 星期三

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

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

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

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

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

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

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

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

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

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

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

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

2025年10月19日 星期日

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

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

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

🤖 感謝我的 AI 助手:Google Gemini

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

💡 工具功能特色一覽

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

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

🚀 雲端存取:老師管理心智圖的神器!

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

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

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

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

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

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