论文总字数：21326字

摘 要

为了让行人提前获知出行的道路情况，确保行人的出行安全，一款用来消除行人出行顾虑的APP就显得十分重要。而基于百度地图的出行无忧APP就是这样一款以Android为平台的应用软件。用户可以上传自己遇到的路障问题到出行无忧APP，同时用户也可以从出行无忧APP上获知他人遇到的路障问题，提前为自己的行程做出相应的改变。

本文主要介绍了实现该应用软件所需要的部分相关技术和理论，完成了出行无忧APP移动端和服务器端的系统分析，总结出APP移动端和服务器端各自的设计需求，设计规范以及设计的流程等。同时根据需求和规范，设计出了可以适配的图片，符合出行无忧APP特点的Logo以及用户界面的原型设计图。之后详细介绍了移动端和服务器端的用户界面设计，并且结合效果图和具体代码对其实现方式做出了具体的解释说明。

关键词：出行无忧 APP 百度地图 Android UI

UI Design and Implementation of CXWY APP Based on Baidu Map

Abstract

In order to let pedestrians know in advance the road conditions of travel and ensure the safety of pedestrians, it is very important for an APP to eliminate pedestrians' travel concerns. The CXWY app based on Baidu Maps is such an Android-based application. Users can upload their own roadblocks to travel to CXWY APP. At the same time, users can learn about roadblocks encountered by others from their CXWY app and make changes in advance for their own itinerary.
This article mainly introduces some related technologies and theories needed to implement the application software, completes the system analysis of the mobile terminal and server side of the CXWY APP, and summarizes the design requirements, design specifications, and design flow of the mobile and server sides of the APP. Wait. At the same time, according to the requirements and specifications, a picture that can be adapted is designed to meet the logo of the CXWY APP and the prototype design of the user interface. After that, the user interface design of the mobile terminal and the server is introduced in detail, and the concrete implementation of the mobile phone and the specific code is explained in detail.

Keywords: APP Baidumap Android User interface

目录

摘要 I

Abstract II

第一章 绪论 1

1.1 研究背景 1

1.2 研究现状 1

1.3 研究内容 2

1.4 论文章节综述 3

第二章 系统相关技术介绍和开发环境概述 4

2.1 Android系统介绍 4

2.2 Java语言介绍 9

2.3 Android Studio介绍 9

2.4 Adobe Photoshop介绍 10

2.5 Process On介绍 10

第三章 系统分析 11

3.1 可行性分析 11

3.2 功能需求分析 12

3.3 非功能性需求分析 14

第四章 客户APP端界面设计与实现 15

4.1 用户界面设计描述 15

4.2 用户界面设计原则 15

4.3 用户界面设计准备 16

4.4 用户界面设计具体实现 22

第五章 管理员Web端界面设计与实现 31

5.1 管理员登录界面设计 31

5.2 管理员操作界面布局设计 32

5.3 管理员导航菜单界面设计 33

5.4 信息展示区域设计 34

5.5 路障信息展示页面设计 35

5.6 用户信息展示页面设计 37

第六章 总结 39

致谢 40

参考文献 41

1. 绪论

随着互联网的快速发展和移动设备的普及，为了满足人们的出行需求，设计一款面向广大出行人，专注于保护出行人安全的安卓手机应用软件显得十分重要。基于百度地图的出行无忧APP,是一个专注于路障信息分享的平台，用户可以上传自己遇到的路障问题，也可以了解到他人上传的路障问题。

1.1 研究背景

现今，随着城市的都市化，人们可以选择的出行方式也越来越多。但是不管是使用交通工具还是步行，人们都要考虑的一个问题就是出行路线的可行性。在移动设备出现前，出行路线的选择往往是依靠交通设备旁的各色书报^[1]。这些书报为广大出行人提供了出行指南、地图线路等，它们在人们的出行方面扮演了至关重要的角色。但是这些纸质的书报携带起来很麻烦，而且更新速度非常慢，所以它们很难提供给人们最新的出行资讯，远远不能够满足人们的需求。

随着定位技术的发展，大量基于定位技术的出行服务类应用程序横空出世，它们给人们出行提供了丰富的功能服务，而且更新信息速度快，推送资讯及时，基本满足了人们的出行需求。但是它们的服务涉及面过多，没有专注于一个功能服务，以至于用户很难及时找到自己所需要的出行资讯。

而基于百度地图的出行无忧APP是一款专注于路障信息分享的Android应用程序。它不提供除了路障信息之外的服务，出行无忧APP将提供一个平台，用户可以上传分享自己遇到的路障信息，浏览他人上传的路障问题，并且依据相关信息考虑是否需要提前做好准备。本应用程序提供的服务将是实时更新的，用户将会获得最新的出行资讯，不会因为路障信息的延迟发布导致用户的行程受阻。

1.2 研究现状

之前谷歌和微软公司已经将在线地图服务发展到了一个新的高度。例如Google Map，Microsoft Live搜索地图,它们的地图服务遍及世界各地，而且提供了其他丰富的服务功能以满足了人们基本的出行需求。Google Map甚至可以允许用户了解某个地方详细的全景式拍摄信息，可见其技术能力之强。而且国外的地图服务类APP基本上是以导航为主体，其他服务都是围绕着导航这个功能展开，如根据出行方式预测抵达时间等，它们没有过多提供不涉及导航主体的服务。

同样，现在国内很多公司的在线地图技术也发展得十分出色，不仅有自己的在线地图服务APP，比如百度、腾讯、搜狗等，而且还给开发者提供了完善的Android 地图SDK，方便开发者进行相应地图服务开发。比如Baidu Map SDK，它是提供地图服务给移动设备的一个接口，开发者调用此接口就可以使用它提供的与地图相关的服务^[2]。国内的APP也提供了丰富的功能，如智能导航、精准定位、各色地图甚至还有天气服务等，这些功能用来应付人们的出行需求绰绰有余。

请支付后下载全文，论文总字数：21326字