這是把桃園市龍潭區石門國民小學的閱讀品牌方案,做成一座可以逛的 3D 天空之城。12 座浮空島各對應方案的一個面向,從品牌型塑、課程、學程、遊程,到行政運作、學習成效與未來規劃。
可以逛什麼
- 12 座浮空島:點一座島就能看該主題的文字、照片與成果;也可以用「島嶼導覽」自動逛,或用「跟著逛島」跟著島上的老師學生走。
- 會隨時間變化的校園:天氣取自 Open-Meteo、石門水庫水位取自水利署開放資料,島上的雨天、夜晚、人物反應與配樂都會跟著變。下雨時人物撐傘,晚上改拿手電筒;中央氣象署發布颱風警報時,大家撐傘跑進屋裡躲雨,還會喊出防颱提醒。天氣卡片的「變天氣」可以預覽白天、陰天、雨天、颱風、黃昏與夜晚;點島上的人物,他會轉身揮手和你聊天。
- 校園日誌:同步學校網站的公告,可以依處室篩選、搜尋,並依日期分組。
學生的尋寶任務
每座島躲著一隻小河馬,尋寶分成四段:
- 第一段「尋寶探險家」:找到 6 隻小河馬。
- 第二段「尋寶小達人」:找齊 12 隻小河馬。
- 第三段「尋河馬達人」:找齊 12 隻、集滿 12 枚閱讀護照章,再通過十二座島的閱讀挑戰。每座島由島上的小河馬出一題情境題,12 題要答對 10 題,答題時可以「翻開島嶼資料」回到島上的內容找答案。過關時全島放煙火慶祝,領紫色證書,到校長室兌換小客人招待券。
- 第四段「圖書館共讀達人」:成為尋河馬達人後,選一本在學校圖書館讀完的書,答完這本書自己年段的全部題目。作答時不公布對錯,要全部答對才算讀懂;沒過要隔天才能再挑戰同一本,先回去把書再讀一次。讀懂 3 本,共讀書架排滿,就能領「圖書館共讀達人」紀念證書。題目由負責出題的老師依學校圖書館的館藏書出題,第一批有 10 本書。
前兩段與第四段是紀念證書,只有通過第三段的「尋河馬達人」可以到校長室兌換獎勵;領完第二段證書會直接引導到第三段,一鍵帶去還沒蓋章的島。閱讀挑戰的題目分低、中、高三個年段,內建題取材自品牌方案各島的內容,放在學校試算表的「題庫」分頁,老師可以自己新增、修改或停用;沒過關時會換新題目再挑戰。第四段的題目放在另一個「共讀題庫」分頁,一列一題、填上書名就好。第五段「AI科技島」已在網站上預告:高年級專題發表,中低年級一起來觀賞。
另外還有閱讀小測驗(興趣測驗,沒有對錯)與掃碼登島。共用平板可按「換下一位」清除紀錄,領證書時班級姓名會傳到學校的試算表,用於發放獎勵。同一位孩子同一張證書只記一筆;班級姓名打錯一個字、選錯班或用了異體字,後台會對照學校的全校名冊自動更正,拿不準的才標出來請導師確認。名冊只放在學校帳號的試算表,網站讀不到。
技術做法
Vite 與 Three.js 打造,部署在 GitHub Pages,領獎名單與閱讀挑戰題庫都放在學校的試算表,透過 Google Apps Script 讀寫,手機與電腦都能使用。網站本身沒有呼叫 AI 模型。