子由數學e學堂：網頁遊戲設計

以作者查詢圖書館館藏

、以作者查詢臺灣博碩士

、以作者查詢全國書目

、勘誤回報

、線上人數：11

、訪客IP：18.224.33.107

姓名

許仲賢(Chung-Hsien Hsu) 查詢紙本館藏

畢業系所

數學系

論文名稱

子由數學e學堂：網頁遊戲設計

相關論文

★ 子由數學e 學堂：平板介面設計	★ 平行物件化程式在有限元素法之應用
★ 物件導向複合區域網格生成系統在叢集電腦系統的應用	★ 物件導向設計在複合區域網格生成系統的應用
★ 遞迴網格生成法	★ C++物件導向之數值方法在叢集電腦上的應用
★ Sparse PCG Solver之物件導向設計在叢集電腦上的應用	★ 在二維空間中使用矩形元素 p-version 有限元素法程式設計
★ 在二維空間上使用三角形元素的 p-version 有限元素法程式設計	★ 3D 表面網格生成程式設計
★ 簡易3D表面網格生成法	★ 國小中低年級數學應用題算式產生器初探
★ 互動式國小數學隨機題庫網站設計	★ 國小中低年級數學應用題題目產生器初探
★ 子由數學e學堂網站設計II	★ 子由數學小學堂網頁設計

檔案

[Endnote RIS 格式]

[Bibtex 格式]

[相關文章]

[文章引用]

[完整記錄]

[館藏目錄]

[檢視]

[下載]

本電子論文使用權限為同意立即開放。
已達開放權限電子全文僅授權使用者為學術研究之目的，進行個人非營利性質之檢索、閱讀、列印。
請遵守中華民國著作權法之相關規定，切勿任意重製、散佈、改作、轉貼、播送，以免觸法。

摘要(中)

「子由數學e學堂」為針對國小數學所設計的師生互動式學習平台，老師可透過此平台的自動出題系統來協助學生學習數學。而本論文的設計宗旨是希望這個學習平台能跟隨創新教育的腳步，增加學習的多元管道，遂開發了數位教育遊戲與其控管系統介面，期望能夠替老師的數學課程添加互動的方式，使學生能透過遊戲來進行學習。

本論文設計的遊戲為「保衛漢堡」，是一款守塔遊戲，而在遊戲設計的過程中與e學堂的出題和收藏試卷的功能作搭配，完成遊戲與題目的結合，以寓教於樂的方式幫助學生進行學習。

最後再設計擂台系統介面作為師生透過遊戲互動的橋樑，將來在遊戲數量增加後也能夠進行不同遊戲之間的管理。

關鍵字：e學堂、數位遊戲、遊戲式學習

摘要(英)

Ziyou Emathschool is a mathematical interactive learning platform designed specifically for elementary school students in Taiwan. Teachers can utilize the mathematical problem generator inside the Ziyou Emathschool platform in order to assist students to practice mathematics. In this thesis we try to develop a digital education-purpose game and a control interface system so that students can practice mathematics while playing the digital game.

The game designed in our system is called "Hamberg Defence" which is of tower defense games. We design the game in a way that the mathematical problems in the Ziyou Emathschool database are embedded inside the Hamberg Defence game so that students have to practice the mathematics while playing the defence of hamberg.

Finally, We also design the arena match system as a bridge where teachers and students can interact. Furthermore the arena match system also can manage various games if necessary.

Keywords: Emathschool、Digital Game、Digital Game-based Learning

關鍵字(中)

★ e學堂
★ 數位遊戲
★ 遊戲式學習

關鍵字(英)

★ Emathschool
★ Digital Game
★ Digital Game-based Learning

論文目次

摘要 i
Abstract ii
誌謝 iii
目錄 iv
表目錄 viii
圖目錄 ix
一、緒論 1
1.1「子由數學e學堂」 1
1.2設計動機與目的 3
1.3網頁遊戲開發規劃 3
1.4論文架構 3
二、文獻探討 5
2.1 數位學習 5
2.2 學習型的數位遊戲 5
2.2.1 「遊戲式學習」與「數位遊戲式學習」 6
2.2.2 設計學習型數位遊戲 7
2.3學習型遊戲的差異 9
2.4 小結 10
三、網頁開發工具 11
3.1 Bootstrap 11
3.1.1 Bootstrap 3簡介 11
3.1.2 各瀏覽器對Bootstrap的支援性 12
3.1.3 Bootstrap應用功能之簡介 12
3.2 JavaScript 15
3.2.1 JavaScript起源 15
3.2.2 jQuery 16
3.3 小結 18
四、遊戲開發工具 19
4.1 Unity 19
4.1.1 Unity 的優點 19
4.1.2 Unity 2D 20
4.1.3 Unity 操作介面 20
4.1.4 Unity 開發實例 23
4.2 WebGL 24
4.2.1 WebGL的優點 24
4.2.2 WebGL的缺點 25
4.2.3 各瀏覽器的支援性 25
4.3 Unity製作流程---以「保衛漢堡」為例 26
4.4 小結 27
五、擂台介面設計 29
5.1 網頁介面架構 29
5.2 設計理念及原則 30
5.3 各項功能介紹 30
5.3.1 開始遊戲 30
5.3.2 遊戲紀錄與百人榜 31
5.3.3 查看獎盃與學生獎盃 33
5.3.4 規則說明 34
5.3.5 創建擂台與擂台通知 35
5.4 小結 37
六、遊戲介面設計 38
6.1 遊戲介面架構 38
6.2設計理念及原則 39
6.3 遊戲介紹及操作 39
6.3.1遊戲前置準備 39
6.3.2 遊戲場景及細節 41
6.3.3遊戲結束 44
6.4 遊戲設計方式 45
6.4.1 遊戲前置準備 45
6.4.2 遊戲場景及細節 46
6.4.3 遊戲結束 50
6.5 小結 51
七、結論與未來展望 52
7.1 結論 52
7.1.1設計內容概述 52
7.1.2開發限制 52
7.2 未來展望 52
參考文獻　　　　　　 55

參考文獻

[1] 吳苑瑜、曾奕霖、余秉學和白乃遠主編，Unity跨平台2D遊戲設計不設限，台北市，2016年1月。
[2] Kevin Tatroe , Peter MacIntyre & Rasmus Lerdorf，PHP程式設計，2014年3月。
[3] Unity3D教學 CG數位網 http://www.cg.com.tw/Unity/Unity.asp
[4] 徐瑋駿，「互動式國小數學隨機題庫網站設計」，國立中央大學，碩士論文，2011。
[5] 江浚豪，「子由數學e學堂網頁設計I」，國立中央大學，碩士論文，2012。
[6] 張鈞凱，「子由數學e學堂網頁設計II」，國立中央大學，碩士論文，2012。
[7] 許世侖，「子由數學e學堂：網頁介面設計」，國立中央大學，碩士論文，2013。
[8] 黃淽攸，「子由數學e學堂：平版介面設計」，國立中央大學，碩士論文，2013。
[9] 薛寅海，「子由數學e學堂：數位教室平版介面設計I」，國立中央大學，碩士論文，2015。
[10]簡晨卉，「數位遊戲式學習在城鄉國小數學加減學習成效之研究」，國立台中教育大學，碩士班論文，2013。
[11]簡幸如，「數位遊戲設計之教學模式建構」，國立中央大學，碩士論文，2005。
[12]張嘉玲，「遊戲融入國小三年級乘除法教學之研究」，國立中山大學，碩士論文，2007。
[13]黃翊豪，「行動學習數位遊戲融入校園生態課程對國小學童學習態度影響之研究」，國立臺北科技大學，碩士論文，2013。
[14]蔡孟雄，「線上學習型遊戲融入教學對國小四年級學童月亮概念學習暨迷思概念改變的影響」，國立嘉義大學，碩士論文，2009。
[15]胡琬琪，「技能型學習遊戲之設計要素對學習情緒及成效之影響研究」，國立政治大學，碩士論文，2012。
[16]王維聰、王建喬，「數位遊戲式學習系統」，科學發展，第467期，46～51頁，2011年11月。
[17]楊接期、許慧芬和張弘典，「結合行動裝置的數位遊戲式學習系統輔助能源教育」，全球華人計算機教育應用學報，第九卷第一期、第二期，87～98頁，2013年。
[18]侯惠澤，「臺灣歷史學習型文創桌遊設計」，臺灣學系列講座，第116期，22～23頁，2016年。
[19]李芳樂，「教育遊戲與學習」，全球華人計算機教育應用大會，香港，2009年。
[20]蔡福興、游光昭和蕭顯勝，「影響數位遊戲式學習行為與學習遷移成效之因素探討」，教育科學研究期刊，55(2) ，第五十五卷第二期，167～206頁，2010年。
[21]黃國禎、邱俐瑜，「結合數位遊戲的情境模擬教學模式與應用實例」，T&D飛訊，第200期，1～23頁，2016年。
[22] 淘淘寶小遊戲天堂區 http://www.taotaobao.net/xuexiyouxi/
[23] e-Game http://www.egame.kh.edu.tw/login
[24]Prensky, M. (2007). Digital game-based learning. St. Paul, MN: Paragon House
[25]Hogle, J. G. (1996). Considering games as cognitive tools: In search of effective "edutainment" (Master’s thesis ). Available from ERIC Documents. (ED425737)
[26]Hicks, S. (2000). Evaluating e-learning. Training & Development, 54(12), 75-76.
[27]Kiili, K. (2005). Educational game design：Experiential gaming model revised, Tampereen teknillinen yliopisto, Porin yksikkö, Pori 2005.
[28] Yang, C. C., Tseng, S. S., Liao, A. Y., & Liang, T. (2013). Situated Poetry Learning Using Multimedia Resource Sharing Approach. Educational Technology & Society, 16(2), 282-295.
[29] Stack overflow http://stackoverflow.com/questions/tagged/php
[30] Bootstrap http://getbootstrap.com/
[31] jQuery http://www.w3school.com.cn/jquery/
[32] Unity http://docs.unity3d.com/Manual/index.html
[33]Wolfgang Kramer：The Game Journal---What Makes a Game Good?。2000年7月，取自http://www.thegamesjournal.com/articles/WhatMakesaGame.shtml。
[34] MIT 開放式課程http://ocw.mit.edu/courses/translated-courses/traditional-chinese/
[35] 可汗學院 http://4ggc.net/content.php?id=46
[36] Coursera https://zh-tw.coursera.org/
[37] edX https://www.edx.org/
[38] MOOCs http://taiwanmooc.org/
[39] PaGamO https://www.pagamo.org/
[40] WebGL http://html5.iii.org.tw/course/webgl/
[41] 部落衝突http://coc.kunlun.com/

指導教授

吳維漢

審核日期

2016-8-26

推文