项目驱动式《web编程基础》课程改革与实践

王龙葛 李向敏

摘要：互联网的迅速发展使计算机技术日新月异，然而高校的一些专业技术教育却带滞后性，为了提高人才培养的质量、提高就业率，本课题以《web编程基础》课程为例，在课程内容、教学模式和教学方法等方面提出了一些改革，主要以软件工程思想和多层次项目贯穿整个教学过程，以翻转课堂的教学模式和3W1H的教学方法为主，提出了一些改革建议。

关键词：滞后性；项目驱动；翻转课堂；3W1H

《web编程基础》课程是各高校计算机及相关专业的一门必修专业课程，是一门实践性很强的课程[1]。其主要任务是培养精通各种web前端开发的技术人员，对学生的实际动手能力要求很高。以河南大学软件学院为例，每年选修该课程的学生人数约1000人次，但根据企业反馈的信息统计，符合web前端技术开发要求的被聘应届毕业生约占毕业生总数的12%。

近年来，为了培养符合企业需求的毕业生，我院在《web编程基础》课程教学模式上，将理论教育和实践教育双重结合，突出培养学生分析问题、动手实践等方面的能力；围绕软件开发企业对人才的核心能力要求及软件开发场景的模拟与仿真，以工程项目贯穿于《web编程基础》课程的教学与实践中，对《web编程基础》课程的教学进行改革；改革设计思路是“两个贯穿一个核心一个主导”：即以“工程项目”和“软件工程思想”贯穿于整个教学过程、以“翻转课堂”教学模式为核心和以“3W1H”教学方法为主导等核心内容。

一、以“工程项目”和“软件工程思想”贯穿教学过程

根据课程的培养目标，我院结合学生的具体情况，以“就业为导向，能力为本位”为出发点，按照工程项目和软件工程思想培养学生的软件开发能力和实际动手能力，实行以项目驱动为核心的情景教学，逐渐形成了“多层次项目为驱动”的实践教学创新体系。对《web编程基础》课程内容从以下4个方面进行了改革。

（1）对多层次项目的选取。在学生实践能力锻炼环节，针对不同学生的不同特点可以将项目分为 “体验性项目”、“实战型项目”和“拔高型项目”如图1所示，通过这些项目的设置激发学生学习的兴趣、增强学生的实战能力，并为开发能力强的学生提供更好的平台。体验型项目是为了激发学生对软件开发的兴趣而引入，在讲解知识之前，教师给学生演示一些案例，通过案例的讲解让学生了解涉及的相关内容，熟悉软件开发的具体流程，启发学生的创新思维。例如引进“上海风铃制药厂网站”、“每天美食网站”等项目讲解。实战型项目是让学生直接参与项目开发过程，引导学生加深理解软件开发的过程、规律，激发学习热情，启发创新思维。我院教师每年都承担了多项横纵向科研课题，院里采取多种措施，鼓励教师组建学生创新科研团队开发，引导学生积极参与课题研究。比如 “某旅游网站前端页面设计”、“大学生心理咨询网站首页设计”等项目。拔高型项目是充分利用校企合作资源，让一些开发能力强的学生深入企业去参加一些高难度项目，使学生了解企业的规章制度，培养职业素养，加强团队合作。学生通过自己的探索、实践，加上企业专家的指导，强化了实践动手能力，增强了学生和企业的联系，为学生的“零距离”上岗奠定了基础。比如“基于Andriod平台的在线法律社区设计与开发”、“新生预报到系统”等。

（2）对教材内容的增减。贯穿“软件工程思想”，以多层次项目为驱动，紧跟前沿技术，及时对教材内容进行增减，编写《web编程基础》的实例教程，在教材的内容上对原有的HTML4技术中废弃的知识进行了删减，新增加了HTML5的新特性，如canvas绘图、

图1 多层次项目示意图

geolocation、websocket、webstorage、多媒体功能、CSS3中的圆角效果、多彩边框、移动app开发、Ajax技术等当前市场的一些主流技术。（3）对教学软件的更新。教学软件的版本最能体现教学课堂内容与企业需求的紧密程度。在教学中使用对HTML5支持最好的Hbuilder、网页布局软件bootstrap、样式表CSS3的设计工具CSS3maker、还有支持HTML5在线绘图的inkscape软件等。

（4）培养和使用“双师型”教师队伍。我们首先有计划地选派专业教师到实践性强的科研机构或者学校继续深造；其次安排专业教师参与企业软件开发实践，积累实际动手开发经验，提高实践教学能力；再次是与合作企业联系，由企业指派一线研发人员在校内项目开发过程中担任项目经理，通过这种方式让教师充分熟悉项目的开发流程和企业的用人需求，使教师的教学思想能够随市场的变化而不断更新。

二、注重以“翻转课堂”为核心教学模式的使用

互联网的普及和计算机技术在教育领域的应用，使“翻转课堂式”教学模式变得可行[2]。特别是《web编程基础》课程教学软件的在线体验性和代码的开源性使“翻转课堂”的教学模式成为现实。学生可以通过互联网去使用优质的教育资源，不再单纯地依赖授课老师去教授知识。而课堂中老师的角色则发生了变化。老师更多的责任是去解决学生的问题和引导学生去运用知识。在“翻转课堂”的教学模式下，我们把课堂时间按照2：3划分，在“2”的时间内，教师负责用“3W1H”的方法给学生讲明项目案例涉及的内容，剩下“3”的时间，学生利用网络资源、同伴交流、教师制作的相应视频来对知识内化吸收。“翻转课堂”教学模式使课堂上师生间“一对一”的辅导最大限度的成为可能，对学习成效有一个很大的提高，而且“翻转课堂”可以迅速帮助学生提高学习积极性。采用“翻转课堂”教学模式必须要把握住一个核心问题，就是要做好“双导制”下的MCLA模式学生开发团队的组织与建设。MCLA是Mode Centered Learning Architecture（基于榜样的学习方法）的简称[3]。以承担《web编程基础》课程专业教师为单位，由教师带领若干学生团队，创建一个与真实软件企业环境相似的虚拟软件开发团队[4]，然后对学生进行分組，让每位学生担任不同的项目开发职务。在具体实践过程中，总结出来一套常用的学习方法和经典算法与编码实现方案，让学生熟练掌握，提高学生的基本代码的熟练程度和解决常见问题能力。在团队开发过程中，采用”导师制+导生制”的指导模式，可以选择专业方面能力较强的学生辅助教师在开发过程进行管理。通过教师带学生、高年级带低年级、技术高手带初入门者的模式，组建一支有梯度的、循序渐进的创新团队。通过每年一届的程序设计大赛、网页设计大赛、数学建模大赛等实践活动，选拔学生加入创新团队，通过经常举办学术交流、课题讨论、源代码内部共享等方式快速培养新成员，有计划有步骤地培养学生的创新意识、团队精神和科研能力。

三、注重以“3W1H”为主导的多种教学方法综合应用

计算机专业的特点，决定它必须打破传统的教学模式，运用多种教学方法使课堂讲解更生动、形象、直观。比如用多媒体教学方法、案例教学法、分组教学法、头脑风暴法等。为了更好的把软件工程的思想和多层次工程项目贯穿于教学的实践活动中，我们在教学实践中运用了“3W1H”的教学方法。“3W1H”教学法是教师通过自身的主导作用，运用3W1H的教学理念把知识点进行划分，并且通过创设相关的情景对学生进行引导，便于学生循序渐进地学习和接受相关的知识。在整个过程中，教师有时处于中心地位，但并非自始至终。学生有时也处于传递——接受学习状态，但更多的时候是在教师的帮助下进行主动的思考和探索。我们在《web编程基础》课程中采用“3W1H”方法的主要内容如下：在项目案例的驱动下，给学生讲清楚3W和1H，第一个“W”是WHAT：应用时，要求教师讲解清楚“是什么”。第二个“W”是WHY：在教学过程中，要求教师能够讲出“为什么”（对于WHY的讲解，要求教师具有较好的技术能力，才能自己理解了技术问题的来龙去脉，才能够做到讲得清楚，让学生听得明白）。第三个“W”是WHERE：在教学过程中，要求教师能够讲出“在哪里用（做）”的部分。在3W1H教学法中，还有一个“H”是HOW。在教学过程中，要求教师能够讲出“如何用（做）”的部分。HOW的讲解至关重要。“3W1H”教学方法的特点是以項目为驱动的课程教学受益匪浅。这种教学方法更能培养学生的实践能力和创新能力，以及独立解决问题的能力。

学生职业素养和职业技能的养成不是靠一朝一日就能实现的，必须依靠科学的团队合作氛围，大量的工程实践环节得以达到目的。河南大学软件学院《web编程基础》课程教学改革与实践的关键是通过一整套合理的教学模式和方法提升学生的学习兴趣，引导学生以一种积极主动的心态参与到团队中去，使学生乐于钻研、勤于学习，从而更好的适应市场需求，提高学生的就业竞争力。

【参考文献】

[1]康晶，王爱民，葛彦强等.基于阶段教学法的ASP.NET Web程序设计课程改革[J].计算机教育，2010，16，35-38.

[2]魏登峰.Web程序设计课程教学探讨[J].电脑知识与技术，2014，5927-5929.

[3]余丽红，徐存东.基于CDIO的C语言程序设计课程教学改革探究[J].中国科教创新导刊.2011，150-152.

[4]胡诗云.工学结合校内实训基地建设的思考[J]。科技信息2009（8）.

作者简介：

王龙葛（1983—），女，汉族，河南省南阳人，硕士，主要研究方向：网络信息安全。

李向敏（1978—），女，汉族，河南省禹州人，硕士，研究方向：中国古代文学。