科技教育創新專區 › 工具 #134

桃園市石門國小品牌群島

把石門國小「鱻鯉鰭源,石門活閱」閱讀品牌方案做成 12 座 3D 浮空島:逛島看課程與成果,查即時天氣、水庫水位和校園公告;孩子找小河馬、闖十二島閱讀挑戰,再到圖書館讀懂共讀書,分四段領證書。

⚡ 立即使用 💻 開源原始碼(GitHub)

這是把桃園市龍潭區石門國民小學的閱讀品牌方案,做成一座可以逛的 3D 天空之城。12 座浮空島各對應方案的一個面向,從品牌型塑、課程、學程、遊程,到行政運作、學習成效與未來規劃。

可以逛什麼

學生的尋寶任務

每座島躲著一隻小河馬,尋寶分成四段:

前兩段與第四段是紀念證書,只有通過第三段的「尋河馬達人」可以到校長室兌換獎勵;領完第二段證書會直接引導到第三段,一鍵帶去還沒蓋章的島。閱讀挑戰的題目分低、中、高三個年段,內建題取材自品牌方案各島的內容,放在學校試算表的「題庫」分頁,老師可以自己新增、修改或停用;沒過關時會換新題目再挑戰。第四段的題目放在另一個「共讀題庫」分頁,一列一題、填上書名就好。第五段「AI科技島」已在網站上預告:高年級專題發表,中低年級一起來觀賞。

另外還有閱讀小測驗(興趣測驗,沒有對錯)與掃碼登島。共用平板可按「換下一位」清除紀錄,領證書時班級姓名會傳到學校的試算表,用於發放獎勵。同一位孩子同一張證書只記一筆;班級姓名打錯一個字、選錯班或用了異體字,後台會對照學校的全校名冊自動更正,拿不準的才標出來請導師確認。名冊只放在學校帳號的試算表,網站讀不到。

技術做法

Vite 與 Three.js 打造,部署在 GitHub Pages,領獎名單與閱讀挑戰題庫都放在學校的試算表,透過 Google Apps Script 讀寫,手機與電腦都能使用。網站本身沒有呼叫 AI 模型。

標籤:#品牌學校 #閱讀教育 #石門國小 #3D 互動網站 #浮空島 #校園資訊 #尋寶任務 #閱讀護照 #數位證書 #閱讀挑戰 #Three.js #學校行銷

相關教學情境文章

開源原始碼:參考這個工具做出你的版本

阿凱老師大部分的教育工具都在 GitHub 公開原始碼,歡迎老師、學生與開發者參考改造成適合自己情境的版本。文章頁左下角的「複製 AI 開發提示詞」可把工具資料與原始碼連結一次交給 ChatGPT、Claude、Gemini 等 AI 助手。