🏝️ #134 把一本品牌方案變成十二座浮空島:石門國小品牌群島
厚厚的品牌方案很用心,卻很少人從頭翻到尾。把它改寫成一座可以逛的 3D 天空之城,孩子找小河馬,家長看成果,老師看課程地圖。
寫得很用心的方案,常常只有評審看過
學校申請品牌計畫時,老師們會一起寫出一本厚厚的方案:理念、課程、學程、走讀、數位工程、行政運作、學習成效,每一章都是好幾年累積下來的成果。
問題是寫完以後呢?那份 Word 檔通常躺在資料夾裡,家長不會打開,孩子更不會打開。明明都是學校真正做過的事,卻很難讓身邊的人看見。
所以我想試試另一種做法:不做摘要,也不做簡報,而是把整本方案變成一個可以走進去逛的地方。
#134 怎麼解?把章節變成島嶼
十二座浮空島:鱻鯉主島談品牌型塑,魚游書海島是課程,無涯學海島是學程,石門魚鄉島是遊程,再一路到領航燈塔島的行政運作、星光展能島的學習成效,最後停在曙光未來島。章節變成地點之後,看方案就不再是翻頁,而是選一座想去的島。
三種逛法:可以自己點島、用「島嶼導覽」自動逛,也可以按「跟著逛島」,跟著島上走動的老師和學生走。
會跟著真實世界變化:天氣取自 Open-Meteo,石門水庫水位取自水利署開放資料,校園公告同步學校網站。外面下雨時,島上的人會撐傘;到了晚上改拿手電筒;配樂也會依天氣和時段換曲,黃昏還有專屬的吉他曲。颱風警報發布時,大家撐傘跑進屋裡躲雨,還會喊出防颱提醒;點一下島上的人物,他會轉身揮手和你聊天。
給孩子的尋寶任務:每座島躲著一隻小河馬。找到 6 隻領「尋寶探險家」,找齊 12 隻領「尋寶小達人」,這兩張是紀念證書,孩子為了找小河馬走遍每座島,順便就把學校的閱讀特色看過一輪。
第三段:十二島閱讀挑戰:校長看過之後說,可以再加一點難度。所以找齊 12 隻、集滿 12 枚閱讀護照章的孩子,還能挑戰「尋河馬達人」。鏡頭會一座一座飛過去,每座島的小河馬攔路出一題,例如燈塔小河馬說燈熄了,答對才能幫船隻點亮回家的路。不會的題目可以「翻開島嶼資料」,像翻書一樣回到島上的內容找答案。12 題要答對 10 題,錯到第 3 題就提早結束,下一輪會換新題目。過關時全島放煙火、島上的機關一起轉起來,孩子領紫色證書,到校長室兌換小客人招待券;這是唯一可以到校長室兌換獎勵的證書。領完第二段證書的孩子,網站會直接帶他去還沒蓋章的島,不用自己找下一步。
題庫放在試算表:題目分低、中、高三個年段,孩子依自己的年級拿到題目,內建題取材自品牌方案各島的內容。題庫就在學校的試算表裡,負責出題的老師像填表格一樣一列寫一題,網站大約半小時內就會換上新題;同一座島的題目越多,每次抽到的題目越不一樣。
第四段:圖書館共讀達人:負責出題的老師依學校圖書館的館藏書出了一批題目,第一批是 10 本書,每本書依低、中、高年段各有一組題目。一開始這些題目混在十二島挑戰裡,但它們考的是書裡的內容,沒讀過那本書很難答;校長也希望這一段要讀懂書才過得了,於是另外做成第四段。成為尋河馬達人的孩子,選一本自己在圖書館讀完的書,答完這本書自己年段的全部題目。作答時不公布對錯,要全部答對才算讀懂;沒過要隔天才能再挑戰同一本,先回去把書再讀一次。因為每本書每個年段只有六到八題,如果可以馬上重來,孩子試幾次就背得起答案,所以這兩道門檻是刻意加的。全部答對之後,才能打開每一題的答案和解說;讀懂的書會放上閱讀護照裡的「共讀書架」,排滿 3 本就能領「圖書館共讀達人」紀念證書。題目放在試算表另一個「共讀題庫」分頁,一列一題、填上書名就好,不用選島嶼。
第五段先預告:網站上已經放了「AI科技島 即將登場」,之後要讓高年級做專題發表,中低年級一起來觀賞。
為共用平板設計:學校的 iPad 會由不同班級輪流借用,所以有明顯的「換下一位」按鈕;就算忘了按,閒置一段時間後也會主動詢問是不是換人了,避免下一位直接接手上一位的進度。
名字打錯,後台自己對名冊:孩子在平板上打字,常常選錯字、點錯班,還會跳出異體字(俞變成兪)。後台寫入名單前,會先對照學校的全校名冊:只差一個字就改成名冊的寫法,名字在別班找到就改班級;選錯班又打錯字時,會看當時是哪一班在電腦教室領證書。拿不準的不會亂猜,標出來請導師確認。同一位孩子同一張證書也只記一筆,校長室發獎時不會看到兩行。名冊只放在學校帳號的試算表裡,網站讀不到。
真實技術棧
- Vite 加 Three.js,島嶼與人物都在瀏覽器即時繪製
- 部署在 GitHub Pages,登島人次用 Firestore 累計
- 領獎名單用 Google Apps Script 寫入學校試算表,校長室可以直接打勾登記;寫入前先對照全校名冊更正班級姓名
- 閱讀挑戰的題庫也放在同一份試算表,網站讀不到時改用內建題,挑戰不會卡住;第四段的共讀題目另放一個分頁,靠書名分組
- 網站本身沒有呼叫 AI 模型,內容來自方案原文
教學情境示例
以下是可以這樣用的情境,不是實際成效紀錄。
- 資訊課:想像全班每人一台平板,老師只交代一件事:這節課找到 6 隻小河馬。孩子會自己討論哪座島還沒去過,下課前再用閱讀護照核對。
- 閱讀課闖關:想像找齊小河馬的孩子越來越多,老師把閱讀挑戰當成全班的闖關活動,沒過關的孩子換一輪新題目再試,過關的就去校長室換招待券。
- 圖書館共讀:想像圖書館課介紹完一批館藏書,老師提醒已經是尋河馬達人的孩子:讀完其中一本,就能回到網站挑戰第四段,三本都讀懂才領得到證書。
- 親師活動:親職日時把網址放在投影幕,家長用手機就能看見孩子平常上的課、走過的路線。
- 校外參訪:來賓到校前先逛一遍群島,到校後再實地走訪,談話就能從「學校在做什麼」直接進到「怎麼做到的」。
配對工具推薦
適用對象
- 想了解品牌學校方案怎麼落地的老師與行政同仁
- 想把學校計畫變成對外展示網站的學校
- 石門國小的孩子與家長
想試試?
先別急著看內容,找一隻小河馬試試,你很快就會想知道下一隻躲在哪座島;全部找齊之後,十二座島的閱讀挑戰還在等你;過了第三段,再走進圖書館讀幾本好書,挑戰第四段。