搜索
本科生毕业设计（论文）开题报告学生姓名：导师姓名、职称：伍新华所属学院：计算机科学与技术专业班级：计算机1102班设计（论文）题目：基于HTML5的矢量地图发布系统的研究2015年3月5日武汉理工大学本科学生毕业设计（论文）开题报告1、目的及意义（含国内外的研究现状分析）地图是地理学的第二语言，是人们认识世界的一个手段，在经济建设，科学研究，文化教育，国防军事等各个领域都有广泛的应用。随着人们生活水平的提高和互联网的快速发展，矢量地图已经逐渐的成为成为一种全新的地理信息展示方式。同时矢量地图给人们的生活带了很多的帮助，帮助人们更好的定位，查找地点，使现代生活更加便利了。本文以基于HTML5的矢量地图发布系统的研究为切入点，通过对当前地图发布系统结构、矢量数据传输现状、GIS系统、Canvans组件、JavaScript、HTML5特性的分析，研究基于基于HTML5的矢量地图发布体系结构方案：在该方案的基础上，解决地图发布过程中涉及到的矢量数据存储、矢量数据传输、地图数据渲染和地图交互，形成面向HTML5的矢量地图发布的解决方案。完成地图的放大与缩小、地图的漫游、简单的查询功能等基本交互功能。随着地理信息系统（GIS）的产生和发展，地图的功能发生了很大的变化。它不仅仅作为最终产品，同时也作为一种中间产品。地图开始扮演一个新的角色，成为人们探索空间数据及与其相联接的各种数据（如各种图像信息等）的桥梁，而且地图也成为交互、实时和动态环境中的一种重要的工具。同时，随着人们对地理知识文化的要求越来越高，矢量地图的市场必然会发生一系列相应的变化，地图产品将具有更深的文化底蕴，矢量地图模式将具有更高的适应性。因此开发多功能的、地图内容准确详细的矢量地图对人们的日常生活影响很大，一个好的矢量地图可以及时的带给人们许多及时有用的信息，帮助人们及时找到自己需要的信息资料。互联网的诞生和发展极大地促进了地理信息系统产业的快速发展壮大，而人们对基于互联网的地理信息系统（WebGIS）的关注度也日益增加，WebGIS产品如雨后春笋，在此期间，国内外对WebGIS系统研发的技术思想也大体相同，主要集中在基于Internet环境下的地理空间数据的组织、管理和共享：地理空间数据传输、模型和结构：以及分布式系统结构的建立和应用等，其实现手段基本都在网络条件下基于Web技术的三级或多级B/S体系结构。2、基本内容和技术方案2.1、基本内容：1.学习GIS相关的基本理论，重点研究矢量地图的发布方式；学习HTML5相关知识，重点研究Canvas组件的使用；熟悉JavaScript的使用，能运用地图提供的JavaScriptAPI完成基本的地图功能，如地图的放大与缩小、地图的漫游、简单的查询功能等基本交互功能。2.研究设计面向HTML5的矢量地图发布的体系结构方案，在该方案的基础上，解决地图发布过程中涉及到的矢量数据存储、矢量数据传输、地理数据渲染和地图交互等问题，形成基于HTML5的矢量地图发布的解决方案。3.依据所设计的基于HTML5的矢量地图发布的解决方案，实现一个基于HTML5的矢量地图发布原型系统，验证其解决方案。2.2、技术方案：本课题研究以基于HTML5语言为基础，使用Canvas组件，运用GIS相关的基本理论，以及JavaScript和JavaScriptAPI的使用来完成矢量地图发布系统的研究，采用系统开发和实验分析验证结合，构建基于HTML5的地图发布，并构建原型试验系统，以典型区域测试验证。首先，整个系统设计采用HTML5编码实现。因此需要对HTML5的基础知识以及JavaScript等相关知识进行深入的学习，熟练运用DreamWeaver或更高版本等开发工具；其次要了解通用学生生源地域分布平台的业务逻辑，以数据模型层、视图层、控制层三层结构为基础，分别对各层次进行设计；最后进行整合。2.2.1、基于HTML5的相关技术由于HTML5还处在开发阶段并不是最终版，所以各种浏览器的支持不同。根据HTML5Test网站测试的结果，支持HTML5的浏览器包括Firefox（火狐浏览器），IE9及其更高版本，Chrome（谷歌浏览器），Safari，Opera等；国内的傲游浏览器（Maxthon），以及基于IE或Chromium（Chrome的工程版或称实验版）所推出的360浏览器、搜狗浏览器、QQ浏览器、猎豹浏览器等国产浏览器同样具备支持HTML5的能力。HTML5赋予网页更好的意义和结构，具有以下特性：本地存储特性，设备兼容特性，连接特性，网络多媒体特性，三维、图形及特效特性，基于Canvas功能，性能与集成特性，CSS3特性等。在移动设备开发HTML5应用只有两种方法：要不就是全使用HTML5的语法，要不就是仅使用JavaScript引擎。HTML5有许多开发工具，本次系统采用DreamWeaver作为HTML5的开发工具。2.2.2、Canvas组件的使用HTML5中的Canvas元素可以使用JavaScript在网页上绘制图形，Canvas元素本省市没有绘图能力的，所有的绘制工作必须在JavaScript内部完成。Canvas元素可以规定元素的id、高度和宽度，拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法，可以创建丰富的图形引用。2.2.3、GIS相关技术GIS（地理信息系统）结合了地理学、地图学以及遥感和计算机科学，是用于输入、存储、查询、分析和显示地理数据的计算机系统。GIS是一种基于计算机的工具，他可以对空间信息进行分析和处理，GIS存储数据主要有两种方法：栅格和矢量。比较常见的组件式GIS开发工具有：DeveloperKernel、MapSuiteGIS、Geomedia、MapObjects等2.2.4、JavaScript相关技术JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML网页上使用，用来给HTML网页增加动态功能，已经被广泛用于Web应用开发,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。JavaScript具有跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）。3、进度安排经过仔细的分析和研究，现把毕业设计的进度做如下大概的安排：（1）01月20日-03月15日查阅相关文献资料，完成外文翻译以及开题报告的撰写；（2）03月16日-03月26日学习HTML5、JavaScript和GIS等相关技术。（3）03月27日-04月16日完成系统的功能需求分析、概要设计与详细设计以及数据库设计工作；与此同时，完成系统开发所需技术的储备工作；（4）04月17日-05月20日完成系统的编码实现与测试工作；（5）05月21日-06月05日整理毕业设计相关资料，完成毕业论文的撰写。4、阅读文献[1]王晓.基于HTML5的矢量地图发布关键技术研究[D].南京师范大学,2011[2]龙云.基于HTML5的WebGIS研究[D].江西理工大学,2013[3]PeterLubbers,BrianAlbers.HTML5程序设计[M].北京：人民邮电出版社，2012[4]EllieQuigley.JavaScript详解[M].北京：人民邮电出版社，2011[5]刘光,唐大仕编著.ArcGISServerJavaScriptAPI开发GeoWeb2.0应用[M].北京：清华大学出版社,2010[6]梁春雨，李新通.使用开源平台和HTML5Canvas构建福州市区实时路况WebGIS系统[D].福建：福建师范大学地理科学学院，2013[7]胡玲.基于HTML5和GIService的WebGIS系统开发[D].湖南：长沙理工大学，2013[8]门朝光，孙建国，曹刘娟.Informationhidingschemeforvectormapsbasedonfingerprintcertification[J].Dept.ofComputerScienceandTechnology,HarbinEngineeringUniversity,2009[9]AdamFreeman.HTML5权威指南[M].北京：人民邮电出版社，2014[10]马林兵，张新长，林立建，陈蔚珊.WebGIS技术原理与应用开发(第二版)[M].北京：科学出版社，2012[11]DavidFlanagan.JavaScript权威指南（第6版）[M].北京：机械工业出版社，2012[12]BasitZeshan.Construction,ImmunogenicityandProtectiveEfficacyoftheSpikeGlycoprotein(S1)ofInfectiousBronchitisViruswithaReplication-defectiveAdenovirusVector[D].江苏：南京农业大学，2010[13]闵东龙.基于HTML5的矢量电子海图服务研究[D].辽宁：大连海事大学，2013[14]徐莎，杨帆，徐昌庆.基于HTML5的WebGIS的研究与应用[J].上海：上海交通大学电子工程系，,2012[15]姜福成.基于HTML5的网页地图设计与应用[J].黑龙江：黑龙江工程学院测绘工程学院，20125、指导教师意见指导教师签名：年月日