新北幼幼歡樂多語影音秀：報名、參賽影音展示及人氣投票的多功能網站

每年一次的多語大舞台

新北市政府教育局每學年舉辦【新北幼幼歡樂多語影音秀】，邀請全市公私立幼兒園的孩子們用閩南語、客家語、原住民語或英語創作歌謠、錄製影片參賽。這不只是一場比賽，更是推動本土語言教育、讓語言在生活中活起來的重要計畫。

但要讓一個涵蓋全市的年度活動順利運作，光靠公文和紙本報名是不夠的。需要一個數位平台讓老師線上報名、讓家長和社會大眾看到孩子的作品、讓評審有系統可以評分、讓人氣獎能公平投票。

---

一個平台，承載四種語言的創作能量

圖片出處：【新北幼幼歡樂多語影音秀】報名網站

活動分為閩南語、客家語、原住民語及英語四組，每組各有影音獎、創意獎、人氣獎三個獎項。參賽方式是各班自行錄製歌謠唱跳影片上傳至 YouTube，再透過平台提交影片連結。

創準建置的活動平台，串聯了整個活動流程：

線上報名系統取代紙本，各幼兒園直接上網填寫隊伍資訊、演唱曲目與參賽幼生名單，系統自動整理資料供主辦單位確認。

作品展示頁讓家長和評審可以依語言組別篩選、搜尋特定學校或隊名，也可以依瀏覽次數排序，或直接分享給親友觀看，讓這些孩子的努力有更多人看見。 用 YouTube 嵌入的方式展示影片，而非直接上傳影片到網站，不僅可以省下網站流量費用，還可以加快網站讀取，是在系統規劃階段做出的重要決策。

線上投票與防重複機制是人氣獎的核心。為了確保投票公平，系統設計了防灌票機制，讓每位投票者只能對同一作品投票一次，讓真正獲得最多觀眾喜愛的作品勝出。

統計資料功能讓主辦單位隨時掌握各作品的觀看與投票狀況，協助評審會議前的資料整理。

---

開發細節：讓活潑的設計也能穩定運作

圖片出處：【新北幼幼歡樂多語影音秀】報名網站

視覺風格的拿捏

幼兒園的活動平台，視覺不能太嚴肅。創準設計了符合幼兒園活潑調性的主視覺插畫與整體色彩計畫，讓網站在功能完整的同時，也傳遞出孩子們歌唱創作的生命力。

四組別的資料結構設計

四個語言組別各有獨立的參賽隊伍、評審標準與獎項，資料結構設計需要在靈活支援多組別顯示的同時，維持後台管理的直覺性。系統採用 Vue.js + Nuxt.js + Vuetify 前端框架搭配 Node.js API 與 MariaDB，讓分組篩選與資料查詢都能快速回應。

年度更新的節奏

活動每學年舉辦一次，每年的主題視覺、報名期程、參賽規則都可能有調整。創準提供年度維運服務，每年依客戶需求更新平台內容與功能，讓系統隨著活動成長，而不是每年從零開始。

---

技術架構

• 前端框架：Vue.js + Nuxt.js + Vuetify
• 後端：Node.js
• 資料庫：MariaDB
• 響應式設計：RWD，支援手機、平板、桌機
• 設計範疇：主視覺設計、網站色彩計畫、網頁元件插畫、UI/UX 規劃

---

這個案子的核心學習

創準連續六年參與這個活動的數位化工作，每一年，又有一批新的孩子站在鏡頭前唱出自己語言的歌。每一年，平台也跟著進化。

關心這個競賽的老師和家長，因為這個平台，第一次看到孩子在影片裡認真唱歌的樣子。每年活動開始時的那些點擊、每一票投出去的人氣票，都讓這些孩子的創作被更多人看見。

這件事，值得一直做下去。