新建构主义在ASP.NET MVC Web程序设计课程中的应用

韩道军+贾培艳

摘 要：ASP.NET MVC Web程序设计课程以网页设计和网站开发为主要授课内容，与实践结合紧密。传统的教学方式通过独立案例逐步对各个知识点进行讲解，使得学生对所教知识点理解孤立且不能创新融合，影响学生应用能力的培养。新建构主义教学法能够对知识点的整合创新提供一种有效方法。探讨基于新建构主义下ASP.NET MVC Web程序设计课程的教学研究，对于学生创新能力的培养可起到积极作用。

关键词：新建构主义；ASP.NET MVC Web程序设计；创新融合；网络学习空间；个性化学习

DOIDOI：10.11907/rjdk.172184

中图分类号：G433

文献标识码：A 文章编号：1672-7800（2018）002-0224-03

0 引言

2016年2月，教育部办公厅印发《2016年教育信息化工作要点》，明确提出“以创新、协调、绿色、开放、共享的发展理念为引领，坚持‘服务全局、融合创新、深化应用、完善机制的原则，按照‘规划引领、统筹部署，巩固成果、创新拓展，深化应用、突出重点，强化培训、示范引导的工作方针，全面完善三通两平台的建设与应用，重点推动网络学习空间人人通”[1]。该政策对高等教育的人才培养工作提出了新要求，各类学习平台因此应运而生，为学生的在线学习提供了支持，也促进了教学模式的改变。

中山大学的王竹立教授2011年创建的“新建构主义（New Constructivism）”是在建构主义理论基础上面向网络化学习环境发展而来的学习理论，为互联网+时代教师指导大学生学习提供了新视角[2]。新建构主义教学法主张鼓励学生在课外通过网络开展丰富多彩的个性化自主学习；通过课堂上的分享与交流，选择大家感兴趣的内容开展协作与探究，进一步深化学习；在教师的示范与指导下，逐渐实现知识碎片的加工与整合，最终实现知识创新。王教授将这个新型的学习理论简单概括为两大挑战：网络时代下的信息超载挑战与知识碎片化的挑战。他还提出了知识嫁接学说[3]，认为教育就是一个将前人知识嫁接到后人头脑中的过程，后人在一定程度上接受了前人的知识结构和体系，而不是从零开始、自主建构。知识嫁接的目的是为了结出新果实，即实现知识创新，这点与前述的政策文件大力提倡的“整合创新、创新拓展”不谋而合。因此，新建构主义理论为“整合创新、创新拓展”这一理念提供了依据[5]。

本文以“整合创新、创新拓展”理念的实施为依据，以新建构主义为理论指导，以网络学习空间为实施平台，以ASP.NET MVC Web程序设计课程为实施对象，以提升学生的Web程序设计实践能力与创新能力为目标，开展课程教学模式及关键内容教学改革。

1 ASP.NET MVC Web程序设计课程简介

ASP.NET MVC Web程序设计是一门介绍Web开发技术的课程，以网页设计和网站开发为主要授课内容，与实践结合紧密，且有较强的视觉效果，是应用型人才培养的一个重要支撑，在众多普通高校均有开设，对学生编程实践、Web程序开发与部署、分层架构设计与服务架构、框架开发模式等方面均有知识点涉及和范例讲解[6]，因此选修者众多。ASP.NET MVC Web程序设计作为计算机类课程培养体系中一门重要的专业选修课，对加强创新能力的培养起着非常关键的作用，而提高学生的创新、实践能力，不仅是当今高等教育人才培养的重要目标，更是各高校实践教学改革的重要方向。因此，探讨该课程的教学理论与教学方法具有重要的实际意义。

2 基于新建构主义的教学应用

笔者在2014级计算机科学与技术和网络工程专业的ASP.NET Web程序设计课程教学中，采用案例教学法，从新建构主义视角出发，设计出功能要求相当、复杂度合适的项目列表，让学生以小组形式（5人左右）在列表中選择一个任务，并在项目任务驱动下，综合多门先行课程知识及网络环境的碎片化资源，实现高效学习，将学习、应用、创新融合为一体，在Web应用程序开发的各个实践环节里实现对零散知识的融会贯通和综合应用，从而有效完成常见Web应用的设计与开发，并实现创新。

2.1 教学模式设计

课程教学模式主要采用经典建构主义提出的抛锚式教学。教师从新建构主义视角出发，鼓励并促使学生充分利用网络资源整合已有的基础，查缺补漏，进行碎片化知识学习，并在实践中整合知识点、应用知识点，设计出新的数据读写、传输解决方案或页面特效等实用效果，从而实现知识创新。

2.2 教学资源网络化

本课程教师提供的指导及资源依托两个平台：①华南师范大学计算机学院汤庸教授创建的学者网平台，网址为http：//www.scholat.com/course/webtechnology。学者网课程平台可以为师生间提供良好的互动，并且功能较为全面、实用，可为教师提供教学资源上传、教学公告发布、作业发布与点评、课堂考勤、留言板答疑、在线答疑等功能；为学生提供教学资源下载、作业上传、在线讨论、留言板等功能；②笔者所在学校——河南大学提供的网络学习空间https：//blackboard.henu.edu.cn/，学生登录后也可获取相应的学习资源并开展交互，功能与学者网类似，此外还有作业互评和模块自定义功能。

除了以上两个课程资源平台，在知识点讲解方面，鼓励学生从多个权威IT课程资源提供网站获取相关的知识点（如极客学院、北风网、CSDN等），从不同侧面和讲解方式学习并加深对知识点内容的掌握和应用能力。

2.3 综合型实验设计

结合课程内容，围绕页面设计的核心流程和技术，在理解和遵循Web标准的基础上，设置了页面设计HTML5、CSS样式控制、jQuery事件及动画设计、MVC设计模式、EF框架数据访问、异步刷新技术等与实践应用联系较为紧密的实验题目，使实验内容之间联系性较强。并且通过小组间的讨论和交流，能够增强学生的计算思维能力，遇到问题能够对其进行分解和抽象，并结合已有知识找出解决方案，有利于培养解决实际问题的能力。同时，通过本项目能够培养学生工程化的思维模式，理解网站开发的全流程，也即从网站代码开发后的程序部署、域名申请、空间发布及Web服务器配置等方面进行全方位练习，增强实战能力。endprint

具体根据以上要求和目标，可以设置较为灵活的综合型实验题目，例如结合笔者所在学校的各个院系和职能部门，各小组自主选择目标院系的网站进行编码实现。采用该方式的好处是：①小组成员只需要理解目标网站的功能及设计方式，省去了需求和设计环节，这两个环节对于学生团队而言比较耗时且不易达成一致；②目标明确，教师考核时有明确的执行尺度和标准，省去了人为因素考评；③小组间可以根据已有的目标难度与该小组实现情况，进行组间互相打分，提高学生的参与度与责任感。

2.4 个性化学习

以新建构主义理论为指导，借鉴熊芳敏老师[5]的实施方式，围绕初期设计的目标，核查遗漏知识点，通过师生互动，增强学生的知识点联系，并完成实际问题的解决，达到知识创新的目标，具体描述如图1所示。

2.5 部分教学案例设计

按照新建构主义理论，通过课堂上的分享与交流，选择大家感兴趣的内容开展协作与探究，进一步深化学习；在教师的示范与指导下，逐渐实现知识碎片的加工与整合，最终实现知识创新。以该理论为指导，在一些重要的知识点方面，设计好教学方法，并启发学生思考和进一步深化学习，以学会教材之外的内容，达到知识的融会贯通。部分教学案例列举如下：

（1）Web标准引入：通过分析标准化组织、开发公司、程序开发人员和终端用户4类角色在标准定制中各自起到的作用，让学生明白作为程序开发人员，学习标记的用法不如解析标记效果的工作量大，从而增加学习内容的信心。

（2）HTML5：通过介绍HTML5的内涵及对移动设备的支持，重点说明这是一个系列，包括HTML5、CSS3.0、jQuery等，并且将来随着环境的变化，还有可能增加版本号（如HTML6），此时内涵将会发生变化。让学生对新技术的变化保持平常心，将其作为常态对待。

（3）MVC：引入常见的社会分工合作范例介绍MVC工作模式，各司其职，分工合作，共同完成任务，以期让学生明白很多内容在原理上是相通的，可以将其他学科的知识试探性地迁移到计算机学科，以培养创新思维。

（4）BootStrap框架：从早期的DIV+CSS过渡到现在的框架布局，理清基础知识与框架封装之间的关系，也即“青出于蓝而胜于蓝”。理解页面布局的基础知识是为了更好地使用框架，理解框架运行机理。

（5）CSS：围绕CSS的引入理解初中数学中因式分解中常用的公因式提取法（将需要统一控制的样式提取到一个独立的文件中），以加强数学思维。

（6）CSS选择器：通过几类选择器的介绍，重申了计算机的工作思维：想要操作什么对象，必先选定该对象。如果结合已有知识点，与汇编语言中的存储器寻址方式、高级语言角度是按名操作变量对象方式具有相似性。

（7）jQuery及jQuery UI：介绍两种js文件的异同，同时说明该方式与“命名空间”类似，jQuery UI是独立的，单独控制界面部分。这种按照功能将代码文件分离的思想，可以降低搜索空间，并且有利于不同技术各自聚焦突破。

（8）EF框架：通过演示基于EF的代码有限模式，体会利用框架操作带来的便捷性，同时引导学生观察数据库类型与模型类之间的类型映射关系（如数据库中的VarChar类型与模型类中的String类型之间的联系），将不同课程内容中的知识点关联起来，在实践中应用并解决实际问题。

值得注意的是，在教学案例选取时，需要：①结合实践应用：选取经典的页面进行技术分析；②结合思维方式：利用奥列姆剃刀法则，学习一个技术或知识点时，先思考能否不采用这个技术，是属于“雪中送炭型”还是“锦上添花型”，对其进行分类理解和掌握；③结合趣味性：例如MVC模式中的分离思想与乐高玩具、磁力棒玩具（实物教学法）的理念具有相似之处，可以类比至本课程领域；在讲解伪类选择器时，对其中的“伪”字释义可涉及伪君子、伪军、伪装者等经典电视剧中相关内容，以及在计算机学科中伪码、伪类的含义，以吸引学生兴趣，加深知识点印象。

2.6 效果評价

与理论类专业课程的考核方式不同，ASP.NET Web程序设计课程实践性较强，不能单纯以知识点的识记为考核方式，而是应查看学生的实践操作能力。在该考核方式下，可以引入学生自评（表格设计为：序号、评价点、自评等级）、小组内成员自评（表格设计为：组号、序号、成员姓名、贡献百分比、最后得分）、小组间互评（表格设计为：小组号、评价点、评价等级、总评）、教师评审（表格设计为：序号、评价点、评价等级、最后得分）等方式相结合，设置不同权重，尽量真实地反映学生的知识点掌握与应用情况。

从与各小组的交流中得知，学生普遍认为基于新建构主义视角下的学习有利于在网络环境下提高个性化学习效率。当然，也存在个别小组在团队协作方面不够好，未能完成所选目标网站的开发任务的情况。

3 结语

为在Web应用程序开发的各个实践环节里实现对各个零散知识点的融会贯通和综合应用，利用建构主义理论作为指导具有较好的效果，能够贯彻“整合创新、创新拓展”的理念。而且采用新建构主义的理论指导教学，可以让学生更充分地利用网络资源进行学习，有效提高学生的学习积极性和学习效果。随着普通高等学校对学生应用型能力培养的进一步加强，该类课程也需要进行进一步改革，根据受众不同探讨更合适的教学方式。而且随着移动设备的增多，可以考虑利用微信公众号等开展教学，以实现资源的连续推送与更具趣味性的师生互动。

参考文献：

[1] 教育部办公厅.关于印发“2016年教育信息化工作要点”的通知[EB/OL].[2016-04-11].http：//www.moe.edu.cn/srcsite/A16/s3342/201602/t20160219229804.html.

[2] 王竹立.零存整取：网络时代的学习策略[J].远程教育杂志，2013，31（3）：37-43.

[3] 王竹立.新建构主义的理论体系和创新实践[J].远程教育杂志，2012，30（6）：37-41.

[4] 郑云翔.新建构主义视角下大学生个性化学习的教学模式探究[J].远程教育杂志，2015（4）：48-58.

[5] 熊芳敏.新建构主义在软件工程课程中的应用[J].计算机教育，2016，264（12）：112-115.

[6] 韩道军.基于计算思维能力培养的Web系统与技术教学研究[J].软件导刊，2015，14（9）：214-216.endprint