「1150328 親職日場地配置互動網」是阿凱老師為石門國小 115 年 3 月 28 日親職教育日打造的 Tailwind + Lucide 純前端 SPA 場地圖,把傳統印 A3 大張平面圖貼公佈欄的紙本配置改成「手機掃 QR → 4 個 tab 即時切換 → 找攤位 10 秒到位」。
🎯 核心特色
- 🗺️ 4 個 tab 分區切換 — 🏀 戶外班級區 / 🚪 1-3 年級教室區 / 🎪 攤位展區 / 📍 其他區域
- 🏀 戶外籃球場配置 — 4 年級與幼兒園區域 / 5、6 年級區域 / 「4-2 / 4-3 / 4-4」班級對應按鈕
- 🇬🇧 教室活動區英語闖關 — 1-3 年級教室分區整合英語闖關活動
- 🎪 攤位展區四大主題 — 🎓 石門國中升學輔導(給六年級家長看的銜接資訊)/ 🌈 性平教育展(重要課綱主題)/ 🎁 家庭教育有獎徵答 / ✨ 星空計畫作品展示
- 📱 34,595 字元單檔 HTML — 嵌進
sites.google.com/mail2.smes.tyc.edu.tw/academic/2026親職日場地配置,由 Google sandbox iframe 執行 - 🔄 改一行程式碼即更新 — 不像紙本要重印、家長還沒到校就能預先看
💡 設計理念
屬於 #49 教務處寶藏庫 academic 子站 的 3 個子頁之一(另兩個是 2026 英語歌唱比賽網站 + 班級榮譽榜名單調查)。跟 #62 親職教育日活動通知函 組成親職日專屬系列:活動前 → #62 通知函(家長 LINE 看)、活動當天 → #74 場地配置(家長手機掃 QR 找攤位)。配置反映「現代化親職日 = 全方位家校共學」 — 🎓 升學銜接 + 🌈 議題教育 + 🎁 家庭教育 + ✨ 學生展能 + 🇬🇧 雙語推動 + 🏀 班級表演。
🎒 適合情境
國中小教導處 / 學務處親職日承辦、各班導師親職日場地預告、想做數位化校園活動的學校。配對 #62 親職日通知函 活動前推播 + #49 教務處寶藏庫 academic 子站總目錄 + #46 場地預約系統 平日場地調度。下次你校親職日 — 用 Gemini 寫好 SPA + 貼 Google Sites Embedded HTML 一條龍,5 分鐘搞定。