大家好，我是阿剛老師 👋！還記得一年多前，我分享過一個簡單的大屏網頁工具嗎？那時候，它只是一個基於瀏覽器、功能比較單純的輔助工具。時光飛逝，在寫程式經驗更老練、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，是我對教師數字工具的最新嘗試。它不僅解決了資料同步的痛點，更提供了豐富且高效的課堂互動工具。希望它能成為各位老師課堂教學中不可或缺的得力助手！趕快點擊上方連結開始使用，並將您的使用心得留言告訴我吧！
沒有留言:
張貼留言