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

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

移動(dòng)應(yīng)用與開(kāi)發(fā)賽項(xiàng)賽題E（樣卷）

賽位號(hào)：_____________

2023年5月

一、項(xiàng)目背景

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

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

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

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

字生活。

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

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

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

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

化生活體驗(yàn)。

二、競(jìng)賽內(nèi)容

賽卷分模塊A、模塊B和模塊C三個(gè)部分。

模塊編號(hào)模塊名稱競(jìng)賽時(shí)間分?jǐn)?shù)

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

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

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

合計(jì)100

三、成果物提交

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

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

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

第2頁(yè)/共19頁(yè)

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

1.用戶登錄

http://IP/

輸入二次加密的賬戶和密碼登錄技能競(jìng)賽成果物提交平臺(tái)。

2.模塊成果物上傳

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

時(shí)系統(tǒng)自動(dòng)鎖定，選手無(wú)法提交成果物。

四、競(jìng)賽注意事項(xiàng)

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

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

第3頁(yè)/共19頁(yè)

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

一、競(jìng)賽任務(wù)

模塊分值為30分。

（一）競(jìng)賽主題

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

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

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

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

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

式、新形態(tài)。

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

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

作、人工管理等存在的隨意性、模糊性不足，通過(guò)量化計(jì)分、實(shí)時(shí)智

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

科學(xué)化。

（二）任務(wù)要求

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

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

明。

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

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

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

第4頁(yè)/共19頁(yè)

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

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

圖2尺寸參考圖

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

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

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

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

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

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

API接口文檔和部分素材詳見(jiàn)平臺(tái)——模塊A：移動(dòng)應(yīng)用界面設(shè)計(jì)—

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

（三）需求描述

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

任務(wù)說(shuō)明：

第5頁(yè)/共19頁(yè)

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

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

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

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

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

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

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

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

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

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

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

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

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

第6頁(yè)/共19頁(yè)

圖3時(shí)代楷模界面參考圖

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

任務(wù)說(shuō)明：

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

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

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

代替）。

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

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

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

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

第7頁(yè)/共19頁(yè)

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

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

任務(wù)說(shuō)明：

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

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

發(fā)起方簡(jiǎn)介、“報(bào)名”等按鈕。

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

活動(dòng)展示圖片、活動(dòng)名稱、活動(dòng)起止時(shí)間、活動(dòng)詳情、已報(bào)名人數(shù)、

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

活動(dòng)。

第8頁(yè)/共19頁(yè)

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

圖5公益活動(dòng)界面參考圖

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

任務(wù)說(shuō)明：

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

照片、姓名、英雄事跡簡(jiǎn)介。

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

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

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

第9頁(yè)/共19頁(yè)

圖6英雄故事界面參考圖

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

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

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

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

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

第10頁(yè)/共19頁(yè)

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

一、競(jìng)賽任務(wù)

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

二、任務(wù)要求

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

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

能開(kāi)發(fā)。

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

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

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

三、任務(wù)描述

（一）任務(wù)主題

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

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

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

我國(guó)的老齡化程度越來(lái)越高，人們已經(jīng)普遍意識(shí)到老齡化問(wèn)題將會(huì)帶

來(lái)的問(wèn)題。整個(gè)社會(huì)在趨向于“衰老型”發(fā)展，人口老齡化的問(wèn)題日

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

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

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

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

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

第11頁(yè)/共19頁(yè)

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

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

合服務(wù)。

（二）任務(wù)描述

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

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

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

圖7賬戶登錄界面參考圖

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

第12頁(yè)/共19頁(yè)

SmartCity項(xiàng)目或HbuilderX打開(kāi)項(xiàng)目，編碼實(shí)現(xiàn)健康A(chǔ)pp的登錄頁(yè)

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

私協(xié)議選項(xiàng)。

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

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

圖8健康首頁(yè)界面參考圖

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

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

第13頁(yè)/共19頁(yè)

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

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

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

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

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

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

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

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

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

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

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

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

第14頁(yè)/共19頁(yè)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

第15頁(yè)/共19頁(yè)

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

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

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

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

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

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

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

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

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

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

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

擊確定按鈕修改密碼。

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

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

計(jì)移動(dòng)應(yīng)用App。考查選手程序UI還原設(shè)計(jì)能力和移動(dòng)開(kāi)發(fā)編程能

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

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

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

一、競(jìng)賽任務(wù)

模塊分值20分。

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

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

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

第16頁(yè)/共19頁(yè)

（二）基本要求

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

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

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

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

二、競(jìng)賽任務(wù)

（一）任務(wù)主題

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

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

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

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

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

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

與服務(wù)。

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

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

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

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