毕业论文：《掌上路况》HTML5版本开发

题目： 《掌上路况》HTML5版本开发

院（系） 计算机科学与技术学院　
专 业 　　 　软件工程 　　　
届 别 　　 　2012届　

摘 要

随着计算机性能的不断提升和互联网技术的飞速发展，用户享受互联网的方式也开始变化要求开始提高，很多的应用变得可以直接以浏览器打开的方式使用，数据存储在云端服务器，在更加的安全可靠的同时，也方便了用户共享数据。在各种应用不断向网络化转变的同时， 一种新的技术标准也随之诞生，它就是HTML5。HTML5 是近十年来互联网标准一次巨大的飞跃，和曾经的HTML版本不同，HTML5 不仅仅可以用来表示Web内容，它还有另外一个使命，那就是将Web变成一个成熟的应用平台，在这个平台上，图像、音频、视频和动画，以及同电脑的交互全部被标准化。也就是说HTML5 是通过一个开放的标准和技术来实现一个没有插件富客户端，这个客户端可以在个人计算机、移动终端、手机和其他有网络的地方轻松的运行。所以此时研究并且大胆的实践HTML5这个未来产品有着重要的意义。
课题内容是《掌上路况HTML5版本开发》，该项目是厦门移动“无线城市-掌上路况WAP网站开发”项目的延伸，希望开发一套基于HTML5标准的应用程序，方便高端手持设备访问。基于HTML5的应用由于支持跨平台迁移，可以比原生的App开发节省大量的开发资源，并且支持在线升级即刻生效，所以吸引了越来越多的关注。该项目希望在WAP版本的建设功能的基础上，保持基本一致的功能，但是能够给用户提供更好的体验，为后续更多的高级和延伸功能做准备。

关键词：HTML5；Phonegap；掌上路况；百度地图API


ABSTRACT

With the increasing development of the Internet technology and the constantly rising of the computer performance, users also begin to e
……（新文秘网https://www.wm114.cn省略1414字，正式会员可完整阅读）……　
s, and supports online upgrades, effective immediately, it attracted more and more attention. The project on, remain basically the same functions, but can provide a better e*perience to users and to prepare for the follow-up to more advanced and e*tended and e*tended functionality.


keywords： HTML5， Phonegap， Handheld traffic， Baidu Maps API
目 录
摘 要 II
ABSTRACT III
图表目录 V
表格目录 V
1 引言 1
1.1 课题目的 1
1.2 课题意义 1
1.3 国内外发展概况 2
1.4 本章小结 4
2 方案论证 5
2.1 需求分析 5
2.2 相关技术基础简介 6
2.3 本章小结 13
3 系统设计 14
3.1 环境配置 14
3.2 模块设计 14
3.3 主要功能介绍 15
3.4 本章小结 16
4 详细设计 17
4.1 相关地图API的使用 17
4.2 核心算法的设计与实现 17
4.3 本章小结 21
5 具体实现 22
5.1 主体框架的搭建 22
5.2 框架设计 23
5.3 细节功能 24
5.4 本章小结 25
结语 26
注释 27
参考文献 28
后记 29
图表目录
图 2 1 Phonegap支持平台 10
图 2 2 Phonegap跨平台性 11
图 2 3 Phonegap如何调用API 12
图 3 1 系统模块功能设计图 15
图 5 1 主体框架 22
图 5 2 www下的框架 22
图 5 3 HTML5架构图 23
表格目录

表格 4.1 Info 19
表格 4.2 Details 19
表格 4.3 Nodes 20
表格 4.4 Edges 20

1 引言

1.1 课题目的
《掌上路况HTML5版本开发》项目是厦门移动“无线城市-掌上路况WAP网站开发”项目的延伸，希望开发一套基于HTML5标准的应用程序，方便高端手持设备访问。基于HTML5的应用由于支持跨平台迁移，可以比原生的App开发节省大量的开发资源，并且支持在线升级即刻生效，所以吸引了越来越多的关注。该项目希望在WAP版本的建设功能的基础上，保持基本一致的功能，但是能够给用户提供更好的体验，为后续更多的高级和延伸功能做准备
1.2 课题意义
从互联网的诞生到现在，互联网对人们的生活的影响在不断地变化和加强，人们渐渐地开始习惯互联网带来的各类服务与应用，并享受着它的便捷和丰富。与此同时随着互联网的用户和开发者的增多，人们去创造和完善它的速度也变的飞快，无论从技术层面还是应用层面，新的模式和方法层出不穷，整个互联网新陈代谢不断加快，新的应用和新的公司不断地挑战——_新的技术和新的模式，由于互联网存在创业成本低、技术门槛却相对较高等特点，大公司也不断地推动着新的技术，基于此来创建一定的技术壁垒，同时基于此建立全新的服务和技术。但是毕竟整个互联网是一个开放的环境，大家需要一种标准，而不是一家独大的竞争下去，这样就一定会失去民心，应运而生HTML5 这种更加新的标准和技术体系在不断地革新中发展壮大。
HTML5 是近十年来Web标准最巨大的飞跃，和曾经的版本不同，HTML5 并不仅仅用来表示Web 内容，它的使命是将Web 带入一个成熟的应用平台，在这个平台上，视频、音频、图像和动画，以及同电脑的交互都被标准化。尽管HTML5 的实现还有很长的路要走，但HTML5 正在改变Web。另外，目前的互联网不仅仅是传统意义上面的互联网，所有的传统应用和模式正在向着更加移动和便捷发展，人们可能通过手机、平板电脑等各类移动设备来获取信息和使用更加丰富的应用，如物理位置定位信息等新的数据采集和多点触控、重力感应等新的交互方式的应用，未来必将也会改变人们生活的方方面面。
HTML5 中也加入了以上各类新的元素和功能，同时也考虑到了非健全人事使用互联网时可能带来的问题[1] 。所以，研究HTML5 这种技术体系来尝试做一些应用是一个千载难逢的机遇，而基于这个变革的年代去使用类似的技术来创造更多新的应用更是能够改变这个世界的一次机会。
怎样在智能手机(以及其他移动设备)上将HTML5应用程序作为本地程序运行？虽然现在Web技术发展得相当快，但是想要在浏览器上运行一个几兆大小的应用程序还是非常困难的，因为浏览器的缓存是有限的。用户必须通过打开一个链接访问HTML5应用程序，而不能像访问本地应用程序一样，仅仅通过点击一个图标就能得到想要的结果，尤其是当移动设备脱机以后，用户几乎无法访问HTML5应用程序。
　　PhoneGap是一个用基于HTML，CSS和JavaScript的，创建跨平台移动应用程序的快速开发平台。开发的程序将部署在一个特定的操作系统上(如Android，IOS，Windows Phone…)，类似于在本地主机上运行的Apache实例。
1.3 国内外发展概况
HTML的发展历经了多个年代，但时间其实不过也在20年左右。1993年HTML首次以因特网草案的形式发布。20世纪90年代的人见证了HTML的大幅发展，从2.0版，到3.2版和4.0版，再到1999年的4.01版。随着HTML的发展，W3C（万维网联盟）掌握了对HTML规范的控制权。然而在快速发布了这四个版本之后，业界普遍认为HTML已经到了穷途末路，对Web标准的焦点也开始转移到了*ML和*HTML上，HTML被放到了次要的位置。不过在此期间，HTML体现了顽强的生命力，主要的网站内容还是基于HTML的。为能支持新的Web应用，同时克服现有的缺点，HTML迫切需要添加新的功能，制定新的规范。
致力于将Web平台提升到一个新的高度，一小组人在2004年成立了WHATWG 。他们创立了HTML5规范，同时开始专门针对Web应用开发新的功能，这被WHATWG认为是HTML中最薄弱的环节。Web2.0实至名归，开创了Web的第二时代[2]。旧的静态网站逐渐让位于需要更多特性的动态网站和社交网站，这些网站中的新功能数不胜数。2006年W3C又重新介入HTML，并于2008年发布了HTML5的工作草案。2009年，*HTML2工作组停止工作。2010年因为HTML5能解决非常实际的问题，所以在规范还未定稿的情况下，各大浏览器厂家就已经按耐不住了，开始对旗下产品进行升级以支持HTML5的新功能。得益于浏览器的实验性反馈，HTML5规范也得到了持续的完善，HTML5以这种方式迅速融入到了对Web平台的实质性改进中。到目前为止HTML5规范已经以工作草案的形式发布了，但还不是最终版本，不过现在在移动终端和Apple公司为主的产品的推动下，HTML5已经得到了广泛的使用[3]。
HTML5草案的前身名为WebApplications1.0，是在2004年由WHATWG提出， ……（未完，全文共22082字，当前仅显示3972字，请阅读下面提示信息。收藏《毕业论文：《掌上路况》HTML5版本开发》）