應用HTML5遊戲框架於物件導向程式設計實習課程教學

On Applying HTML5 Game Framework to Teaching Object-Oriented Programming Laboratory

黃泰瑚(Tai-Hu Huang)

指導教授 ： 陳偉凱

國立臺北科技大學/電資學院/資訊工程系研究所/碩士(2014年)

https://doi.org/10.6841/NTUT.2014.00006

摘要

自從賈伯斯於2010年發表了「Thoughts on Flash」以來，HTML5聲勢節節高升，其教學亦日益重要。在國立台北科技大學資訊工程系中，有一門物件導向程式設計實習課程，透過實作電腦遊戲的過程，讓學生熟練物件導向觀念，本論文將JavaScript導入該課程中，讓學生能使用HTML5技術與JavaScript開發電腦遊戲。本論文設計與實作出一個適合在物件導向程式設計實習教學中所使用的遊戲框架，透過此遊戲框架，學生可以完成一個中小型的遊戲。然而，JavaScript之語言特性與傳統物件導向程式語言(如C++)不同，故在教材設計時必須引導學生使用正確的物件實作方式。本論文針對修習物件導向程式設計實習課程的學生做研究，根據問卷調查與學生所撰寫遊戲程式碼的分析結果，發現使用HTML5/JavaScript框架與其他遊戲框架(Windows/C++及Android/Java框架)相較時，學生所開發遊戲程式的物件特性及其學習成效均沒有顯著差異。

關鍵字

HTML5 ； 物件導向程式設計 ； 實習課程教學

並列摘要

HTML5 has become more and more popular ever since Steve Jobs published the article, “Thoughts on Flash.” Consequently, teaching HTML5 becomes increasingly important. In the Computer Science and Information Engineering department of National Taipei University of Technology (Taipei Tech), there is a course, “Object-Oriented Programming Laboratory (OOP Lab).” In this course, students use a game framework provided by the instructor to implement a computer game, and practice object-orientation through the implementation. This thesis designs and implements an HTML5/JavaScript game framework for OOP Lab, allowing the students to practice HTML5 and JavaScript. Since JavaScript has language characteristics quite different from traditional object-oriented languages (e.g., C++), we need to provide instructional materials, guiding the students to implement objects properly. In addition, this thesis conducts a case study, analyzing students' code and feedback, based on the students of OOP Lab. The results reveal that in comparison with the other game frameworks (Windows/C++ and Android/Java), the students who use HTML/JavaScript framework to develop games have both similar object characteristics in the codes and similar progresses in programming skills.

並列關鍵字

HTML5 ； Object-Oriented Programming ； Programming Laboratory

參考文獻

[1] Stoyan Stefanov, JavaScript Patterns, O'Reilly Media, 2010, pp.97-108, 128-139

[2] W.-K. Chen and Y. C. Cheng, “Teaching object-oriented programming laboratory with computer game programming,” IEEE Trans. Educ., vol.50, no. 3, pp. 197–203, Aug. 2007.

[8] JavaScript, http://zh.wikipedia.org/wiki/JavaScript

[3] P. Wu., “Teaching basic game programming using javascript,” J. Comput. Small Coll., vol. 24, no. 4, 2009, pp. 211–220

[4] HTML5, http://en.wikipedia.org/wiki/HTML5