基于項目任務的Web前端教學平臺①

劉婕，王麗，田紅霞

[摘 要] 針對目前Web前端課程教學及網絡教學所存在的問題，設計并實現了基于項目的Web前端教學平臺。該平臺“即學即用”“即做即得”，改變單向灌輸，以學為主，真正實現了做中學、學中做，并且能夠幫助教師改革考核評價機制，強化過程考核，在實際教學應用中取得了良好的效果。

[關 鍵 詞] Web前端開發；教學平臺；項目

[中圖分類號] G712 [文獻標志碼] A [文章編號] 2096-0603（2018）05-0054-01

一、設計背景

截至2016年12月，我國網民規模達7.31億，普及率達到53.2%。2016年，企業的計算機使用、互聯網使用以及寬帶接入已全面普及，分別達99.0%、95.6%和93.7%[1]。互聯網行業需要大量從事網站設計、開發與運維的前端開發人才。

一位優秀的Web前端開發技術人員在知識體系上既要有廣度，又要有深度，傳統的網頁設計人員只需要掌握Dreamweaver、Flash等基本的工具軟件就可以勝任，但現在的Web前端開發人員只掌握這些是遠遠不夠的，現在的前端開發需要更加專業的技術人員[2]。

Web前端課程目標是培養學生能夠熟練掌握當今主流的前端開發技術，提升學生實際開發應用技能，為后續Web后端開發夯實基礎。

二、網絡教學平臺的現狀與問題

現代教育技術理論已從傳統的“以教為中心”發展為“以學為中心”的教學設計理論，教師和學生的地位、作用都發生了變化。隨著網絡技術、通信技術、多媒體技術的發展，網絡教學平臺已成為信息技術應用的重要課題。網絡教學已成為傳統教學的有益補充，不但有效改進了教學資源的配置，而且解決了傳統教學受時間、空間限制的難題。

美國是世界上網絡在線教育和虛擬大學開展最先進、最廣泛的國家。從1996年開始，美國就大力推廣“技術能力競爭”計劃，為全美每一所學校每一間教室配備多媒體計算機并與國家網絡相連，而且鼓勵優秀教室和軟件專家合作開發多媒體輔助教學課件。其參加遠程教育的大學迅速增長，到2007年，其在全部大學中所占的比例高達89%。

我國網絡教育始于1994年實施的“中國教育科研網示范工程”。網絡教學平臺在我國也有了長足的發展和應用，但是網絡教學的應用，成功的案例不多。這是因為國內的教學平臺大多數是把教師課堂的教學視頻、教學課件等學習資源放在網絡上，以呈現材料為主，學生點擊觀看，雖然有些還會有在線問答和在線測試，但形式比較單一，缺乏有效的交互手段，缺乏智能性，學生主觀上網學習的動力不夠，這樣的學習還是側重在“教育”上，而非“學習”上。

三、總體規劃設計

教學平臺基于JavaEE，采用MVC設計模式，降低了系統模塊的耦合度，增強了系統的可維護性和靈活性。通過對B/S、C/S兩種模式的優缺點對比，從實際需求出發，平臺采用B/S模式進行系統開發，數據庫采用MySql開源數據庫。

四、平臺功能設計

教學平臺使用者有管理員、教師、學生。管理員負責管理教師、學生、班級、課程，并負責將教師、學生、班級和課程對應起來。使用系統的用戶限定為本校教師和學生，管理員可以逐個增加用戶信息，也可以批量導入用戶信息。

教學功能主要有兩部分：教學案例模塊、實訓項目模塊，主要功能如下：（1）教師通過平臺上傳教學案例和案例指導文件。（2）學生在平臺上查看教師布置的教學案例，根據指導文件自學教學案例，并通過在教學案例上操作，將教學內容內化。（3）教師上傳實訓項目和項目要求。（4）學生在平臺上根據教師提供的項目要求在線完成實訓項目并提交。（5）教師查看已提交的學生項目，根據學生完成情況和滿意度給出分數，文字點評。（6）系統將教師評語反饋給學生。（7）學生查看教師給的評語，根據評語在線修改，并查看結果。（8）教師可以下載學生分數文檔，將分數作為學生的平時成績。改革考核評價機制，強化過程性考核。

五、結論

本文針對Web前端教學需求，設計并建立了一個穩定且便于師生操作的Web前端教學平臺。該平臺教師、學生、教學實訓內容三項結合、互動，以“學”為主。所有案例、實訓項目都在平臺上完成并提交，“即學即用”“即做即得”，提高教學質量。使學生在學習過程中目標清楚，任務明確，極大地提高學生的積極性，老師指導的力度和粒度及針對性將更強。學生根據自身情況非常靈活地自由安排學習時間和控制學習進度，提高學生自主學習能力，提高學習效率。教師還可利用該平臺改革考核評價機制，強化過程性考核。

參考文獻：

劉曉東.《Web前端開發技術》教學改革研究[J].福建電腦，2016（4）：77-78.