115-1 數位學習系統

一、主題與設計理念

本系統設定的使用場域為幼兒園，使用者是教保服務人員（教師）、幼兒與家長。 幼兒尚未具備獨立操作數位裝置與閱讀文字的能力，因此系統不採「幼兒自己上線學習」的模式， 而是建立在幼兒教育領域的共視共學（Joint Media Engagement）概念上—— 數位內容由教師設計、由成人陪同幼兒一起操作， 系統真正的工作是把互動過程記錄下來，再回饋給教師與家長。

因此本系統的核心不是「把課程搬到線上」，而是 教師如何透過數位工具與幼兒互動，以及這段互動如何被看見。

二、系統架構圖（五層式）

三、教師與幼兒的學習互動迴圈

這是本系統與一般線上課程平台最大的差異： 幼兒不會自己登入學習，所有互動都必須經過成人。系統設計成一個持續循環的迴圈。

家長端的回饋回到教師端，成為下一次派送任務的依據，形成循環

四、網站預定的功能

1. A. 目前規劃的數位學習系統主要以框架式網頁形式為主， 以 Bootstrap 5 的 12 欄網格建置，桌機與手機共用同一份頁面。
2. B. 左邊的選單初步規劃為：
   • 學習儀錶板
   • 系統架構規劃
   • 個人介紹彙編
   • 學習日誌彙編
   • 全班資源分享
3. C. 使用者點選左邊選單之後，右邊會呈現對應的內容。 採單頁式切換，不重新載入整頁，網址會帶錨點（如 #arch），重新整理會回到同一個分頁。
4. D. 手機與平板（寬度未滿 992px）時，左邊選單會收進 Bootstrap 的 offcanvas 抽屜，點左上角漢堡鈕開啟，選完自動關閉。
5. E. 右上角可切換學習者端／教師端／管理者端三種角色， 切換後左側選單與右側內容整組替換，用來呈現架構圖中 「同一套系統依角色提供不同介面」這個特性。 （本站為介面示範，以模擬資料呈現，未實作登入驗證。）
6. F. 學習日誌彙編以 accordion 摺疊清單呈現， 可依「課堂／實作／閱讀」篩選；全班資源分享以卡片清單呈現，可依分類篩選。
7. G. 介面圖示全部使用 Font Awesome 6， Bootstrap 與 Font Awesome 皆以 CDN 方式載入，不需自行維護套件。

一、開發方法的選擇

一般資訊系統可以先訪談使用者、寫完需求規格再開發。但本系統的主要使用者是 2 至 6 歲的幼兒，他們無法描述自己的需求，也無法閱讀問卷； 家長與教師則往往要看到實際畫面才說得出「這樣不行」。

因此本系統不採瀑布式開發，而採 漸進式雛形法（Evolutionary Prototyping）： 每個階段都做出可實際操作、可部署上線的版本， 讓真實使用者試用後再決定下一階段要加什麼。

二、開發階段與期程（第 1–7 週）

目前進度：第 2 週，第一階段的雛形已上線可操作

三、每個功能的開發循環

階段是大的節奏，每一個功能則跑以下這個小循環。 關鍵是第 4 步不可省略——沒有在真實瀏覽器驗證過，就不算做完。

驗證發現問題就回到第 1 步重新設計，而不是在原地修修補補

四、技術選型與理由

五、幼兒端的設計準則

這些不是美感選擇，是能不能用的問題，開發時視為硬性規定。