伍曉圓

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

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

伍曉圓

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

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

JavaScript；項(xiàng)目驅(qū)動(dòng)；游戲開(kāi)發(fā)；HTML5

1 問(wèn)題的提出

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

2 改善性對(duì)比研究

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

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

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

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

3 課程案例設(shè)計(jì)

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

4 結(jié)語(yǔ)

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

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

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

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

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

[4]陸凌牛.HTML5開(kāi)發(fā)精要與實(shí)例詳解[M].北京：機(jī)械工業(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— ），女，寧夏，助教；研究方向：計(jì)算機(jī)軟件。