徐靜

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

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

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

0 引言

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

1 HTML、WebApp和輕應用概述

1.1 HTML技術概述

1.1.1 HTML5的基本概念

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

1.1.2 HTML5的特性

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

1.2 WebApp概述

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

1.3 輕應用概述

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

2 輕應用游戲軟件在高職院校教學中的應用研究

2.1 在教學中應用的目的

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

2.2 教學目標

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

2.3 教學方式與策略

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

2.4 多元評價體系

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

3 結語

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

參考文獻

[1] 喻國明，梁爽.小程序與輕應用：基于場景的社會嵌入與群體互動[J].武漢大學學報（人文科學版），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