新建構(gòu)主義在ASP.NET MVC Web程序設(shè)計課程中的應(yīng)用

韓道軍+賈培艷

摘 要：ASP.NET MVC Web程序設(shè)計課程以網(wǎng)頁設(shè)計和網(wǎng)站開發(fā)為主要授課內(nèi)容，與實踐結(jié)合緊密。傳統(tǒng)的教學方式通過獨立案例逐步對各個知識點進行講解，使得學生對所教知識點理解孤立且不能創(chuàng)新融合，影響學生應(yīng)用能力的培養(yǎng)。新建構(gòu)主義教學法能夠?qū)χR點的整合創(chuàng)新提供一種有效方法。探討基于新建構(gòu)主義下ASP.NET MVC Web程序設(shè)計課程的教學研究，對于學生創(chuàng)新能力的培養(yǎng)可起到積極作用。

關(guān)鍵詞：新建構(gòu)主義；ASP.NET MVC Web程序設(shè)計；創(chuàng)新融合；網(wǎng)絡(luò)學習空間；個性化學習

DOIDOI：10.11907/rjdk.172184

中圖分類號：G433

文獻標識碼：A 文章編號：1672-7800（2018）002-0224-03

0 引言

2016年2月，教育部辦公廳印發(fā)《2016年教育信息化工作要點》，明確提出“以創(chuàng)新、協(xié)調(diào)、綠色、開放、共享的發(fā)展理念為引領(lǐng)，堅持‘服務(wù)全局、融合創(chuàng)新、深化應(yīng)用、完善機制的原則，按照‘規(guī)劃引領(lǐng)、統(tǒng)籌部署，鞏固成果、創(chuàng)新拓展，深化應(yīng)用、突出重點，強化培訓、示范引導的工作方針，全面完善三通兩平臺的建設(shè)與應(yīng)用，重點推動網(wǎng)絡(luò)學習空間人人通”[1]。該政策對高等教育的人才培養(yǎng)工作提出了新要求，各類學習平臺因此應(yīng)運而生，為學生的在線學習提供了支持，也促進了教學模式的改變。

中山大學的王竹立教授2011年創(chuàng)建的“新建構(gòu)主義（New Constructivism）”是在建構(gòu)主義理論基礎(chǔ)上面向網(wǎng)絡(luò)化學習環(huán)境發(fā)展而來的學習理論，為互聯(lián)網(wǎng)+時代教師指導大學生學習提供了新視角[2]。新建構(gòu)主義教學法主張鼓勵學生在課外通過網(wǎng)絡(luò)開展豐富多彩的個性化自主學習；通過課堂上的分享與交流，選擇大家感興趣的內(nèi)容開展協(xié)作與探究，進一步深化學習；在教師的示范與指導下，逐漸實現(xiàn)知識碎片的加工與整合，最終實現(xiàn)知識創(chuàng)新。王教授將這個新型的學習理論簡單概括為兩大挑戰(zhàn)：網(wǎng)絡(luò)時代下的信息超載挑戰(zhàn)與知識碎片化的挑戰(zhàn)。他還提出了知識嫁接學說[3]，認為教育就是一個將前人知識嫁接到后人頭腦中的過程，后人在一定程度上接受了前人的知識結(jié)構(gòu)和體系，而不是從零開始、自主建構(gòu)。知識嫁接的目的是為了結(jié)出新果實，即實現(xiàn)知識創(chuàng)新，這點與前述的政策文件大力提倡的“整合創(chuàng)新、創(chuàng)新拓展”不謀而合。因此，新建構(gòu)主義理論為“整合創(chuàng)新、創(chuàng)新拓展”這一理念提供了依據(jù)[5]。

本文以“整合創(chuàng)新、創(chuàng)新拓展”理念的實施為依據(jù)，以新建構(gòu)主義為理論指導，以網(wǎng)絡(luò)學習空間為實施平臺，以ASP.NET MVC Web程序設(shè)計課程為實施對象，以提升學生的Web程序設(shè)計實踐能力與創(chuàng)新能力為目標，開展課程教學模式及關(guān)鍵內(nèi)容教學改革。

1 ASP.NET MVC Web程序設(shè)計課程簡介

ASP.NET MVC Web程序設(shè)計是一門介紹Web開發(fā)技術(shù)的課程，以網(wǎng)頁設(shè)計和網(wǎng)站開發(fā)為主要授課內(nèi)容，與實踐結(jié)合緊密，且有較強的視覺效果，是應(yīng)用型人才培養(yǎng)的一個重要支撐，在眾多普通高校均有開設(shè)，對學生編程實踐、Web程序開發(fā)與部署、分層架構(gòu)設(shè)計與服務(wù)架構(gòu)、框架開發(fā)模式等方面均有知識點涉及和范例講解[6]，因此選修者眾多。ASP.NET MVC Web程序設(shè)計作為計算機類課程培養(yǎng)體系中一門重要的專業(yè)選修課，對加強創(chuàng)新能力的培養(yǎng)起著非常關(guān)鍵的作用，而提高學生的創(chuàng)新、實踐能力，不僅是當今高等教育人才培養(yǎng)的重要目標，更是各高校實踐教學改革的重要方向。因此，探討該課程的教學理論與教學方法具有重要的實際意義。

2 基于新建構(gòu)主義的教學應(yīng)用

筆者在2014級計算機科學與技術(shù)和網(wǎng)絡(luò)工程專業(yè)的ASP.NET Web程序設(shè)計課程教學中，采用案例教學法，從新建構(gòu)主義視角出發(fā)，設(shè)計出功能要求相當、復雜度合適的項目列表，讓學生以小組形式（5人左右）在列表中選擇一個任務(wù)，并在項目任務(wù)驅(qū)動下，綜合多門先行課程知識及網(wǎng)絡(luò)環(huán)境的碎片化資源，實現(xiàn)高效學習，將學習、應(yīng)用、創(chuàng)新融合為一體，在Web應(yīng)用程序開發(fā)的各個實踐環(huán)節(jié)里實現(xiàn)對零散知識的融會貫通和綜合應(yīng)用，從而有效完成常見Web應(yīng)用的設(shè)計與開發(fā)，并實現(xiàn)創(chuàng)新。

2.1 教學模式設(shè)計

課程教學模式主要采用經(jīng)典建構(gòu)主義提出的拋錨式教學。教師從新建構(gòu)主義視角出發(fā)，鼓勵并促使學生充分利用網(wǎng)絡(luò)資源整合已有的基礎(chǔ)，查缺補漏，進行碎片化知識學習，并在實踐中整合知識點、應(yīng)用知識點，設(shè)計出新的數(shù)據(jù)讀寫、傳輸解決方案或頁面特效等實用效果，從而實現(xiàn)知識創(chuàng)新。

2.2 教學資源網(wǎng)絡(luò)化

本課程教師提供的指導及資源依托兩個平臺：①華南師范大學計算機學院湯庸教授創(chuàng)建的學者網(wǎng)平臺，網(wǎng)址為http：//www.scholat.com/course/webtechnology。學者網(wǎng)課程平臺可以為師生間提供良好的互動，并且功能較為全面、實用，可為教師提供教學資源上傳、教學公告發(fā)布、作業(yè)發(fā)布與點評、課堂考勤、留言板答疑、在線答疑等功能；為學生提供教學資源下載、作業(yè)上傳、在線討論、留言板等功能；②筆者所在學?！幽洗髮W提供的網(wǎng)絡(luò)學習空間https：//blackboard.henu.edu.cn/，學生登錄后也可獲取相應(yīng)的學習資源并開展交互，功能與學者網(wǎng)類似，此外還有作業(yè)互評和模塊自定義功能。

除了以上兩個課程資源平臺，在知識點講解方面，鼓勵學生從多個權(quán)威IT課程資源提供網(wǎng)站獲取相關(guān)的知識點（如極客學院、北風網(wǎng)、CSDN等），從不同側(cè)面和講解方式學習并加深對知識點內(nèi)容的掌握和應(yīng)用能力。

2.3 綜合型實驗設(shè)計

結(jié)合課程內(nèi)容，圍繞頁面設(shè)計的核心流程和技術(shù)，在理解和遵循Web標準的基礎(chǔ)上，設(shè)置了頁面設(shè)計HTML5、CSS樣式控制、jQuery事件及動畫設(shè)計、MVC設(shè)計模式、EF框架數(shù)據(jù)訪問、異步刷新技術(shù)等與實踐應(yīng)用聯(lián)系較為緊密的實驗題目，使實驗內(nèi)容之間聯(lián)系性較強。并且通過小組間的討論和交流，能夠增強學生的計算思維能力，遇到問題能夠?qū)ζ溥M行分解和抽象，并結(jié)合已有知識找出解決方案，有利于培養(yǎng)解決實際問題的能力。同時，通過本項目能夠培養(yǎng)學生工程化的思維模式，理解網(wǎng)站開發(fā)的全流程，也即從網(wǎng)站代碼開發(fā)后的程序部署、域名申請、空間發(fā)布及Web服務(wù)器配置等方面進行全方位練習，增強實戰(zhàn)能力。endprint

具體根據(jù)以上要求和目標，可以設(shè)置較為靈活的綜合型實驗題目，例如結(jié)合筆者所在學校的各個院系和職能部門，各小組自主選擇目標院系的網(wǎng)站進行編碼實現(xiàn)。采用該方式的好處是：①小組成員只需要理解目標網(wǎng)站的功能及設(shè)計方式，省去了需求和設(shè)計環(huán)節(jié)，這兩個環(huán)節(jié)對于學生團隊而言比較耗時且不易達成一致；②目標明確，教師考核時有明確的執(zhí)行尺度和標準，省去了人為因素考評；③小組間可以根據(jù)已有的目標難度與該小組實現(xiàn)情況，進行組間互相打分，提高學生的參與度與責任感。

2.4 個性化學習

以新建構(gòu)主義理論為指導，借鑒熊芳敏老師[5]的實施方式，圍繞初期設(shè)計的目標，核查遺漏知識點，通過師生互動，增強學生的知識點聯(lián)系，并完成實際問題的解決，達到知識創(chuàng)新的目標，具體描述如圖1所示。

2.5 部分教學案例設(shè)計

按照新建構(gòu)主義理論，通過課堂上的分享與交流，選擇大家感興趣的內(nèi)容開展協(xié)作與探究，進一步深化學習；在教師的示范與指導下，逐漸實現(xiàn)知識碎片的加工與整合，最終實現(xiàn)知識創(chuàng)新。以該理論為指導，在一些重要的知識點方面，設(shè)計好教學方法，并啟發(fā)學生思考和進一步深化學習，以學會教材之外的內(nèi)容，達到知識的融會貫通。部分教學案例列舉如下：

（1）Web標準引入：通過分析標準化組織、開發(fā)公司、程序開發(fā)人員和終端用戶4類角色在標準定制中各自起到的作用，讓學生明白作為程序開發(fā)人員，學習標記的用法不如解析標記效果的工作量大，從而增加學習內(nèi)容的信心。

（2）HTML5：通過介紹HTML5的內(nèi)涵及對移動設(shè)備的支持，重點說明這是一個系列，包括HTML5、CSS3.0、jQuery等，并且將來隨著環(huán)境的變化，還有可能增加版本號（如HTML6），此時內(nèi)涵將會發(fā)生變化。讓學生對新技術(shù)的變化保持平常心，將其作為常態(tài)對待。

（3）MVC：引入常見的社會分工合作范例介紹MVC工作模式，各司其職，分工合作，共同完成任務(wù)，以期讓學生明白很多內(nèi)容在原理上是相通的，可以將其他學科的知識試探性地遷移到計算機學科，以培養(yǎng)創(chuàng)新思維。

（4）BootStrap框架：從早期的DIV+CSS過渡到現(xiàn)在的框架布局，理清基礎(chǔ)知識與框架封裝之間的關(guān)系，也即“青出于藍而勝于藍”。理解頁面布局的基礎(chǔ)知識是為了更好地使用框架，理解框架運行機理。

（5）CSS：圍繞CSS的引入理解初中數(shù)學中因式分解中常用的公因式提取法（將需要統(tǒng)一控制的樣式提取到一個獨立的文件中），以加強數(shù)學思維。

（6）CSS選擇器：通過幾類選擇器的介紹，重申了計算機的工作思維：想要操作什么對象，必先選定該對象。如果結(jié)合已有知識點，與匯編語言中的存儲器尋址方式、高級語言角度是按名操作變量對象方式具有相似性。

（7）jQuery及jQuery UI：介紹兩種js文件的異同，同時說明該方式與“命名空間”類似，jQuery UI是獨立的，單獨控制界面部分。這種按照功能將代碼文件分離的思想，可以降低搜索空間，并且有利于不同技術(shù)各自聚焦突破。

（8）EF框架：通過演示基于EF的代碼有限模式，體會利用框架操作帶來的便捷性，同時引導學生觀察數(shù)據(jù)庫類型與模型類之間的類型映射關(guān)系（如數(shù)據(jù)庫中的VarChar類型與模型類中的String類型之間的聯(lián)系），將不同課程內(nèi)容中的知識點關(guān)聯(lián)起來，在實踐中應(yīng)用并解決實際問題。

值得注意的是，在教學案例選取時，需要：①結(jié)合實踐應(yīng)用：選取經(jīng)典的頁面進行技術(shù)分析；②結(jié)合思維方式：利用奧列姆剃刀法則，學習一個技術(shù)或知識點時，先思考能否不采用這個技術(shù)，是屬于“雪中送炭型”還是“錦上添花型”，對其進行分類理解和掌握；③結(jié)合趣味性：例如MVC模式中的分離思想與樂高玩具、磁力棒玩具（實物教學法）的理念具有相似之處，可以類比至本課程領(lǐng)域；在講解偽類選擇器時，對其中的“偽”字釋義可涉及偽君子、偽軍、偽裝者等經(jīng)典電視劇中相關(guān)內(nèi)容，以及在計算機學科中偽碼、偽類的含義，以吸引學生興趣，加深知識點印象。

2.6 效果評價

與理論類專業(yè)課程的考核方式不同，ASP.NET Web程序設(shè)計課程實踐性較強，不能單純以知識點的識記為考核方式，而是應(yīng)查看學生的實踐操作能力。在該考核方式下，可以引入學生自評（表格設(shè)計為：序號、評價點、自評等級）、小組內(nèi)成員自評（表格設(shè)計為：組號、序號、成員姓名、貢獻百分比、最后得分）、小組間互評（表格設(shè)計為：小組號、評價點、評價等級、總評）、教師評審（表格設(shè)計為：序號、評價點、評價等級、最后得分）等方式相結(jié)合，設(shè)置不同權(quán)重，盡量真實地反映學生的知識點掌握與應(yīng)用情況。

從與各小組的交流中得知，學生普遍認為基于新建構(gòu)主義視角下的學習有利于在網(wǎng)絡(luò)環(huán)境下提高個性化學習效率。當然，也存在個別小組在團隊協(xié)作方面不夠好，未能完成所選目標網(wǎng)站的開發(fā)任務(wù)的情況。

3 結(jié)語

為在Web應(yīng)用程序開發(fā)的各個實踐環(huán)節(jié)里實現(xiàn)對各個零散知識點的融會貫通和綜合應(yīng)用，利用建構(gòu)主義理論作為指導具有較好的效果，能夠貫徹“整合創(chuàng)新、創(chuàng)新拓展”的理念。而且采用新建構(gòu)主義的理論指導教學，可以讓學生更充分地利用網(wǎng)絡(luò)資源進行學習，有效提高學生的學習積極性和學習效果。隨著普通高等學校對學生應(yīng)用型能力培養(yǎng)的進一步加強，該類課程也需要進行進一步改革，根據(jù)受眾不同探討更合適的教學方式。而且隨著移動設(shè)備的增多，可以考慮利用微信公眾號等開展教學，以實現(xiàn)資源的連續(xù)推送與更具趣味性的師生互動。

參考文獻：

[1] 教育部辦公廳.關(guān)于印發(fā)“2016年教育信息化工作要點”的通知[EB/OL].[2016-04-11].http：//www.moe.edu.cn/srcsite/A16/s3342/201602/t20160219229804.html.

[2] 王竹立.零存整?。壕W(wǎng)絡(luò)時代的學習策略[J].遠程教育雜志，2013，31（3）：37-43.

[3] 王竹立.新建構(gòu)主義的理論體系和創(chuàng)新實踐[J].遠程教育雜志，2012，30（6）：37-41.

[4] 鄭云翔.新建構(gòu)主義視角下大學生個性化學習的教學模式探究[J].遠程教育雜志，2015（4）：48-58.

[5] 熊芳敏.新建構(gòu)主義在軟件工程課程中的應(yīng)用[J].計算機教育，2016，264（12）：112-115.

[6] 韓道軍.基于計算思維能力培養(yǎng)的Web系統(tǒng)與技術(shù)教學研究[J].軟件導刊，2015，14（9）：214-216.endprint