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 變數來設定,讓班上的學生無需再次設定就能直接使用。這個工具的設計目標,就是讓心智圖的教學與管理變得更有效率。快來試試看吧!

沒有留言:

張貼留言