基于游戏开发的“项目驱动法”在JavaScript课程教学中的应用研究

伍晓圆

（宁夏职业技术学院，宁夏 750001）

基于游戏开发的“项目驱动法”在JavaScript课程教学中的应用研究

伍晓圆

（宁夏职业技术学院，宁夏 750001）

文章从教学模式、教学内容、教学评价反馈机制方面对JavaScript传统的授课方式进行改善性研究，采用“项目驱动法”教学理念，选取网页游戏经典“坦克大战”作为教学案例，寓教于乐，根据教学知识点，对项目进行细化分解，将枯燥抽象的理论知识融入到了丰富有趣的游戏项目中，充分调动学生的主动性，使学生在完成教学知识点学习的同时，提高了实践技能，缩短了学生与企业之间的距离。

JavaScript；项目驱动；游戏开发；HTML5

1 问题的提出

JavaScript是基于对象和事件驱动的一门具有强大功能的脚本语言。在高校计算机教学课程体系中，JavaScript课程起着承上启下的作用，课程的教学内容除了基础的语法外，还包括各种对象的应用以及利用文档对象模型（DOM）来存取、遍历和控制HTML和XML文档等内容。因此如果在知识点分散、教学内容覆盖面广的前提下，解决实操重点难点，同时兼顾理论知识结构的系统性和完整性，就成为JavaScript教学过程中的重点需要解决的问题，加之语法类课程本身枯燥、抽象，如何解决这些问题，就显得迫在眉睫。

2 改善性对比研究

本课题从教学模式、教学内容、教学评价反馈机制方面对JavaScript传统的授课方式进行改善性研究，力求解决上文提出的问题。

在教学模式方面，传统的授课方式，教师课堂讲授语法，然后学生上机实践，教师进行辅导，这种方式以讲授为主，学生缺乏学习的主动性和积极性。项目驱动教学法来源于建构主义学习理论，认为学生的学习是在一定的情境下，借助其他人(包括教师和学习伙伴)的帮助,利用必要的学习资料,通过意义建构的方式而获得。本课题选取经典游戏“坦克大战”作为“项目驱动法”的基础，通过分组协作，分组讨论，分组测试，同学们既可以从开发者的角度协同工作，又可以从玩家的角度找问题，在不足中相互学习，在学习中不断进步。

在教学内容方面，传统课程采用的案例缺乏系统性和实用性。教材中的案例主要为了学生掌握知识点而设计，每个知识点对应一个案例，这种案例通常规模较小，而且案例都是互相独立的，之间没有联系。学生通过这样的案例无法融会贯通，深入了解这些知识点在实际项目中的应用。兴趣是最好的老师，寓教于乐，将游戏引入到课堂教学中为课堂教学所服务，根据高职学生的心理特征，将教学项目案例定位在游戏开发的基础上，在教学过程中充分利用游戏自身的魅力与特点，针对课本涉及的基础理论知识点对项目进行细化分解，将枯燥抽象的理论知识融入到了丰富有趣的游戏项目中，让同学们从“画出坦克”“坦克移动”“发射子弹”“让子弹飞一会”等小任务入手，自下而上、由易到难、逐步完善一个较为完整的游戏开发项目。

在课程的评价反馈机制方面，传统的教学方式通常在课程结束后采取集中考试的方式对学生的学习进行评价，这种评价方式只能对学生的学习成果进行评价，对学习过程没有相应的评价机制。在本课程实践中，学生通过阶段性分组汇报的评价机制，组内互评，分组展示本组的项目成果，发挥学生的主动表达和主动总结意识。

3 课程案例设计

项目设计原则遵循自下而上、由易到难、逐步完善，将坦克大战分为1.0版、2.0版和3.0版，使学生对操作结果有成就感，激发学生的参与热情， 并最终提升学生的学习质量。坦克大战融入了JavaScript多方面的技术包含：JavaScript语言基础、JavaScript面向对象编程、界面编程、绘图技术、多个独立定时器协同工作、网页游戏的编程思想等。这些都是JavaScript语言的精髓，而又往往通过课本无法体会和学习的部分。项目功能分解及实现步骤参考如表1所示。

4 结语

在JavaScript课程中引入基于游戏的项目驱动教学理念，以企业实际需求为导向，为学生创设真实环境和真实项目，通过网页游戏经典“坦克大战”，（见表1）寓教于乐，极大地调动了学生的学习主动性和认可度，改变了传统的灌输式教学模式，让学生带着任务在实践中学习，即完成了教学知识点的学习，又提高了实践技能，考试及格率明显提升，最终缩短了学生与企业之间的距离。

表1 项目功能分解及实现步骤

[1]岳学军.JavaScript前端开发实用技术教程[M].北京：人民邮电出版社，2014.

[2]李桂芹.“项目驱动法”在JavaScript课程教学中的应用[J].学理论，2012（35）：294-295.

[3]黎志雄，黄彦湘，陈学中.基于HTML5游戏开发的研究与实现[J].东莞理工学院学报，2014（5）：48-53.

[4]陆凌牛.HTML5开发精要与实例详解[M].北京：机械工业出版社，2011.

[5]基斯.JavaScript DOM编程艺术[M].北京：人民邮电出版社，2007.

Research on the application of project driven method based on game development in JavaScript teaching

Wu Xiaoyuan
（Ningxia Polytechnic College, Ningxia 750001, China）

This paper studies how to improve the teaching efficiency of JavaScript’s traditional teaching methods from the aspects of teaching modes, teaching content and teaching evaluation feedback mechanism. Using project-driving method and choosing the classical web game “Battle City” as teaching case,it brings a very enjoyable and effective educational experience to the students. Incorporating abstract theory into the interesting web game can help the learners to acquire knowledge points and improve their practice skill at the same time.

JavaScript; project driven; game development; HTML5

伍晓圆（1983— ），女，宁夏，助教；研究方向：计算机软件。