韓道軍+賈培艷

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

關鍵詞：新建構主義；ASP.NET MVC Web程序設計；創(chuàng)新融合；網絡學習空間；個性化學習

DOIDOI：10.11907/rjdk.172184

中圖分類號：G433

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

0 引言

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

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

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

1 ASP.NET MVC Web程序設計課程簡介

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

2 基于新建構主義的教學應用

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

2.1 教學模式設計

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

2.2 教學資源網絡化

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

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

2.3 綜合型實驗設計

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

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

2.4 個性化學習

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

2.5 部分教學案例設計

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

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

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

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

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

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

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

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

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

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

2.6 效果評價

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

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

3 結語

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

參考文獻：

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

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

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

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

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

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