基于HTML5和WebApp技术开发的轻应用游戏软件在高职院校教学中的应用研究

徐静

摘要：本文介紹了HTML5的基本概念和特性，以及WebApp和轻应用的基本情况，并对基于HTML5和WebApp技术开发的轻应用游戏软件在高职院校教学中的应用进行研究。

关键词：HTML5;WebApp;轻应用;移动互联网

中图分类号：TP311.5 文献标识码：A 文章编号：1007-9416（2019）06-0066-02

0 引言

随着信息技术以及移动互联网的发展，信息化教学手段已经逐渐在高职院校的课堂教学中得到应用。通过开发基于HTML5和WebApp技术的轻应用游戏软件，可以满足高职院校计算机相关专业学生的教学需求，激发学生的学习兴趣和主动性，让学生成为学习的主体，真正掌握编程开发技能。随着移动智能终端用户规模的不断扩大，中国移动互联网市场已经进入高速发展阶段。很显然，大学生是移动互联网用户中的主要人群，因此，利用互联网平台开展课程教学也将成为未来发展的主流趋势。传统的老师“填鸭式”灌输知识的教学模式已经不能吸引高职学生的学习兴趣，学生们更加希望通过“学中做，做中学”的方式来获取知识。通过开发基于HTML5和WebApp技术的轻应用游戏软件来掌握编程开发技能，正好可以满足高职院校计算机相关专业学生的教学需求，激发学生的学习兴趣和主动性，让学生成为学习的主体，寓教于乐，提高教学质量。

1 HTML、WebApp和轻应用概述

1.1 HTML技术概述

1.1.1 HTML5的基本概念

HTML（HyperText Markup Language）是超文本标记语言，它是万维网的核心语言。“超文本”是指网页中可以包含图像、超链接、音频、视频、动画等非文本元素。HTML5是由万维网联盟（W3C）制定的，它是HTML经过第五次重大修改后的版本，是第一个将Web作为应用开发平台的HTML标准。

1.1.2 HTML5的特性

（1）优越的跨平台特性。由于HTML5具有强大的跨平台特性，不需要考虑设备兼容性和不同平台的多个版本，并且对移动设备支持性很好，因此，我们可以很轻松地将HTML5开发的网页应用移植到PC机、笔记本电脑、平板电脑、智能手机等各种平台上，并且它还可以根据不同的终端设备自动调节页面的大小，以适应在不同设备上的显示。（2）强大的多媒体特性。HTML5除了支持常规的视频和音频等多媒体元素的展示，还支持三维图形效果，能呈现出非常好的视觉效果。例如：在HTML5中可以通过

1.2 WebApp概述

WebApp是指使用网页技术开发实现特定功能的应用，它可以运行于网络和标准浏览器上，提供即时的响应式的服务。相比于原生应用（Native App）来说，它的优势是开发成本低，周期短，具有良好的跨平台特性，能适配多种移动设备，无需用户手动更新应用，用户直接就能访问到最新版本的应用。

1.3 轻应用概述

轻应用（Light App）是一种无需下载、即搜即用的全功能应用，既有媲美甚至超越原生应用（Native App）的用户体验，又具备WebApp的可被检索与智能分发的特性，将有效解决优质应用和服务与移动用户需求对接的问题。轻应用就是基于云端开放平台和智能手机App的，以提升移动设备服务水平、满足用户随到随用用完即走需求的便携媒介应用形态，论其本质而言是搭建以WebApp为核心的HTML5站点[1]。轻应用的开发及推送信息模式（如图1所示）是先由开发人员使用HTML5和WebApp技术开发轻应用服务平台，开发完毕后，再通过轻应用服务平台推送信息给移动设备，用户使用移动设备访问轻应用服务平台。开发人员还可以定期对轻应用服务平台进行管理和维护，更新轻应用后台数据，并将最新的轻应用功能推送给用户，保证用户每次访问的轻应用都是最新的版本。

2 轻应用游戏软件在高职院校教学中的应用研究

2.1 在教学中应用的目的

由于高职院校的大部分学生缺乏主动学习的自觉性，不喜欢学习理论知识，喜欢操作性比较强的课程内容，平时在课余时间喜欢玩手机游戏，因此如果能够让计算机相关专业的学生使用HTML5和WebApp 技术开发轻应用游戏软件来掌握知识点，能在一定程度上激发学生的学习兴趣，引导学生主动地探索和学习，让学生在实践中学习，在开发中积累更多的编程开发经验。

2.2 教学目标

根据高职院校学生的学情，教学目标为学生能够掌握HTML5的基本语法，理解WebApp技术的特点和移动端页面工作机制，能够根据老师指定的要求，完成轻应用游戏软件的设计、开发、测试、维护等各个阶段的工作。

2.3 教学方式与策略

在授课方式上，教师可以改变传统的以教师“填鸭式”讲授为主的教学形式，采用信息化教学手段，引导学生通过微课视频自主探究学习，采用“线上学习+线下操作指导”的混合学习方式，让学生真正成为学习的主体。教师在教学过程中，首先应告诉学生轻应用游戏软件的功能需求，并将软件的功能模块进行分解，让学生分组，通过小组合作探讨的方式共同完成软件开发任务，最终完成整个游戏软件的开发。学生在游戏软件开发过程中掌握了知识点和软件开发方法，培养了学生自主学习和小组分工协作的能力，提升了职业素养，为毕业后找工作打下基础。

2.4 多元评价体系

教学过程中的考核评价也是至关重要的环节。游戏软件作品应重点考擦学生对知识点的掌握水平，小组分工协作能力以及创新能力。教师可以将轻应用游戏软件的评分标准进行细化，比如：主题明确占15%，功能符合要求占20%，页面布局合理占20%，设计美观占15%，具有实际应用价值占15%，设计创新点占15%。教师可以将评分标准公布给学生，采用学生小组自评、学生小组之间互评和教师评分的方式，让学生和教师共同参与评分的过程。

3 结语

在高职院校教学中通过开发轻应用游戏软件，可以让学生真正掌握HTML5的语法，综合应用HTML5和WebApp技术设计交互式页面，深入理解移动端页面的工作机制，达到“学中做，做中学”的教学目的，寓教于乐，提高学生实际编程开发能力，达到较好的教学效果。

参考文献

[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，Fuzhou 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