基于HTML5和WebApp技術(shù)開發(fā)的輕應(yīng)用游戲軟件在高職院校教學(xué)中的應(yīng)用研究

徐靜

摘要：本文介紹了HTML5的基本概念和特性，以及WebApp和輕應(yīng)用的基本情況，并對基于HTML5和WebApp技術(shù)開發(fā)的輕應(yīng)用游戲軟件在高職院校教學(xué)中的應(yīng)用進行研究。

關(guān)鍵詞：HTML5;WebApp;輕應(yīng)用;移動互聯(lián)網(wǎng)

中圖分類號：TP311.5 文獻標識碼：A 文章編號：1007-9416（2019）06-0066-02

0 引言

隨著信息技術(shù)以及移動互聯(lián)網(wǎng)的發(fā)展，信息化教學(xué)手段已經(jīng)逐漸在高職院校的課堂教學(xué)中得到應(yīng)用。通過開發(fā)基于HTML5和WebApp技術(shù)的輕應(yīng)用游戲軟件，可以滿足高職院校計算機相關(guān)專業(yè)學(xué)生的教學(xué)需求，激發(fā)學(xué)生的學(xué)習(xí)興趣和主動性，讓學(xué)生成為學(xué)習(xí)的主體，真正掌握編程開發(fā)技能。隨著移動智能終端用戶規(guī)模的不斷擴大，中國移動互聯(lián)網(wǎng)市場已經(jīng)進入高速發(fā)展階段。很顯然，大學(xué)生是移動互聯(lián)網(wǎng)用戶中的主要人群，因此，利用互聯(lián)網(wǎng)平臺開展課程教學(xué)也將成為未來發(fā)展的主流趨勢。傳統(tǒng)的老師“填鴨式”灌輸知識的教學(xué)模式已經(jīng)不能吸引高職學(xué)生的學(xué)習(xí)興趣，學(xué)生們更加希望通過“學(xué)中做，做中學(xué)”的方式來獲取知識。通過開發(fā)基于HTML5和WebApp技術(shù)的輕應(yīng)用游戲軟件來掌握編程開發(fā)技能，正好可以滿足高職院校計算機相關(guān)專業(yè)學(xué)生的教學(xué)需求，激發(fā)學(xué)生的學(xué)習(xí)興趣和主動性，讓學(xué)生成為學(xué)習(xí)的主體，寓教于樂，提高教學(xué)質(zhì)量。

1 HTML、WebApp和輕應(yīng)用概述

1.1 HTML技術(shù)概述

1.1.1 HTML5的基本概念

HTML（HyperText Markup Language）是超文本標記語言，它是萬維網(wǎng)的核心語言。“超文本”是指網(wǎng)頁中可以包含圖像、超鏈接、音頻、視頻、動畫等非文本元素。HTML5是由萬維網(wǎng)聯(lián)盟（W3C）制定的，它是HTML經(jīng)過第五次重大修改后的版本，是第一個將Web作為應(yīng)用開發(fā)平臺的HTML標準。

1.1.2 HTML5的特性

（1）優(yōu)越的跨平臺特性。由于HTML5具有強大的跨平臺特性，不需要考慮設(shè)備兼容性和不同平臺的多個版本，并且對移動設(shè)備支持性很好，因此，我們可以很輕松地將HTML5開發(fā)的網(wǎng)頁應(yīng)用移植到PC機、筆記本電腦、平板電腦、智能手機等各種平臺上，并且它還可以根據(jù)不同的終端設(shè)備自動調(diào)節(jié)頁面的大小，以適應(yīng)在不同設(shè)備上的顯示。（2）強大的多媒體特性。HTML5除了支持常規(guī)的視頻和音頻等多媒體元素的展示，還支持三維圖形效果，能呈現(xiàn)出非常好的視覺效果。例如：在HTML5中可以通過

1.2 WebApp概述

WebApp是指使用網(wǎng)頁技術(shù)開發(fā)實現(xiàn)特定功能的應(yīng)用，它可以運行于網(wǎng)絡(luò)和標準瀏覽器上，提供即時的響應(yīng)式的服務(wù)。相比于原生應(yīng)用（Native App）來說，它的優(yōu)勢是開發(fā)成本低，周期短，具有良好的跨平臺特性，能適配多種移動設(shè)備，無需用戶手動更新應(yīng)用，用戶直接就能訪問到最新版本的應(yīng)用。

1.3 輕應(yīng)用概述

輕應(yīng)用（Light App）是一種無需下載、即搜即用的全功能應(yīng)用，既有媲美甚至超越原生應(yīng)用（Native App）的用戶體驗，又具備WebApp的可被檢索與智能分發(fā)的特性，將有效解決優(yōu)質(zhì)應(yīng)用和服務(wù)與移動用戶需求對接的問題。輕應(yīng)用就是基于云端開放平臺和智能手機App的，以提升移動設(shè)備服務(wù)水平、滿足用戶隨到隨用用完即走需求的便攜媒介應(yīng)用形態(tài)，論其本質(zhì)而言是搭建以WebApp為核心的HTML5站點[1]。輕應(yīng)用的開發(fā)及推送信息模式（如圖1所示）是先由開發(fā)人員使用HTML5和WebApp技術(shù)開發(fā)輕應(yīng)用服務(wù)平臺，開發(fā)完畢后，再通過輕應(yīng)用服務(wù)平臺推送信息給移動設(shè)備，用戶使用移動設(shè)備訪問輕應(yīng)用服務(wù)平臺。開發(fā)人員還可以定期對輕應(yīng)用服務(wù)平臺進行管理和維護，更新輕應(yīng)用后臺數(shù)據(jù)，并將最新的輕應(yīng)用功能推送給用戶，保證用戶每次訪問的輕應(yīng)用都是最新的版本。

2 輕應(yīng)用游戲軟件在高職院校教學(xué)中的應(yīng)用研究

2.1 在教學(xué)中應(yīng)用的目的

由于高職院校的大部分學(xué)生缺乏主動學(xué)習(xí)的自覺性，不喜歡學(xué)習(xí)理論知識，喜歡操作性比較強的課程內(nèi)容，平時在課余時間喜歡玩手機游戲，因此如果能夠讓計算機相關(guān)專業(yè)的學(xué)生使用HTML5和WebApp 技術(shù)開發(fā)輕應(yīng)用游戲軟件來掌握知識點，能在一定程度上激發(fā)學(xué)生的學(xué)習(xí)興趣，引導(dǎo)學(xué)生主動地探索和學(xué)習(xí)，讓學(xué)生在實踐中學(xué)習(xí)，在開發(fā)中積累更多的編程開發(fā)經(jīng)驗。

2.2 教學(xué)目標

根據(jù)高職院校學(xué)生的學(xué)情，教學(xué)目標為學(xué)生能夠掌握HTML5的基本語法，理解WebApp技術(shù)的特點和移動端頁面工作機制，能夠根據(jù)老師指定的要求，完成輕應(yīng)用游戲軟件的設(shè)計、開發(fā)、測試、維護等各個階段的工作。

2.3 教學(xué)方式與策略

在授課方式上，教師可以改變傳統(tǒng)的以教師“填鴨式”講授為主的教學(xué)形式，采用信息化教學(xué)手段，引導(dǎo)學(xué)生通過微課視頻自主探究學(xué)習(xí)，采用“線上學(xué)習(xí)+線下操作指導(dǎo)”的混合學(xué)習(xí)方式，讓學(xué)生真正成為學(xué)習(xí)的主體。教師在教學(xué)過程中，首先應(yīng)告訴學(xué)生輕應(yīng)用游戲軟件的功能需求，并將軟件的功能模塊進行分解，讓學(xué)生分組，通過小組合作探討的方式共同完成軟件開發(fā)任務(wù)，最終完成整個游戲軟件的開發(fā)。學(xué)生在游戲軟件開發(fā)過程中掌握了知識點和軟件開發(fā)方法，培養(yǎng)了學(xué)生自主學(xué)習(xí)和小組分工協(xié)作的能力，提升了職業(yè)素養(yǎng)，為畢業(yè)后找工作打下基礎(chǔ)。

2.4 多元評價體系

教學(xué)過程中的考核評價也是至關(guān)重要的環(huán)節(jié)。游戲軟件作品應(yīng)重點考擦學(xué)生對知識點的掌握水平，小組分工協(xié)作能力以及創(chuàng)新能力。教師可以將輕應(yīng)用游戲軟件的評分標準進行細化，比如：主題明確占15%，功能符合要求占20%，頁面布局合理占20%，設(shè)計美觀占15%，具有實際應(yīng)用價值占15%，設(shè)計創(chuàng)新點占15%。教師可以將評分標準公布給學(xué)生，采用學(xué)生小組自評、學(xué)生小組之間互評和教師評分的方式，讓學(xué)生和教師共同參與評分的過程。

3 結(jié)語

在高職院校教學(xué)中通過開發(fā)輕應(yīng)用游戲軟件，可以讓學(xué)生真正掌握HTML5的語法，綜合應(yīng)用HTML5和WebApp技術(shù)設(shè)計交互式頁面，深入理解移動端頁面的工作機制，達到“學(xué)中做，做中學(xué)”的教學(xué)目的，寓教于樂，提高學(xué)生實際編程開發(fā)能力，達到較好的教學(xué)效果。

參考文獻

[1] 喻國明，梁爽.小程序與輕應(yīng)用：基于場景的社會嵌入與群體互動[J].武漢大學(xué)學(xué)報（人文科學(xué)版），2017（6）：119-125.

Application Research of Light Application Game Software Based on HTML5 and WebApp Technology in Higher Vocational College Teaching

XU Jing

（Anglo-Chinese College，F(xiàn)uzhou Fujian? 350018）

Abstract：This paper introduces the basic concepts and characteristics of HTML5， as well as the basic situation of WebApp and lightweight applications， The application of light application game software based on HTML5 and WebApp technology in higher vocational education is also studied.

Key words：HTML5; WebApp; light applications; mobile internet