基于游戲開發的“項目驅動法”在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— ），女，寧夏，助教；研究方向：計算機軟件。