針對(duì)小型農(nóng)機(jī)管理系統(tǒng)前端設(shè)計(jì)的WEB 新技術(shù)課程設(shè)計(jì)

鹽城工業(yè)職業(yè)技術(shù)學(xué)院 嵇春梅 王贊森 劉寧

1 課程標(biāo)準(zhǔn)修訂

根據(jù)鹽城工業(yè)職業(yè)技術(shù)學(xué)院《移動(dòng)互聯(lián)應(yīng)用技術(shù)專業(yè)人才培養(yǎng)方案》的要求，Web 新技術(shù)（HTML5+CSS3+BootStrap）課程是移動(dòng)互聯(lián)專業(yè)的專業(yè)核心課程，是面向WEB 前端頁面開發(fā)的實(shí)戰(zhàn)課程，涉及HTML5、CSS3、響應(yīng)式Web 設(shè)計(jì)等技術(shù)。在教學(xué)實(shí)踐中，筆者發(fā)現(xiàn)存在如下的一些問題：

1.1 存在問題

目前的教學(xué)模式還是以教師教為主，偏重于理論知識(shí)的學(xué)習(xí)，以習(xí)題的練習(xí)為輔，但是因?yàn)闀r(shí)間限制，往往會(huì)給學(xué)生提供參考代碼，造成了學(xué)生習(xí)慣于照著參考代碼敲，不愿意思考的現(xiàn)象。

Web 新技術(shù)（HTML5+CSS3+BootStrap）課程涉及的知識(shí)點(diǎn)比較廣、非常散，而課時(shí)比較有限，在現(xiàn)有的課程標(biāo)準(zhǔn)下，不管老師采用哪種教學(xué)方式，采用什么樣的習(xí)題實(shí)踐，對(duì)每個(gè)模塊均勻用力，導(dǎo)致每個(gè)知識(shí)點(diǎn)都學(xué)，但是每個(gè)知識(shí)點(diǎn)都無法得到充足的實(shí)踐。無法從整體上對(duì)前端頁面開發(fā)的常用技術(shù)的整體概念有所了解。

Web 新技術(shù)（HTML5+CSS3+BootStrap）課程考試成績(jī)比重過高，達(dá)到了60%，但是需要學(xué)生掌握的知識(shí)點(diǎn)太多，有限的考試時(shí)間內(nèi)，考察的粒度過粗，無法客觀地反映學(xué)生的學(xué)習(xí)效果，容易產(chǎn)生一刀切的評(píng)價(jià)。

1.2 改進(jìn)措施

為了解決教學(xué)實(shí)踐中的問題，我們引入項(xiàng)目式教學(xué)理念，以小型農(nóng)用機(jī)械管理系統(tǒng)的前端頁面設(shè)計(jì)作為Web 新技術(shù)（HTML5+CSS3+BootStrap）課程的教學(xué)項(xiàng)目，貫穿全課程。結(jié)合移動(dòng)互聯(lián)專業(yè)人才培養(yǎng)方案和小型農(nóng)機(jī)系統(tǒng)前端頁面項(xiàng)目的要求，從課程性質(zhì)與目標(biāo)、課程內(nèi)容與要求、課時(shí)分配、考核與成績(jī)?cè)u(píng)定四個(gè)方面對(duì)課程標(biāo)準(zhǔn)進(jìn)行修訂，實(shí)現(xiàn)四個(gè)方面的轉(zhuǎn)變，如圖1 所示。

圖1 課程標(biāo)準(zhǔn)修訂圖

課程的性質(zhì)與目標(biāo)從掌握響應(yīng)式WEB 開發(fā)知識(shí)向培養(yǎng)學(xué)生開發(fā)響應(yīng)式WEB 頁面能力轉(zhuǎn)變。課程的主要內(nèi)容及基本要求從以循序漸進(jìn)學(xué)習(xí)書本理論知識(shí)向突出實(shí)踐性的以項(xiàng)目為中心的模式轉(zhuǎn)變。課時(shí)分配從以各知識(shí)單元平均分配課時(shí)向結(jié)合項(xiàng)目和人才培養(yǎng)方案輕重有序分配轉(zhuǎn)變。考核與成績(jī)?cè)u(píng)定從粗粒度的結(jié)果性考核向細(xì)粒度的過程性考核轉(zhuǎn)變。

2 授課計(jì)劃、授課內(nèi)容調(diào)整

Web 新技術(shù)（HTML5+CSS3+BootStrap） 課程涵蓋HTML、CSS、JavaScript 三種語言，8 個(gè)知識(shí)單元，共112 個(gè)知識(shí)點(diǎn)，知識(shí)范圍廣，知識(shí)點(diǎn)較為分散。為了提高學(xué)習(xí)效率，改變知識(shí)點(diǎn)側(cè)重不突出的局面，我們?cè)谛⌒娃r(nóng)用機(jī)械管理系統(tǒng)的前端頁面項(xiàng)目的基礎(chǔ)上，結(jié)合系統(tǒng)功能和修訂后的課程標(biāo)準(zhǔn)劃分出系統(tǒng)維護(hù)模塊、基礎(chǔ)數(shù)據(jù)維護(hù)模塊、農(nóng)機(jī)管理模塊前端、統(tǒng)計(jì)模塊、NB-IOT通信模塊五個(gè)子模塊，如表1 所示。

表1 教學(xué)項(xiàng)目計(jì)劃表

3 以系統(tǒng)維護(hù)模塊的前端設(shè)計(jì)為例

3.1 課前分析、教學(xué)資源準(zhǔn)備

在修訂后的Web 新技術(shù)（HTML5+CSS3+BootStrap）課程標(biāo)準(zhǔn)中，對(duì)于HTML5 表單的應(yīng)用、響應(yīng)式WEB 設(shè)計(jì)能力這兩個(gè)知識(shí)單元的學(xué)習(xí)，以小型農(nóng)機(jī)管理系統(tǒng)的系統(tǒng)維護(hù)模塊作為教學(xué)項(xiàng)目，學(xué)習(xí)內(nèi)容和學(xué)時(shí)安排如表2 所示。

表2 教學(xué)項(xiàng)目系統(tǒng)--維護(hù)模塊計(jì)劃表

進(jìn)行新課教學(xué)前，讓學(xué)生事先學(xué)習(xí)小型農(nóng)業(yè)機(jī)械管理的流程，讓學(xué)生了解系統(tǒng)維護(hù)模塊的作用。

3.2 教學(xué)活動(dòng)的安排

（1）在學(xué)生了解小型農(nóng)機(jī)管理系統(tǒng)的系統(tǒng)維護(hù)模塊作用的基礎(chǔ)上，帶領(lǐng)學(xué)生明確系統(tǒng)維護(hù)模塊前端頁面設(shè)計(jì)的目標(biāo)，并撰寫任務(wù)計(jì)劃書。

（2）根據(jù)課程標(biāo)準(zhǔn)的要求，結(jié)合任務(wù)計(jì)劃書，以學(xué)生為主體、教師為主導(dǎo)，帶領(lǐng)學(xué)生一起學(xué)習(xí)HTML5 表單的應(yīng)用、響應(yīng)式WEB 設(shè)計(jì)這兩個(gè)知識(shí)章節(jié)中哪些技術(shù)可以用來完成系統(tǒng)維護(hù)模塊前端界面的設(shè)計(jì)，以項(xiàng)目需求激發(fā)學(xué)生的主觀能動(dòng)性。

（3）實(shí)踐環(huán)節(jié)中，3～4 名同學(xué)分組進(jìn)行，小組成員之間分工協(xié)作，共同研討，共同完成系統(tǒng)維護(hù)模塊前端頁面，在實(shí)踐環(huán)節(jié)中，教師更多地扮演項(xiàng)目經(jīng)理的角色，把控各個(gè)小組的進(jìn)度，及時(shí)監(jiān)控完成質(zhì)量。這樣既可以以用促學(xué)，讓學(xué)生了解學(xué)習(xí)的知識(shí)用在何處，明確學(xué)習(xí)目標(biāo)、增強(qiáng)學(xué)習(xí)動(dòng)力，又能夠模擬出真實(shí)的項(xiàng)目場(chǎng)景，讓學(xué)生提前適應(yīng)企業(yè)工作環(huán)境。

3.3 教學(xué)總結(jié)與反思

各小組完成系統(tǒng)維護(hù)模塊前端頁面后，采用小組交叉互評(píng)和老師現(xiàn)場(chǎng)點(diǎn)評(píng)相結(jié)合的辦法，各小組完成的設(shè)計(jì)公開在學(xué)習(xí)通上，各小組課后對(duì)其他小組的設(shè)計(jì)做點(diǎn)評(píng)留言，老師在課堂對(duì)照設(shè)計(jì)目標(biāo)對(duì)各小組的設(shè)計(jì)進(jìn)行點(diǎn)評(píng)及打分。

4 小結(jié)

項(xiàng)目式教學(xué)的理念可以很好地應(yīng)用在移動(dòng)互聯(lián)專業(yè)的教學(xué)當(dāng)中，將小型農(nóng)業(yè)機(jī)械管理系統(tǒng)的前端界面開發(fā)作為Web 新技術(shù)（HTML5+CSS3+BootStrap）課程的教學(xué)項(xiàng)目，是多課程聯(lián)動(dòng)的項(xiàng)目式教學(xué)理念應(yīng)用于移動(dòng)互聯(lián)專業(yè)教學(xué)實(shí)踐中的一次嘗試。將課程知識(shí)與項(xiàng)目進(jìn)行融合，充分調(diào)動(dòng)了學(xué)生的學(xué)習(xí)積極性，以用促學(xué)、學(xué)以致用，并對(duì)課程標(biāo)準(zhǔn)做了修訂，更加符合移動(dòng)互聯(lián)專業(yè)人才培養(yǎng)方案的要求，細(xì)化了考核粒度、增加了過程性考核，能夠更加全面、客觀地評(píng)估學(xué)習(xí)效果。