哈囉,我是阿剛老師!今天想跟大家分享一個熱騰騰出爐的教學工具 — 一個全新的心智圖製作工具。你可能會問,市面上心智圖工具這麼多,這一個有什麼特別?
答案是:它不僅操作直覺、功能實用,最重要的是,我透過 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
變數來設定,讓班上的學生無需再次設定就能直接使用。這個工具的設計目標,就是讓心智圖的教學與管理變得更有效率。快來試試看吧!
沒有留言:
張貼留言