项目引导的《ASP.NET 程序设计》课程自主学习模式探索*

叶贵友

（江苏联合职业技术学院淮安生物工程分院 计算机工程系，江苏 淮安 223200）

计算机语言作为专业核心课程，语言版本由当初的QBASIC、Turbo C 到当今Visual Basic.NET、Visual C#.NET、Java 等不断变迁；程序设计课程也由学科体系向行动体系变革，促进了技能型人才的培养。随着信息技术与教育的融合，孕育着职业教育的第二次改革，已在智慧校园建设、虚拟仿真应用等方面取得可喜的成绩，但在创新型人才培养上却建树甚微，正如乔布斯所说：“为什么IT 改变了几乎所有领域，却唯独对教育的影响小得令人吃惊?”

一、《ASP.NET 程序设计》课程存在的问题

《ASP.NET 程序设计》是我校五年制高职计算机专业核心课程，通常安排在第六学期，采用项目化案例教材和理实一体化授课方式进行教学，课时一般为70-80学时。其前导课程为《GUI 应用程序设计》《数据库技术与应用》等。

《ASP.NET 程序设计》课程教学中存在的主要问题有：

（1）学生对课程的理论学习不求甚解、技能操作浅尝辄止，过于依赖教师讲授，局限于课堂上学习，缺少学习动力和学习热情，处于被动学习状态。刻苦钻研、勤奋好学的学生较少，缺乏追根溯源的毅力和持之以恒的精神。

（2）基础不牢，习惯懒散。五年制高职院校的生源是初中毕业生，部分学生在初中阶段没有养成良好的学习习惯，升入高职院校后，用1.5－2 年时间完成高中文化课程的速成学习，加剧了两极分化。遇到问题不主动解决，安于现状，课堂上自控力差，注意力不集中、打瞌睡、不记笔记等现象不在少数。还有一些学生形象思维较好，但抽象思维能力欠缺，体现在《ASP.NET 程序设计》课程教学中，表现为程序界面设计领悟能力较好，程序代码悟性和理解不够，但心理上又畏难怕苦，不愿去深究。

二、《ASP.NET 程序设计》课程的翻转课堂探索

翻转课堂引入中国，被教育界寄予厚望，利用信息技术对传统教育进行改革，扭转传统教育中被动学习的现状，助力创新型人才培养。

1.网络学习平台的选用

要实施翻转课堂，必先搭建网络学习平台。笔者2016 年11 月在济南有幸聆听了华南师范大学汪晓东教授所作的“遇见更好的课堂——在线开放课程开发与应用”讲座，开始接触翻转课堂和使用“智慧职教云”网络学习平台。

智慧职教云是一种在线学习和在线教学平台，支持在线学习、混合式学习、翻转课堂等教学创新实践活动。其具有以下几个特点：首先是支持移动互联网络，支持手机或电脑在线学习、在线教学的网络平台，互动性好，符合当前移动互联时代学习的要求；其次，平台上提供了丰富的学习资源，并且是免费平台，便于一线教师实践应用；此外，职教云以学校为基本单元，便于管理和应用。

笔者试用职教云教学，要求学生在自己的手机上下载、安装和注册智慧职教云课堂App，发现有少数学生找理由不安装，有抵触情绪。在对下一年级学生授课时，笔者将安装包、安装说明、注册说明、邀请二维码发到班级QQ 群中，用推荐方式告诉学生“正版软件，放心使用”，课前将教学资源、教案、PPT 放在职教云平台上，课中有意识地使用手机进行签到、授课、提问、讨论等教学活动，改变策略后，第三次授课时所有学生均完成了云课堂的手机注册。

2.学习资源的制作与三维透视图应用

翻转课堂的视频有两种形式：一种是微课，它是以视频为载体，记录教师围绕某个知识点或教学环节开展的简短、完整的教学活动，它是“课”，具有相应的结构和体系，与常规课相比，内容更聚焦。另一种是微视频，围绕知识点、技能点制作成简短的视频。职教云平台的“课前”栏目中提供了讨论、测验、考试、投票、问卷调查、作业、课件等教学活动功能，如图1 所示。“课中”除上述功能外，还增加了签到、提问、小组PK、拍照、白板等教学活动功能，如图2、图3 所示。因此，笔者选用微视频形式制作学习资源，教学活动则调用和设置职教云平台上的功能，主题聚焦、使用灵活并能智能统计和数据分析。

图1 职教云“课前”教学活动功能（PC 浏览器端截图）

图2 职教云“课中”教学活动功能（手机截图）

图3 职教云“课中”拍照、白板功能

课程的微视频制作采用PPT 和软件实操讲解录屏为主，录制软件为超级录屏8.0。在正常屏幕分辨率的情况下，一般5-10 分钟的微视频大小在15-30M。如何保证视频质量，又能减低视频大小，减少学生移动数据流量？笔者尝试用降低分辨率、改变视频输出格式等办法，但视频清晰度下降会影响使用效果；视频大小与录制时长直接相关，笔者发现三维透视图在PPT 课件中应用，能够有效协调课件的条理和细节矛盾，减低视频时长。三维透视图是指应用视觉空间的变化规律在平面上呈现立体特征的空间画面。现在很多软件都提供二维平面图转化为三维透视图的技术。

（1）微软Office 办公软件进行三维透视图的转换

微软Office 办公软件套装中Word、Excel、Power-Point 等都提供了将二维平面图与三维透视图互换技术，此外，在Win7 及更高版本Windows 操作系统中提供了三维透视层叠窗口Aero 桌面特效。下面笔者以Microsoft PowerPoint 2010 为例,介绍实现二维平面图与三维透视图互换的方法：

启动Microsoft PowerPoint 2010，在菜单上选择“插入”“图片”，将图片添加到幻灯片中；选择幻灯片中图片，点击鼠标右键，在快捷菜单中选择“设置图片格式”，弹出对话窗体，在窗口左边的项目类型中，选择“三维旋转”，在窗口右边的模板“预设”中选“透视”的一种模板，设置“旋转”X 为80°，透视为45°。图4 是《ASP.NET 程序设计》课程中聊天室界面设计视图，图5 是聊天室界面设计视图转换为三维透视图。

（2）使用VBA 程序代码实现平面图与三维透视图互换

启动Microsoft PowerPoint 2010，在菜单上选择“插入”“图片”，将图片添加到幻灯片中；在菜单上选择“开发工具”（默认安装下，菜单上没有“开发工具”，在Microsoft PowerPoint 2010“文件”菜单下点击“选项”，弹出对话窗体，在窗口左边的项目类型中，选择“自定义功能区”，在“主选项卡”下勾选“开发工具”即可），将“命令按钮”图标拖放到幻灯片上，双击“命令按钮”，进入程序设计视图，输入如下代码：

图4 聊天室界面设计视图

图5 转换为三维透视图

保存PPT 演示文稿类型为“启用宏的PowerPoint 演示文稿(*.pptm)”。在幻灯片放映中，点击“命令按钮”，平面图以动画形式旋转为三维透视图；再次点击“命令按钮”，三维透视图旋转为平面图。

（3）三维透视图在课件中的应用

在《ASP.NET 程序设计》课程中，项目四信息交流主要内容是聊天室程序设计。该项目的知识点是Ajax 异步数据刷新、数据的显示和数据的上传保存。涉及到程序的界面设计、代码设计、数据库表结构设计和运行测试。课件制作时，将涉及到的二维平面图和表，通过ABA代码转变为三维透视图并按序层叠，加入流程线与文字标注，呈现的就是聊天室项目总体结构模块图，如图6所示。虽然课件只有一张幻灯片，但模块间调用关系、执行时序以及模块之间的数据流、控制流信息等一目了然。幻灯片放映时，用鼠标点击三维透视图，透视图将以动画形式旋转为平面视图呈现细节，便于讲授和实现细节聚焦，调和了脉络与细节这对矛盾，有效破解了教学设计的难点。

图6 三维透视图在聊天室程序设计课件中的应用

3.翻转课堂的实践

（1）课前自主学习

使用职教云平台，教师可以查看到学生课前自主学习课程资源的情况和比例。在教师不作要求的情况下，课前自主学习的学生占全班25%-50%，如在“课中”有意识地增加提问、测试等教学干预，课前自主学习的学生比例可达到90%以上。游春华、梁宛玲[1]对其所在学校的415 名本科生进行了调查，课前认真预习的学生为4.82%，有时预习的学生达55.9%，从不预习和基本不预习的学生占39.28%。李莉环、武慧琴[2]对其所在学校的332 名专科生进行了调查，自主制定学习目标、按时完成的学生占10.24%，能够自主制定学习目标、是否完成不确定的学生占44.58%，学习无目标、由教师决定的占45.18%。这些调查数据与我校情况基本相似，也反映出了当前大中专院校学生课外学习的现状。

开展翻转课堂教学的前提是有效进行课前的自主学习。进行翻转课堂教学要达到传统教学的效果，课前自主学习课程资源的学生必须超过85%以上，因为自主观看视频效果与教师课堂讲授效果是不一样的。

（2）课中小组协作学习

翻转课堂“课中”的“自主探究”和“小组协作学习”是重要的教学环节，对创新型人才培养起着决定性作用。小组协作学习与成员分工协作，能够促进学生个体的长项发展和思维发散，培养团队协作精神。但受传统教育惯性思维的影响，开展“自主探究”是顺理成章的事情，但组织与开展小组协作学习殊非易事。首先，教师与学生接触时间短，对每个学生的喜好、特长、性格、学习风格等缺乏了解，分组与组内分工缺乏针对性，存在放不开、拿不出的现象；其次，受传统教育理念的影响，缺乏团队协作意识和协作精神；最后，开展小组协作学习，需要提供分组讨论的环境，保证成员间地位平等，人人有分工，个个尽其责，互相协作完成项目。

（3）传统课堂的“微翻转”

《ASP.NET 程序设计》课程中，以农资销售系统为案例，介绍农资销售经营活动中发生在销售、收费、仓库管理部门间的“物质流转、信息流转、数据流转”过程及其模块开发技术。其中项目四信息交流是课程从静态页面设计到动态页面设计的过渡章节，在内容上与前后项目关联度小，学生熟悉聊天、论坛软件的应用，寓教于乐，参与热情高，最适合开展翻转课堂教学。而课程中销售、收费、提货、报表项目之间联系紧密，适合传统课堂教学，可将教学材料上传到职教云平台供实践操作时参考，对传统课堂教学实施了“微翻转”。

三、项目引导的《ASP.NET 程序设计》课程自主学习模式研究

针对学生自主学习愿望不高、团队协作学习意识不强的状况，在课程授课计划中，增加了12 学时的创新实践项目。授课计划修订后，第一阶段是课程案例项目教学，使学生了解动态网站开发步骤，初步具备Web 程序设计能力；第二阶段是学生自主立项，按类分组协作，参考课程案例项目和云平台资源，创新应用激发学习动力，对传统课堂教学实施“翻转”。整个课程的教学结构设计如图7 所示。

图7 项目引导的《ASP.NET 程序设计》课程自主学习模式

《ASP.NET 程序设计》课程分成两段教学，第一阶段，学生由于知识技能的积累不够，只能按教师的讲解示范进行模仿。进入第二阶段，让学生自主选项，创新应用，感受到“学的有用”，吸引学生倾情专注课程学习，领会程序设计的精髓，感悟软件的魅力。为了推进项目进度，给学生参考选项（如班级网站、门户网站手机版、淘宝平台上电子商务网站等，分析项目设计思路、主要应用技术和对应的课程项目），自主立项后按类分组，协作分工，任务压力传导到每个人。小组任务分工和时间进度要求如表1 所示。

表1 小组最简页面分工和计划横道图

四、项目引导的《ASP.NET 程序设计》课程自主学习模式应用调查

1.学生调查

采用项目引导的《ASP.NET 程序设计》课程自主学习模式分别在微高1501、微高1601 班进行试运行，经教务处组织的教师教学情况测评，测评项目包括教学态度、课堂秩序、课外辅导、提问互动、教学效果等9 个方面。在2017 年和2018 年两个年度测评中，两个班所有学生全打了满分（全系教师测评满分率为10.35%），采用翻转课堂自主学习模式教学实践，得到学生们的认可和肯定。

2.纵向对比

《ASP.NET 程序设计》教材从2014 年延用至今，课程考核一直采用上机考核形式，学生在指定的6 个页面中自选完成3 个页面设计。2017 年，笔者开展翻转课堂教学实践研究，与以前传统教学相比，课程平均及格率由82.7%提高到90%以上；班级均分由76.1 提高到85.4分，能完成程序代码设计的学生比例大幅提高。

五、结论

《ASP.NET 程序设计》课程具有计算机语言类课程的共同现象：“知之非难，行之不易”，教师的陈述、示范与学生的实践模仿不难，学生创新应用就不容易了。笔者认为，程序设计如同小学低年级学生初写作文，积累不够，“无米下锅”。课程前期，学生需要积累一定量的控件、函数、语句的用法及其常用程序算法。课程后期，要给学生自主设计、创新应用的时间和机会，培养学生体验软件的魅力。