基于H5+MYSQL的跨平臺游戲式教學系統的開發與研究

秦經賢

摘要：為了適應信息技術新課程標準的要求，為教學搭建高效、科學的信息化平臺，基于HTML5+MYSQL，開發了一套游戲式在線教學系統。學生可以通過電腦、手機等多種終端訪問本操作系統。本系統使用Egret 作為開發工具，后臺數據庫存在MYSQL （實用性好，安全性高），速度快，并發數高。開發本系統，利用了信息技術的先進技術，與教學工作相結合，實現教學現代化，為師生提供全新的視野，在實際應用中收到良好的效果。

關鍵詞：HTML5;教學系統;游戲;跨平臺

隨著信息技術國家課程標準要求的不斷提高和國家對學校的不斷投入，校園的電腦等教學設備不斷更新，武裝到牙齒，而教學軟件也如雨后春筍般出現，但真正適合一線教師使用的教學系統并不多，特別是跨平臺，游戲式的教學系統更是鳳毛麟角。

本系統既考慮到多平臺多設備的使用，也為師生開發更有趣味性的教學系統，改變過去枯燥無味的教學方式，豐富教師的教學手段和方法，方便教師教學管理，激發學生的學習興趣，

一、游戲式教學系統的設計

架構：

二、跨平臺游戲教學系統的優勢

我們對學生進行了調查，了解了他們對學習的需要

（一）學生更喜歡用游戲的方式來學習。

（二）學生更喜歡用移動設備來學習

（三）學生更喜歡交互式的學習方式

因此，我們認為游戲式教學系統非常適合現代的學生，是師生教學的強有力的教學工具，

師生需要的是網絡化、游戲式、多平臺、分層次的教學系統。我們開發的系統既可在學生上課機房的電腦上訪問，也可以在學生下課后用手機訪問。

我們構建的是大型的網絡教學平臺，內容豐富、功能強大。學生可以通過系統訪問：“今日選題”、“章節模式”、“隨機模式”、“模擬考試”、“歷屆會考”、“小游戲”、“葵花寶典”等功能菜單，教師、學校管理層、家長也可以訪問系統進行教學、管理、監督、共建等工作。

三、本系統的優勢有：

（一）趣味性。對學生進行游戲心理測試，了解到學生到底為何厭學？為何沉迷于游戲？取游戲之長補教學之短，將教學與游戲結合起來，將教學要求的知識和技能改編為生動有趣的游戲，增加了可玩性，完美地解決了學生厭學的問題。

（二）交互性。大量采用了HTML5動態網頁的交互技術來解決教學中的重難點。用HTML5技術來解決PPT所無法達到的交互效果，以突破教學重難點。

（三）網絡化。大膽使用互聯網技術應用于教學軟件的研究和開發，用B/S架構，前端用HTML5網頁，后臺采用MY SQL中型數據庫。

（四）跨平臺。除了PC端能訪問教學系統外，還解決了在手機上訪問的問題，解決了學生對碎片化時間利用及課堂邊界拓展的問題，打破了時空限制。

（五）大數據化。講授、提問、討論、練習、考試等教學全過程產生的一切數據均被系統詳細記錄下來，存儲到后臺MY SQL數據庫，并得到統計和分析，解決高效評價與自動輔導問題，用大數據有效地解決了學生過程性評價和總結性評價問題

（六）以學生為中心。每個學生都有一個教學游戲帳號，獨立登錄內容豐富的教學系統，有與教材相關的各種素材、教學音視頻、教學游戲、模擬考試等，輕松地實現自主學習，小組探究等教學環節。

（七）具備數字化、多媒體化。我們采用了HTML5動畫，容量小，打開速度快，具有圖、文、聲、像并茂，有聲音、有視頻;除了基本的動畫之外，

在立足傳統研究方法的基礎上，大膽使用新技術，是將科技界的“互聯網+”與“大數據”概念和技術都引入到教學系統中來。 經過測試，學生能輕松登錄本系統進行在線學習，訪問課程相關的資料，進行交互練習，進行測試，既用于第一課堂，也用于第二課堂。

四、開發本系統的關鍵技術

HTML5是因特網的核心技術，是更為成熟的標準，廣泛應用于網絡應用的開發。用戶通過瀏覽器能從手機、PC電腦、筆記本電腦、平板電腦等終端跨平臺訪問云端的信息。

MySQL是最流行的關系型數據庫管理系統之一，在WEB中廣泛應用。

HTML5可以跨平臺，一次開發，即可在不同的終端上運行，不用重復寫代碼。功能強大，小巧靈活，流暢，清晰，用戶體驗好，動畫更精美

（一）為了HTML5教學游戲開發，筆者選擇了Egret，以開發游戲的工具軟件來開發教學系統，有點大材小用，但高起點、高要求帶來的是良好效果。后臺數據采用了MY SQL關系數據庫管理系統，用來儲存和讀取教學游戲中產生的數據。

主界面有“今日選題”、“章節模式”、“隨機模式”、“模擬考試”、“歷屆會考”、“小游戲”等。

（二）后臺數據庫：我們選擇了MY SQL數據庫做為系統數據庫后臺、選擇了動態網頁為前臺、選擇了關系數據庫為數據模型、建立了學生信息息STUDENT、在線測試表、答案表、成績表等近30個教學相關數據表。

（三）收集了各種教學數據，用教學系統軟件自動采集課堂學生練習和考試數據，建立了完善的數據庫和數據表。編寫了大量動態網頁代碼。根據游戲場景草案，制作了各種游戲場景;根據動畫腳本用動畫制作工具軟件制作出教學動畫;并形成任務模式、游戲模式等交互模式。形成了游戲式教學系統集成軟件。

（四）根據教學游戲過程中產生的各種數據，建立自主學習數據庫。使教學數據庫結構既包含自主學習過程中的一切知識、技能、資源的數據，同時也包含學生最喜歡的游戲元素，即自主學習過程中生成的數據，如經驗值、等級、金幣。

（五）利用當前流行的HTML5腳本語言和MY SQL數據庫，進行游戲教學數據庫程序開發，將各種自主過程中的知識點，技能，改編為游戲，并進行集成，在學生自主學習過程中，實時采集數據，并將數據實時寫入數據庫，并能進行學習評價。

（六）將開發好的游戲式教學系統安裝到計算機網絡教室，供學生進行軟件測試、學生試用，觀察使用過程中產生什么錯誤，及時根據學生反饋回來的報告進行功能的修正和改進。

（七）我們將軟件投入運行，在課堂教學中廣泛使用，總結成果并加以推廣，加大覆蓋面。結合實際，查驗效果，并進行成果匯報展。將評價結果輸出，供學生、老師、班主任、校領導、家長實時監控。

（八）將動漫式教學系統接入公網，使學生無論在學校，還是在家庭，都能進行自主學習，并能得到正確的評價和系統的自動輔導。

總之，我們的設計理念大膽而細致，敢于在教學系統中采用游戲方式，技術上也大膽使用“互聯網+”與“大數據”等新技術，并真正開發出能用，好用的既受學生歡迎，又在教學實踐取得優異成績的游戲式教學系統軟件，為新時代教育教學的新要求提供了嶄新的先進的教學手段。

參考文獻：

[1]馮科融，王和興.HTML5網頁游戲分析[J].電腦編程技巧與維護，2012.24：71-72

[2]鄭金條.激勵機制在游戲中的運用與思考[J].程序員，2012（11）：85-87

[3]韓敏.淺談網頁制作新技術HTML5[J].福建電腦，2018.9：106-107

[4]臧金梅，基于HTML5的簡單拼圖游戲的設計和實現[J].信息技術與信息化，2017.12：22-24

（本文為福建省教育信息技術研究課題項目，項目名稱：基于H5+MYSQL的跨平臺游戲式教學系統的開發與研究，項目編號FJDJ1803）