2022高职移动应用开发02（赛项赛题）

移动应用开发赛项竞赛试题

（02卷）

ChinaSkills

竞赛说明

一、竞赛安排

赛卷分模块A、模块B、模块C、模块D四个部分。

模块编号模块名称竞赛时间分数备注

A需求分析3小时16分第一天上午

B初步设计3小时16分第一天下午

C功能模块开发6小时50分第二天全天

D测试与交付3小时18分第三天上午

合计100分

二、竞赛主题

本赛项面向产业主流技术，对接国际标准，旨在通过融合世界技

能大赛的技术标准和规则要求，引领和促进教学改革，提升职业教育

的国际化水平；通过完成一个完整的工作过程，使参赛选手、裁判、

教师等相关人员，熟悉并掌握世界技能大赛的技术规范和技术标准,

检验教学质量，达到“以赛促教”“以赛促学”“以赛促改”“以赛

促建”的目的。

本赛项以智慧城市为背景，重点考查参赛选手在移动应用开发实

际工程项目中的综合分析能力、架构设计能力、编码能力、文档编写

能力、数据分析能力、创意创新能力、产品测试和交付能力；展现移

动应用开发专业学生技能与风采，使教师和学生更全面的了解岗位需

求，提升移动应用开发专业人才培养质量和就业质量。同时培养选手

的沟通与交流能力、抗压能力、6s规范等职业素质；激发学生的求知

欲和教师的爱岗敬业的工匠精神，带动广大青年学生钻研技术、苦练

技能、走技能成才之路。

三、成果物管理平台

移动应用开发赛项提供的成果管理平台，选手根据分配的账号登

录系统，把A、B、C、D四个模块的任务要求提交对应的成果物，裁

判基于平台下载对应选手竞赛成果物，进行评判。

1.用户登录

图1成果物管理平台登录界面

输入预先发放给参赛选手的账号和密码登录成果物管理平台，登

录界面见图1,每个模块比赛结束后系统进入锁定状态，选手无法登

录。

2.模块成果物上传

评分系统S-

VS8<Hiaon*

OCMW

■ftwatt

*WusT1B8HMKM:刈*

谢仔其»n)1«tu01RW2071O3022238种0)121037

小总首(B-QMS)

KMOStWflZMtflUjtuO2*55*2021-03-08tMO

（窗域**）

移di0州外看

wa^vawi«ttuOJ2021-03-0906212021m•«0822

移土皆阳升及

ttKimr*4MtfutMtiXA?t»t-filO9Oft27

（俗-个人*）

m任各w

3QVOuCD23UC加《35的《

«a«na

aawfl开发

BMA6JWH*好18tiTOO2021QJUHM

(ffffMS)

图2成果物管理平台后台管理界面

参赛选手在比赛结束前可以自愿修改重新上传成果物，比赛结束

后系统自动锁定。参赛选手成果物提交情况将实时同步比赛现场大屏

幕。

四、竞赛注意事项

提交的文档、原型、代码、App等资源内容中不能填写与选手相

关的信息，如赛位号、姓名和院校。如出现上述标记，本模块成绩按

照零分处理。

第一天上午

模块A：需求分析

一、竞赛任务

此模块竞赛时间为3小时，分数为16分。

（一）竞赛主题描述

智慧城市

智慧服务智慧养老智慧党建智慧环保智慧社区精准扶贫时代楷模

便民服务预约养老党建动态资源回收物业服务村情村貌英雄故事

等等等等等等等

图1智慧城市系统架构

本次竞赛任务，以需求分析为目标，以智慧城市为背景，通过限

选主题和固定主题（便民服务）结合的形式，对需求进行理解、分析，

并最终以提供的需求分析说明书为模板，编写一份完整的需求规格说

明书。

编写需求规格说明书是为了详细呈现智慧城市移动App产品需

求和系统的功能描述，以进一步定制移动App开发的细节问题，便于

与项目开发协调工作，希望能使本软件开发工作更明确、更具体。

（二）功能概述

本次竞赛分为两部分任务：

第一个任务，按照选定的一个主题方向，进行需求的自定义梳理

与规划，依据给定的需求规格说明书（模板），进行需求规格的逐一

描述，编制对应业务流程图/活动图、原型草图、用例图、类图、时序

图和对应模块概要设计。

第二个任务，依据给定便民服务主题的需求说明，进行需求分析

设计，结合功能需求编制对应业务流程图/活动图、原型草图、类图、

时序图和对应模块概要设计。

（三）基本要求

使用平台一一模块A：需求分析一一资源下载一一《需求规格说

明书（模板）》进行需求分析文档编制。

二、任务：限选主题分析设计（4分）

（一）主题背景

随着工作生活信息化、网络化、数据化持续加深，传统的党建工

作方式对党员特别是年轻一代党员的吸引力和凝聚力在降低。智慧党

建是运用信息化新技术，整合各方资源，更有效地加强组织管理，提

高服务群众水平，扩大党在网络世界存在感和数字化影响力，提高党

的执政能力，巩固党的执政基础的新平台、新模式、新形态。

通过智慧党建系统建设，主要解决党建宣传、学习、管理、资源

等方面的基础问题。使党建管理从模糊走向精确，改变了以往手工操

作、人工管理等存在的随意性、模糊性不足，通过量化计分、实时智

能分析、自动提醒服务等实现党建管理的精确化、智能化、人文化和

科学化。主要包括以下功能模块：

1.党建展示：首页幻灯片轮播图显示；

2.党建动态：包括文章展示、文章分类、文章评论等；

3.党员学习：包括课程分类、章节管理、学习课程记录标识、课

程评论等，课程内容包括语音、视频等资源；

4.组织活动：包括活动展示、活动报名、活动留言等；

5.建言献策：包括提交问题以及建议给上级，查看留言等；

6.随手拍：包括随手拍照上传，发现身边的先进，反馈身边的问

题，实现人人监督。

（二）任务要求

1.基于智慧城市系统架构，以智慧党建为背景，规划整理智慧党

建App需求，设计App功能架构体系图，并做说明。

2.在功能架构体系中至少规划设计6个功能，并编制每个功能模

块对应业务流程图/活动图、原型草图、用例图、类图、时序图和对

应模块概要设计。

三、任务：固定主题分析设计（12分）

（-）主题背景

智慧城市是一个比较大的系统工程，涉及领域众多，但在终极目

标上简单明确，那就是服务民众，让民众的城市生活更美好。在便民

惠民服务中，可以看到医疗、教育、金融、交通等领域成为热门。

搭建智慧城市的便民服务平台不仅要利用最先进的互联网线上

手段，做好线上渠道，还要利用好传统的线下渠道，实现多渠道、广

覆盖。如今提到一站式的服务平台，首先想到的就是各种移动客户端,

利用线上线下更好的服务大众。便民服务平台作为智慧城市在产品层

面的一个重要体现，成为一个大众参与的产品是其发展趋势和出路。

（二）任务要求

基于给定便民服务的智慧巴士、个人中心、预约检车等5个功能

需求描述，撰写流程图/活动图、用例图、类图、时序图等概要设计。

任务1：主页面功能模块描述（2分）

智慧城市App启动后，进入主页面。

任务说明：

1.主页显示搜索输入框，输入搜索内容后，点击软键盘“搜索”

按钮，跳转至搜索结果相关新闻资讯列表页面。

2.显示轮播图，点击轮播图跳转至对应页面。

3.显示智慧城市各领域推荐应用服务入口，以图标和名称为单元

宫格方式显示，手机端每行显示5个，按照优先级从高到低排序（数

值越大优先级越高），共两行，第2行最后一个显示“更多服务”，

点击“更多服务”进入对应页面。每个领域应用入口布局显示为圆形

图标，图标下为名称，点击图标可进入对应的领域应用页面。

4.显示热门主题模块，手机端每行显示2个热门主题，每个主题

入口布局为圆角（20dp）矩形图标，图标下为标题名称，多出的标题

名称用省略号显示，点击“热门主题”进入到对应的主题页面。

5.显示新闻专栏，上方标签页方式显示新闻类别，下方显示新闻

列表，列表项包括图片、新闻标题、新闻内容缩写（多出的字用省略

号显示），评论总数，发布时间等信息。

6.显示底部导航栏，采用图标加文字方式显示，图标在上，文字

在下，共四个图标分别为首页、全部服务、新闻、个人中心，点击标

签进入对应页面，并颜色标记当前页面所在导航栏。

任务2：智慧巴士功能模块描述（2分）

在智慧城市App主页面上的各领域应用服务入口或全部服务，点

击“智慧巴士”图标信息，进入智慧巴士页面。

任务说明：

1.页面显示巴士列表，列表显示路线名称、起终点、运行时间、

票价，以及里程、巴士列表具有扩展显示该路线的各个站点功能。

2.点击班车列表新路线名称跳转到定制班车页面，信息如下：

第一步页面：显示站点路线秒点地图、起点与重点名称、票价、

里程等，具有“下一步”点击按钮以及“返回上级目录”按钮。

第二步页面：显示日历日期，选中日历日期则显示出已经选中的

日期，并且具有“下一步”点击按钮以及“返回上级目录”按钮。

第三步页面：显示起点与重点名称，还具有乘客姓名、手机号

码、上车地点、下车地点输入框，并且具有“下一步”点击按钮以及

“返回上级目录”按钮。

第四步页面：显示第三步页面，所填写的乘客信息、手机号码、

上车地点、下车地点、乘车日期并且具有“提交订单”按钮以及“返

回上级目录”按钮。

3.在应用的个人中心点击“我的订单”页面，页面显示待支付、

已支付订单、订单列表显示路线名称、起终点、票价、订单编号、乘

车日期。

任务3：个人中心功能模块描述（2分）

在智慧城市App中，点击底部导航“个人中心”图标信息，进入

个人中心页面。

任务说明：

1.首先进入个人中心页面，个人中心页面显示用户头像、账户、

个人信息页面入口、订单列表页面入口、修改密码页面入口、意见反

馈页面入口，点击“退出”按钮可退出登录。

2.点击个人信息跳转至个人信息页面，标签栏显示本页面标题，

点击返回图标可返回到上一页，点击修改可保存修改的信息，可修改

内容为：头像、昵称、性别、联系电话，注：手机号码后四位使用*号

显示。

3.点击修改密码可进入修改密码页面，标签栏显示本页面标题，

点击返回图标可返回到上一页，输入原密码与新密码，点击“确定”

按钮可保存修改的信息。

4.点击订单列表可跳转到订单页面，标签栏显示本页面标题，点

击返回图标可返回到上一页，页面内容展示所有订单、订单分类数据

信息，订单显示信息有：订单号、订单类型、订单生成日期。点击订

单可跳转至对应功能模块生成订单的详情页面。

5.点击意见反馈可跳转至意见反馈页面，标签栏显示本页面标题,

点击返回图标可返回到上一页，输入反馈的内容，字数限制在150字

以内，点击提交可提交反馈的意见。

任务4：预约检车功能模块描述（2分）

在智慧城市App主页面上的各领域应用服务入口或全部服务，点

击“预约检车”图标信息，进入预约检车页面。

任务说明：

1.预约检车功能显示预约须知、立即预约、我的预约、车辆管理

四项底部功能导航，点击上方导航栏“返回”按钮返回智慧城市主页

面。

2.默认进入“预约须知”进入预约须知页面，显示车辆预约须知

提示等信息。

3.点击“车辆管理”进入车辆管理页面，列表显示车牌号、车架

号、车辆类型、公里数、手机号等输入框信息，并可编辑。点击“添

加”按钮可根据列表项的信息设计添加车辆信息功能。

4.点击“立即预约”，进入立即预约页面，具体如下：

(1)列表显示用户录入的车辆和单选框，单选预约的车辆，如

果无车辆信息，则自动跳转至车辆管理页面。

(2)点击“选择时间”弹出时间(日期和小时)弹框，选择时

间后点击“确认”获取并显示预约时间。

(3)点击“检车地点”弹出检车地点弹框列表，选择地点后点

击“确认”获取检查地点。

(4)点击“预约”按钮，显示预约成功信息后自动跳转至“我

的预约”页面。

5.点击“我的预约”进入我的预约页面，列表显示已经预约成功

的车辆信息订单，包括车牌号、预约时间、预约检车地点等信息。

任务5：看电影功能模块描述(2分)

在智慧城市App主页面上的各领域应用服务入口或全部服务，点

击“看电影”图标信息，进入看电影页面。

任务说明：

1.主页面，页面包括顶部导航栏目、宣传幻灯片、搜索、电影信

息显示板块。具有返回按钮，点击返回按钮可以返回智慧城市主页面。

下方搜索在页面搜索框下面显示电影信息并图文显示。

(1)页面顶部具有返回按钮，点击返回按钮返回智慧城市主页。

(2)产品功能宣传幻灯片展示。

(3)搜索，根据电影名称进行查询，结果列表显示在电影信息

展示区。

(4)电影展示区列表均显示图片、影片名称、上映时间、时长

等内容，默认显示1-5条，点击“查看更多”可查看所有电影信息。

2.信息详情页，点击电影列表中的某一部电影，进入到电影详情

页面。详情页面分别展示电影封面图片、电影名称、评分、上映时间、

想看人数等信息。底部展示主页按钮，点击“主页”，返回电影主页。

任务6:志愿服务功能模块描述(2分)

在智慧城市App主页面上的各领域应用服务入口或全部服务，点

击“志愿服务”图标信息，进入志愿服务页面。

任务说明：

1.进入志愿服务主页面，页面显示返回上一页按钮、任务标题、

轮播图、新闻列表和底部导航栏。

(1)轮播图：每隔3秒自动切换宣传图片。

(2)新闻列表：列表项信息包括图片、新闻片段、发布时间，优

先顶部显示最新发布的新闻。

(3)底部导航栏包括志愿活动按钮和我的活动按钮，按钮以图

标和文字为单元宫格方式显示，点击图标按钮跳转到对应页面。

2.进入志愿活动页面，页面包括搜索框、活动列表，列表信息包

括活动标题、承办单位、活动开始时间、人员要求和报名按钮。点击

列表项，跳转至活动详情页，点击列表项中的报名按钮，提示“报名

成功”信息。点击列表项，跳转至活动详情页。搜索框输入搜索内容

后，点击软键盘“搜索”按钮，刷新志愿活动列表页。

3.进入我的活动页面，页面分3个标签页，包括“已完成”“已

报名”“已取消”，点击标签显示对应的列表页面。列表信息包括活

动标题、承办单位、活动开始时间和人员要求。点击列表项，跳转至

活动详情页。在已报名的列表项中包含一个“取消报名按钮”，点击

取消报名按钮后，出现“已取消”的提示信息，并将相应的活动在已

取消列表中显示。

4.进入活动详情页，活动详情页包括活动名称、活动简介、活动

开始时间、人员要求、承办单位和工作内容。

四、成果物提交

本模块竞赛结束前，将“需求规格说明书.docx”提交到成果物

管理平台（http：//ip：port/）o

需求规格说明书（模板）文件内容中不能撰写与选手相关的信息,

如赛位号、姓名和院校等。如出现上述信息标记，本模块记零分。

注：根据二次加密分配的账号登录成果物管理平台。

第一天下午

模块B：初步设计

一、竞赛任务

此模块竞赛时间为3小时，分数为16分。

（一）竞赛主题

随着第五代移动通信技术（5G）高速发展，推动新一代信息技术

与各个行业的融合发展，“智慧城市”这一概念随着城市化进程的快

速发展应运而生。

智慧城市是指利用新一代信息技术，以整合、系统的方式管理城

市运行体系，让城市中各个功能彼此协调运作，为城市中的企业提供

优质的发展空间，为市民提供更高的生活品质，让城市成为适合人全

面发展的城市，涵盖了智慧服务、智慧养老、智慧党建、智慧环保、

智慧社区、精准扶贫、时代楷模等数十个场景。

智慧城市

智慧服务智慧养老智慧党建智慧环保智慧社区精准扶贫时代楷模

・■・■・■■■・■■■■■

便民服务预约养老党建动态资源回收物业服务村情村貌英雄故事

等等等等等等等

图1智慧城市系统架构

（二）基本要求

1.使用AdobeXD或者Sketch软件，参照模块功能要求，进行该

功能模块的页面原型设计，制作页面原型参阅iOS、谷歌的Material

Design设计规范。

2.画板尺寸为750PxX1334px,状态栏高度40px,标题栏高度为

88px,标签栏高度为98pxo

3.原型绘制画板大小尺寸及各部分内容区尺寸参考。

画布大小750XI334Px

状态栏高度40Px

标题栏高度88Px

标签栏高度98Px

图2尺寸参考图

4.当内容超出高度区域时，设置滚动区域来显示内容。

5.画板要对齐，界面版式布局合理、美观，内容完整；同样功能

请复用样式，避免一种功能、两种样式的情况。

6.原型要有交互设计内容，用户体验良好。检查存在的漏洞，防

止出现异常流程和内容状态。

7•页面所需数据，详见API接口文档，利用Postman工具获取。

API接口文档和部分素材详见平台一一模块B：初步设计一一资源下

载一一01设计素材。

二、任务：限选主题功能初步设计（4分）

（一）主题背景

随着工作生活信息化、网络化、数据化持续加深，传统的党建工

作方式对党员特别是年轻一代党员的吸引力和凝聚力在降低。智慧党

建是运用信息化新技术，整合各方资源，更有效地加强组织管理，提

高服务群众水平，扩大党在网络世界存在感和数字化影响力，提高党

的执政能力，巩固党的执政基础的新平台、新模式、新形态。

通过智慧党建系统建设，主要解决党建宣传、学习、管理、资源

等方面的基础问题。使党建管理从模糊走向精确，改变了以往手工操

作、人工管理等存在的随意性、模糊性不足，通过量化计分、实时智

能分析、自动提醒服务等实现党建管理的精确化、智能化、人文化和

科学化。主要包括以下功能模块。

1.党建展示：首页幻灯片轮播图显示；

2.党建动态：包括文章展示、文章分类、文章评论等；

3.党员学习：包括课程分类、章节管理、学习课程记录标识、课

程评论等，课程内容包括语音、视频等资源；

4.组织活动：包括活动展示、活动报名、活动留言等；

5.建言献策：包括提交问题以及建议给上级，查看留言等；

6.随手拍：包括随手拍照上传，发现身边的先进，反馈身边的问

题，实现人人监督。

（二）任务要求

1.基于智慧城市系统架构，以智慧党建为背景，规划整理智慧党

建App需求，在功能架构体系中至少规划设计6个功能，并自主绘制

智慧党建App初步设计原型。

2.利用AdobeXD或者Sketch软件，新建“初步设计一限选主

题.xd”文件，绘制智慧党建App页面原型，每个功能至少一个画板。

3.画板之间具有交互功能体现。

4.页面设计美观大方，符合人体工学操作逻辑。

三、任务：固定主题功能初步设计（12分）

（一）任务要求

1.基于智慧城市系统中的便民服务功能需求描述，设计智慧服务

App进行初步设计。

2.利用AdobeXD/Sketch软件，新建“初步设计—固定主题.xd”

文件，绘制便民服务给定的功能页面原型，每个功能至少一个画板。

3.画板之间具有交互功能体现。

4.页面设计美观大方，符合人体工学操作逻辑。

（二）任务说明

任务1：绘制“主页面”模块界面原型（2分）

智慧城市App启动后，进入App主页面（主页），彰显智慧城市

风采，打造智慧型服务大厅，科技赋能，创新智能，打造视、听、触

体验俱佳的业务服务大厅，同时提供多种智慧城市解决方案。

任务说明：

1.主页显示搜索输入框，输入搜索内容后，点击软键盘“搜索”

按钮，跳转至搜索结果相关新闻资讯列表页面。

2.显示轮播图，点击轮播图跳转至对应页面。

3.显示智慧城市各领域应用服务入口，以图标和名称为单元宫格

方式显示，手机端每行显示5个，共两行，第2行最后一个显示“更

多服务”，点击“更多服务”进入对应页面。每个领域应用入口布局

显示为圆形图标，图标下为名称，点击图标可进入对应的领域应用页

面。

4.显示热门主题模块，手机端每行显示2个热门主题，每个主题

入口布局为圆角（20dp）矩形图标，图标下为标题名称，多出的标题

名称字用省略号显示，点击“热门主题”进入到对应的主题页面。

5.显示新闻专栏，上方标签页方式显示新闻类别，下方显示新闻

列表，列表项包括图片、新闻标题、新闻内容缩写（多出的字用省略

号显示）、评论总数、发布时间等信息。

6.显示底部导航栏，采用图标加文字方式显示，图标在上，文字

在下，共四个图标分别为首页、全部服务、新闻、个人中心，点击标

签进入对应页面，并颜色标记当前页面所在导航栏。

任务2：绘制“个人中心”模块界面原型（2分）

在智慧城市App中，点击底部导航“个人中心”图标信息，进入

个人中心页面。

任务说明：

1.首先进入个人中心页面，个人中心页面显示用户头像、账户、

个人信息页面入口、订单列表页面入口、修改密码页面入口、意见反

馈页面入口，点击“退出”按钮可退出登录。

2.点击个人信息跳转至个人信息页面，标签栏显示本页面标题,

点击返回图标可返回到上一页，点击修改可保存修改的信息，可修改

内容为：头像、昵称、性别、联系电话，注：手机号码后四位使用*号

显示。

3.点击修改密码可进入修改密码页面，标签栏显示本页面标题，

点击返回图标可返回到上一页，输入原密码与新密码，点击“确定”

按钮可保存修改的信息。

4.点击订单列表可跳转到订单页面，标签栏显示本页面标题，点

击返回图标可返回到上一页，页面内容展示所有订单、订单分类数据

信息，订单显示信息有：订单号、订单类型、订单生成日期。点击订

单可跳转至对应功能模块生成订单的详情页面。

5.点击意见反馈可跳转至意见反馈页面，标签栏显示本页面标题,

点击返回图标可返回到上一页，输入反馈的内容，字数限制在150字

以内，点击提交可提交反馈的意见。

任务3：绘制“智慧巴士”模块界面原型（2分）

在智慧城市App主页面上的各领域应用服务入口或全部服务，点

击“智慧巴士”图标信息，进入智慧巴士页面。

任务说明：

L页面显示巴士列表，列表显示路线名称、起终点、运行时间、

票价，以及里程、巴士列表具有扩展显示该路线的各个站点功能。

2.点击班车列表新路线名称跳转到定制班车页面，信息如下：

第一步页面：显示站点路线秒点地图、起点与重点名称、票价、

里程等，具有“下一步”点击按钮以及“返回上级目录”按钮。

第二步页面：显示日历日期，选中日历日期则显示出已经选中的

日期，并且具有“下一步”点击按钮以及“返回上级目录”按钮。

第三步页面：显示起点与重点名称，还具有乘客姓名、手机号

码、上车地点、下车地点输入框，并且具有“下一步”点击按钮以及

“返回上级目录”按钮。

第四步页面：显示第三步页面，所填写的乘客信息、手机号码、

上车地点、下车地点、乘车日期并且具有“提交订单”按钮以及“返

回上级目录”按钮。

3.在应用的个人中心点击“我的订单”页面，页面显示待支付、

已支付订单、订单列表显示路线名称、起终点、票价、订单编号、乘

车日期。

任务4：绘制“预约检车”模块界面原型(2分)

在智慧城市App主页面上的各领域应用服务入口或全部服务，点

击“预约检车”图标信息，进入预约检车页面。

任务说明：

1.预约检车功能显示预约须知、立即预约、我的预约、车辆管理

四项底部功能导航，点击上方导航栏“返回”按钮返回智慧城市主页

面。

2.默认进入“预约须知”进入预约须知页面，显示车辆预约须知

提示等信息。

3.点击“车辆管理”进入车辆管理页面，列表显示车牌号、车架

号、车辆类型、公里数、手机号等输入框信息，并可编辑。点击“添

加”按钮可根据列表项的信息设计添加车辆信息功能。

4.点击“立即预约”，进入立即预约页面，具体如下：

(1)列表显示用户录入的车辆和单选框，单选预约的车辆，如

果无车辆信息，则自动跳转至车辆管理页面。

(2)点击“选择时间”弹出时间(日期和小时)弹框，选择时

间后点击“确认”获取并显示预约时间。

(3)点击“检车地点”弹出检车地点弹框列表，选择地点后点

击“确认”获取检查地点。

(4)点击“预约”按钮，显示预约成功信息后自动跳转至“我

的预约”页面。

5.点击“我的预约”进入我的预约页面，列表显示已经预约成功

的车辆信息订单，包括车牌号、预约时间、预约检车地点等信息。

任务5：绘制“垃圾分类”模块界面原型(2分)

在智慧城市App主页面上的各领域应用服务入口或全部服务，点

击“垃圾分类宝典”图标信息，进入垃圾分类宝典页面。

任务说明：

1.进入垃圾分类宝典页面。页面左上角显示返回上一页按钮。

(1)顶部展示垃圾分类新闻宣传轮播图。

(2)轮播图下方两个长方形导航图片按钮，搜索与分类。

(3)接下来为4个选项卡。分别为新时尚，党员在行动，分类

达人，社区动态。每个选项卡内，新闻条目按时间降序排列。每条显

示两行标题文字，多余采用缩略符。标题下面为日期时间。右侧为长

方形新闻图片。点击新闻条目进入详情页。详细页内显示标题，发布

人，发布时间，正文。

(4)新闻正文页底部可以匿名评论，文本框30字，点击评论按

钮后发布评论。

2.点击搜索长方形导航图片按钮导航到搜索页。页面左上角显示

返回上一页按钮。

(1)顶部展示垃圾分类宣传海报轮播图。

(2)下方为垃圾物品分类搜索框，输入分类，点击搜索，结果

页居中显示分类图片名称，下面是分类文字描述。中部显示4列4行

图片宫格，为该类常见垃圾物品，宫格以图片和文字进行展示。底部

为可回收物投放指导，说明该物品丢弃前的必要环节处理。

(3)搜索框下方为热门搜索，列出最热门的可回收物品词汇。

3.点击分类导航图片按钮跳转至分类页。页面左上角显示返回上

一页按钮。

(1)上部展示一张垃圾分类宣传海报，给人以直观感受。

(2)下方为4个正方形不同颜色的分类按钮，分别为可回收物，

有害垃圾，湿垃圾，干垃圾。点击分类按钮，进入分类介绍页，顶部

左侧为正方形分类图标，右侧为分类说明，分类介绍页下部为投放要

求。

(3)分类按钮下面为4栏常见分类的关键词索引，即每栏4列

5行20种常见该类垃圾。点击常见垃圾关键词，进入详情页，页面左

上角显示返回上一页按钮，顶部标题指出该垃圾所属分类下方为分类

介绍，左侧为正方形分类图标，右侧为分类说明，分类介绍页下部为

投放要求。

任务6：绘制“志愿服务”模块界面原型(2分)

在智慧城市App主页面上的各领域应用服务入口或全部服务，点

击“志愿服务”图标信息，进入志愿服务页面。

任务说明：

1.进入志愿服务主页面，页面显示返回上一页按钮、任务标题、

轮播图、新闻列表和底部导航栏。

(1)轮播图：每隔3秒自动切换宣传图片。

(2)新闻列表：列表项信息包括图片、新闻片段、发布时间，优

先顶部显示最新发布的新闻。

(3)底部导航栏包括志愿活动按钮和我的活动按钮，按钮以图

标和文字为单元宫格方式显示，点击图标按钮跳转到对应页面。

2.进入志愿活动页面，页面包括搜索框、活动列表，列表信息包

括活动标题、承办单位、活动开始时间、人员要求和报名按钮。点击

列表项，跳转至活动详情页，点击列表项中的报名按钮，提示“报名

成功”信息。点击列表项，跳转至活动详情页。搜索框输入搜索内容

后，点击软键盘“搜索”按钮，刷新志愿活动列表页。

3.进入我的活动页面，页面分3个标签页，包括“已完成”“已

报名”“已取消”，点击标签显示对应的列表页面。列表信息包括活

动标题、承办单位、活动开始时间和人员要求。点击列表项，跳转至

活动详情页。在已报名的列表项中包含一个“取消报名按钮”，点击

取消报名按钮后，出现“已取消”的提示信息，并将相应的活动在已

取消列表中显示。

4.进入活动详情页，活动详情页包括活动名称、活动简介、活动

开始时间、人员要求、承办单位和工作内容。

四、成果物提交

本模块竞赛结束前，将“初步设计.rar”文件提交到成果物管理

平台（http:〃ip：port/）,压缩包内包括：初步设计—限选主题.xd

和初步设计一固定主题.xd。

注：根据二次加密分配的账号登录成果物管理平台。

第二天全天

模块C：功能模块开发

一、竞赛任务

此模块竞赛时间为6小时，分数为50分。

（一）竞赛主题

随着第五代移动通信技术（5G）高速发展，推动新一代信息技术

与各个行业的融合发展，“智慧城市”这一概念随着城市化进程的快

速发展应运而生。

智慧城市是指利用新一代信息技术，以整合、系统的方式管理城

市运行体系，让城市中各个功能彼此协调运作，为城市中的企业提供

优质的发展空间，为市民提供更高的生活品质，让城市成为适合人全

面发展的城市，涵盖了智慧服务、智慧养老、智慧党建、智慧环保、

智慧社区、精准扶贫、时代楷模等数十个场景。

智慧城市

・智慧服■务智慧养老!智慧党建!智慧环保!智慧社区.精准扶贫■时代■楷模

便民服务预约养老―党建动态—资源回收・物业服务―村情村貌英雄故事

等■等■等■等■等

等等

图1智慧城市系统架构

（二）基本要求

AppUI尺寸自动适配开发电脑中提供的模拟器UI（iOS适配

iPhonell模拟器）以及提供的手持手机设备或模拟器UI。

竞赛结束前，选手将“模块c：功能模块开发”的成果物，其中

包括Android项目发布文件(SmartCity.apk)或iOS项目代码

(SmartCity.zip)提交到平台服务器。

Android：在裁判计算机上，下载项目发布文件SmartCity.apk,

安装到模拟器或真机上进行评判。

iOS：在裁判计算机上，下载项目代码，Xcode打开编译运行到

iPhonell模拟器上进行评判。

二、任务

(-)任务1：应用架构设计(2分)

设计智慧城市App,利用移动开发工具(AndroidStudio/Xcode)

创建SmartCity项目或HbuilderX打开项目，项目App显示智慧城市

名称，实现项目的基本框架设计，并封装App与服务器通讯模块。

(二)任务2：应用主页面实现(4分)

进入App主页面(主页)，彰显智慧城市风采，打造智慧型服务

大厅，科技赋能，创新智能，打造视、听、触体验俱佳的业务服务大

厅，同时供应多种智慧城市解决方案。

任务说明：

App启动后，显示开屏广告1秒，进入主页面。

1.主页显示搜索输入框，输入搜索内容后，点击软键盘“搜索”

按钮，跳转至搜索结果相关新闻资讯列表页面。

2.显示轮播图，点击轮播图跳转至对应页面。

注：轮播图资源通过服务器API接口获取。

3.显示智慧城市各领域应用服务入口，以图标和名称为单元宫格

方式显示，手机端每行显示5个，按照优先级从高到低排序（数值越

大优先级越高），共两行，第2行最后一个显示“更多服务”，点击

“更多服务”进入全部服务页面。每个领域应用入口布局显示为圆形

图标+名称布局，点击图标可进入对应的领域应用页面。

4.显示热门主题模块，手机端每行显示2个热门主题，每个主题

入口布局为圆角（20dp）矩形图标，图标下为标题名称，多出的标题

名称字用省略号显示，点击“热门主题”进入对应的主题页面。

5.显示新闻专栏，上方标签页方式显示新闻类别，下方显示新闻

列表，列表项包括图片、新闻标题、新闻内容缩写（多出的字用省略

号显示）、评论总数、发布时间等信息。

6.显示底部导航栏，采用图标加文字方式显示，图标在上，文字

在下，共五个图标分别为首页、全部服务、智慧社区、新闻、个人中

心，点击标签进入对应页面，并颜色标记当前页面所在导航栏。

注：主页数据详见API接口文档。

（三）任务3：活动功能实现（6分）

在智慧城市App主页面上的各领域应用服务入口或全部服务，点

击“活动”图标信息，进入活动页面。

任务说明：

1•列表页面包含：轮播图、活动分类、活动列表等三个部分。

2.点击轮播图片可以跳转到活动详情页面，活动分类展示活动类

别名称，活动列表依据最新发布时间排序，活动列表显示：活动图片、

活动名称、报名人数、点赞数等；

3.在活动列表页面点击活动名称跳转到活动详情页面，信息如下:

（1）详情页面顶部栏显示活动名称，点击“返回”按钮，返回上

级目录。

（2）活动详情内容按照（图片+文字）的形式进行展示，详情页

面具有活动评论与查看功能，查看评论显示评论条数，以及列表形式

展现的评论内容，还可以对该活动进行评论。

（3）详情页面包括活动推荐，以列表形式展示1-3篇推荐活动。

（4）活动页面包括报名按钮，点击加入该活动。

注：数据详见API接口文档。

（四）任务4：个人中心功能实现（4分）

在智慧城市App中，点击底部导航栏“个人中心”图标信息，进

入用户个人中心页面。

任务说明：

1.首先进入个人中心页面，个人中心页面显示用户头像、账户、

个人信息页面入口、订单列表页面入口、修改密码页面入口、意见反

馈页面入口，点击退出按钮可退出登录。

2.点击个人信息跳转至个人信息页面，标签栏显示本页面标题,

点击返回图标可返回到上一页，点击修改可保存修改的信息，可修改

内容为：头像、昵称、性别、联系电话，注：手机号码后四位使用*号

代替。

3.点击修改密码可进入修改密码页面，标签栏显示本页面标题,

点击返回图标可返回到上一页，输入原密码与新密码，点击确定按钮

可保存修改的信息。

4.点击订单列表可跳转到订单页面，标签栏显示本页面标题，点

击返回图标可返回到上一页，页面内容展示所有订单、订单分类数据

信息，订单显示信息有：订单号、订单类型、订单生成日期。点击订

单可跳转至对应功能模块生成订单的详情页面。

5.点击意见反馈可跳转至意见反馈页面，标签栏显示本页面标题,

点击返回图标可返回到上一页，输入反馈的内容，字数限制在150字

以内，点击提交可提交反馈的意见。

注：数据详见API接口文档。

(五)任务5：爱心捐赠功能实现(5分)

在智慧城市App中，点击底部导航栏的“爱心捐赠”图标信息，

进入爱心捐赠页面。

任务说明：

1.进入爱心公益主页面，页面显示返回上一页按钮，搜索输入框、

广告轮播图、捐赠次数和实时捐赠列表、公益分类、推荐公益列表。

(1)搜索输入框：输入搜索内容后，点击软键盘“搜索”按钮，

跳转至搜索结果公益列表页面，列表内容包括公益类别、公益名称、

发布人、已筹善款、项目时间和参与人数。

(2)广告轮播图：每间隔3秒切换广告图。

(3)公益分类：以图标和名称为单元格方式显示，手机端显示4

个，共两行，每个类目入口布局显示为圆形图标和名称，点击图标可

以进入对应公益分类列表页面。

(4)推荐公益列表项：公益分类图标下面显示推荐公益，类别

名称下方显示公益图片、公益项目名称、发布组织、捐赠人数和已筹

善款。

2.公益列表页面，点击首页图标或推荐公益进入公益列表页面,

列表项包括搜索框、项目类型、公益类别、公益内容、发布人、已筹

善款、项目时间、参捐人数。下方显示“我要捐助”按钮，点击按钮

即可捐款。公益列表底部显示分页，点击分页可以跳转列表页面。

3.公益详情页，该页面上方展示公益详情，包括信息项：项目图

片、项目名称、已募善款、筹款目标、项目备案号、参与人数、捐款

进度、项目时间。下方展示项目介绍详细信息，包括文章和对应图片，

右侧滚动显示捐助记录。页面底部显示项目预算清单，展示该项目各

笔捐款数额去向与使用细则。

注：数据详见API接口文档。

（六）任务6：政府热线功能实现（5分）

在智慧城市App主页面上的各领域应用服务入口或全部服务，点

击“政府服务热线”图标信息，进入政府服务热线页面。

任务说明：

L进入政府服务热线主页面，页面显示返回上一页按钮、广告轮

播图、市民诉求分类、我的诉求。

（1）广告轮播图：每隔3秒自动切换广告图。

（2）市民诉求分类：以图标和名称为单元宫格方式显示，手机

端每行显示4个，按照优先级由高到低排序，共两行，左右滑动可切

换显示类目。每个类目入口布局显示为圆形图标和名称布局，点击最

后一个“其他诉求”图标，进入新建诉求页；点击其他图标可进入对

应分类的诉求列表页面。

（3）我的诉求：列表显示我的诉求，列表项信息包括标题、承

办单位、提交时间和处理状态，未完结诉求优先顶部显示。

2.进入诉求列表页面，页面包括诉求列表、发布诉求按钮，列表

项信息包括标题、承办单位、提交时间和处理状态，点击列表项，跳

转至诉求详情页，点击发布诉求按钮，跳转至新建诉求页。诉求详情

页包括标题、诉求内容、图片、承办单位、提交时间、反馈处理状态

和处理结果。

3.新建诉求页，页面内容包括标题、诉求内容、图片、承办单位、

反馈手机号和发布按钮；若是点击其他诉求分类进入的新建诉求页,

顶部还要显示诉求分类下拉框，可以更改诉求分类；点击提交按钮完

成发布。

注：接口数据详见API接口文档。

（七）任务7：数据分析功能实现（6分）

在智慧城市App主页面上的各领域应用服务入口或全部服务，点

击“数据分析”图标信息，进入数据分析页面。

任务说明：

1.柱状图：请分析北京市16号线（始发站为西苑，终点站为北

安河）、14号线东段（始发站为北京南站，终点站为善各庄）的客运

周转量（从进站到出站所经历的站点数作为出行距离，比如：乘客乘

坐16号线，从A站经过B站到C站，则出行距离为3）。

假设乘客乘坐某条地铁从进站到出站所经历的站点数作为出行

距离，例如，某乘客乘坐某条地铁，从甲站经历乙站到丙站，那么出

行距离为3O

客运周转量实际为用线路客流量与其相对应运距（即乘客的出行

距离）的乘积表示，人•站数/天。

线路客运周转量=£及

t=l

其中，L表示第了个乘客的出行距。

2.折线图：请分析2021年-10月-22日至2021年-10月29日7

天，北京市西苑、石厂、阎村东、香山地铁站出站的客流量多条变化

曲线，进行数据挖掘分析，不同站点数据变化曲线使用不同的颜色，

横坐标为时间/天，纵坐标为客流量/人。

（A）任务8：智慧社区板块实现（18分）

在智慧城市App主页面上，点击底部导航栏“精准扶贫”，进入

精准扶贫页面。

任务说明：

“智慧社区”是面向居家老人、社区及养老机构提供实时、快捷、

高效、低成本智能化的养老服务平台。

随着经济的发展，人民的生活水平得到普遍提高，随之而来的是

我国的老龄化程度越来越高，人们已经普遍意识到老龄化问题将会带

来的问题。整个社会在趋向于“衰老型”发展，人口老龄化的问题日

益严重，空巢老人的现象也日益加剧。呈现出老年人口基数大、增速

快、高龄化、失能化、空巢化趋势明显的态势，再加上我国未富先老

的国情和家庭小型化的结构叠加在一起，养老问题异常严峻。智慧社

区平台主要围绕着利用先进的信息技术手段实现“以入住老人为中心,

规范养老服务，强化养老管理”，同时，针对老年人心理生理特点，

以信息化技术为核心，采用先进的计算机技术、通信技术、无线传输

技术、控制技术，为老人提供一个安全、便捷、高效、舒适的养老综

合服务。主要包括以下功能模块。

1.养老机构查询，养老机构推荐，养老机构评价。

2.健康评估，提交个人健康相关资料，包括身体基本状况，精神

状态（正常、痴呆、抑郁、暴力），活动能力（正常、拄拐、轮椅、

卧床），生活自理能力（饮食、洗澡、穿衣、修饰），评估需要配置

哪些配套服务，计算出服务费用。

3.预约养老院，通过智慧社区平台，查询养老院的基础配套的设

施设备以及服务体系，选择合适的养老院，在线预约预定。

4.现场办理完入住手续后，通过平台监测到老人入住的房间环境

信息，如温湿度、二氧化碳浓度、PM2.5等环境数据；同时可以监测

到老人健康状况，如心率、血压、体温、运动量、户外活动时间、体

重等信息。

5.查询医护人员现场服务巡检记录，老人的餐饮服务记录，服务

人员评价。

6.通过集中监测，观察其他入住老人的入住情况和身体概况。如

入住率，老人的年龄分布，平均运动量，平均户外活动时间等。

根据上述说明，自行设计功能页面，无API接口，素材可参阅竞

赛管理平台右侧资源下载区。

三、成果物提交

本模块竞赛结束前，将“成果物.rar”提交到成果物管理平台

（http：//ip：port/）上,如利用Android平台开发,压缩包内包括:

SmartCity.apk；如利用iOS平台开发，压缩包内包括：SmartCity工

程文件夹。

Android：在裁判计算机上，下载项目发布文件SmartCity.apk,

安装到模拟器或真机上进行评判。

iOS平台：在裁判计算机上，下载项目代码SmartCity.rar,编

译运行到iPhonell模拟器上进行评判。

注：根据二次加密分配的账号登录成果物管理平台。

第三天上午

模块D:测试与交付

一、竞赛任务

此模块竞赛时间为3小时，分数为18分。

（一）待测系统描述

智慧城市

智慧服务智慧养老智慧党建智慧环保智慧社区精准扶贫时代楷模

便民服务预约养老党建动态资源回收物业服务村情村貌英雄故事

等等等等等等等

图1智慧城市系统架构

随着第五代移动通信技术（5G）高速发展，推动新一代信息技术

与各个行业的融合发展，“智慧城市”这一概念随着城市化进程的快

速发展应运而生。

智慧城市是指利用新一代信息技术，以整合、系统的方式管理城

市运行体系，让城市中各个功能彼此协调运作，为城市中的企业提供

优质的发展空间，为市民提供更高的生活品质，让城市成为适合人全

面发展的城市，涵盖了智慧服务、智慧养老、智慧党建、智慧环保、

智慧社区、精准扶贫、时代楷模等数十个场景。

（二）待测应用安装

1.从平台一一模块D：测试与交付一一资源下载一一智慧城

市.apk文件开发计算机中。

2.运行开发机中的Android模拟器，将apk文件安装到模拟器或

真机中，启动App,配置服务器的IP和端口，准备运行测试。

（三）基本要求

使用平台一一模块D：测试与交付一一资源下载目录中的资源进

行操作和设计。

二、任务要求

本模块主要考查产品测试以及交付工作，考查测试用例设计编写

能力，考生需了解被测系统的功能设计，掌握测试流程和测试规范,

具备撰写操作文档的综合能力。以下为每个任务的具体说明，考生请

按照要求，逐一完成任务并结合成果提交的模板要求，提交成果物。

（一）任务1：编写并执行测试用例（6分）

基于指定功能模块，按照表1要求完成。

表1功能模块说明

序号功能模块说明

1引导页本功能模块编写至少4个测试用例。

2主页面