基于H5开发的旅游大巴APP

•

基于H5开发的旅游大巴APP

文/李凤霞 刘莹 刘长果 贺智勇

该项目由手机APP和PC后台摘 管理系统组成，使用主流的MUI 要框架结合H5+CSS+javascript制作APP界面，使用PHP做后台管理，给乘客提供一个固定、安全的旅游大巴订票和租赁平台。MUI框架是目前最流行、最先进的技术，通过钻研制作APP的相关论文、期刊和研究报告，我们决定使用H5、CSS、JQUERY、接口API、PHP等等先进的技术去完善我们的APP，并且应用已经成熟的百度地图API实现APP的定位。最后将以上的技术相结合使让APP可以稳定运行，能够完美兼容Android以及IOS系统。【关键词】购票 租赁旅游大巴 创新 MUI框架 H5 CSS JavaScript PHP

经过对现有出行方式、相关的新闻报道等进行分析，发现每到节假日火车站、汽车站会出现票数供应不足的现象，旅游大巴作为是一种相对灵活的出行方式，却没有固定的订票系统，造成一部分资源的严重浪费。

而部分旅游公司只注重利益，对司机的管理制度很松散，一些司机抱着侥幸心理导致许多不安全的驾驶行为发生，造成极大的交通安全隐患。我们再结合研究主题，通过查看大量学术专著、论文期刊、研究报告等，根据资料选择出我们要研究的课题。

1 目的（创新）

该APP会对车辆进行严格的车检、对司机进行严格考核，严格要求司机的驾驶行为、要求顾客购买基本乘车保险等方式，让集体出游租车的人群有一条更加安全、更加有保障的出行途径。

提供一个固定的旅游大巴售票APP，打破旅游大巴通过电话订票的传统售票方式，缓解市面上旅游大巴团队零散的现象，制作一个更便捷、安全的预定座位和租赁大巴的APP，给予大巴司机更多的客源，给予顾客更多的预约座位和租赁大巴的途径。

2 APP开发流程介绍

2.1 准备——功能分析、界面设计

开发前对APP的功能需求进行分析，并对其进行整理和汇总，同时绘制出界面设计图和功能架构，方便后面的界面设计和编写功能。2.2 实践——前端后台同步进行

前端使用H5+CSS+JQUERY制作APP界

面，结合MUI框架开发；后台搭建开发环境，Socket”技术实现提醒乘客和司机，到达地点能够正常开发程序、部署服务器、SVN，方便前，APP上会有语音和信息的提醒，实时同步代码的同步以及发布；编写数据库设计文档，数据提醒司机与乘客。

确定好每张表格的作用以及功能；编写数据接3.1.5 顾客可图文评价监督司机——增加图片口设计文档，确定需要得到和返回的JSON数可增加真实性，解决监督司机问题

据；编写PHP数据接口，APP能够正常得到现有的课题评价中多数为文字评价。文字数据库数据并通过JSON数据返回。评价过于枯燥，图片不仅增加有趣性还增加了2.3 完善——完善并调试功能

真实性。后台同步图文评价监督司机。双方交易完成后，顾客可以对司机与大巴进行图文评最后测试APP异步提交访问PHP后台接价，评论的图片是使用filereader读取图片数据，口，前端得到想要的JSON数据；完成并调试对图片进行压缩再通过XmlHttpReques提交到APP访问PHP接口并传递参数插入或修改数后台，通过后台数据同步，可以成为下一个顾据库数据；完成处理各种业务逻辑，数据的增客选择的建议，同时起到监督司机的驾驶行为删改查，数据的同步以及非同步，调用百度地的作用。

图API实现地图显示等功能实现；3.2 该课题具有科学性、先进性、可行性和实2.4 优化

用性

功能完善之后进行优化APP，保证APP该项目通过查看大量学术专著、研究报流畅使用不卡顿；

告等资料选择出的研究课题，使用目前最先进的技术打破传统单一售票方式，更全面地考虑3 APP功能分析

社会因素，严格要求司机，并给其提供更多客源；同时给乘客提供更安全、可靠、价格便宜3.1 主要功能分析

的旅游大巴订票与租赁平台；系统管理人员也能更好地管理各方面数据；

3.1.1 数据实时同步——解决处理数据效率问制作APP的技术是基于现阶段APP制作题

迅速发展和具有相对丰富的研究成果之上使用分析类似课题，我们发现旅游大巴APP最流行、最先进的MUI框架，同时使用H5、没有与后台管理系统做到数据实时同步。本项CSS、JQUERY、API、PHP等等先进技术去目由手机APP和后台管理系统组成，两者是完备该APP。APP加入第三方登录SDK，方实时同步的。手机APP又分为顾客端和司机端，便用户不仅可以使用APP账号登陆还可以选APP不仅可以给旅游大巴司机提供更多客源，择QQ等第三方账号登陆APP，做到多元化还可以给乘客提供一个固定、安全的旅游大巴相结合。该APP使用先进的PHP提供接口供订票和租赁平台。该后台处理数据效率高，传APP调用，以JSON数据格式传输数据，操作输数据安全可靠，后台管理人员可以更好地管MySQL数据库，并且引用成熟先进的百度地理各方面的数据。

图API实现定位，做出一个与时共进的、先进3.1.2 APP根据需求自动匹配最佳车次——解的、可以预约座位或租赁大巴的APP。

决充分利用资源问题

研究分析表明，旅游大巴可能会经过乘4 结语

客们需要到达的地点，但非快线大巴只在终点下车，乘客和大巴需求不一致，乘客还需要转由于大巴的便捷、价格便宜，则该APP线到达目的地。顾客在APP内输入上下车地具有天然的受宠优势，大学生离返学校大多数点进行搜索时，系统自动根据调用的百度地图还在依赖乡车，但这些旅游大巴还存在很多的API结合手机GPS显示位置， 自动生成线路安全隐患，直接威胁到大学生的生命安全；且匹配度高达70%以上的司机车次。

旅游大巴资源零散，没有固定的客源。我们针3.1.3 增加顾客与司机线上沟通功能——进行对此现象，在旅游大巴和汽车站网络售票的基创新解决顾客与司机沟通问题

础上进行了创新，开发一个可以预约座位或租现有的大巴APP中都缺少网上聊天的功赁大巴的APP，制定相关制度约束司机的驾驶能，该APP对其进行了改善，通过websocket行为规范，保证乘客的人身安全地带。因此，实现顾客能与司机在线沟通，使得司机进一步本课题的研究与相关软件的开发具有重要的理确定顾客上下车时间和地点，也可以让顾客选论意义。

择出自己最满意的司机。

3.1.4 实时提醒司机与乘客——解决实时通知作者简介

司机与顾客问题

李凤霞（1998-），女，广东省广州市人。大

“担心错过下车的时间？不清楚大巴到学本科在读。研究方向为计算机科学与技术。

哪里了？忘记该停车点需提醒哪位乘客……”这些问题只要有实时提醒就可以解决。APP作者单位

使用PHP接口供APP调用，以JSON数据广东海洋大学寸金学院 广东省湛江市 格式实现前后台数据互通，使用“消息推送

524003

Electronic Technology & Software Engineering 电子技术与软件工程• 43