毕业设计（论文）-遛遛旅游应用的开发.doc

编号：12013211428 南阳师范学院2016届毕业生毕业论文（设计） 题 目： 遛遛旅游应用的开发 完 成 人： 班 级： 2012-14 学 制： 4年 专 业： 软件工程 指导教师： 完成日期： 2016-04 目 录摘要：溜溜旅游系统能使用户更直观、更方便的查询上海的景点。在很大程度上改善了旅游现状。该APP主要囊括首页、文化之旅、电子导游、我的四大模块。同时拥有支付、收藏、分享、地图线路规划，地图导航，语音介绍等功能。本系统是选用基于objective-c语言开发的，数据库是采用SQL Server 2008R2， 设计模式选用了MVC。31绪论31.1 系统开发背景31.2 系统开发的目的和意义41.3 系统概述42系统开发工具42.1 objective-c技术52.2 Xcode开发工具53 系统分析53.1可行性分析63.2 需求分析73.3数据库分析73.4功能模块分析84 系统详细实现和功能说明94.1引导页模块94.2首页界面104.3文化之旅224.4电子导游234.5我的界面254.6分享功能264.7线路详情274.8景点详情295.系统测试305.1测试目的305.2测试方法306总结31参 考 文 献32Abstract: LiuLiu tourism system can make users more intuitive and easier to access Shanghais attractions. It improves travel situation to a large extent. The APP mainly includes Home, cultural tours, electronic guides, my four modules, at the same time has payment, collection, sharing, maps, route planning, map navigation, voice introduced functions and so on. This system is based on the objective-c language developments, and the database uses SQL Server 2008R2, MVC is selected for design pattern.33参考文献（27）Abstract（28） 遛遛旅游应用的开发作 者：董 雷指导教师：卢香清 摘要：溜溜旅游系统能使用户更直观、更方便的查询上海的景点。在很大程度上改善了旅游现状。该APP主要囊括首页、文化之旅、电子导游、我的四大模块。同时拥有支付、收藏、分享、地图线路规划，地图导航，语音介绍等功能。本系统是选用基于objective-c语言开发的，数据库是采用SQL Server 2008R2， 设计模式选用了MVC。关键词：遛遛旅游；分享；objective-c语言；IOS1绪论1.1 系统开发背景伴随着时代的进步和社会的发展，人们经济水平的提高，旅游行业异常的火爆。同时由于科技水平的提高，移动互联网也得到了迅速的发展，于是我决定为旅游市场开发一款类似于去哪儿、携程等旅游网站的APP，让人们更好的选择旅游景点。而随着智能手机的大众化，越来越多的人使用智能手机，相应的手机APP的需要也就越来越多。现在的手机不仅仅是简单的打电话，发短信这些基本功能，更使年轻人青睐的是玩游戏、看视频、听音乐等，手机也就成了人们必备的工具之一。目前中国的旅游行业已经具备了相当的规模，并且在国际上有了一定的竞争力。iPhone作为当前国际上不可多得的一个手机品牌，其市场占有率仅次于三星，其占有了全球市场百分之90以上的利润。基于iOS的手机APP需求量随之增大，同时市场上的旅游商家很多，他们定位都差不多，基本满足了各个层次消费者的需求。例如携程，去哪儿，驴妈妈等，这些应用已经在苹果商店旅游类APP中占据了绝对的地位，智能手机的普及更加使得移动信息平台成为了主流。 伴随着苹果手机在中国的火热，相对的iOS技术慢慢的流行了起来。而对于开发iOS APP的开发语言objective-c/swift，也成为了当今社会流行的开发语言。始终保持着强势的上升趋势，并且有超过c语言的趋势，(目前swift正在慢慢取代objective-c)。苹果语言相对于别的开发语言，例如javascript、java以其强大的优势远远领先于其他的编程开发语言。所以本文根据当前的形式，决定使用OC来开发手机APP。1.2 系统开发的目的和意义 开发这个系统为了更好的方便大家旅行，同时来巩固自己的ISO开发水平，让自己在以后的社会竞争中更有竞争力。1.3 系统概述 设计思想:遛遛旅游APP是按照一般的软件开发流程开发的。本人根据景点进行市场调查，了解人们对景点的需求，从而决定去开发一款旅游APP。在有了用户的需求后，就决定开发属于自己的旅游APP。在真正的开发过程中自己决定了系统的架构设计、界面的设计，然后就开始开发了。设计目标: 首先收集一些上海本地的旅游景点，然后根据不同景点的收费标准以及景点的类型进行分类整理。分为不同的类别来方便人们找到自己喜欢的分类，方便每个人选择自己喜欢的景点并且下单。2系统开发工具2.1 objective-c技术objective-c是扩充c的面向对象的编程语言，主要用在Mac OS x，iOS等的基本语言。Objective-C可以在gcc运行的系统编译，因为gcc含有objective-c的编译。1980年左右布莱德.确斯在其公司Stepston发明的，他很在意设计和编译器的确实需求。现在是编写iOS应用的程序利器，oc是非常好的语言。它是用C语言写的很小的运行库，只会让程序包的大小添加很小的范。OC系统使用极大的vm执行时间会取代整个系统的运作相反，oc写的代码一般不会比原来的代码大很多。2.2 Xcode开发工具Xcode 是运行在操作系统Mac OSX上的集成的开发工具，是苹果公司开发的。Xcode是开发OS X和IOS快捷的方式，Xcode具有统一的用户界面设计编码、调试、测试都在一个简单的窗口内完成。从Xcode3.1开始，Xcode也可被用来为iphone OS开发环境。Xcode3.0可以用于iPhone OS的开发环境。Xcode4.0于2011年3月9号正式发布了，这个版本非APPle开发者，也可以从mac APP store中付费下载。Xcode5.0支持ISO7，可以在Mac APP story 里面下载。Xcode6.0整合了新的语言swift。Xcode7.0把swift语言版本升级到2.0。溜溜旅游要求必须在OS x 系统上运行的Xcode才能开发。3 系统分析3.1可行性分析可行性基本分析也可以称为可行基本性研究，是在线下以及线上调查的基础上并辅助其他的信息渠道。针对基于ios的旅游软件开发是否具备必要性和可能性，对溜溜旅游从经济、操作、技术等各个方面进行分析研究，来防止投资的失误。保证遛遛旅游的开发成功，就对我们学过的知识进行可行性分析。可以在最短的时间内分析出基于iOS的溜溜旅游，是可以达到理想的效果的。（1）经济可行性分析:这款基于iOS的溜溜旅游APP的开发是通过苹果官方的xcode工具开发的。我自己安装的黑苹果，同时服务器的这一块我让做java的同事帮我完成。图片这一部分有做美工的同事帮我来完成，所有的开发需要的硬件以及软件我都可以获得。同时自己也可以通过抓包工具获取相关的资源，不存在浪费人力物力的现象，所以决定了开发出一款基于iOS的旅游类APP。（2）社会基础可行性分析: 开发这款溜溜旅游APP是公司的产品，不会损坏到任何人的利益。我开发这款APP符合国家的政策方针，不影响任何组织的利益，没有宗教方面的宣传，同时也不会影响社会的稳定，所以可以得出开发iOS的在溜溜旅游社会方面的可行性。（3）技术基础可行性分析: 开发溜溜旅游APP需要用到的是objective-c，以及一些iOS开发的UI设计和一些第三方框架的应用等等。就技术方面来说，自己不学习iOS有一年多的时间了。并且有过相关类似的开发经验，相对于开发一款电商APP，自己的技术是完全可以胜任的。还有自己安装的黑苹果，以及xcode是完全可以胜任此次开发的软件需求，从而分析得出这款溜溜旅游APP在技术方面是可行的。所以，综合所诉我的基于iOS的溜溜旅游APP开发是可以实现的。3.2 需求分析需求分析指的是在建立一个新的应用时，就这个新的应用的目的、范围、定义以及功能等一些方面的所要做的工作。前期的需求分析是必不可少的部分。在准备一个项目的开发之前，开发者必须清楚消费者需要什么样的APP.喜欢什么样的内容，然后根据这些需求进行相应的开发。根据目前的手机市场份额，苹果无疑成为高端品牌的代名词。同时人们的收入增加，旅游的人数也增多，市场上旅游的APP以携程，去哪儿，驴妈妈为主。但是都是业务繁杂，没有给人们一个清晰的选择、基于此，设计这款遛遛旅游APP，侧重于文化旅游、线路旅游、免费旅游、来更好的吸引用户来使用。3.3数据库分析建立所需数据表：从线路推荐表、今日特价优惠表表、文化之旅表、景点自由组合表、亲子游表、两天半表、文化之旅表。(1)文化旅游表表：保存旅游线路的名字、图片、简介表1 线路推荐表字段名字段类型是否为空说明YhIDInt否线路编号(主键)YhNameVarchar(30)否线路名字XhVarchar(20)是线路简介YhPVarchar(50)否图片(2)今日特价优惠表表：保存旅游线路的名字、图片、简介表2今日特价优惠表表字段名字段类型是否为空说明YhIDInt否线路编号(主键)YhNameVarchar(30)否线路名字XhVarchar(20)是线路简介YhPVarchar(50)否图片(3)文化之旅表：保存旅游线路的名字、图片、简介表3 文化之旅表字段名字段类型是否为空说明YhIDInt否线路编号(主键)YhNameVarchar(30)否线路名字XhVarchar(20)是线路简介YhPVarchar(50)否图片(4)景点自由组合表：保存旅游线路的名字、图片、简介表4 景点自由组合表字段名字段类型是否为空说明YhIDInt否线路编号(主键)YhNameVarchar(30)否线路名字XhVarchar(20)是线路简介YhPVarchar(50)否图片(5)亲子游表：保存旅游线路的名字、图片、简介表5 亲子游表字段名字段类型是否为空说明YhIDInt否线路编号(主键)YhNameVarchar(30)否线路名字XhVarchar(20)是线路简介YhPVarchar(50)否图片(6)两天半表：保存旅游线路的名字、图片、简介表6两天半表字段名字段类型是否为空说明YhIDInt否线路编号(主键)YhNameVarchar(30)否线路名字XhVarchar(20)是线路简介YhPVarchar(50)否图片3.4功能模块分析在经过上述的所有过程后，现在将会介绍应用的总体设计。应用所实现的功能的强弱是衡量一个APP好不好的标尺。通过对旅游的全面分析并且结合调研的情况，得出了溜溜旅游这款APP的整体设计与功能模块。根据需求的结果得到溜溜旅游的基本模块包括以下几个功能模块引导页模块 :这个模块主要是在程序第一次启动，或者有更新的时候指导人们怎么去使用该应用和应用有哪些更新。首页界面:该模块主要包括7部分(滚动banner，从这里开始溜溜，今日特价优惠，文化旅游专线，景点自由组合，亲子游，两天半)（1）文化之旅（2）电子导游: 该模块主要包括两部分(地图，语音等);（3）我的: 该模块主要包括(收藏，钱包，订单，设置等);（4）分享: 该模块主要包括(微信，qq，微博，等);（5）支付: 该模块主要包括(支付宝，微信)（6）景点详情界面:主要显示景点的一些详细信息（7）线路详情模块:该模块主要负责线路详情的介绍4 系统详细实现和功能说明4.1引导页模块 用户第一次使用这个软件时，会出现一个滚动引导界面。可以告诉我们如何使用溜溜旅游APP，也能够让用户很清晰的看到这个APP的亮点。还有后期的版本迭代更新等也会用到，用户可以清晰的了解到新版本增加的功能或者修改的bug等。 图1 启动页首页 图2启动页末页 4.2首页界面用户用户可以通过这个界面看到这个APP的主打功能模块，具体内容包括滚动benner、搜索、二维码扫描。从这里开始遛遛、今日特价优惠、文化之旅、景点自由组合、亲子游、两天半等9个部分组成。其中从这里开始遛遛、今日特价优惠、文化之旅、，景点自由组合、亲子游、两天半为按钮，点击后跳转到一个列表界面，扫描跳转到扫描界面，主要是通过二维码扫描获取最经典的详情了。 图3 首页界面主要代码主要实现的功能是设置背景颜色，设置状态栏。- (void)viewDidLoad super viewDidLoad; self.view.backgroundColor=RgbColor(243， 246， 255); self.view.bounds =UIScreen mainScreen.bounds; UIApplication sharedApplication setStatusBarStyle:UIStatusBarStyleLightContent animated:NO; self.automaticallyAdjustsScrollViewInsets=NO; NSLog(%f %f，self.view.frame.size.width，self.view.frame.size.height); NSLog(%f %f，UIScreen mainScreen.bounds.size.width，UIScreen mainScreen.bounds.size.height); self gundong; self anniu; (1)滚动benner 在手机的首页显示几张滚动的图片为大家简单介绍APP的信息等。图4 滚动视图界面主要代码主要作用是实现滚动功能，让图片显示滚动的效果。_scrollview1 =UIScrollView allocinitWithFrame:CGRectMake(0， 0， WINDOW_WIDTH， 410*WINDOW_HIGHT/1280); _scrollview1.backgroundColor = UIColor whiteColor;_scrollview1.bounces = NO; _scrollview1.showsHorizontalScrollIndicator = NO; _scrollview1.showsVerticalScrollIndicator = NO;_scrollview1.pagingEnabled = YES; / 要分页 _scrollview1.contentSize = CGSizeMake(kImageCount * _scrollview1.bounds.size.width， 0);/ contentSize _scrollview1.delegate = self;/ 设置代理 (2)从这里开始遛遛按钮点击后跳转到从这里开始遛遛界面，完成下边的单项选择和多项选择。然后通过网络请求把你选择的信息发送到后台服务器，后台服务器会根据你提供给后台的关键字，然后后台会把相关的景点以json格式的数据返回给你。在线路推荐界面显示出来，用户可以根据推荐的线路和相关的线路加入订单完成购物等。 图5 从这里开始遛遛界面主要代代码如下：主要实现的功能是实现从这里开始遛遛界面，以及昵称、背景颜色等。- (void)viewDidLoad super viewDidLoad; self.title=从这里开始溜溜; self.view.backgroundColor = UIColor whiteColor; self.modalPresentationCapturesStatusBarAppearance = NO; self.edgesForExtendedLayout = UIRectEdgeNone; 线路推荐部分的界面效果如下： 图6 推荐线路界面界面的主要部分代码主要实现功能是设置界面的背景颜色、标题昵称、布局方式。- (void)viewDidLoad _btn.enabled=NO; super viewDidLoad; self.title=线路推荐; self.edgesForExtendedLayout = UIRectEdgeNone; _titles = NSMutableArray array;_tijiaobtn.layer.cornerRadius = 3.5NSNotificationCenter defaultCenteraddObserver:self selector:selector(textChange)name:UITextFieldTextDidChangeNotification object:_textfield1; (3)今日特价优惠 今日特价优惠点击后跳转到今日特价优惠界面，在今日特价界面主要展示一些今天有优惠的景点。在最上边的滚动benner里面显示几个代表性的景点图片，在下边显示一些特价景点的简单介绍。然后点击cell可以进入线路详情界面，就可以把自己喜欢的线路添加到订单里面来完成支付。 图7 今日特价优惠界面代码如下，主要实现的功能是设置界面的背景色、标题、列表的大小宽高。- (void)viewDidLoad super viewDidLoad; self.view.backgroundColor=UIColor whiteColor; self.edgesForExtendedLayout = UIRectEdgeBottom; self.title=今日特价优惠; _tableview1=UITableView allocinitWithFrame:CGRectMake(0， 0， WINDOW_WIDTH， WINDOW_HIGHT); _tableview1.delegate=self; _tableview1.dataSource=self; (4)文化旅游专线 文化之旅按钮点击后跳转到文化旅游专线界面，在跳转到这个界面的过程中会进行网络请求。后台会把数据以json的格式返回给我们，我们再把数据存储在模型里面通过mvc模式把数据展现到tableview里面。在文化旅游专线界面里面展示一些具有文化特性的一些景点线路，用户可以根据自己的喜好选择自己喜欢的线路。最后把线路添加到购物车里面，通过支付按钮完成下单等。 图8 文化旅游专线界面 代码如下，主要实现的功能是设置界面的背景色、标题、列表的大小宽高。- (void)viewDidLoad super viewDidLoad; self.view.backgroundColor=bgColor;self.title=文化旅行专线; _tableview1=UITableView allocinitWithFrame:CGRectMake(0， 0， WINDOW_WIDTH， WINDOW_HIGHT); _tableview1.delegate=self; (5)景点自由组合景点自由组合按钮点击后跳转到景点自由组合界面，里面分别显示(热门景点、特价景点、原生态景点、休闲景点、文化景点)几个分类选项。分别展示比较热门的景点、特价优惠的景点、比较原生的景点、比较适合、休闲的景点、有文化特色的景点。当点击后分别跳转到景点列表的时候在跳转到界面的过程中会进行网络请求。后台会把数据以json的格式返回给我们，我们再把数据存储在模型里面通过mvc模式把数据展现到tableview里面，用户可以根据自己的喜好加入到自己的组合，然后下单。图9 景点自由组合界面主要代码如下，主要实现的功能是设置界面的背景色、标题、列表的大小宽高。- (void)viewDidLoad super viewDidLoad; self.title=景点自由组合; self.tableView.rowHeight=160*WINDOW_HIGHT/1280; self.tableView.backgroundColor=bgColor; (6) 亲子游亲自游按钮点击后会跳转到亲自游界面。在跳转到这个界面的过程中会进行网络请求，后台会把数据以json的格式返回给我们，我们再把数据存储在模型里面通过mvc模式把数据展现到tableview里面，界面里面主要展示一些适合家人带着孩子一起旅游的景点。用户可以根据自己喜好选择自己喜欢的景点，并且添加至购物车下单等。界面如下：图10 亲子游界面部分代码如下，主要实现的功能是设置界面的背景色、标题、列表的大小宽高。- (void)viewDidLoad super viewDidLoad; self.view.backgroundColor=UIColor whiteColor; self.title=亲子游; _tableview1=UITableView allocinitWithFrame:CGRectMake(0， 0， WINDOW_WIDTH， WINDOW_HIGHT); _tableview1.delegate=self; _tableview1.dataSource=self; _tableview1.rowHeight=440*WINDOW_HIGHT/1280; self.view addSubview:_tableview1; (7)两天半点击首页的了两天半按钮的时候会跳转到两天半界面。里面展示一些适合短途和短时间旅行的景点，用户可以根据自己的需求把自己喜欢的景点添加到购物车并且下单。图11 两天半界面主要代码如下代码如下，主要实现的功能是设置界面的背景色，标题，列表的大小宽高- (void)viewDidLoad super viewDidLoad; self.view.backgroundColor=UIColor whiteColor; self.title=两天半; _tableview1=UITableView allocinitWithFrame:CGRectMake(0， 0， WINDOW_WIDTH， WINDOW_HIGHT); _tableview1.delegate=self; _tableview1.dataSource=self; _tableview1.rowHeight=440*WINDOW_HIGHT/1280; self.view addSubview:_tableview1; 4.3文化之旅文化之旅界面主要展示一些文化为主要特征的一些景点线路。用户可以根据自己的喜好选择自己喜欢的线路，添加到购物车里面，实现下单。界面如下：图12 文化之旅界面主要代码如下，主要实现的功能是设置界面的背景色、标题、列表的大小宽高。- (void)viewDidLoad super viewDidLoad; self reloadLocation; self.navigationController.navigationBar setTitleTextAttributes:NSDictionary dictionaryWithObjectsAndKeys:UIColor whiteColor，UITextAttributeTextColor，nil; self.navigationController.navigationBar.barTintColor=RgbColor(203， 0， 15); _tableview1=UITableView allocinitWithFrame:CGRectMake(0， 0， WINDOW_WIDTH， WINDOW_HIGHT); _tableview1.delegate=self; _tableview1.dataSource=self; _tableview1.rowHeight=330*WINDOW_HIGHT/1280; self.view addSubview:_tableview1;4.4电子导游 电子导游界面主要包括定位、线路规划、语音介绍等功能。在出发点里面输入出发地，在目的地里面输入你要去的地方，点击搜索即可搜索出相应的线路、语音介绍。主要是对一些景点的语音介绍，用户可以选择自己想要听的景点，点击播放。主要的界面设计如下：图13 电子导游界面主要的代码如下，主要实现的功能是设置界面的背景色，标题，列表的大小宽高。- (void)viewDidLoad super viewDidLoad; self.title = 电子导游; self.view.backgroundColor=UIColor whiteColor; self.modalPresentationCapturesStatusBarAppearance = NO; self.edgesForExtendedLayout = UIRectEdgeNone; self.extendedLayoutIncludesOpaqueBars = NO; self shangbufenshousuodeshixian; self navigationitemm; self dingwei;4.5我的界面 我的界面主要展示一些头像、我的钱包、我的订单、上传语音、推荐线路、设置、意见反馈、我要投诉等几部分。点击头像可跳转到设置界面，设置界面可以更改个人资料、更改密码、检查项目的最新版本、以及遛遛旅游APP的介绍。点击我的钱包显示银行卡、优惠券等。点击定单会跳转到订单界面，主要包括未付款、已付款等、意见反馈。主要是用户反馈一下自己对APP的意见等，界面效果如下:图14 我的界面部分代码如下，主要实现的功能是设置界面的背景色，以及其他几个部分的界面。- (void)viewDidLoad super viewDidLoad; self.view.backgroundColor=RgbColor(230， 231， 239); self datu; self diyi; self dier; self disan; self disi;4.6分享功能 在线路详情、景点详情里面都会有分享功能。主要是把这个景点和这个线路分享到新浪微博和腾讯微博里面。利于APP的推广等功能，界面效果如下： 图15 分享界面部分代码如下，主要实现第三方sdk的导入。#import #import AppDelegate.h#import #import LGTabBarController.h#import Define.h#import WXApiManager.h#import #import #import #import #import WXApi.h#import WeiboSDK.h4.7线路详情 线路详情主要是对一些线路的详细介绍。里面包括价格、评分、收藏、分享、景点详情介绍、评价等功能。项目中好多的cell点击后都会跳转到线路详情界面。线路详情界面里面会简单介绍一些景点线路里面的一些景点。点击景点的时候，就会跳转到景点详情界面，点击评论的时候会跳转到评论界面。里面有展示一些评论，用户可以根据评论了解一些线路的简单情况，用户也可以发表评论。 图16 线路详情界面部分代码如下，主要实现的功能是设置界面的背景色、标题、列表的大小宽高。- (void)viewDidLoad super viewDidLoad; self.edgesForExtendedLayout = UIRectEdgeNone； self.okImage=UIImage imageNamed:bg_collection.png; self.cancelImage=UIImage imageNamed:btn_nocollection.png; self.title=线路详情; _tableview1=UITableView allocinitWithFrame:CGRectMake(0， 0， WINDOW_WIDTH， WINDOW_HIGHT-( self.navigationController.navigationBar.bounds.size.height + UIApplication sharedApplication.statusBarFrame.size.height)-100*WINDOW_HIGHT/1280); _tableview1.delegate=self; _tableview1.dataSource=self; _tableview1.rowHeight=200*WINDOW_HIGHT/1280; self.view addSubview:_tableview1; 4.8景点详情 景点详情里面主要包括滚动benner、价格、语音、分享、收藏、评论、景点介绍等功能。点击评论按钮会跳转到评论详情界面，用户根据评论大致了解这个景点。景点详情界面如下： 图17 景点详情界面 部分代码如下，主要实现的功能是设置界面的背景色、标题、列表的大小宽高。- (void)viewDidLoad super viewDidLoad; self.view addSubview:_bgview; self.title=景点详情； self.okImage=UIImage imageNamed:bg_collection.png; self.cancelImage=UIImage imageNamed:btn_nocollection.png; 5.系统测试 基于iOS的遛遛旅游的实现主要包括一些硬件的结构规划和系统的检测两个部分。这个阶段不但可以完成遛遛旅游的功能，还可以得到系统扎实的保障。5.1测试目的 在APP完成测试后，可以保障APP的流畅和稳定，满足需求等特性。测试APP的时候找到跟需求不吻合的，还有系统自带的一些bug，并且解决，使APP更加优秀。5.2测试方法 在遛遛旅游APP的测试阶段，用的最多的就是白盒测试和黑盒测试了。白盒测试也就是代码测试，主要找出代码里面一些不归范的部分。黑盒测试，主要是从大的方面进行测试，主要站在用户的立场上，找出一些，优化不到位的地方。主要也就是功能测试对溜溜旅游的测试大概从下面的几个地方进行的。（1）代码部分的测试:比如给正确的数据和错误的数据，分别看得出的结果;（2）功能测试部分: 主要是根据需求的功能检测，APP是否实现了这些功能。6总结 在为期几个月的毕业设计后，基于ios的遛遛旅游