基于HTML5的虚拟校园

论文总字数：26457字

摘 要

HTML5作为新的规范被W3C接受，综合基于HTML5移动应用用户提供更好的体验。通常所说的HTML5WEB是指一系列的HTML5、CSS3、JavaScriptAPI构成的Web应用平台体系。新的HTML5技术提供了丰富的媒体、内容增强、数据存储、设备适配、用户交互等性能方面的优势，特别是丰富了构建移动Web应用的特性。在移动端的发展中，浏览器仍然作为其核心运行引擎，分为Web核心引擎和JavaScriptAPI扩展两大模块，Web核心引擎主要负责Web应用代码中的HTML，CSS，JavaScript脚本，加载、处理、渲染页面布局以及其中的文本、图像、视频、音频等多媒体元素；而JavaScriptAPI扩展则完成Web应用中所调用的API的具体功能调用执行，通过终端系统能力、网络交互能力将通用的Web应用API接口功能在终端上实现。目前大量的现有的基于互联网的资源正在迅速融入基于HTML5的移动应用程序。然而，这可能会导致在适应资源为各种类型的现有的移动设备的一些困难。为了提高基于网络资源为各种移动终端现有的HTML5的利用率，本文提出了一种新的移动Web应用程序的集成方法，它可以协助应用服务提供商提供的基于HTML5的移动混合应用的各种移动端。这是一个巨大的新兴HTML5网络资源快速移植到移动应用程序通过各种移动终端接受新的尝试。本文还考察了必要的机制和手段，支持拟议的框架与现有的基础设施无缝地工作。最后，一个原型集成平台的建立和全面的仿真测试，证明其可行性高。

关键字：HTML5；JavaScriptAPI；媒体查询；数据储存；通信

Abstract

As the new HTML5 specification is being accepted, comprehensive HTML5-based mobile applica-tions provide users with better experiences.The HTML5WEB refers to a series of Web application platform system which is composed of HTML5, JavaScriptAPI and CSS3.The new HTML5 technology provides rich media, content enhancement, data storage, equipment adaptation, user interaction and other advantages, in particular, enriched the characteristics of mobile Web application. In the development of the mobile terminal, the browser still as the core engine operation, expansion of two modules for the web core engine and JavaScriptAPI, web core engine is mainly responsible for the web application code in HTML, CSS, JavaScript, loading, processing, rendering the page layout and the text, image, video, audio and other multimedia elements; and JavaScriptAPI expansion is the completion of the execution of API calls in the web application specific function calls, through the terminal system capability,network interactive ability of the common web application API interface function in the terminal.Huge amount of existing Internet-based resources are rapidly integrated into mobile applications based on HTML5. However, this could result in some difficulties in adapting the resources into various types of existing mobile devices. To enhance the utilization of existing HTML5 based Internet resources into various mobile terminals, this paper proposed a new integration approach for mobile web applications, which can assist application service providers to provide HTML5- based mobile hybrid applications for various types of mobile ends. It is a novel attempt to quickly transplant huge emerging HTML5 Internet resources into mobile applications accepted by various mobile terminals. This work also examines necessary mechanisms and means to support the proposed framework seamlessly working with existing infrastructures. Finally, a prototype integration platform is built and comprehensive simulations are implemented to test and prove its high feasibility.

Keywords：HTML5；JavaScriptAPI；Media query; data storage; communication

目录

摘要 I

Abstract II

第一章 绪论 1

1.1 背景 1

1.2 目的和研究内容 1

1.2.1 目的 1

1.2.2 研究内容 1

第二章 HTML5技术分析 3

2.1 HTML5全新技术 3

2.2 HTML5技术与原生的比较 5

HTML5与原生技术的比较表格2-2 5

2.3 HTML5应用领域 6

第三章 系统设计 8

3.1 功能介绍 8

3.2 框架搭建 9

第四章 详细设计与实现 11

4.1 环境部署 11

4.2 首页设计与实现 11

4.2.1 首页代码结构 11

4.2.2 main代码实现 12

4.2.3 点击各个模块跳转方式 13

4.2.4 实现效果 13

4.3 新闻页面、校园活动、校园超市 14

4.3.1 新闻页面 14

4.3.2校园活动 15

4.3.3 校园超市实现 17

4.4 校园论坛功能 21

4.5 扫一扫功能 22

4.6 调用街景地图 22

4.7 更多界面 24

4.8 利用IDE封装成APP 24

结束语 26

致谢 27

参考文献 28

第一章 绪论

剩余内容已隐藏，请支付后下载全文，论文总字数：26457字