1. 目的： 為了提供更彈性且便利的學習方式，並減輕硬體成本以因應少子化的衝擊，開發線上學習的錄播課系統。 2. 問題分析： 在現有的架構中有複雜的權限與狀態，學生會使用手機、平板、筆電等裝置瀏覽多媒體內容與使用考試系統，最後學習數據需即時反饋給使用者。 3. 使用技術： 使用較輕量的Vue框架搭配Vuex處理資料共享問題，同時 監聽並即時回寫數據，另外設計模組化的SCSS檔案提高樣式的重用性並實作響應式設計(RWD)。 4. 核心功能： 學生可在課程開始之前先背誦相關單字並進行單字測驗，另外還有課程知識影片引導學生思考課程重點，進入線上課程後由專業英文名師的錄播課程與隨堂測驗搭配加強學生內容吸收，並在課程結束後透過課後練習地毯式的掃描學生學習成效，最後將所有學習歷程於學習紀錄頁面呈現。 5. 成果： 結合課前預習、錄播課程觀看、課後測驗、學習紀錄等完整學習歷程的線上英語教學平台，成功分擔40%以上的實體課程負擔，減輕硬體成本，學生使用後反饋滿意度也達九成以上。 Through preview content(vocabulary & test), online courses, quizzes, and after-course exercises, a complete learning process is constructed, and users can check their learning results at any time on the record page.