基于慕課的O2O高職網(wǎng)頁(yè)設(shè)計(jì)教學(xué)生態(tài)模式探析

張琳 王冠

基于慕課的O2O高職網(wǎng)頁(yè)設(shè)計(jì)教學(xué)生態(tài)模式探析

張琳 王冠

（蕪湖職業(yè)技術(shù)學(xué)院網(wǎng)絡(luò)工程學(xué)院，安徽蕪湖，241003）

慕課與具體的課程教學(xué)相結(jié)合，給傳統(tǒng)的課堂教學(xué)帶來(lái)新的活力和豐富的資源。將高職網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)與相應(yīng)的慕課資源進(jìn)行有效融合，改變了以往相對(duì)單一的課堂教學(xué)模式，延伸了傳統(tǒng)課堂教學(xué)的時(shí)間與空間范圍。開(kāi)展基于慕課的O2O(online to offline)高職網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)模式新探索，可進(jìn)一步豐富課程資源，加強(qiáng)師生互動(dòng)，并提升學(xué)生的自主學(xué)習(xí)能力。將慕課資源應(yīng)用于高職網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)并開(kāi)展線上與線下教學(xué)模式新嘗試，對(duì)進(jìn)一步完善其教學(xué)生態(tài)模式具有一定的促進(jìn)作用。

慕課；高職網(wǎng)頁(yè)設(shè)計(jì)；020；教學(xué)生態(tài)模式

1. 引言

慕課依托互聯(lián)網(wǎng)的飛速發(fā)展，基于教育資源共享的目標(biāo)應(yīng)運(yùn)而生。它憑借“小而精的課程內(nèi)容設(shè)計(jì)”理念，成為在線教育領(lǐng)域重要的組成部分。隨著計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)的發(fā)展，社會(huì)對(duì)網(wǎng)頁(yè)設(shè)計(jì)人員的需求從數(shù)量和質(zhì)量方面都有新的要求。高職網(wǎng)頁(yè)設(shè)計(jì)課程作為培養(yǎng)網(wǎng)頁(yè)設(shè)計(jì)人員的專業(yè)課程，在新的社會(huì)背景下需要做出適當(dāng)改變以滿足市場(chǎng)需求。高職網(wǎng)頁(yè)設(shè)計(jì)課程具有內(nèi)容多、涉及面廣及技術(shù)更新快等特點(diǎn)，而傳統(tǒng)的課堂教學(xué)很難滿足社會(huì)對(duì)網(wǎng)頁(yè)設(shè)計(jì)人員的要求。將慕課資源應(yīng)用于傳統(tǒng)的網(wǎng)頁(yè)設(shè)計(jì)教學(xué)中，實(shí)現(xiàn)在線學(xué)習(xí)與課堂教學(xué)相融合，以此構(gòu)建基于慕課的O2O高職網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)模式。

2. 慕課在高職課程教學(xué)中的優(yōu)勢(shì)概述

慕課（MOOC）被譯為大規(guī)模在線開(kāi)放課程。它憑借開(kāi)放、大規(guī)模、自由及低門檻等優(yōu)勢(shì)，在教育領(lǐng)域獲得飛速發(fā)展。高職教育以應(yīng)用、技能為主要導(dǎo)向，但學(xué)生的水平又層次不齊?；谏鲜鎏攸c(diǎn)，人才的培養(yǎng)僅僅通過(guò)整齊劃一的課堂教學(xué)，很難滿足每個(gè)學(xué)生的需求，也很難將學(xué)生培養(yǎng)成專、精、尖的技能型人才。高職學(xué)生需要利用更多的課外學(xué)習(xí)時(shí)間，以彌補(bǔ)傳統(tǒng)課堂教學(xué)中的非重復(fù)性、固定性等特點(diǎn)所帶來(lái)的不足，讓學(xué)生簡(jiǎn)單、快捷和不受時(shí)空限制地獲取有效的學(xué)習(xí)資源，進(jìn)行探索學(xué)習(xí)和自主學(xué)習(xí)。慕課的優(yōu)勢(shì)剛好能契合高職學(xué)生的學(xué)習(xí)特點(diǎn)。

對(duì)蕪湖職院2017級(jí)計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)專業(yè)的140名學(xué)生進(jìn)行關(guān)于在線學(xué)習(xí)意愿方面的調(diào)查，我們發(fā)現(xiàn)大部分學(xué)生是非常樂(lè)意接受在線學(xué)習(xí)這種形式的，愿意將在線學(xué)習(xí)與傳統(tǒng)課堂學(xué)習(xí)相互融合。隨著各種新興媒體的出現(xiàn)，碎片化學(xué)習(xí)逐漸融合到傳統(tǒng)的課堂教學(xué)中①田生湖,姚建峰,崔同宜. 我國(guó)慕課研究現(xiàn)狀、熱點(diǎn)聚焦與發(fā)展建議——基于知識(shí)圖譜的可視化分析[J/OL]. 成人教育, 2019(1).。慕課正是利用零散時(shí)間進(jìn)行學(xué)習(xí)，學(xué)生根據(jù)各自的學(xué)習(xí)興趣和知識(shí)儲(chǔ)備情況，自由、靈活的選擇相關(guān)慕課。通過(guò)上述分析發(fā)現(xiàn)，將慕課應(yīng)用于高職課程教學(xué)過(guò)程中，具有較高的可行性和一定的優(yōu)勢(shì)。

3. 慕課的O2O教學(xué)模式與高職網(wǎng)頁(yè)設(shè)計(jì)課程融合性分析

結(jié)合58同城、智聯(lián)招聘網(wǎng)、北大青鳥(niǎo)等相關(guān)招聘網(wǎng)站、教學(xué)培訓(xùn)機(jī)構(gòu)的相關(guān)數(shù)據(jù)分析得出：目前，社會(huì)對(duì)網(wǎng)頁(yè)設(shè)計(jì)人員的具體要求見(jiàn)下表1“網(wǎng)頁(yè)設(shè)計(jì)人員的需求概述”所示

表1 網(wǎng)頁(yè)設(shè)計(jì)人員的需求概述

學(xué)歷要求基礎(chǔ)技能前端技能后臺(tái)代碼 大專及以上學(xué)歷網(wǎng)頁(yè)設(shè)計(jì)規(guī)范及流程、網(wǎng)頁(yè)布局及其排版、切圖及交互。Web前端開(kāi)發(fā)技能、擅長(zhǎng)DIV+CSS、JavaScript等前端開(kāi)發(fā)技術(shù)。精通jQ，能熟練使用BootStrap、HTML5、Sass、Nodejs、webPack。

通過(guò)表1中的相關(guān)信息發(fā)現(xiàn)：目前關(guān)于網(wǎng)頁(yè)設(shè)計(jì)人員的社會(huì)需求主要包括學(xué)歷要求、基礎(chǔ)技能、前端設(shè)計(jì)、后臺(tái)代碼等方面。結(jié)合2018年《中國(guó)互聯(lián)網(wǎng)站發(fā)展?fàn)顩r及其安全報(bào)告》得出：截至 2017年12月底，中國(guó)網(wǎng)站總量達(dá)到 526.06萬(wàn)個(gè)，其中企業(yè)主辦網(wǎng)站 387.39 萬(wàn)個(gè)、個(gè)人主辦網(wǎng)站 116.15 萬(wàn)個(gè)。網(wǎng)站主辦者達(dá)到 401.65 萬(wàn)個(gè)，用于提供藥品和醫(yī)療器械、新聞、文化、出版等信息服務(wù)的網(wǎng)站達(dá)到 1.30 萬(wàn)個(gè)②中國(guó)互聯(lián)網(wǎng)站發(fā)展?fàn)顩r及其安全報(bào)告（2018年）[EB/OL]. http://www.isc.org.cn/zxzx/xhdt/listinfo-36071.html, 2018.7。通過(guò)上述的兩項(xiàng)數(shù)據(jù)可以得出：目前網(wǎng)頁(yè)設(shè)計(jì)行業(yè)的從業(yè)數(shù)量是非常龐大的，涵蓋面也是比較廣的。同時(shí)隨著網(wǎng)絡(luò)技術(shù)發(fā)展，尤其是移動(dòng)終端的興起，對(duì)網(wǎng)頁(yè)設(shè)計(jì)人員的專業(yè)技術(shù)要求也是越來(lái)越高。

高職教育可以滿足網(wǎng)頁(yè)設(shè)計(jì)人員的學(xué)歷要求，但僅僅依靠傳統(tǒng)的課堂教學(xué)很難滿足基礎(chǔ)技能、前端技能和后臺(tái)代碼等方面的技能要求?；谏鲜龅娜瞬判枨笈c課程教學(xué)之間的矛盾，將慕課的優(yōu)勢(shì)與高職學(xué)生的學(xué)習(xí)特征進(jìn)行有效融合，以此構(gòu)建基于慕課的O2O高職網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)模式。

4. 構(gòu)建基于慕課的高職網(wǎng)頁(yè)設(shè)計(jì)課程O2O教學(xué)生態(tài)模式

在將慕課資源與高職網(wǎng)頁(yè)設(shè)計(jì)課程具體融合的實(shí)施過(guò)程中，特意選取2016級(jí)網(wǎng)1、網(wǎng)2班的同學(xué)，對(duì)“鼠標(biāo)的懸停效果”這一操作性比較強(qiáng)的知識(shí)點(diǎn)，開(kāi)展線上線下教學(xué)模式的對(duì)比分析。通過(guò)平臺(tái)導(dǎo)出的相關(guān)數(shù)據(jù)發(fā)現(xiàn)：其中一個(gè)班的同學(xué)利用慕課視頻進(jìn)行課前預(yù)習(xí)和課后鞏固，另一個(gè)班的同學(xué)沒(méi)有利用慕課視頻開(kāi)展課前預(yù)習(xí)和課后鞏固。在經(jīng)歷了相同的課堂學(xué)習(xí)后，通過(guò)知識(shí)點(diǎn)測(cè)試和技能考察發(fā)現(xiàn)，兩個(gè)班同學(xué)在知識(shí)掌握和技能操作方面有了一定的差距。利用慕課視頻資源的同學(xué)掌握的知識(shí)點(diǎn)更牢固，其知識(shí)點(diǎn)測(cè)試正確率比沒(méi)有利用慕課視頻資源的同學(xué)提高了將近18%，上機(jī)操作的熟練程度和師生之間有效互動(dòng)次數(shù)也得到了大幅提升。

圖1 基于慕課的高職網(wǎng)頁(yè)設(shè)計(jì)課程的O2O教學(xué)生態(tài)模式構(gòu)建模型

通過(guò)以上教學(xué)探索，并參考相關(guān)課程的省級(jí)智慧課堂建設(shè)經(jīng)驗(yàn)，發(fā)現(xiàn)“基于慕課的高職網(wǎng)頁(yè)設(shè)計(jì)課程O2O教學(xué)生態(tài)模式構(gòu)建”是將高職網(wǎng)頁(yè)設(shè)計(jì)的課堂教學(xué)、網(wǎng)頁(yè)設(shè)計(jì)課程慕課平臺(tái)、慕課視頻及云班課平臺(tái)進(jìn)行有效融合，開(kāi)展線上學(xué)習(xí)與線下教學(xué)相結(jié)合的教學(xué)模式的探索，有效發(fā)揮教師和學(xué)生的主動(dòng)性及積極性，以此構(gòu)建高職網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)生態(tài)模式，如圖1所示。

4.1 依據(jù)需求確定網(wǎng)頁(yè)設(shè)計(jì)課程O2O教學(xué)內(nèi)容

根據(jù)市場(chǎng)對(duì)網(wǎng)頁(yè)設(shè)計(jì)人員的需求進(jìn)行分析，并與目前的高職網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)內(nèi)容進(jìn)行對(duì)比，總結(jié)出前端設(shè)計(jì)和后臺(tái)開(kāi)發(fā)兩方面技能是目前社會(huì)所需，同時(shí)也是傳統(tǒng)課堂教學(xué)的重、難點(diǎn)。由于前端設(shè)計(jì)和后臺(tái)開(kāi)發(fā)相關(guān)內(nèi)容非常多，每周4學(xué)時(shí)的教學(xué)是很難讓學(xué)生充分掌握的。高職網(wǎng)頁(yè)設(shè)計(jì)課程中，具備內(nèi)容多、技能要求高這些特征的教學(xué)內(nèi)容正是開(kāi)展O2O教學(xué)模式的重要切入點(diǎn)。

4.2 選擇合適的慕課形式開(kāi)展O2O的教學(xué)模式探索

將慕課應(yīng)用到網(wǎng)頁(yè)設(shè)計(jì)的O2O教學(xué)模式中，可依據(jù)具體的教學(xué)內(nèi)容，選用不同的慕課形式。具體的應(yīng)用形式可分為兩種：一種是引用成熟的慕課，引導(dǎo)學(xué)生開(kāi)展學(xué)習(xí)；另一種是采用慕課平臺(tái)或云班課平臺(tái)發(fā)布自主開(kāi)發(fā)的慕課視頻，引導(dǎo)學(xué)生開(kāi)展學(xué)習(xí)。慕課為傳統(tǒng)的課堂教學(xué)提供優(yōu)質(zhì)的資源和有效的交互平臺(tái)，但網(wǎng)頁(yè)設(shè)計(jì)課程中傳統(tǒng)的課堂教學(xué)依然非常重要。相比而言，有些教學(xué)內(nèi)容，采用課堂教學(xué)的效果更好一點(diǎn)（比如HTML語(yǔ)言）。將傳統(tǒng)課程教學(xué)與慕課相結(jié)合，這種線上線下的教學(xué)模式（O2O）為傳統(tǒng)的網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)帶來(lái)了更多活力和豐富的資源，并且有效擴(kuò)展了師生交互空間。

4.3 測(cè)試與練習(xí)+過(guò)程監(jiān)控

將慕課應(yīng)用于網(wǎng)頁(yè)設(shè)計(jì)課程中，可利用其特性與優(yōu)勢(shì)，加入相應(yīng)的練習(xí)、測(cè)試和過(guò)程監(jiān)控，讓學(xué)生能利用課余時(shí)間不斷地鞏固知識(shí)與技能，有效跟蹤每個(gè)學(xué)生的具體學(xué)習(xí)情況。將慕課應(yīng)用到O2O的教學(xué)模式中，目的是為了調(diào)和傳統(tǒng)的課堂教學(xué)與社會(huì)需求之間的矛盾。因此應(yīng)更好的利用傳統(tǒng)的課堂教學(xué)，做到有的放矢。為了更好的應(yīng)用網(wǎng)頁(yè)設(shè)計(jì)的O2O教學(xué)模式，應(yīng)加強(qiáng)過(guò)程監(jiān)控，了解學(xué)生的學(xué)習(xí)情況，做到過(guò)程的可控性，關(guān)注學(xué)生學(xué)習(xí)進(jìn)展，開(kāi)展線上線下的交互。

4.4 教師與學(xué)生之間的作用與地位

在基于慕課的網(wǎng)頁(yè)設(shè)計(jì)課程的O2O教學(xué)生態(tài)模式中，教師和學(xué)生的作用與地位有了一定的變化。教師不僅要完成傳統(tǒng)的課堂教學(xué)任務(wù)，同時(shí)還應(yīng)將人才需求與教學(xué)內(nèi)容進(jìn)行整合，確定哪些內(nèi)容進(jìn)行課堂教學(xué)，哪些內(nèi)容適合設(shè)計(jì)慕課視頻或者選擇合適的慕課平臺(tái)進(jìn)行教學(xué)。跟蹤學(xué)生的學(xué)習(xí)情況，開(kāi)展線上和線下教學(xué)相結(jié)合的新模式。而學(xué)生不僅僅要掌握課堂的學(xué)習(xí)內(nèi)容，還應(yīng)學(xué)習(xí)相關(guān)的慕課資源。對(duì)學(xué)生要進(jìn)行多種測(cè)驗(yàn)與練習(xí)，鞏固網(wǎng)頁(yè)設(shè)計(jì)相關(guān)的知識(shí)與技能，同時(shí)還應(yīng)多利用上機(jī)時(shí)間進(jìn)行操作技能培訓(xùn)。在這種模式中，教師和學(xué)生都是教學(xué)的積極參與者，充分體現(xiàn)了教師與學(xué)生在教學(xué)過(guò)程中的雙主體作用。

5. 總結(jié)

總之，隨著慕課不斷加入到傳統(tǒng)課堂教學(xué)中來(lái)，慕課與具體課程的融合顯得非常重要。目前生態(tài)的理念已經(jīng)貫穿到社會(huì)生活的各個(gè)方面，教學(xué)當(dāng)然也不例外。依據(jù)高職教育特點(diǎn)、高職網(wǎng)頁(yè)設(shè)計(jì)課程特征、網(wǎng)頁(yè)設(shè)計(jì)人員的社會(huì)需求，將慕課應(yīng)用于傳統(tǒng)的網(wǎng)頁(yè)設(shè)計(jì)的教學(xué)過(guò)程中來(lái)，實(shí)現(xiàn)了線上與線下多種教學(xué)模式的有效融合，對(duì)傳統(tǒng)課堂單一的教學(xué)模式進(jìn)行有效彌補(bǔ)。在融合和彌補(bǔ)的過(guò)程中，可促進(jìn)教學(xué)模式進(jìn)一步優(yōu)化，以此構(gòu)建基于慕課的高職網(wǎng)頁(yè)設(shè)計(jì)課程的O2O教學(xué)生態(tài)模式。高職網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)生態(tài)模式構(gòu)建只是一種教育手段，而并非最終的目的，最終的目標(biāo)是希望在此教學(xué)生態(tài)模式下，更好促進(jìn)教學(xué)，實(shí)現(xiàn)學(xué)生從學(xué)校到就業(yè)崗位的無(wú)縫對(duì)接。

[1]田生湖,姚建峰,崔同宜. 我國(guó)慕課研究現(xiàn)狀、熱點(diǎn)聚焦與發(fā)展建議——基于知識(shí)圖譜的可視化分析[J/OL]. 成人教育, 2019(1):25-30[2019-01-12].

[2]中國(guó)互聯(lián)網(wǎng)站發(fā)展?fàn)顩r及其安全報(bào)告（2018年）[EB/OL]., 2018.7.

[3]張琳. 慕課視角下網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)生態(tài)模式的構(gòu)建策略研究[J]. 山東農(nóng)業(yè)工程學(xué)院學(xué)報(bào), 2016,33(08):9-10.

[4]汪舟娜,汪益兵. 基于Online to Offline的高職航海技術(shù)專業(yè)現(xiàn)代學(xué)徒制教學(xué)生態(tài)構(gòu)建[J]. 航海教育研究, 2018,35(04):58-61.

[5]吳建超. 慕課背景下高職經(jīng)濟(jì)法課程教學(xué)模式分析[J]. 法制與社會(huì), 2019(1):206-207.

[6]譚蘇燕. 大學(xué)英語(yǔ)教學(xué)生態(tài)模式研究[J]. 廣東農(nóng)工商職業(yè)技術(shù)學(xué)院學(xué)報(bào), 2014(8).

On the Ecological Model for O2O Web Design Teaching Based on MOOCS in Higher Vocational Institutes

ZHANG Lin & WANG Guan

The combination of MOOCS and specific course teaching brings new vitality and abundant resources to the traditional classroom teaching. The effective integration of web design course teaching and corresponding teaching resources of MOOCS in higher vocational institutes has changed the relatively single classroom teaching model in the past and extended the time and space scope of traditional teaching. Exploration into the O2O teaching model of web design courses based on MOOCs can further help to enrich the curriculum resources, enhance teacher-student interaction and improve students’ self-learning ability. The application of the resources of the MOOCS in the web design course teaching in higher vocational institutes, and new attempts in the development of online and offline teaching models, will be conducive to further improvement of its teaching ecological model.

MOOCs; web design courses in higher vocational institutes; O2O; teaching ecological model.

G642.0

A

1009-1114（2019）03-0013-03

2019-01-15

張琳（1984—），安徽宣城人，碩士研究生，蕪湖職業(yè)技術(shù)學(xué)院副教授，研究方向?yàn)橛?jì)算機(jī)網(wǎng)絡(luò)和計(jì)算機(jī)應(yīng)用。

研究項(xiàng)目：安徽省教學(xué)研究項(xiàng)目“慕課視角下網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)生態(tài)模式研究”(2016jyxm1121)；安徽省質(zhì)量工程項(xiàng)目“綜合布線技術(shù)雙絞線及其制作智慧課堂試點(diǎn)”（2017zhkt465）；安徽省高校自然科學(xué)項(xiàng)目“基于大數(shù)據(jù)分析的智能販賣管控系統(tǒng)的研究與應(yīng)用”（KJ2018A0702）；2018年蕪湖職業(yè)技術(shù)學(xué)院質(zhì)量工程“校級(jí)教壇新秀”項(xiàng)目階段性建設(shè)成果；蕪湖職業(yè)技術(shù)學(xué)院教學(xué)研究項(xiàng)目“慕課視角下網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)生態(tài)模式研究”（WZ[2015]jy09）。

文稿責(zé)編 喻潔