劉婕，王麗，田紅霞

[摘 要] 針對目前Web前端課程教學(xué)及網(wǎng)絡(luò)教學(xué)所存在的問題，設(shè)計(jì)并實(shí)現(xiàn)了基于項(xiàng)目的Web前端教學(xué)平臺。該平臺“即學(xué)即用”“即做即得”，改變單向灌輸，以學(xué)為主，真正實(shí)現(xiàn)了做中學(xué)、學(xué)中做，并且能夠幫助教師改革考核評價(jià)機(jī)制，強(qiáng)化過程考核，在實(shí)際教學(xué)應(yīng)用中取得了良好的效果。

[關(guān) 鍵 詞] Web前端開發(fā)；教學(xué)平臺；項(xiàng)目

[中圖分類號] G712 [文獻(xiàn)標(biāo)志碼] A [文章編號] 2096-0603（2018）05-0054-01

一、設(shè)計(jì)背景

截至2016年12月，我國網(wǎng)民規(guī)模達(dá)7.31億，普及率達(dá)到53.2%。2016年，企業(yè)的計(jì)算機(jī)使用、互聯(lián)網(wǎng)使用以及寬帶接入已全面普及，分別達(dá)99.0%、95.6%和93.7%[1]?；ヂ?lián)網(wǎng)行業(yè)需要大量從事網(wǎng)站設(shè)計(jì)、開發(fā)與運(yùn)維的前端開發(fā)人才。

一位優(yōu)秀的Web前端開發(fā)技術(shù)人員在知識體系上既要有廣度，又要有深度，傳統(tǒng)的網(wǎng)頁設(shè)計(jì)人員只需要掌握Dreamweaver、Flash等基本的工具軟件就可以勝任，但現(xiàn)在的Web前端開發(fā)人員只掌握這些是遠(yuǎn)遠(yuǎn)不夠的，現(xiàn)在的前端開發(fā)需要更加專業(yè)的技術(shù)人員[2]。

Web前端課程目標(biāo)是培養(yǎng)學(xué)生能夠熟練掌握當(dāng)今主流的前端開發(fā)技術(shù)，提升學(xué)生實(shí)際開發(fā)應(yīng)用技能，為后續(xù)Web后端開發(fā)夯實(shí)基礎(chǔ)。

二、網(wǎng)絡(luò)教學(xué)平臺的現(xiàn)狀與問題

現(xiàn)代教育技術(shù)理論已從傳統(tǒng)的“以教為中心”發(fā)展為“以學(xué)為中心”的教學(xué)設(shè)計(jì)理論，教師和學(xué)生的地位、作用都發(fā)生了變化。隨著網(wǎng)絡(luò)技術(shù)、通信技術(shù)、多媒體技術(shù)的發(fā)展，網(wǎng)絡(luò)教學(xué)平臺已成為信息技術(shù)應(yīng)用的重要課題。網(wǎng)絡(luò)教學(xué)已成為傳統(tǒng)教學(xué)的有益補(bǔ)充，不但有效改進(jìn)了教學(xué)資源的配置，而且解決了傳統(tǒng)教學(xué)受時(shí)間、空間限制的難題。

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

我國網(wǎng)絡(luò)教育始于1994年實(shí)施的“中國教育科研網(wǎng)示范工程”。網(wǎng)絡(luò)教學(xué)平臺在我國也有了長足的發(fā)展和應(yīng)用，但是網(wǎng)絡(luò)教學(xué)的應(yīng)用，成功的案例不多。這是因?yàn)閲鴥?nèi)的教學(xué)平臺大多數(shù)是把教師課堂的教學(xué)視頻、教學(xué)課件等學(xué)習(xí)資源放在網(wǎng)絡(luò)上，以呈現(xiàn)材料為主，學(xué)生點(diǎn)擊觀看，雖然有些還會有在線問答和在線測試，但形式比較單一，缺乏有效的交互手段，缺乏智能性，學(xué)生主觀上網(wǎng)學(xué)習(xí)的動(dòng)力不夠，這樣的學(xué)習(xí)還是側(cè)重在“教育”上，而非“學(xué)習(xí)”上。

三、總體規(guī)劃設(shè)計(jì)

教學(xué)平臺基于JavaEE，采用MVC設(shè)計(jì)模式，降低了系統(tǒng)模塊的耦合度，增強(qiáng)了系統(tǒng)的可維護(hù)性和靈活性。通過對B/S、C/S兩種模式的優(yōu)缺點(diǎn)對比，從實(shí)際需求出發(fā)，平臺采用B/S模式進(jìn)行系統(tǒng)開發(fā)，數(shù)據(jù)庫采用MySql開源數(shù)據(jù)庫。

四、平臺功能設(shè)計(jì)

教學(xué)平臺使用者有管理員、教師、學(xué)生。管理員負(fù)責(zé)管理教師、學(xué)生、班級、課程，并負(fù)責(zé)將教師、學(xué)生、班級和課程對應(yīng)起來。使用系統(tǒng)的用戶限定為本校教師和學(xué)生，管理員可以逐個(gè)增加用戶信息，也可以批量導(dǎo)入用戶信息。

教學(xué)功能主要有兩部分：教學(xué)案例模塊、實(shí)訓(xùn)項(xiàng)目模塊，主要功能如下：（1）教師通過平臺上傳教學(xué)案例和案例指導(dǎo)文件。（2）學(xué)生在平臺上查看教師布置的教學(xué)案例，根據(jù)指導(dǎo)文件自學(xué)教學(xué)案例，并通過在教學(xué)案例上操作，將教學(xué)內(nèi)容內(nèi)化。（3）教師上傳實(shí)訓(xùn)項(xiàng)目和項(xiàng)目要求。（4）學(xué)生在平臺上根據(jù)教師提供的項(xiàng)目要求在線完成實(shí)訓(xùn)項(xiàng)目并提交。（5）教師查看已提交的學(xué)生項(xiàng)目，根據(jù)學(xué)生完成情況和滿意度給出分?jǐn)?shù)，文字點(diǎn)評。（6）系統(tǒng)將教師評語反饋給學(xué)生。（7）學(xué)生查看教師給的評語，根據(jù)評語在線修改，并查看結(jié)果。（8）教師可以下載學(xué)生分?jǐn)?shù)文檔，將分?jǐn)?shù)作為學(xué)生的平時(shí)成績。改革考核評價(jià)機(jī)制，強(qiáng)化過程性考核。

五、結(jié)論

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

參考文獻(xiàn)：

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