2023 年河北省職業(yè)院校技能大賽（中職組）移動應(yīng)用與開發(fā)賽項賽題第五套

2023年河北省職業(yè)院校技能大賽（中職組）

移動應(yīng)用與開發(fā)賽項賽題E（樣卷）

賽位號：_____________

2023年5月

一、項目背景

隨著數(shù)字經(jīng)濟(jì)的快速發(fā)展和數(shù)字技術(shù)的廣泛應(yīng)用，數(shù)字生活成為

人民群眾的重要生活方式?！笆奈濉币?guī)劃和2035年遠(yuǎn)景目標(biāo)綱要提

出，加快數(shù)字社會建設(shè)步伐，適應(yīng)數(shù)字技術(shù)全面融入社會交往和日常

生活新趨勢，促進(jìn)公共服務(wù)和社會運(yùn)行方式創(chuàng)新，構(gòu)筑全民暢享的數(shù)

字生活。

圖1數(shù)字生活服務(wù)體系

以新一代信息技術(shù)為基礎(chǔ)，打造融合多元的數(shù)字生活新場景，如

智慧黨建、鄉(xiāng)村民宿、智慧健康等，不同場景之間將實現(xiàn)融合交互，

提供方便快捷的生活服務(wù)，從而實現(xiàn)線上線下高效融合的互動性數(shù)字

化生活體驗。

二、競賽內(nèi)容

賽卷分模塊A、模塊B和模塊C三個部分。

模塊編號模塊名稱競賽時間分?jǐn)?shù)

A移動應(yīng)用界面設(shè)計30

B移動應(yīng)用前端開發(fā)240分鐘50

C移動應(yīng)用測試與交付20

合計100

三、成果物提交

把A、B、C三個模塊的任務(wù)要求提交對應(yīng)的成果物，將A、B、C

三個模塊成果物壓縮為“成果物.zip”,“成果物.zip”應(yīng)包含“移

動應(yīng)用界面設(shè)計.xd”、“DigitalLife.apk”、“產(chǎn)品手冊.doc”、“缺陷

第2頁/共19頁

分析.doc”，裁判基于平臺下載對應(yīng)選手競賽成果物，進(jìn)行評判。

1.用戶登錄

http://IP/

輸入二次加密的賬戶和密碼登錄技能競賽成果物提交平臺。

2.模塊成果物上傳

參賽選手在比賽結(jié)束前可以自愿修改重新上傳成果物，比賽結(jié)束

時系統(tǒng)自動鎖定，選手無法提交成果物。

四、競賽注意事項

提交的成果物資源內(nèi)容中，不能填寫與選手相關(guān)的信息，如賽位

號、姓名和院校。如出現(xiàn)上述標(biāo)記，成績按照零分處理。

第3頁/共19頁

模塊A：移動應(yīng)用界面設(shè)計

一、競賽任務(wù)

模塊分值為30分。

（一）競賽主題

隨著人們生活和工作的信息化、網(wǎng)絡(luò)化、數(shù)據(jù)化持續(xù)加深，傳統(tǒng)

的黨建工作方式對黨員，特別是年輕一代黨員的吸引力和凝聚力在降

低。智慧黨建是運(yùn)用數(shù)字信息化新技術(shù)，整合各方資源，更有效地加

強(qiáng)組織管理，提高服務(wù)群眾的水平，擴(kuò)大黨在網(wǎng)絡(luò)世界的存在感和數(shù)

字化影響力，提高黨的執(zhí)政能力，鞏固黨的執(zhí)政基礎(chǔ)的新平臺、新模

式、新形態(tài)。

通過智慧黨建系統(tǒng)建設(shè)，主要解決黨建宣傳、學(xué)習(xí)、管理、資源

等方面的基礎(chǔ)問題，使黨建管理從模糊走向精確，改變了以往手工操

作、人工管理等存在的隨意性、模糊性不足，通過量化計分、實時智

能分析、自動提醒服務(wù)等實現(xiàn)黨建管理的精確化、智能化、人文化和

科學(xué)化。

（二）任務(wù)要求

1.使用原型圖工具（AdobeXD）創(chuàng)建項目“移動應(yīng)用界面設(shè)計.xd”，

此項目文件作為模塊A成果物進(jìn)行提交。詳見“三、成果物提交”說

明。

2.利用原型圖工具（AdobeXD）和圖形處理工具（AdobePhotoshop）

設(shè)計符合目標(biāo)受眾的App高保真原型稿，每個任務(wù)至少一個畫板。

3.畫板尺寸為1080×1920，狀態(tài)欄高度72px，標(biāo)題欄高度為

第4頁/共19頁

144px，標(biāo)簽欄高度為72px。

4.原型繪制畫板大小尺寸及各部分內(nèi)容區(qū)尺寸參考。

圖2尺寸參考圖

5.當(dāng)內(nèi)容超出高度區(qū)域時，設(shè)置滾動區(qū)域來顯示內(nèi)容。

6.畫板要對齊，界面版式布局合理、美觀，內(nèi)容完整；同樣功能

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

7.原型要有交互設(shè)計內(nèi)容，用戶體驗良好。檢查存在的漏洞，防

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

8.頁面所需數(shù)據(jù)，詳見API接口文檔，利用Postman工具獲取。

API接口文檔和部分素材詳見平臺——模塊A：移動應(yīng)用界面設(shè)計—

—資源下載——設(shè)計素材。

（三）需求描述

任務(wù)1：時代楷模首頁界面設(shè)計（7.5分）

任務(wù)說明：

第5頁/共19頁

1．進(jìn)入App主頁面（主頁）上方顯示輪播圖。

2．顯示App各領(lǐng)域應(yīng)用服務(wù)入口，以圖標(biāo)和名稱為單元宮格方

式顯示，手機(jī)端每行顯示3個，包括楷模列表、英雄故事、身邊英雄、

物資捐贈、群眾需求。每個領(lǐng)域應(yīng)用入口布局顯示為圓形圖標(biāo)+名稱

布局，點(diǎn)擊圖標(biāo)可進(jìn)入對應(yīng)的領(lǐng)域應(yīng)用頁面。

3．下方顯示熱點(diǎn)楷模新聞信息列表，新聞列表內(nèi)容包括標(biāo)題、

楷模姓名、新聞縮略圖、內(nèi)容（字?jǐn)?shù)過多使用...代替）等，默認(rèn)顯

示5條，新聞列表下方顯示“查看更多”按鈕，點(diǎn)擊“查看更多”按

鈕最多顯示5條楷模新聞信息。

4．顯示底部導(dǎo)航欄，采用圖標(biāo)加文字方式顯示，圖標(biāo)在上，文

字在下，共4個圖標(biāo)，分別為首頁、公益、心得、個人中心，點(diǎn)擊標(biāo)

簽進(jìn)入對應(yīng)頁面，并用顏色標(biāo)記當(dāng)前頁面所在導(dǎo)航欄。

注：接口數(shù)據(jù)詳見API接口文檔

第6頁/共19頁

圖3時代楷模界面參考圖

任務(wù)2：學(xué)習(xí)心得界面設(shè)計（7.5分）

任務(wù)說明：

1．頂部顯示兩個Tab欄，包括學(xué)習(xí)感言和學(xué)習(xí)歷史，點(diǎn)擊不同

的標(biāo)簽切換不同的信息。

2．學(xué)習(xí)感言列表包括感言標(biāo)題、感言內(nèi)容（字?jǐn)?shù)過多使用...

代替）。

3．學(xué)習(xí)歷史包括學(xué)習(xí)內(nèi)容標(biāo)題、文章發(fā)布時間、文章內(nèi)容等，

學(xué)習(xí)內(nèi)容下方有“添加筆記”按鈕，點(diǎn)擊“添加筆記”按鈕可添加、

編輯、刪除當(dāng)前用戶的學(xué)習(xí)筆記。

注：接口數(shù)據(jù)詳見API接口文檔

第7頁/共19頁

圖4學(xué)習(xí)心得界面參考圖

任務(wù)3：公益活動界面設(shè)計（7.5分）

任務(wù)說明：

1．進(jìn)入公益活動界面，界面內(nèi)包括活動展示、活動報名。

2．活動展示活動內(nèi)容包括報名人數(shù)、活動大圖、活動起止時間、

發(fā)起方簡介、“報名”等按鈕。

3．點(diǎn)擊“報名”按鈕，進(jìn)入活動報名詳情界面，活動報名包括：

活動展示圖片、活動名稱、活動起止時間、活動詳情、已報名人數(shù)、

“報名”按鈕，點(diǎn)擊“報名”，彈出確認(rèn)框，點(diǎn)擊“確認(rèn)”，可報名該

活動。

第8頁/共19頁

注：接口數(shù)據(jù)詳見API接口文檔

圖5公益活動界面參考圖

任務(wù)4：英雄故事界面設(shè)計（7.5分）

任務(wù)說明：

1．進(jìn)入英雄故事界面，展示英雄列表，列表信息界面包括英雄

照片、姓名、英雄事跡簡介。

2．點(diǎn)擊英雄照片，進(jìn)入英雄故事詳情，詳情包括故事標(biāo)題、故

事詳情、故事圖片、評論內(nèi)容等。

注：接口數(shù)據(jù)詳見API接口文檔

第9頁/共19頁

圖6英雄故事界面參考圖

二、模塊考核點(diǎn)

本模塊以產(chǎn)品原型為目標(biāo)，考查參賽選手熟練收集、分析和歸納

客戶需求，清晰梳理業(yè)務(wù)流程，熟練使用UI設(shè)計軟件進(jìn)行產(chǎn)品UI/UE

設(shè)計，掌握正確的UI配色方案，設(shè)計出符合業(yè)務(wù)邏輯的人體工學(xué)移

動App原型優(yōu)秀作品。

第10頁/共19頁

模塊B：移動應(yīng)用前端開發(fā)

一、競賽任務(wù)

此模塊分?jǐn)?shù)50分。

二、任務(wù)要求

1.利用移動開發(fā)工具AndroidStudio創(chuàng)建DigitalLife項目，

或利用HbuilderX打開項目DigitalLife，按照任務(wù)描述完成App功

能開發(fā)。

2.實現(xiàn)App打包發(fā)布，將打包后的release版本DigitalLife.apk

文件作為模塊B成果物進(jìn)行提交。詳見“三、成果物提交”說明。

3.后端服務(wù)接口地址：http://IP

三、任務(wù)描述

（一）任務(wù)主題

“智慧健康”是面向居家老人、社區(qū)及養(yǎng)老機(jī)構(gòu)提供實時、快捷、

高效、低成本智能化的養(yǎng)老服務(wù)平臺。

隨著經(jīng)濟(jì)的發(fā)展，人民的生活水平得到普遍提高，隨之而來的是

我國的老齡化程度越來越高，人們已經(jīng)普遍意識到老齡化問題將會帶

來的問題。整個社會在趨向于“衰老型”發(fā)展，人口老齡化的問題日

益嚴(yán)重，空巢老人的現(xiàn)象也日益加劇。呈現(xiàn)出老年人口基數(shù)大、增速

快、高齡化、失能化、空巢化趨勢明顯的態(tài)勢，再加上我國未富先老

的國情和家庭小型化的結(jié)構(gòu)疊加在一起，養(yǎng)老問題異常嚴(yán)峻。智慧健

康平臺主要圍繞著利用先進(jìn)的信息技術(shù)手段實現(xiàn)“以入住老人為中心，

規(guī)范養(yǎng)老服務(wù)，強(qiáng)化養(yǎng)老管理”，同時，針對老年人心理生理特點(diǎn)，

第11頁/共19頁

以信息化技術(shù)為核心，采用先進(jìn)的計算機(jī)技術(shù)、通信技術(shù)、無線傳輸

技術(shù)、控制技術(shù)，為老人提供一個安全、便捷、高效、舒適的養(yǎng)老綜

合服務(wù)。

（二）任務(wù)描述

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

碼實現(xiàn)任務(wù)需求功能開發(fā)。

任務(wù)1：實現(xiàn)用戶登錄界面（12分）

圖7賬戶登錄界面參考圖

設(shè)計健康A(chǔ)pp，利用移動開發(fā)工具（AndroidStudio）創(chuàng)建

第12頁/共19頁

SmartCity項目或HbuilderX打開項目，編碼實現(xiàn)健康A(chǔ)pp的登錄頁

面，包括手機(jī)號碼、密碼登錄輸入框，登錄按鈕、忘記密碼按鈕、隱

私協(xié)議選項。

輸入賬戶和密碼后，點(diǎn)擊登錄按鈕，進(jìn)入主界面。

任務(wù)2：實現(xiàn)健康首頁界面（13分）

圖8健康首頁界面參考圖

1．界面頂部顯示標(biāo)題欄左側(cè)顯示應(yīng)用圖標(biāo)和標(biāo)題，右側(cè)顯示定

位圖標(biāo)和所在城市，標(biāo)題欄下方顯示搜索框和廣告輪播圖。

第13頁/共19頁

2．以圖片和名稱為單元宮格方式顯示快捷功能入口，在移動端

中一行顯示3個，快捷功能包括一鍵呼救、健康監(jiān)測和健康評估。

3．顯示推薦機(jī)構(gòu)列表和健康資訊列表，推薦機(jī)構(gòu)列表橫向排列

顯示，可左右滑動查看，推薦機(jī)構(gòu)列表項包括機(jī)構(gòu)圖片、名稱和距離，

健康資訊列表項左側(cè)顯示標(biāo)題、評論數(shù)和發(fā)布時間，右側(cè)顯示圖片。

4．顯示底部導(dǎo)航欄，采用圖標(biāo)加文字方式顯示，圖標(biāo)在上，文

字在下，共4個圖標(biāo)分別為首頁、健康資訊、健康監(jiān)測、我的，點(diǎn)擊

標(biāo)簽進(jìn)入對應(yīng)頁面，并用顏色標(biāo)記當(dāng)前頁面所在導(dǎo)航欄。

任務(wù)3：實現(xiàn)預(yù)約記錄界面（14分）

在我的頁面中點(diǎn)擊預(yù)約記錄，進(jìn)入預(yù)約記錄頁面。

圖9預(yù)約界面參考圖

1．界面頂部顯示預(yù)約記錄標(biāo)題欄，點(diǎn)擊標(biāo)題欄中的返回按鈕返

第14頁/共19頁

回上一頁，標(biāo)題欄下方顯示預(yù)約記錄列表，列表項以卡片的形式顯示，

列表項頂部左側(cè)顯示預(yù)約狀態(tài)，右側(cè)顯示預(yù)約日期，列表項內(nèi)容部分

顯示服務(wù)名稱、所屬機(jī)構(gòu)和服務(wù)評分，點(diǎn)擊列表項進(jìn)入預(yù)約詳情頁面。

2．預(yù)約詳情界面頂部顯示標(biāo)題欄，標(biāo)題欄下方顯示預(yù)約狀態(tài)、

服務(wù)信息、預(yù)約信息、支付信息和底部按鈕，預(yù)約狀態(tài)包括已完成、

待審核、待支付、已支付、審核未通過、已取消，服務(wù)信息包括服務(wù)

名稱、所屬機(jī)構(gòu)、機(jī)構(gòu)地址和服務(wù)價格，預(yù)約信息包括預(yù)約編號、服

務(wù)名稱、費(fèi)用，支付信息包括支付方式、支付時間、支付金額，當(dāng)預(yù)

約狀態(tài)為已完成時，底部顯示服務(wù)評價按鈕，預(yù)約狀態(tài)為待審核或已

支付時標(biāo)題欄右側(cè)顯示取消預(yù)約文字按鈕，預(yù)約狀態(tài)為待支付時標(biāo)題

欄右側(cè)顯示取消預(yù)約文字按鈕并且底部顯示立即支付按鈕，預(yù)約狀態(tài)

為審核未通過或已取消時，底部顯示重新預(yù)約按鈕。

任務(wù)4：實現(xiàn)設(shè)置界面（11分）

在我的頁面中點(diǎn)擊設(shè)置，進(jìn)入設(shè)置頁面。

第15頁/共19頁

圖10設(shè)置界面參考圖

1．界面顯示標(biāo)題欄、功能列表和退出賬號按鈕，功能列表包括

更改手機(jī)號碼、修改密碼、清除緩存、升級版本、關(guān)于我們。點(diǎn)擊退

出賬號按鈕退出登錄并進(jìn)入登錄頁面，點(diǎn)擊更改手機(jī)號碼進(jìn)入更改手

機(jī)號碼頁面，點(diǎn)擊修改密碼進(jìn)入修改密碼頁面。

2．更改手機(jī)號碼界面顯示標(biāo)題欄、新的手機(jī)號碼標(biāo)題、手機(jī)號

碼輸入框、驗證碼標(biāo)題、驗證碼輸入框、獲取驗證碼文字按鈕、確定

按鈕，點(diǎn)擊獲取驗證碼文字按鈕獲取驗證碼，輸入手機(jī)號和驗證碼后

點(diǎn)擊確認(rèn)按鈕修改手機(jī)號碼。

3．修改密碼界面顯示標(biāo)題欄、舊密碼輸入框、新密碼輸入框、

再次輸入的輸入框和確定按鈕，輸入舊密碼、新密碼和確認(rèn)密碼后點(diǎn)

擊確定按鈕修改密碼。

四、模塊考核點(diǎn)

本模塊以編程實現(xiàn)移動應(yīng)用產(chǎn)品為目標(biāo)，基于移動開發(fā)平臺，設(shè)

計移動應(yīng)用App?？疾檫x手程序UI還原設(shè)計能力和移動開發(fā)編程能

力，其中包括AppUI編程設(shè)計、網(wǎng)絡(luò)通信封裝、異步數(shù)據(jù)通信、數(shù)

據(jù)解析、數(shù)據(jù)存儲、網(wǎng)絡(luò)多媒體資源處理等技能，熟悉項目發(fā)布流程。

模塊C：移動應(yīng)用測試與交付

一、競賽任務(wù)

模塊分值20分。

（一）待測應(yīng)用安裝

1.下載“待測App.apk”文件。將apk文件安裝到模擬器中，啟

動App，配置服務(wù)器的IP和port，準(zhǔn)備運(yùn)行測試。

第16頁/共19頁

（二）基本要求

基于待測App，查找產(chǎn)品Bug，進(jìn)行Bug分析，撰寫產(chǎn)品操作手

冊，此“測試報告.doc”和“產(chǎn)品手冊.doc”兩個文件作為模塊C成

果物進(jìn)行提交。詳見“三、成果物提交”說明。

競賽結(jié)束前，選手將成果物提交到競賽管理平臺上。

二、競賽任務(wù)

（一）任務(wù)主題

《數(shù)字社區(qū)》是指通過利用智能技術(shù)和方式，整合社區(qū)各類服務(wù)

資源，為居民提供物業(yè)、娛樂、商務(wù)、便民服務(wù)、友鄰社交等功能的

生活應(yīng)用系統(tǒng)。

數(shù)字社區(qū)是社區(qū)管理的一個新的管理形態(tài)，它利用物聯(lián)網(wǎng)、云計

算、移動互聯(lián)網(wǎng)等新一代信息技術(shù)的集成應(yīng)用,為社區(qū)居民提供一個

安全舒適的智慧化生活環(huán)境,從而形成基于信息化、智能化社區(qū)管理

與服務(wù)。

“提升社區(qū)品質(zhì)”是社區(qū)管理的目標(biāo)，社區(qū)引入智慧平臺的能夠

有效推動經(jīng)濟(jì)流動，促進(jìn)現(xiàn)代服務(wù)業(yè)發(fā)展。通過智慧社區(qū)系統(tǒng)的建設(shè)，

解決了社區(qū)物業(yè)管理機(jī)制的即時響應(yīng)，周邊商業(yè)服務(wù)的推廣，社區(qū)物

業(yè)通知，友鄰社交的平臺等居民生活需求，系統(tǒng)主