基于Web的无人机性能评测系统前端界面设计

徐小杰 余松威

摘  要：科学全面地实现对无人机性能指标测评是解决阻碍我国无人机应用技术难以大规模推广的重要途径之一。为实现对无人机性能的快速了解，通过应用HTML、CSS、jQuery等前端知识设计了一个基于Web的无人机性能评测系统前端界面，主要基于用户体验进行了一系列前段界面的设计和实现;通过展示和对比各类型无人机的性能指标参数，可以基于指标评分和权重来综合得出无人机性能的好坏，用户可以清楚地评测出无人机是否符合用户标准，具有指导性意义。

关键词：无人机;性能评测系统;前端界面

Abstract：The scientific and comprehensive realization of UAV performance index evaluation is one of the important ways to solve the obstacles to the large-scale promotion of UAV application technology in my country. In order to realize the rapid understanding of UAV performance，a Web-based UAV performance evaluation system front-end interface is designed by applying HTML，CSS，jQuery and other front-end knowledge. A series of front-end interfaces are designed and implemented mainly based on user experience. By displaying and comparing the performance index parameters of various types of UAV，the performance of UAV can be comprehensively obtained based on index scores and weights. The user can clearly evaluate whether the UAV meets the users standard，which has guiding significance.

Keywords：UAV;performance evaluation system;front-end interface

0  引  言

在全世界范围里，一些国家在20世纪初就开始对无人机进行研究。无人机最早主要应用于军事领域，用于战场监视、信息探查、战斗等方面，后来无人机也被广泛运用到民用领域，为救灾、警用、农业植保、生活航拍等领域做出了重大贡献[1，2]。由于对航空产品的严格管制和安全性能的严格要求，无人机在民用领域难以快速发展，不过在最近几年，无人机行业的发展越来越迅速，民用无人机需求渐渐增加，无人机具有较好的发展前景[3]。

随着无人机技术的不断更新发展，无人机性能越来越高，实现的功能逐渐多样化，且实用性显著增强，但是无人机的研制成本也跟随着技术的发展变得愈加昂贵，且无人机处在多变的自然环境中时容易损坏，进而给用户带来巨大的损失[4]。因此，人们逐渐开始重视无人机系统的安全性和整机运转特性。闫云斌等针对无人机数据链系统抗干扰性能评估问题，研究了其评估指标及其测试方法，并设计了内场实验方案，对提出的抗干扰性能指标进行了测试，验证了测试指标的可测性和正确定[5]。马飒飒等针对无人机飞行控制软件的特点，基于覆盖与故障注入的测试方法对无人机飞行控制软件进行了可靠性测试及量化评估[6]。

虽然无人机评测方面的研究越来越多，但如今无人机评测存在着一些不足的问题，比如规划不统一、功能多样性差，标准化和通用性差[7]，这就促使无人机性能评测系统要有更加多样化的性能参数收集的功能。在无人机开发阶段，可以收集无人机外观参数进行充分有效的评测和评估;在无人机飞行阶段，可以对飞行性能、安全性能、整机运转性能进行全面的功能性能评测;在飞行结束后，可以对无人机的寿命和保存时长进行评测[8，9]。笔者一直从事农用无人机的性能评测的研究和设计工作，因此，作者通过应用HTML、CSS、jQuery等前端技术设计了一个基于Web的无人机性能评测系统前端界面[10]，以为用户提供一种可以用来快速有效地了解当前无人机的性能特性和详细信息的系统，帮助用户更快了解自己需要的无人机种类的各种性能参数信息和价格，让用户可以清楚地评测出无人机性能是否符合用户标准，对用户具有指导性意义。

1  评测系统分析与构建

本系统的无人机指标体系由外观特性、整机运转特性、飞行性能、喷洒作业性能和安全性能这5个一级性能指标组成，其中包括了16个二级性能指标和36个三级性能指标。构建无人机性能指标体系的主要目的是为了给目前市场上的不同种类的无人机产品性能的评测和评估提供依据。

为了更方便地实现对目前市场上存在的各种多旋翼无人机进行性能指标测评，采用加权平均计算法和逐级计算法来对无人机的综合性能进行评测;即对无人机的所有三级性能指标进行评分，根据三级性能指标的评测值及各项性能指标所对应的权重系数计算出所有二级性能指标的评测值;同理，所有一级性能指标的评测值是根据计算出的二级性能指标的评测值及各项性能指标所对应的权重系数计算出来的。最后再根据一级性能指标的评测值和权重系数计算出无人机的整体评测结果。

其中，F为无人机的整体评测值，A1、A2、……、Ax分别为无人机各项一级性能指标的评测值，a1、a2、……、ax分别为无人机各项一级性能指标所对应的权重系数;Bx1、Bx2、……、Bxy分別为无人机第x项一级指标下的二级性能指标的评测值，bx1、bx2、……、bxy分别为无人机二级性能指标相对应的权重系数;Cxy1、Cxy2、……、Cxyz分别为无人机第x项一级指标下的第y项二级指标下的三级性能指标的评测值，cxy1、cxy2、……、cxyz分别为无人机三级性能指标相对应的权重系数。

2  系统设计与实现

2.1  功能需求

根据评测系统前端界面的功能需求，该系统的前段界面主要包括以下功能：

（1）功能入口：展示登录帐号、QQ微信登录、搜索栏。

（2）导航栏：展示首页、无人机、图片、机型对比、报价、知识问答。

（3）底部栏：展示关于我们、意见反馈、测试服务、常见问题。

（4）登录、注册：可以通过手机、微信、QQ登录，手机登录需要用户输入密码、填写短信验证码和系统验证码才能成功登陆。用户可以通过注册新的手机号，然后设置密码、输入系统验证码和短信验证码来注册新账号。

（5）首页：首页页面包括轮播广告、无人机新闻、前十热门文章等。

（6）无人机：无人机页面可以通过无人机用途选择、分类选择和下拉无人机页面这几种方法来查找无人机机型。其中有热门机型、固定翼无人机、多旋翼无人机、垂直起降翼无人机这几种分类，可供用户查看相关无人机。

（7）图片：图片页面可直观让用户查看无人机的型号、外观和受欢迎热度。

（8）机型对比：机型对比页面可以让用户对比2～4个相同或者不同的无人机机型，对比无人机的基本信息、飞行参数、硬件参数和整机运转参数，直观地对比无人机的不同之处。

（9）报价：报价页面可以让用户查看无人机的型号、价格和图片外观。

（10）知识问答：知识问答页面可以让用户查看无人机新闻和热门推荐文章，用户可以在登录后评论和收藏、点赞文章，给用户提供交流功能。

（11）搜索栏：搜索页面可以为用户查询想要的关于无人机的内容，同时会跳转到新的搜索页面。

2.2  系统实现

2.2.1  登录注册页面

用户开始可以通过个人手机号和密码注册个人用户;在系统里登录个人用户可以浏览系统内的文章或者其他用户发表的文章，可以评论、点赞、收藏、转发文章。本系统的登录功能仅是为了帮用户获取对知识问答的文章的评论、点赞、收藏、转发权限。

2.2.2  页面导航栏

无人机性能评测系统的页面导航栏有首页、无人机、图片、机型对比、报价、知识问答，功能栏有搜索栏、登录入口，可以指导用户进行相关的功能操作，如图1所示。

2.2.3  首页页面

无人机性能评测系统的首页页面主要是为用户提供关于无人机的新闻趣事、推荐热门文章，让用户了解更多的无人机用途和作用，这对于让用户了解无人机性能评测有更多的帮助。

2.2.4  无人机浏览页面

为了帮助用户了解更多的无人机的用途和分类，还有无人机的基本信息和机型详情，特意设计了无人机性能评测系统的无人机浏览页面。其中无人机的基本信息描述了无人机的机型、品牌、产品名称、机型材料、动力、价格等等。用户可以通过无人机页面的用途选择和分类选择，筛选出相关的无人机，同时也可以通过下拉页面查找无人机的相应的分类，如图2所示。其中无人机页面分热门机型、固定翼无人机、多旋翼无人机、垂直起降固定翼四个类型提供给用户浏览。用户点击无人机的图片或者型号可以查看具体的无人机信息，跳转到机型页面。

2.2.5  机型页面

本系统主要通过无人机机型页面来介绍无人机页面战士的的无人机的机型信息，机型页面可以返回到无人机页面，以便用户查看后可以返回无人机页面。机型页面有机型信息、参数信息、评测信息这三项功能。其中机型信息具体展示了无人机的图片、价格、产品名称、机型信息等，用户可以查看这一款无人机的详细信息，同时还有机型详请图片，以及可以直观体现出这款无人机有什么优点的详细说明;参数信息是展示外观特性、飞行性能、安全性能、整机运转特性这四个一级指标特性及二级指标特性、三级指标特性的参数;评测信息说明展示了无人机的图片、价格、产品名称、机型信息、用途等信息，同时也展示了指标特性的权重和得分，最后得出无人机的总评分和排名，如图3所示。

2.2.6  图片页面

无人机性能评测系统的图片页面主要是为用户提供关于无人机的图片信息以及热门程度，可以让用户具体查看哪一款的无人机外形信息。通过无人机机型图片可以使用户方便直观查看无人机外形，如图4所示。

2.2.7  机型对比页面

无人机性能评测系统的机型页面主要是为用户提供关于不同无人机的基本信息、飞行参数、硬件信息以及整机运转参数，可以让用户具体对比出不同的无人机的信息不同之处。其中无人机基本信息包括无人机产品名称、品牌、型号、动力、价格、机身材料，如图5所示。

2.2.8  报价页面

无人机性能评测系统的报价页面主要是为用户提供不同无人机的价格信息，可以让用户具体对比不同的无人机的价格，同时可以根据价位选择不同的无人机，也可以点击无人机图片和型号查看无人机的具体信息，如图6所示。

2.2.9  知识问答页面

无人机性能评测系统的知识问答页面主要是为用户提供关于无人机的知识了解和讨论，可以让用户间通过讨论更加了解无人机相关知识。只有在用户注册登录后才具有与其他用户交流的权限，同时还可以回复其他用户的评论，点赞、转发文章等等，还有热门推荐文章提供给用户浏览，如图7所示。

2.2.10  搜索页面

無人机性能评测系统的搜索页面主要是为了方便用户查询无人机的相关信息，用户在搜索栏点击搜索按钮之后，可以跳转到搜索页面，搜索页面有关于用户输入的关键字的各种信息。同时还有发表含有关键字信息的文章的相关用户的头像、名称等信息，为用户关注该文章作者提供便利，如图8所示。

3  结  论

无人机技术的蓬勃发展，使无人机性能评测方面的问题成为急须人们攻克的重大问题，因此无人机的性能评测系统的开发尤其重要。本研究综合考虑无人机的性能指标评测需求，从无人机指标体系的分析和构建入手，应用了HTML、CSS、jQuery等前端知识，设计了一个基于Web的无人机性能评测系统前端界面，主要基于界面首页、无人机页、机型页、图片页、机型对比页、报价页、知识问答页及搜索页等进行了一系列的实现设计。通过使用该系统界面，用户可以查看和对比各类型无人机的性能指标参数，从而可以清楚地评测出无人机性能是否符合用户标准。

参考文献：

[1] 张毅.遥控直升机在日本农業上的应用 [J].世界农业，1997（4）：49-50.

[2] 冯江.无人机技术在现代农业生产中的应用 [J].农业技术与装备，2014（5）：26-28.

[3] 杨陆强，果霖，朱加繁，等.我国农用无人机发展概况与展望 [J].农机化研究，2017，39（8）：6-11.

[4] 李勇志，支晓栋，唐海龙，等.无人机遥感技术在农业中的发展与应用 [J].安徽农业科学，2015（25）：350-351+355.

[5] 闫云斌，田庆民，王永川，等.无人机数据链系统抗干扰性能评估指标及其测试方法 [J].计算机测量与控制，2015，23（12）：3925-3928+4220.

[6] 马飒飒，陈自力，李冰.无人机飞控软件测试技术研究 [J].无线电工程，2004（10）：32-34+54.

[7] 徐小杰，陈盛德，周志艳，等.植保无人机主要性能指标测评方法的分析与思考 [J].农机化研究，2018，40（12）：1-10.

[8] 吕晓林，朱文来.无人机可靠性评估方法研究 [J].宇航计测技术，2012，32（6）：77-79.

[9] 刘宇清.小型无人机综合性能测试台的设计与优化 [D].西安：西安建筑科技大学，2009.

[10] 储久良.Web前端开发技术课程教学改革与实践 [J].计算机教育，2014（14）：12-15.

作者简介：徐小杰（1992—），女，汉族，湖北黄冈人，助教，硕士，研究方向：无人机性能测试;余松威（1995—），男，汉族，广东广州人，学士学位，研究方向：无人机性能评测系统研发。