基于Web的無人機(jī)性能評(píng)測(cè)系統(tǒng)前端界面設(shè)計(jì)

徐小杰 余松威

摘? 要：科學(xué)全面地實(shí)現(xiàn)對(duì)無人機(jī)性能指標(biāo)測(cè)評(píng)是解決阻礙我國(guó)無人機(jī)應(yīng)用技術(shù)難以大規(guī)模推廣的重要途徑之一。為實(shí)現(xiàn)對(duì)無人機(jī)性能的快速了解，通過應(yīng)用HTML、CSS、jQuery等前端知識(shí)設(shè)計(jì)了一個(gè)基于Web的無人機(jī)性能評(píng)測(cè)系統(tǒng)前端界面，主要基于用戶體驗(yàn)進(jìn)行了一系列前段界面的設(shè)計(jì)和實(shí)現(xiàn);通過展示和對(duì)比各類型無人機(jī)的性能指標(biāo)參數(shù)，可以基于指標(biāo)評(píng)分和權(quán)重來綜合得出無人機(jī)性能的好壞，用戶可以清楚地評(píng)測(cè)出無人機(jī)是否符合用戶標(biāo)準(zhǔn)，具有指導(dǎo)性意義。

關(guān)鍵詞：無人機(jī);性能評(píng)測(cè)系統(tǒng);前端界面

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? 引? 言

在全世界范圍里，一些國(guó)家在20世紀(jì)初就開始對(duì)無人機(jī)進(jìn)行研究。無人機(jī)最早主要應(yīng)用于軍事領(lǐng)域，用于戰(zhàn)場(chǎng)監(jiān)視、信息探查、戰(zhàn)斗等方面，后來無人機(jī)也被廣泛運(yùn)用到民用領(lǐng)域，為救災(zāi)、警用、農(nóng)業(yè)植保、生活航拍等領(lǐng)域做出了重大貢獻(xiàn)[1，2]。由于對(duì)航空產(chǎn)品的嚴(yán)格管制和安全性能的嚴(yán)格要求，無人機(jī)在民用領(lǐng)域難以快速發(fā)展，不過在最近幾年，無人機(jī)行業(yè)的發(fā)展越來越迅速，民用無人機(jī)需求漸漸增加，無人機(jī)具有較好的發(fā)展前景[3]。

隨著無人機(jī)技術(shù)的不斷更新發(fā)展，無人機(jī)性能越來越高，實(shí)現(xiàn)的功能逐漸多樣化，且實(shí)用性顯著增強(qiáng)，但是無人機(jī)的研制成本也跟隨著技術(shù)的發(fā)展變得愈加昂貴，且無人機(jī)處在多變的自然環(huán)境中時(shí)容易損壞，進(jìn)而給用戶帶來巨大的損失[4]。因此，人們逐漸開始重視無人機(jī)系統(tǒng)的安全性和整機(jī)運(yùn)轉(zhuǎn)特性。閆云斌等針對(duì)無人機(jī)數(shù)據(jù)鏈系統(tǒng)抗干擾性能評(píng)估問題，研究了其評(píng)估指標(biāo)及其測(cè)試方法，并設(shè)計(jì)了內(nèi)場(chǎng)實(shí)驗(yàn)方案，對(duì)提出的抗干擾性能指標(biāo)進(jìn)行了測(cè)試，驗(yàn)證了測(cè)試指標(biāo)的可測(cè)性和正確定[5]。馬颯颯等針對(duì)無人機(jī)飛行控制軟件的特點(diǎn)，基于覆蓋與故障注入的測(cè)試方法對(duì)無人機(jī)飛行控制軟件進(jìn)行了可靠性測(cè)試及量化評(píng)估[6]。

雖然無人機(jī)評(píng)測(cè)方面的研究越來越多，但如今無人機(jī)評(píng)測(cè)存在著一些不足的問題，比如規(guī)劃不統(tǒng)一、功能多樣性差，標(biāo)準(zhǔn)化和通用性差[7]，這就促使無人機(jī)性能評(píng)測(cè)系統(tǒng)要有更加多樣化的性能參數(shù)收集的功能。在無人機(jī)開發(fā)階段，可以收集無人機(jī)外觀參數(shù)進(jìn)行充分有效的評(píng)測(cè)和評(píng)估;在無人機(jī)飛行階段，可以對(duì)飛行性能、安全性能、整機(jī)運(yùn)轉(zhuǎn)性能進(jìn)行全面的功能性能評(píng)測(cè);在飛行結(jié)束后，可以對(duì)無人機(jī)的壽命和保存時(shí)長(zhǎng)進(jìn)行評(píng)測(cè)[8，9]。筆者一直從事農(nóng)用無人機(jī)的性能評(píng)測(cè)的研究和設(shè)計(jì)工作，因此，作者通過應(yīng)用HTML、CSS、jQuery等前端技術(shù)設(shè)計(jì)了一個(gè)基于Web的無人機(jī)性能評(píng)測(cè)系統(tǒng)前端界面[10]，以為用戶提供一種可以用來快速有效地了解當(dāng)前無人機(jī)的性能特性和詳細(xì)信息的系統(tǒng)，幫助用戶更快了解自己需要的無人機(jī)種類的各種性能參數(shù)信息和價(jià)格，讓用戶可以清楚地評(píng)測(cè)出無人機(jī)性能是否符合用戶標(biāo)準(zhǔn)，對(duì)用戶具有指導(dǎo)性意義。

1? 評(píng)測(cè)系統(tǒng)分析與構(gòu)建

本系統(tǒng)的無人機(jī)指標(biāo)體系由外觀特性、整機(jī)運(yùn)轉(zhuǎn)特性、飛行性能、噴灑作業(yè)性能和安全性能這5個(gè)一級(jí)性能指標(biāo)組成，其中包括了16個(gè)二級(jí)性能指標(biāo)和36個(gè)三級(jí)性能指標(biāo)。構(gòu)建無人機(jī)性能指標(biāo)體系的主要目的是為了給目前市場(chǎng)上的不同種類的無人機(jī)產(chǎn)品性能的評(píng)測(cè)和評(píng)估提供依據(jù)。

為了更方便地實(shí)現(xiàn)對(duì)目前市場(chǎng)上存在的各種多旋翼無人機(jī)進(jìn)行性能指標(biāo)測(cè)評(píng)，采用加權(quán)平均計(jì)算法和逐級(jí)計(jì)算法來對(duì)無人機(jī)的綜合性能進(jìn)行評(píng)測(cè);即對(duì)無人機(jī)的所有三級(jí)性能指標(biāo)進(jìn)行評(píng)分，根據(jù)三級(jí)性能指標(biāo)的評(píng)測(cè)值及各項(xiàng)性能指標(biāo)所對(duì)應(yīng)的權(quán)重系數(shù)計(jì)算出所有二級(jí)性能指標(biāo)的評(píng)測(cè)值;同理，所有一級(jí)性能指標(biāo)的評(píng)測(cè)值是根據(jù)計(jì)算出的二級(jí)性能指標(biāo)的評(píng)測(cè)值及各項(xiàng)性能指標(biāo)所對(duì)應(yīng)的權(quán)重系數(shù)計(jì)算出來的。最后再根據(jù)一級(jí)性能指標(biāo)的評(píng)測(cè)值和權(quán)重系數(shù)計(jì)算出無人機(jī)的整體評(píng)測(cè)結(jié)果。

其中，F(xiàn)為無人機(jī)的整體評(píng)測(cè)值，A1、A2、……、Ax分別為無人機(jī)各項(xiàng)一級(jí)性能指標(biāo)的評(píng)測(cè)值，a1、a2、……、ax分別為無人機(jī)各項(xiàng)一級(jí)性能指標(biāo)所對(duì)應(yīng)的權(quán)重系數(shù);Bx1、Bx2、……、Bxy分別為無人機(jī)第x項(xiàng)一級(jí)指標(biāo)下的二級(jí)性能指標(biāo)的評(píng)測(cè)值，bx1、bx2、……、bxy分別為無人機(jī)二級(jí)性能指標(biāo)相對(duì)應(yīng)的權(quán)重系數(shù);Cxy1、Cxy2、……、Cxyz分別為無人機(jī)第x項(xiàng)一級(jí)指標(biāo)下的第y項(xiàng)二級(jí)指標(biāo)下的三級(jí)性能指標(biāo)的評(píng)測(cè)值，cxy1、cxy2、……、cxyz分別為無人機(jī)三級(jí)性能指標(biāo)相對(duì)應(yīng)的權(quán)重系數(shù)。

2? 系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)

2.1? 功能需求

根據(jù)評(píng)測(cè)系統(tǒng)前端界面的功能需求，該系統(tǒng)的前段界面主要包括以下功能：

（1）功能入口：展示登錄帳號(hào)、QQ微信登錄、搜索欄。

（2）導(dǎo)航欄：展示首頁(yè)、無人機(jī)、圖片、機(jī)型對(duì)比、報(bào)價(jià)、知識(shí)問答。

（3）底部欄：展示關(guān)于我們、意見反饋、測(cè)試服務(wù)、常見問題。

（4）登錄、注冊(cè)：可以通過手機(jī)、微信、QQ登錄，手機(jī)登錄需要用戶輸入密碼、填寫短信驗(yàn)證碼和系統(tǒng)驗(yàn)證碼才能成功登陸。用戶可以通過注冊(cè)新的手機(jī)號(hào)，然后設(shè)置密碼、輸入系統(tǒng)驗(yàn)證碼和短信驗(yàn)證碼來注冊(cè)新賬號(hào)。

（5）首頁(yè)：首頁(yè)頁(yè)面包括輪播廣告、無人機(jī)新聞、前十熱門文章等。

（6）無人機(jī)：無人機(jī)頁(yè)面可以通過無人機(jī)用途選擇、分類選擇和下拉無人機(jī)頁(yè)面這幾種方法來查找無人機(jī)機(jī)型。其中有熱門機(jī)型、固定翼無人機(jī)、多旋翼無人機(jī)、垂直起降翼無人機(jī)這幾種分類，可供用戶查看相關(guān)無人機(jī)。

（7）圖片：圖片頁(yè)面可直觀讓用戶查看無人機(jī)的型號(hào)、外觀和受歡迎熱度。

（8）機(jī)型對(duì)比：機(jī)型對(duì)比頁(yè)面可以讓用戶對(duì)比2～4個(gè)相同或者不同的無人機(jī)機(jī)型，對(duì)比無人機(jī)的基本信息、飛行參數(shù)、硬件參數(shù)和整機(jī)運(yùn)轉(zhuǎn)參數(shù)，直觀地對(duì)比無人機(jī)的不同之處。

（9）報(bào)價(jià)：報(bào)價(jià)頁(yè)面可以讓用戶查看無人機(jī)的型號(hào)、價(jià)格和圖片外觀。

（10）知識(shí)問答：知識(shí)問答頁(yè)面可以讓用戶查看無人機(jī)新聞和熱門推薦文章，用戶可以在登錄后評(píng)論和收藏、點(diǎn)贊文章，給用戶提供交流功能。

（11）搜索欄：搜索頁(yè)面可以為用戶查詢想要的關(guān)于無人機(jī)的內(nèi)容，同時(shí)會(huì)跳轉(zhuǎn)到新的搜索頁(yè)面。

2.2? 系統(tǒng)實(shí)現(xiàn)

2.2.1? 登錄注冊(cè)頁(yè)面

用戶開始可以通過個(gè)人手機(jī)號(hào)和密碼注冊(cè)個(gè)人用戶;在系統(tǒng)里登錄個(gè)人用戶可以瀏覽系統(tǒng)內(nèi)的文章或者其他用戶發(fā)表的文章，可以評(píng)論、點(diǎn)贊、收藏、轉(zhuǎn)發(fā)文章。本系統(tǒng)的登錄功能僅是為了幫用戶獲取對(duì)知識(shí)問答的文章的評(píng)論、點(diǎn)贊、收藏、轉(zhuǎn)發(fā)權(quán)限。

2.2.2? 頁(yè)面導(dǎo)航欄

無人機(jī)性能評(píng)測(cè)系統(tǒng)的頁(yè)面導(dǎo)航欄有首頁(yè)、無人機(jī)、圖片、機(jī)型對(duì)比、報(bào)價(jià)、知識(shí)問答，功能欄有搜索欄、登錄入口，可以指導(dǎo)用戶進(jìn)行相關(guān)的功能操作，如圖1所示。

2.2.3? 首頁(yè)頁(yè)面

無人機(jī)性能評(píng)測(cè)系統(tǒng)的首頁(yè)頁(yè)面主要是為用戶提供關(guān)于無人機(jī)的新聞趣事、推薦熱門文章，讓用戶了解更多的無人機(jī)用途和作用，這對(duì)于讓用戶了解無人機(jī)性能評(píng)測(cè)有更多的幫助。

2.2.4? 無人機(jī)瀏覽頁(yè)面

為了幫助用戶了解更多的無人機(jī)的用途和分類，還有無人機(jī)的基本信息和機(jī)型詳情，特意設(shè)計(jì)了無人機(jī)性能評(píng)測(cè)系統(tǒng)的無人機(jī)瀏覽頁(yè)面。其中無人機(jī)的基本信息描述了無人機(jī)的機(jī)型、品牌、產(chǎn)品名稱、機(jī)型材料、動(dòng)力、價(jià)格等等。用戶可以通過無人機(jī)頁(yè)面的用途選擇和分類選擇，篩選出相關(guān)的無人機(jī)，同時(shí)也可以通過下拉頁(yè)面查找無人機(jī)的相應(yīng)的分類，如圖2所示。其中無人機(jī)頁(yè)面分熱門機(jī)型、固定翼無人機(jī)、多旋翼無人機(jī)、垂直起降固定翼四個(gè)類型提供給用戶瀏覽。用戶點(diǎn)擊無人機(jī)的圖片或者型號(hào)可以查看具體的無人機(jī)信息，跳轉(zhuǎn)到機(jī)型頁(yè)面。

2.2.5? 機(jī)型頁(yè)面

本系統(tǒng)主要通過無人機(jī)機(jī)型頁(yè)面來介紹無人機(jī)頁(yè)面戰(zhàn)士的的無人機(jī)的機(jī)型信息，機(jī)型頁(yè)面可以返回到無人機(jī)頁(yè)面，以便用戶查看后可以返回?zé)o人機(jī)頁(yè)面。機(jī)型頁(yè)面有機(jī)型信息、參數(shù)信息、評(píng)測(cè)信息這三項(xiàng)功能。其中機(jī)型信息具體展示了無人機(jī)的圖片、價(jià)格、產(chǎn)品名稱、機(jī)型信息等，用戶可以查看這一款無人機(jī)的詳細(xì)信息，同時(shí)還有機(jī)型詳請(qǐng)圖片，以及可以直觀體現(xiàn)出這款無人機(jī)有什么優(yōu)點(diǎn)的詳細(xì)說明;參數(shù)信息是展示外觀特性、飛行性能、安全性能、整機(jī)運(yùn)轉(zhuǎn)特性這四個(gè)一級(jí)指標(biāo)特性及二級(jí)指標(biāo)特性、三級(jí)指標(biāo)特性的參數(shù);評(píng)測(cè)信息說明展示了無人機(jī)的圖片、價(jià)格、產(chǎn)品名稱、機(jī)型信息、用途等信息，同時(shí)也展示了指標(biāo)特性的權(quán)重和得分，最后得出無人機(jī)的總評(píng)分和排名，如圖3所示。

2.2.6? 圖片頁(yè)面

無人機(jī)性能評(píng)測(cè)系統(tǒng)的圖片頁(yè)面主要是為用戶提供關(guān)于無人機(jī)的圖片信息以及熱門程度，可以讓用戶具體查看哪一款的無人機(jī)外形信息。通過無人機(jī)機(jī)型圖片可以使用戶方便直觀查看無人機(jī)外形，如圖4所示。

2.2.7? 機(jī)型對(duì)比頁(yè)面

無人機(jī)性能評(píng)測(cè)系統(tǒng)的機(jī)型頁(yè)面主要是為用戶提供關(guān)于不同無人機(jī)的基本信息、飛行參數(shù)、硬件信息以及整機(jī)運(yùn)轉(zhuǎn)參數(shù)，可以讓用戶具體對(duì)比出不同的無人機(jī)的信息不同之處。其中無人機(jī)基本信息包括無人機(jī)產(chǎn)品名稱、品牌、型號(hào)、動(dòng)力、價(jià)格、機(jī)身材料，如圖5所示。

2.2.8? 報(bào)價(jià)頁(yè)面

無人機(jī)性能評(píng)測(cè)系統(tǒng)的報(bào)價(jià)頁(yè)面主要是為用戶提供不同無人機(jī)的價(jià)格信息，可以讓用戶具體對(duì)比不同的無人機(jī)的價(jià)格，同時(shí)可以根據(jù)價(jià)位選擇不同的無人機(jī)，也可以點(diǎn)擊無人機(jī)圖片和型號(hào)查看無人機(jī)的具體信息，如圖6所示。

2.2.9? 知識(shí)問答頁(yè)面

無人機(jī)性能評(píng)測(cè)系統(tǒng)的知識(shí)問答頁(yè)面主要是為用戶提供關(guān)于無人機(jī)的知識(shí)了解和討論，可以讓用戶間通過討論更加了解無人機(jī)相關(guān)知識(shí)。只有在用戶注冊(cè)登錄后才具有與其他用戶交流的權(quán)限，同時(shí)還可以回復(fù)其他用戶的評(píng)論，點(diǎn)贊、轉(zhuǎn)發(fā)文章等等，還有熱門推薦文章提供給用戶瀏覽，如圖7所示。

2.2.10? 搜索頁(yè)面

無人機(jī)性能評(píng)測(cè)系統(tǒng)的搜索頁(yè)面主要是為了方便用戶查詢無人機(jī)的相關(guān)信息，用戶在搜索欄點(diǎn)擊搜索按鈕之后，可以跳轉(zhuǎn)到搜索頁(yè)面，搜索頁(yè)面有關(guān)于用戶輸入的關(guān)鍵字的各種信息。同時(shí)還有發(fā)表含有關(guān)鍵字信息的文章的相關(guān)用戶的頭像、名稱等信息，為用戶關(guān)注該文章作者提供便利，如圖8所示。

3? 結(jié)? 論

無人機(jī)技術(shù)的蓬勃發(fā)展，使無人機(jī)性能評(píng)測(cè)方面的問題成為急須人們攻克的重大問題，因此無人機(jī)的性能評(píng)測(cè)系統(tǒng)的開發(fā)尤其重要。本研究綜合考慮無人機(jī)的性能指標(biāo)評(píng)測(cè)需求，從無人機(jī)指標(biāo)體系的分析和構(gòu)建入手，應(yīng)用了HTML、CSS、jQuery等前端知識(shí)，設(shè)計(jì)了一個(gè)基于Web的無人機(jī)性能評(píng)測(cè)系統(tǒng)前端界面，主要基于界面首頁(yè)、無人機(jī)頁(yè)、機(jī)型頁(yè)、圖片頁(yè)、機(jī)型對(duì)比頁(yè)、報(bào)價(jià)頁(yè)、知識(shí)問答頁(yè)及搜索頁(yè)等進(jìn)行了一系列的實(shí)現(xiàn)設(shè)計(jì)。通過使用該系統(tǒng)界面，用戶可以查看和對(duì)比各類型無人機(jī)的性能指標(biāo)參數(shù)，從而可以清楚地評(píng)測(cè)出無人機(jī)性能是否符合用戶標(biāo)準(zhǔn)。

參考文獻(xiàn)：

[1] 張毅.遙控直升機(jī)在日本農(nóng)業(yè)上的應(yīng)用 [J].世界農(nóng)業(yè)，1997（4）：49-50.

[2] 馮江.無人機(jī)技術(shù)在現(xiàn)代農(nóng)業(yè)生產(chǎn)中的應(yīng)用 [J].農(nóng)業(yè)技術(shù)與裝備，2014（5）：26-28.

[3] 楊陸強(qiáng)，果霖，朱加繁，等.我國(guó)農(nóng)用無人機(jī)發(fā)展概況與展望 [J].農(nóng)機(jī)化研究，2017，39（8）：6-11.

[4] 李勇志，支曉棟，唐海龍，等.無人機(jī)遙感技術(shù)在農(nóng)業(yè)中的發(fā)展與應(yīng)用 [J].安徽農(nóng)業(yè)科學(xué)，2015（25）：350-351+355.

[5] 閆云斌，田慶民，王永川，等.無人機(jī)數(shù)據(jù)鏈系統(tǒng)抗干擾性能評(píng)估指標(biāo)及其測(cè)試方法 [J].計(jì)算機(jī)測(cè)量與控制，2015，23（12）：3925-3928+4220.

[6] 馬颯颯，陳自力，李冰.無人機(jī)飛控軟件測(cè)試技術(shù)研究 [J].無線電工程，2004（10）：32-34+54.

[7] 徐小杰，陳盛德，周志艷，等.植保無人機(jī)主要性能指標(biāo)測(cè)評(píng)方法的分析與思考 [J].農(nóng)機(jī)化研究，2018，40（12）：1-10.

[8] 呂曉林，朱文來.無人機(jī)可靠性評(píng)估方法研究 [J].宇航計(jì)測(cè)技術(shù)，2012，32（6）：77-79.

[9] 劉宇清.小型無人機(jī)綜合性能測(cè)試臺(tái)的設(shè)計(jì)與優(yōu)化 [D].西安：西安建筑科技大學(xué)，2009.

[10] 儲(chǔ)久良.Web前端開發(fā)技術(shù)課程教學(xué)改革與實(shí)踐 [J].計(jì)算機(jī)教育，2014（14）：12-15.

作者簡(jiǎn)介：徐小杰（1992—），女，漢族，湖北黃岡人，助教，碩士，研究方向：無人機(jī)性能測(cè)試;余松威（1995—），男，漢族，廣東廣州人，學(xué)士學(xué)位，研究方向：無人機(jī)性能評(píng)測(cè)系統(tǒng)研發(fā)。