2024年廣西職業(yè)院校技能大賽高職組《移動應用設計與開發(fā)》賽項樣題（第1套）

2024年廣西職業(yè)院校技能大賽

高職組《移動應用設計與開發(fā)》賽項

樣題（第1套）

賽位號：

1

競賽說明

一、競賽主題

21世紀以來，隨著各項科技迅猛發(fā)展，多元化技術革命創(chuàng)新

正在給我們的衣食住行，帶來全新的數(shù)字人工智能體驗，各行各

業(yè)都搭乘著技術產業(yè)的轉型升級，迎來高速發(fā)展時期?！笆奈濉?/p>

規(guī)劃和黨的二十大強調了推動戰(zhàn)略性新興產業(yè)發(fā)展的重要性，戰(zhàn)

略性新興產業(yè)包括新一代信息技術等九大產業(yè)，是引導未來經濟

社會發(fā)展的重要力量。

在數(shù)字化時代，移動終端已經滲透到各個行業(yè)和生活場景中，

如手機、智能電視、可穿戴設備、車載大屏、醫(yī)療設備等。通過

車主手機App、中控大屏移動終端App、智能充電(家用版App和

商用版小程序)實現(xiàn)跨移動多終端的信息共享和交換，構建了一

個移動跨平臺應用開發(fā)生態(tài)系統(tǒng)。

二、競賽內容和時長

比賽時間為4小時，考核“產品原型設計”“移動應用開

發(fā)”“應用部署測試”三個模塊，具體如下表所示：

模塊編號模塊名稱競賽時間分數(shù)

模塊一產品原型設計25分

模塊二移動應用開發(fā)4小時50分

模塊三應用部署測試25分

合計4小時100分

三、競賽成果物提交

參賽選手根據(jù)分配的賬號登錄系統(tǒng)，在競賽結束前將模塊一、

2

模塊二、模塊三的成果物上傳并提交至競賽服務器。

四、競賽注意事項

提交、部署的文檔、原型、代碼等資源內容中不能填寫與選

手相關的信息，如工位號、姓名、院校名。如出現(xiàn)上述標記，本

模塊成績按照零分處理。

模塊一產品原型設計

一、模塊考核點

模塊分值：25分

本模塊以產品原型設計為目標，基于移動互聯(lián)網生態(tài)平臺背

景，圍繞車輛銷售4S店官網、車主App、中控大屏、智能充電家

用版App和智能充電商用版小程序，對產品進行理解、分析，編

制規(guī)范的需求規(guī)格說明書，熟練使用UI設計軟件進行產品原型

設計，繪制出符合業(yè)務邏輯和人體工學的高保真產品原型圖，為

后續(xù)的產品開發(fā)和優(yōu)化奠定堅實的基礎。

二、任務要求

1.使用給定的“需求規(guī)格說明書（模板）.docx”和相關軟

件，進行需求分析文檔編制，編制對應業(yè)務用例圖、流程圖/活

動圖、時序圖和模塊概要設計說明。

2.使用原型設計工具（如Photoshop，AxureRP或Adobe

XD原型設計工具三選一即可）創(chuàng)建“產品原型”項目，并進行高

保真原型繪制，使之符合移動應用UI設計規(guī)范，同時實現(xiàn)原型

界面之間交互功能。

3

（1）軟件原型繪制時，界面文件命名規(guī)范，各界面尺寸如

下表：

序號應用類別屏幕尺寸屏幕分辨率

1車主手機AppAndroid手機6.0英寸及以上1080×2340

中控大屏移動終端包括12.3英寸及以上1920×720

2儀表屏、主屏、副屏AndroidPad15.6英寸及以上1920×1080

15.6英寸及以上1920×1080

3智能充電家用版App鴻蒙手機6.6英寸及以上1080×2340

4智能充電商用版小程序小程序6.6英寸及以上1080×2340

（2）當內容超出高度區(qū)域時，設置滾動區(qū)域來顯示內容。

（3）畫板要對齊，界面版式布局合理、美觀，內容完整；同

樣功能請復用樣式，避免一種功能兩種樣式的情況。

（4）原型要有交互設計內容，用戶體驗良好。檢查存在的

漏洞，防止出現(xiàn)異常流程和內容狀態(tài)。

3.競賽結束前，選手將上述成果物“需求規(guī)格說明書.docx”

和“產品原型.rp”（或“產品原型.xd”）兩個文件添加到“產

品原型設計.zip”壓縮包內，并提交壓縮包文件。裁判評分以提

交內容作為依據(jù)。

三、競賽任務

參賽選手根據(jù)客戶提供的任務需求描述，按照模塊一的任務

要求，完成“需求規(guī)格說明書.docx”撰寫，以及“產品原型.rp”

或“產品原型.xd”設計。

任務1：繪制“倒車全顯”模塊界面原型（6分）

【任務說明】

1.車輛中控大屏開啟，車輛掛入R擋時，主屏顯示360度全

4

景App界面，實現(xiàn)360度全景App倒車影像界面，界面分為影像

和功能區(qū)上下兩部分。

（1）影像區(qū)域占屏幕高度80%，畫面分為左右兩個部分。畫

面左側顯示汽車倒車影像部分，顯示車后方視頻影像，并在車后

方視頻上繪制一個綠色長方形的倒車輔助線。畫面右側顯示360

度全景實時影像，影像左側顯示設備左攝像頭影像、右側顯示設

備右攝像頭影像、上部分顯示設備前攝像頭影像、下部分顯示設

備后攝像頭影像、中間顯示汽車貼圖模擬真實效果，攝像頭畫面

方向統(tǒng)一以汽車貼圖為中心的360度全景影像（梯形圖像拼接）。

（2）底部功能區(qū)占屏幕高度20%。左側顯示兩個圖標，依次

排開為【專注】【關閉】。點擊【專注】出現(xiàn)上拉列表：前、后、

左、右、360度，點擊五個選項后影像部分顯示對應攝像頭畫面。

任務2：繪制“多媒體播放器”模塊界面原型（6分）

【任務說明】

在中控大屏主屏中，點擊多媒體播放器App，進入主界面，

App主界面和媒體播放界面兩部分。

1.主界面用卡片列表展示該設備中所有的視頻信息，卡片上

半部分展示該視頻的預覽圖，下半部分顯示視頻名稱和“上次

看到xx分xx秒”信息。

2.點擊對應的視頻卡片，彈出選擇框，可選擇【主屏、副屏

同時播放】和【僅副屏播放】，選擇后點擊確定，對應的屏幕會

進入視頻播放界面，并播放所選擇卡片對應的視頻。視頻播放器

5

界面默認整屏播放視頻，當點擊正在播放的視頻時，左上角顯

示【返回】按鈕，點擊【返回】則主屏回到多媒體播放器App主

界面。視頻播放界面下方顯示視頻播放器工具欄，工具欄上半部

分顯示【快進】【快退】【暫停/繼續(xù)播放】【其他視頻】按鈕，

點擊【其他視頻】按鈕可彈出視頻列表彈層，以列表的形式展示

其他視頻，界面播放工具欄下半部分顯示視頻的【當前播放時長】

【總時長】和【視頻進度條】。

任務3：繪制“車輛信息”模塊界面原型（7分）

【任務說明】

1.車輛通電啟動后，在中控大屏主屏中，點擊用戶中心，進

入車輛信息模塊主界面，該模塊分為7部分：基本信息、電動機

信息、電池信息、車身信息、底盤/轉向信息、車輪/制動信息、

胎壓監(jiān)測，并以卡片的形式呈現(xiàn)。

（1）基本信息：點擊【基本信息】進入基本信息界面，左上

角【返回】可跳轉車輛信息主界面。以列表形式顯示車主姓名、

車輛品牌、車架號、制造國、制造廠商、制造年月、整車型號、

車輛識別代號（VIN）、最大設計總質量、核載人數(shù)、最高車速、

百公里加速12項信息。

（2）電動機信息：點擊【電動機信息】進入電動機信息界

面，左上角【返回】可跳轉車輛信息主界面。以列表形式顯示總

功率、總扭矩、前電動機最大功率、前電動機最大扭矩、后電動

機最大功率、后電動機最大扭矩、純電續(xù)航里程、電機結構、電

6

機工作原理、電機布局、電機型號、電機峰值功率12項信息。

（3）電池信息：點擊【電池信息】進入電池信息界面，左上

角【返回】可跳轉車輛信息主界面。以列表形式顯示電池容量、

電池品牌、百公里耗電量、電池冷卻方式、電池能量密度、快充

時間、快充電量、動力電池系統(tǒng)額定電壓、動力電池系統(tǒng)額定容

量9項信息。

（4）車身信息：點擊【車身信息】進入車身信息界面，左上

角【返回】可跳轉車輛信息主界面。以列表形式顯示長寬高、軸

距、前后輪距、整備質量、行李廂容積5項信息。

（5）底盤/轉向信息：點擊【底盤/轉向信息】進入底盤/轉

向信息界面，左上角【返回】可跳轉車輛信息主界面。以列表形

式顯示驅動形式、前懸掛類型、后懸掛類型、轉向助力形式4項

信息。

（6）車輪/制動信息：點擊【車輪/制動信息】進入車輪/制

動信息界面，左上角【返回】可跳轉車輛信息主界面。以列表形

式顯示前后制動器類型、駐車制動類型、前輪胎規(guī)格、后輪胎規(guī)

格、輪轂材質、備胎規(guī)格6項信息。

（7）胎壓監(jiān)測：點擊【胎壓監(jiān)測】進入胎壓監(jiān)測模塊界面，

分為胎壓監(jiān)測、歷史記錄兩個模塊，并以卡片形式呈現(xiàn)。左上角

【返回】可跳轉車輛信息主界面。

1）胎壓監(jiān)測：點擊【胎壓監(jiān)測】開始監(jiān)測。檢測過程中屏幕

中央會顯示緩沖標識并在其下方添加“Loading...”字樣，且不

7

能返回到任何界面。監(jiān)測結束后，屏幕顯示各個輪胎的胎壓數(shù)據(jù)，

數(shù)據(jù)下方顯示【保養(yǎng)建議】和【保存】按鈕，可跳轉到“保養(yǎng)建

議”的界面；也可保存監(jiān)測數(shù)據(jù)，出現(xiàn)【保存成功】的彈窗并出

現(xiàn)在【歷史記錄】中。

2）警報提醒：當檢測到胎壓數(shù)據(jù)異常時，儀表盤的胎壓報

警燈亮，同時屏幕出現(xiàn)彈窗并顯示“XX方輪胎胎壓異常，請及時

處理！”的字樣，彈窗右下方顯示“確定”按鈕，點擊按鈕關閉

彈窗，顯示本次監(jiān)測的數(shù)據(jù)。

3）歷史記錄：點擊【歷史記錄】進入界面。左上角【返回】

可跳轉胎壓監(jiān)測模塊界面。以列表形式顯示之前已經保存的監(jiān)測

記錄信息，包括監(jiān)測時間，各個輪胎的氣壓值，輪胎狀態(tài)（正常

/異常）以及是否發(fā)出警報（是/否）。

4）保養(yǎng)建議：點擊【保養(yǎng)建議】進入界面。左上角【返回】

可跳轉胎壓監(jiān)測模塊界面。界面上方顯示胎壓監(jiān)測的各個數(shù)據(jù)。

數(shù)據(jù)下方會顯示保養(yǎng)建議。根據(jù)各個輪胎的氣壓值，會提出針對

性的建議。例如：定期檢查輪胎氣壓、定期檢查輪胎是否磨損、

保持輪胎對齊和平衡、定期清潔輪胎、注意避免碰撞和急剎車等。

任務4：繪制“車輛展示與遠程控制”模塊界面原型（6分）

【任務說明】

1.進入車主App首頁，界面分為汽車模型、遠程控制部分。

2.首頁頁面初始化時顯示模型加載狀態(tài)，加載完成后頁面頂

部顯示車輛當前電量和剩余續(xù)航里程，下方顯示汽車模型圖片。

8

3.通過旋轉和縮放汽車模型可從各個角度查看車輛的外觀

和設計細節(jié)，點擊汽車模型車門可進行開門和關門。

4.汽車模型下方顯示遠程控制部分，包括空調開關、風速調

節(jié)。

9

模塊二移動應用開發(fā)

一、模塊考核點

模塊分值：50分

本模塊重點考查選手業(yè)務編碼能力，基于移動跨平臺應用開

發(fā)生態(tài)系統(tǒng)，編程實現(xiàn)車主App、中控大屏App、家用版充電App

和商用版充電小程序。

二、任務要求

AppUI尺寸自動適配開發(fā)電腦中提供的模擬器UI（手機和

Pad）、命名規(guī)范、應用名稱（發(fā)布版本）和界面尺寸如下表：

序號應用類別屏幕尺寸屏幕分辨率應用名稱

1車主手機AppAndroid手機6.0英寸及以上1080×2340CarOwners.apk

中控大屏移動

12.3英寸及以上1920×720DIC.apk

終端包括儀表

2AndroidPad15.6英寸及以上1920×1080IVIZTaskX.apk

屏、主屏、副

15.6英寸及以上1920×1080IVIFTaskX.apk

屏

智能充電家用

3鴻蒙手機6.6英寸及以上1080×2340Charge.hap

版App

智能充電商用

4小程序6.6英寸及以上1080×2340dist（目錄）

版小程序

競賽結束前，選手將上述成果物添加到“移動應用開發(fā).zip”

壓縮包并提交。

三、競賽任務

參賽選手根據(jù)客戶提供的任務描述，按照模塊二的任務要求，

完成移動跨平臺應用開發(fā)生態(tài)系統(tǒng)各任務功能開發(fā)。

任務1：中控大屏-天氣顯示（10分）

【任務說明】

在中控大屏主屏中點擊【天氣】，進入天氣App，顯示如下：

10

1.中控大屏主屏中顯示：當前城市名，當前天氣（晴天、多

云、雨天、雪天等），最高溫度和最低溫度；中部展示濕度：顯

示當前濕度，例如“濕度：65%”；底部顯示風速：顯示當前風

速，例如“風速：5km/h”；城市列表：可根據(jù)城市列表選擇城

市，切換成所選城市的天氣數(shù)據(jù)，并且切換數(shù)據(jù)時，中控大屏副

屏的顯示數(shù)據(jù)也會切換成對應程序的天氣數(shù)據(jù)，實現(xiàn)多屏同顯和

異顯。

2.當中控大屏主屏點擊城市列表選擇城市，選中城市的城市

名、當前天氣、最高溫度、最低溫度、濕度、風速。

任務2：車主手機App（15分）

【任務說明】

1.進入車主App首頁，頁面分為3D汽車模型、遠程控制部

分。

2.首頁頁面初始化時顯示模型加載狀態(tài)，加載完成后頁面頂

部顯示車輛當前電量和剩余續(xù)航里程，下方顯示3D汽車模型。

3.通過旋轉和縮放汽車模型可從各個角度查看車輛的外觀

和設計細節(jié)。點擊汽車模型車門可以對3D汽車模型進行開門和

關門操作，可通過雙指進行縮放，打開車門后點擊內飾進入車內

視角，可360°旋轉查看汽車內飾。

任務3：智能充電商用版小程序-訂單（15分）

【任務說明】

1.在智能充電商用版小程序中，在首頁點擊底部菜單【訂單】，

11

進入訂單列表頁，頁面分為三部分，頂部顯示頁面標題，標題下

方顯示訂單狀態(tài)標簽，標簽下方顯示列表項。

（1）訂單狀態(tài)標簽，包括進行中、待支付和已完成。

（2）進行中列表項：展示訂單編號、開始時間、充電站名

稱、充電樁名稱、充電樁編號、已充電量、充電時長、預計剩余

時長和結束充電按鈕；點擊列表項進入訂單詳情。

（3）待支付列表項：展示訂單編號、開始時間、充電站名

稱、充電樁名稱、充電樁編號、充電量、充電時長、待支付金額

和支付按鈕；點擊列表項進入訂單詳情。

（4）已完成列表項：展示訂單編號、開始時間、充電站名

稱、充電樁名稱、充電樁編號、充電量、充電時長和支付金額；

點擊列表項進入訂單詳情。

2.進入訂單詳情頁，詳情頁頂部顯示訂單標題，下方展示訂

單狀態(tài)、訂單編號、終端信息、充電信息、費用信息和支付信息；

（1）終端信息：充電站名稱、充電樁編號和充電樁編號。

（2）充電信息包括開始充電時間、結束充電時間、已充電

量、充電時長、車牌號和車輛型號。

（3）費用信息：訂單總額、電費、服務費和實付金額。

（4）支付信息：支付金額、支付方式和支付時間。

任務4：數(shù)據(jù)分析（10分）

【任務說明】

在智能充電商用版小程序主頁面上，點擊底部導航欄“數(shù)據(jù)

12

分析”，進入數(shù)據(jù)分析頁面。

1.柱狀圖：請分析2023年上半年使用充電樁的充電次數(shù)、

充電量和花費，按照月耗電比例進行分析，橫坐標為月份，每組

縱坐標為充電次數(shù)、充電量和花費。

2.折線圖：請分析統(tǒng)計2023年3月、5月每百公里耗電量，

按照每月耗電量和行駛公里數(shù)統(tǒng)計，橫坐標為月份，每組折線點

顯示耗電量、行駛里程和平均百公里耗電量。

13

模塊三應用部署測試

一、模塊考核點

模塊分值：25分

本模塊重點考查選手應用系統(tǒng)測試能力，基于移動跨平臺應

用開發(fā)生態(tài)系統(tǒng)，圍繞車主App、中控大屏App、智能充電家用

版App和智能充電商用版小程序，進行應用系統(tǒng)部署、測試用例

編寫、功能測試、API自動化測試以及文檔編寫。

二、任務要求

1.部署移動跨平臺應用開發(fā)生態(tài)系統(tǒng)待測應用。

2.根據(jù)“移動跨平臺應用開發(fā)生態(tài)系統(tǒng)中控大屏功能范

圍.pdf”，撰寫測試用例文檔，并進行功能測試，將功能缺陷提

交缺陷文檔中。

3.利用Postman工具進行API接口測試，并導出Api.json

腳本。

4.根據(jù)“移動跨平臺應用開發(fā)生態(tài)系統(tǒng)中控大屏功能范

圍.pdf”，撰寫產品操作手冊文檔。

5.競賽結束前，選手上述成果物測試用例.xlsx、缺陷分

析.docx、Api.json、產品操作手冊.docx添加到“應用部署測

試.zip”壓縮包內，并提交壓縮包文件。

三、競賽任務

任務1：應用功能測試（10分）

根據(jù)“移動跨平臺應用開發(fā)生態(tài)系統(tǒng)中控大屏功能范圍.pdf”

14

中描述的功能范圍，撰寫測試用例文檔（具體測試用例數(shù)量如表

1所示，測試用例格式如表2所示）并進行全范圍功能測查，找

出特定的10個Bug，根據(jù)找出的Bug進行缺陷分析，分析Bug出

現(xiàn)的原因，將Bug填寫到“缺陷分析.docx”中，缺陷分析填寫

樣例如表3所示。

表1功能模塊說明

序號功能模塊說明

1中控大屏-Launcher桌面本功能模塊編寫至少10個測試用例

2中控大屏-空調設置本功能模塊編寫至少10個測試用例

3中控大屏-車輛信息本功能模塊編寫至少10個測試用例

4…………

表2功能測試填寫樣例表

系統(tǒng)用例用例預期

前置條件操作步驟測試結果

模塊編號描述結果

顯示電池

點擊中控大詳情，信

1.車輛空調啟動中控

1.1.1屏組件內的息為總功