本科毕业论文开题报告

河南工程学院

本科毕业设计（论文）开题报告

一、研究的背景、目的和意义

移动互联网正逐渐渗透到人们生活、工作的各个领域，手机戏、移动音乐、手机支 付、位置服务等

丰富多彩的移动互联网应用迅猛发展，正在深刻改变我们的社会生活。

HTML5是下一代 Web 语言，它不再只是一种标记语言，它为下一代

Web 提供了全新的

框架和平台，包括提供免插件的音视频、图

像动画、本体存储以及更多酷炫而且重要的 功能，并使这些应用标准化，从而使 网目前正处于一个重大变革的时期，而

HTML5是近十年来 Web 标准最巨大的飞

跃。和以前的版本不同 来表示Web 内容,它的使命是将 Web 带入一个成熟的应用平台 频、图像、动画以及同电脑的交互都被标准化。一般广义而言的

HTML 、CSS 和 JavaScript 三个部分，不单单只是

HTML 部分而已，

许多的创新，让整个网页程序功能更加缤纷。尽管

HTML5的实现还有 很长的路要走，但

HTML5正在改变 Web 。

在这个移动互联网的时代，

HTML5对于移动端的开发有着独特的优势，相比传统的

app , HTML5采用网络通用语言，不用考虑终端设备或者操作系统的不同，对于音频视频 自由嵌入，多媒体

形式更为灵活。

HTML5像传统的 Flash, Flex , Silverlight , Objective-C 那样，正逐渐形成自己的生态 系统。对

于年轻一代开发者，HTML5应当是他们首选技能，HTML5会形成很大的市场。 一切正如正益无线总裁王国春所说：

“ HTML5代表了移动互联网发展的趋势，总有一天它

将成为主流技术。”

本次设计的内容，作为移动端的游戏，主要是为了验证

HTML5在移动端开发的适用性和灵活性。

二、国内外文献综述（可另附页）

HTML 5从根本上改变了开发商开发

Web 应用的方式，从桌面浏览器到移动应用言和

标准都正在影响并将继续影响着各种操作平台

匚门。前端开发虽然起步时间晚，但是发展

势头迅猛，在各种新技术、新标准的推动下，各大互联网公司也开始重视 Web 产品的前

端重构与开发，如淘宝、腾讯、新浪、百度、搜狐等都对自己的网站进行了重构并同时 使用了 HTML5中的

新特性。现在开发的

Web 新产品的页面交互也越来越丰富，视觉效果

也越来越绚丽。互联网公司除了重视前端开发之外，还在积极推动互联网技术的发展， 2001〜2012年，腾讯、百度及奇虎 360公司先后加入了万维网联盟（

W3C ）,共同参与互

联网技术标准的研究和制定，促进了国内互联网产业的发展。

课题名称 基于HTML5的移动端打地鼠游戏的设计

课题来源 其他

职称 学生姓名

专业/班级

Web 能够轻松实现类似桌面的应用体验。移动互联 HTML5在其中很有可能扮演重要角色。

,HTML5并非仅仅用 ,在这个

平台上，视频、音

HTML5则包含了

CSS3和 JavaScript 也有

HTML5的优势与特性，确定

指导教师 学号

0’ Reilly 创始人，TimO' Reilly, 一位开源的支持者，曾在《Open Source Paradigm Shift》中如是说：

“IBM对个人电脑设计的商品化使利润从硬件转移到软件这一层面，而开源将带来

HTML5将成为新的层面，商品的价值在下降，现时的浏览 但这并

没有问题，只要它们都遵守标准 「3

'。人们说，我们

但这行不通，浏览器和移动端都有着自己独特的形式和

需求，如果我们可以从过去的经历中学到些什么，那就是，不能 简单照抄过去的模式，

好比广播到电视的变迁，你不能简单地在一个播音员面前放台摄像机完事，将操作系统 置入浏览器未必比

HTML5本身更有价值'4

。

HTML5规范的编辑者之一，现供职于 Google 的Ian Hixie 在个人博客上声称，尽管

Adobe 的多位巨头都曾公开表示支持

HTML5，但是现在Adobe 却在阻止HTML5规范的发

布。

这不奇怪，因为 HTML5规范中视频标签的部分内容是不利于

Adobe 利益的，今天

Adobe 不颠覆HTML5，回头HTML5就会颠覆 Adobe Flash 技术。

IanHixie 也说过“根据估计， HTML5直到2022年才会形成 W3C 推荐标准”

但是无论如何， HTML5代表了未来移动互联网的发展趋势，未来还是属于 HTML5

的。

研究的主要内容和拟采用的研究方法 (1) 需求分析

在设计之前针对目标进行需求分析是一条必须遵循的规则，如果效果与目标相去甚 远，那么游戏规划的目的就没有达到，或者说是不成功的。我们需要立足于游戏的目标 受众、定位以及预期效果，来实现整个游戏的需求分析，当然其中也包括页面的布局以 及基本功能等。

(2) 概要设计

在明确了需求之后，确定游戏的整体风格和页面布局，完善各个功能模块和整体的 设计思路，为了方便后期的对接，在划分功能模块时应注意各个部分之间的联系

(3) 技术掌握

本次设计的内容是一个基于HTML5的移动端打地鼠游戏，主要使用 HTML+CSS+JavaScrip 进行实现，各部分的内容如下：

HTML 用于游戏页面的基本设计与搭建，是游戏的主体部分和基本架构， JavaScript 部分的导入和衔接都在 HTML 部分进行。

CSS 将游戏的布局和功能实现部分进行完善。

JavaScript 常用来给HTML 网页添加动态功能，这里是用来对游戏的各个部分的动作 进行实现并做出

相应的反馈。

(4) 功能实现

在功能模块设计和技术都已经了解并掌握之后，进行游戏的具体设计与实现，也就 是本次设计的重点部分，将各个功能模块实现并衔接，经过不断的改善之后完成。

(5) 测试与完善

在游戏设计完成之后，通过测试各个方面，经过不断地修改完善游戏，直到达到需 求。

新的财富”

价值在不同的层面转移， 器和移动端已经成为

商品，

可以将操作系统置入浏览器中，

CSS 和