基于游戲開發(fā)的“項目驅(qū)動法”在JavaScript課程教學(xué)中的應(yīng)用研究

伍曉圓

（寧夏職業(yè)技術(shù)學(xué)院，寧夏 750001）

基于游戲開發(fā)的“項目驅(qū)動法”在JavaScript課程教學(xué)中的應(yīng)用研究

伍曉圓

（寧夏職業(yè)技術(shù)學(xué)院，寧夏 750001）

文章從教學(xué)模式、教學(xué)內(nèi)容、教學(xué)評價反饋機制方面對JavaScript傳統(tǒng)的授課方式進行改善性研究，采用“項目驅(qū)動法”教學(xué)理念，選取網(wǎng)頁游戲經(jīng)典“坦克大戰(zhàn)”作為教學(xué)案例，寓教于樂，根據(jù)教學(xué)知識點，對項目進行細(xì)化分解，將枯燥抽象的理論知識融入到了豐富有趣的游戲項目中，充分調(diào)動學(xué)生的主動性，使學(xué)生在完成教學(xué)知識點學(xué)習(xí)的同時，提高了實踐技能，縮短了學(xué)生與企業(yè)之間的距離。

JavaScript；項目驅(qū)動；游戲開發(fā)；HTML5

1 問題的提出

JavaScript是基于對象和事件驅(qū)動的一門具有強大功能的腳本語言。在高校計算機教學(xué)課程體系中，JavaScript課程起著承上啟下的作用，課程的教學(xué)內(nèi)容除了基礎(chǔ)的語法外，還包括各種對象的應(yīng)用以及利用文檔對象模型（DOM）來存取、遍歷和控制HTML和XML文檔等內(nèi)容。因此如果在知識點分散、教學(xué)內(nèi)容覆蓋面廣的前提下，解決實操重點難點，同時兼顧理論知識結(jié)構(gòu)的系統(tǒng)性和完整性，就成為JavaScript教學(xué)過程中的重點需要解決的問題，加之語法類課程本身枯燥、抽象，如何解決這些問題，就顯得迫在眉睫。

2 改善性對比研究

本課題從教學(xué)模式、教學(xué)內(nèi)容、教學(xué)評價反饋機制方面對JavaScript傳統(tǒng)的授課方式進行改善性研究，力求解決上文提出的問題。

在教學(xué)模式方面，傳統(tǒng)的授課方式，教師課堂講授語法，然后學(xué)生上機實踐，教師進行輔導(dǎo)，這種方式以講授為主，學(xué)生缺乏學(xué)習(xí)的主動性和積極性。項目驅(qū)動教學(xué)法來源于建構(gòu)主義學(xué)習(xí)理論，認(rèn)為學(xué)生的學(xué)習(xí)是在一定的情境下，借助其他人(包括教師和學(xué)習(xí)伙伴)的幫助,利用必要的學(xué)習(xí)資料,通過意義建構(gòu)的方式而獲得。本課題選取經(jīng)典游戲“坦克大戰(zhàn)”作為“項目驅(qū)動法”的基礎(chǔ)，通過分組協(xié)作，分組討論，分組測試，同學(xué)們既可以從開發(fā)者的角度協(xié)同工作，又可以從玩家的角度找問題，在不足中相互學(xué)習(xí)，在學(xué)習(xí)中不斷進步。

在教學(xué)內(nèi)容方面，傳統(tǒng)課程采用的案例缺乏系統(tǒng)性和實用性。教材中的案例主要為了學(xué)生掌握知識點而設(shè)計，每個知識點對應(yīng)一個案例，這種案例通常規(guī)模較小，而且案例都是互相獨立的，之間沒有聯(lián)系。學(xué)生通過這樣的案例無法融會貫通，深入了解這些知識點在實際項目中的應(yīng)用。興趣是最好的老師，寓教于樂，將游戲引入到課堂教學(xué)中為課堂教學(xué)所服務(wù)，根據(jù)高職學(xué)生的心理特征，將教學(xué)項目案例定位在游戲開發(fā)的基礎(chǔ)上，在教學(xué)過程中充分利用游戲自身的魅力與特點，針對課本涉及的基礎(chǔ)理論知識點對項目進行細(xì)化分解，將枯燥抽象的理論知識融入到了豐富有趣的游戲項目中，讓同學(xué)們從“畫出坦克”“坦克移動”“發(fā)射子彈”“讓子彈飛一會”等小任務(wù)入手，自下而上、由易到難、逐步完善一個較為完整的游戲開發(fā)項目。

在課程的評價反饋機制方面，傳統(tǒng)的教學(xué)方式通常在課程結(jié)束后采取集中考試的方式對學(xué)生的學(xué)習(xí)進行評價，這種評價方式只能對學(xué)生的學(xué)習(xí)成果進行評價，對學(xué)習(xí)過程沒有相應(yīng)的評價機制。在本課程實踐中，學(xué)生通過階段性分組匯報的評價機制，組內(nèi)互評，分組展示本組的項目成果，發(fā)揮學(xué)生的主動表達(dá)和主動總結(jié)意識。

3 課程案例設(shè)計

項目設(shè)計原則遵循自下而上、由易到難、逐步完善，將坦克大戰(zhàn)分為1.0版、2.0版和3.0版，使學(xué)生對操作結(jié)果有成就感，激發(fā)學(xué)生的參與熱情， 并最終提升學(xué)生的學(xué)習(xí)質(zhì)量。坦克大戰(zhàn)融入了JavaScript多方面的技術(shù)包含：JavaScript語言基礎(chǔ)、JavaScript面向?qū)ο缶幊?、界面編程、繪圖技術(shù)、多個獨立定時器協(xié)同工作、網(wǎng)頁游戲的編程思想等。這些都是JavaScript語言的精髓，而又往往通過課本無法體會和學(xué)習(xí)的部分。項目功能分解及實現(xiàn)步驟參考如表1所示。

4 結(jié)語

在JavaScript課程中引入基于游戲的項目驅(qū)動教學(xué)理念，以企業(yè)實際需求為導(dǎo)向，為學(xué)生創(chuàng)設(shè)真實環(huán)境和真實項目，通過網(wǎng)頁游戲經(jīng)典“坦克大戰(zhàn)”，（見表1）寓教于樂，極大地調(diào)動了學(xué)生的學(xué)習(xí)主動性和認(rèn)可度，改變了傳統(tǒng)的灌輸式教學(xué)模式，讓學(xué)生帶著任務(wù)在實踐中學(xué)習(xí)，即完成了教學(xué)知識點的學(xué)習(xí)，又提高了實踐技能，考試及格率明顯提升，最終縮短了學(xué)生與企業(yè)之間的距離。

表1 項目功能分解及實現(xiàn)步驟

[1]岳學(xué)軍.JavaScript前端開發(fā)實用技術(shù)教程[M].北京：人民郵電出版社，2014.

[2]李桂芹.“項目驅(qū)動法”在JavaScript課程教學(xué)中的應(yīng)用[J].學(xué)理論，2012（35）：294-295.

[3]黎志雄，黃彥湘，陳學(xué)中.基于HTML5游戲開發(fā)的研究與實現(xiàn)[J].東莞理工學(xué)院學(xué)報，2014（5）：48-53.

[4]陸凌牛.HTML5開發(fā)精要與實例詳解[M].北京：機械工業(yè)出版社，2011.

[5]基斯.JavaScript DOM編程藝術(shù)[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— ），女，寧夏，助教；研究方向：計算機軟件。