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

競賽說明

一、競賽主題

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分

本模塊以產品原型設計為目標，基于移動跨平臺應用開發(fā)生

態(tài)系統(tǒng)，圍繞車主手機App、中控大屏移動終端App、智能充電

(家用版App和商用版小程序)，對產品進行理解、分析，編制規(guī)

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

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

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

二、任務要求

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

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

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

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

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

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

面之間交互功能。

3

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

下表：

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

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

12.3英寸及以上1920×720

中控大屏移動終端包括

2AndroidPad15.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：繪制“儀表盤”和“主屏”車輛信息界面原型（7

分）

【任務說明】

1.實現(xiàn)中控大屏儀表屏的車輛信息界面和中控大屏主屏的

車輛信息App界面。

（1）中控大屏儀表屏車輛信息界面，左側部分顯示汽車轉

數(shù)表，右側部分顯示汽車時速表，轉數(shù)表和時速表均為圓形，中

間顯示車輛信息，包括電池電量、總公里數(shù)、平均車數(shù)和平均耗

電量。

（2）中控大屏主屏車輛信息App界面該模塊分為7個部分：

5

基本信息、電動機信息、電池信息、車身信息、底盤/轉向信息、

車輪/制動信息、胎壓監(jiān)測，并以卡片的形式呈現(xiàn)。

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

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

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

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

公里加速。

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

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

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

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

原理、電機布局、電機型號、電機峰值功率。

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

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

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

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

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

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

前后輪距、整備質量、行李廂容積。

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

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

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

6

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

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

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

輪轂材質、備胎規(guī)格。

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

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

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

任務3：繪制“空調”模塊界面原型（6分）

【任務說明】

1.車輛中控大屏開啟時，點擊中控大屏主屏空調App圖標，

進入空調控制頁面。左上角【返回】跳轉中控首頁。主控屏頁面

中間位置顯示車內溫度。在副屏幕頁面顯示OFF按鈕、↑/↓按

鈕、外循環(huán)按鈕、內循環(huán)按鈕，分別代表空調開關、自動空調溫

度調節(jié)按鈕以及空氣循環(huán)方式按鈕。

2.點擊OFF按鈕關閉空調返回中控首頁。

3.點擊外循環(huán)/內循環(huán)按鈕，不顯示車內溫度。顯示中控大

屏前后排座椅模型空氣動畫循環(huán)方式。2s后不顯示模型顯示車

內溫度。

任務4：繪制“一鍵啟動”模塊界面原型（6分）

【任務說明】

1.進入車主手機App，點擊底部菜單【愛車】按鈕，進入遠

程控制界面。頁面分為四部分，頂部顯示我的愛車標簽，標簽下

7

方顯示車輛信息，車輛信息下方顯示字體圖標與文字上下組合功

能按鈕，底部顯示菜單并位置固定。

（1）車輛信息：包括車輛3D模型、續(xù)航里程、剩余電量。

（2）車輛3D模型：通過旋轉和縮放汽車模型可從各個角度

查看車輛的外觀和設計細節(jié)。

（3）中部功能按鈕，包括車鎖、車窗、后備廂、閃燈鳴笛、

閃燈。

（4）底部菜單，包括首頁、愛車和我的，點擊菜單，進入對

應的頁面。

模塊二移動應用開發(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

8

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

版App

智能充電商用

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

版小程序

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

壓縮包并提交。

三、競賽任務

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

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

任務1：中控大屏-360度全景功能-右轉向（15分）

【任務說明】

1.車輛中控大屏開啟時，當調試設備點擊右轉向，主屏顯示

360度全景App頁面，頁面分為影像和功能區(qū)上下兩部分。

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

左側顯示汽車右側攝像頭，實時獲取攝像頭視頻流，畫面右側顯

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

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

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

頭畫面方向統(tǒng)一以汽車貼圖為中心的360度全景影像（梯形圖像

拼接）。

任務2：車主App-汽車維保（10分）

【任務說明】

進入車主手機App首頁，首頁顯示車主服務模塊，車主服務

模塊分為維保預約、維保歷史。

9

點擊車主服務模塊中的【維保預約】進入維保預約頁面，頁

面頂部顯示標題欄，標題欄右側顯示【維保歷史】按鈕，頁面內

容部分顯示預約表單，頁面底部顯示【預約提交】按鈕，預約表

單包括維保類型、城市、維保服務站、預約日期、預約時間、維

保車輛、車牌號碼、聯(lián)系人姓名、聯(lián)系電話，維保類型包括常規(guī)

保養(yǎng)和車輛維修，默認為常規(guī)保養(yǎng)。

（1）選擇維保類型為車輛維修時，預約表單下方顯示維修

方案和電子簽名區(qū)域，維修方案包括更換零件、維修類目、單項

價格、維修總價、維修周期，在簽名區(qū)域手寫簽名確認后方可提

交。

（2）完成預約表單信息后，點擊【預約提交】按鈕進行提

交，提交成功后進入支付頁面，支付成功后返回首頁，可在維保

歷史頁面中查看預約記錄。

點擊首頁車主服務模塊中的【維保歷史】進入維保歷史頁面，

頁面頂部顯示標題欄，標題欄下方顯示維保歷史記錄條數(shù)和歷史

列表，維保歷史列表項包括工單號、維保類型、維保日期、送修

時間、維保費用和維保狀態(tài)。

任務3：Launcher桌面（15分）

【任務說明】

車輛通電啟動后，中控大屏主屏自動進入Launcher桌面

App

1.屏幕左側顯示卡片欄，音視頻、天氣、時間、汽車信息。

10

（1）音視頻卡片，顯示正在播放的音視頻名稱，專輯封面，

底部顯示，【上一首】【暫?！俊鞠乱皇住繄D標，點擊對應圖標

完成操作。點擊專輯封面打開音視頻App。

（2）天氣卡片，展示當前溫度和天氣情況和所在城市，點

擊天氣卡片，在右側顯示具體天氣情況。

（3）時間卡片，展示當前時間、年月日、陰歷。

（4）汽車信息卡片，展示行駛距離、出行次數(shù)、車內外溫

度等信息，點擊卡片喚起車輛信息App。

2.屏幕底部顯示快捷啟動欄。

（1）底部快捷啟動欄可均勻放置五個App，快捷啟動欄背景

為白色透明圓角。首次進入顯示五個“+”圖標，點擊“+”圖標

彈出App選擇框，選擇App可將對應App添加到快捷啟動欄中，

點擊快捷啟動欄中的App圖標，則在中控大屏主屏中打開該App。

（2）長按快捷啟動欄中的App圖標彈出菜單，內容為【替

換其App】【副屏啟動】點擊【替換】彈出App選擇框，選擇后

可將選中的App替換至該位置。點擊【副屏啟動】在中控大屏副

屏啟動此App。

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

【任務說明】

在車主手機App主頁面上，點擊底部導航欄“數(shù)據(jù)分析”，

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

柱狀圖：請分析統(tǒng)計2023年上半年使用充電樁的充電次數(shù)、

11

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

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

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

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

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

模塊三應用部署測試

一、模塊考核點

模塊分值：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、缺陷分

12

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

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

三、競賽任務

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

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

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

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

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

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

樣例如表3所示。

表1功能模塊說明

序號功能模塊說明

1智能充電商用版小程序本功能模塊編寫至少15個測試用例

2智能充電家用版App本功能模塊編寫至少15個測試用例

3…………

表2功能測試填寫樣例表

系統(tǒng)用例用例前置條件操作步驟預期測試結果

模塊編號描述結果

點擊登錄

后，提示

用戶確保輸入正確的“登錄成

1.用戶密碼在已注冊用戶名、密功”字樣，

中心1.1.1登錄用戶名和碼，點擊登跳轉至商測試通過

密碼錄用充電樁

小程序

首頁

...

表3缺陷分析填寫樣例表

缺陷編號001

缺陷簡要描述點擊首頁可查看附近充電樁列表，首頁無列表顯示。

13

1.用戶成功登錄系統(tǒng)；

缺陷重現(xiàn)步驟

2.進入商用充電樁小程序首頁；

涉及功能模塊商用充電樁小程序列表

1.【商用充電樁小程序列表】功能未開發(fā)；

缺陷分析原因

2.未連接網絡，導致數(shù)據(jù)請求失敗。

缺陷圖示

注：裁剪截圖，每頁放置兩個缺陷內容

任務2：API接口測試（10分）

利用Postman測試工具，根據(jù)移動跨平臺應用開發(fā)生態(tài)系統(tǒng)

API文檔，進行自動化API接口測試，并導出Api.json文件。

任務3：撰寫產品操作手冊（5分）

對移動跨平臺應用開發(fā)生態(tài)系統(tǒng)智能充電功能進行梳理分

析，利用產品操作手冊.docx文件編寫產品操作手冊，具體規(guī)范

如下描述：

第一部分：編寫待測App的產品定位中心敘述，羅列核心功

能點名稱與運行待測App的運行基礎環(huán)境。

第二部分：編寫上述功能點的指導說明，準確敘述用戶操作

行為，將功能變得具體化、形象化，便于讀者理解具體內容，增

強說服力。

第三部分：編寫需要指出使用待測App的常規(guī)注意事項進行

14

說明，提示用戶規(guī)避使用不規(guī)范操作等。

15

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

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

樣題（第3套）

賽位號：

1

競賽說明

一、競賽主題

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

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

業(yè)都搭乘著技術產業(yè)的轉型升級，迎來高速發(fā)展時期。“十四五”

規(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分

本模塊以產品原型設計為目標，基于移動跨平臺應用開發(fā)生

態(tài)系統(tǒng)，圍繞車主手機App、中控大屏移動終端App、智能充電

(家用版App和商用版小程序)，對產品進行