2023年全国职业院校技能大赛（中职组）ZZ039移动应用与开发赛项 赛题第二套_技能大赛移动应用开发

目录

移动应用与开发赛项竞赛

一、项目背景

二、竞赛内容

三、成果物提交

四、竞赛注意事项

模块A：移动应用界面设计

一、模块考核点

二、任务要求

三、竞赛任务

（一）任务主题

任务1：环保中心界面设计（7.5分）

任务2：首页界面设计（7.5分）

任务3：积分捐献活动界面设计（7.5分）

任务4：公司回收界面设计（7.5分）

模块B：移动应用前端开发

（一）任务主题

（二）任务描述

模块C：移动应用测试与交付

（一）任务主题

（二）任务描述

---

 

移动应用与开发赛项竞赛

一、项目背景

随着数字经济的快速发展和数字技术的广泛应用，数字生活成为人民群众的重要生活方式。“十四五”规划和2035年远景目标纲要提出，加快数字社会建设步伐，适应数字技术全面融入社会交往和日常生活新趋势，促进公共服务和社会运行方式创新，构筑全民畅享的数字生活。

图1 数字生活服务体系

以新一代信息技术为基础，打造融合多元的数字生活新场景，如智慧党建、乡村民宿、智慧健康等，不同场景之间将实现融合交互，提供方便快捷的生活服务，从而实现线上线下高效融合的互动性数字化生活体验。

二、竞赛内容

赛卷分模块A、模块B和模块C三个部分。

三、成果物提交

移动应用与开发赛项参赛选手按照三个模块的任务要求完成对应的成果物，将三个模块的成果物“移动应用界面设计.xd”、“DigitalLife.apk”、“产品使用手册.doc”、“缺陷分析.doc”压缩为“成果物.zip”进行提交，裁判基于选手提交的竞赛成果物，进行评判。

参赛选手在比赛结束前可以自行重新提交成果物，比赛结束时选手无法提交成果物。

四、竞赛注意事项

提交的成果物资源内容中，不能填写与选手相关的信息，如赛位号、姓名和院校。如出现上述标记，成绩按照零分处理。

模块A：移动应用界面设计

一、模块考核点

模块分值为30分。

本模块以产品原型为目标，考查参赛选手熟练收集、分析和归纳客户需求，清晰梳理业务流程，熟练使用UI设计软件进行产品UI/UE设计，掌握正确的UI配色方案，设计出符合业务逻辑的人体工学移动App 原型优秀作品。

二、任务要求

1.使用原型图工具（Adobe XD）创建项目“移动应用界面设计.xd”，此项目文件作为模块A成果物进行提交。详见“三、成果物提交”说明。

2.利用原型图工具（Adobe XD）和图形处理工具（Adobe Photoshop）设计符合目标受众的App高保真原型稿，每个任务至少一个画板。

3.画板尺寸为1080×1920，状态栏高度72px，标题栏高度为144px，标签栏高度为72px。

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

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

6.画板要对齐，界面版式布局合理、美观，内容完整；同样功能请复用样式，避免一种功能，两种样式的情况。

三、竞赛任务

（一）任务主题

如今，城市化进程越来越快，社会发展形态也在发生改变，我国提出了提高城市管理水平以及提供多元化城市服务的发展战略。在此背景下人们利用各种先进信息技术，有效整合城市各项配套系统和功能模块，进一步促进城市朝工业化、信息化、城镇化方向发展。目前，城市环境保护工作有序开展，但仍然存在环境控制力度不足、污染加剧等诸多问题。

在这一背景下，基于各项信息技术将城市各项配套系统与功能模块进行高度整合，推动了城市信息化、工业化与城镇化的深度融合。但在城市环境保护层面上仍旧存在污染恶化程度不断加剧、环境控制力度不足等问题。因此，提出了生态环保系统的功能建设。

（二）任务描述

参赛选手根据客户提供的需求描述，按照模块A的任务要求，实现任务需求界面设计。

任务1：环保中心界面设计（7.5分）

任务说明：

1.生态环保App的环保中心页面，显示用户头像、累计收益、回收次数、积分、积分记录入口、兑换记录入口、我的贡献入口、收入记录入口、设置入口。

2.积分记录页面，上方标签栏显示本页面标题，页面内显示积分记录列表，列表项包括获得积分途径、时间、积分数。

任务2：首页界面设计（7.5分）

任务说明：

1.主页顶部显示搜索框和轮播图。

2.中上部显示快捷功能入口包括回收分类、旧物去向、附近回收机、积分商城，以图标和名称为单元宫格方式显示。

3.中下部显示预约上门回收按钮、回收步骤和爱心活动列表，爱心活动列表项包括图片和标题。

4.底部显示导航栏，采用图标加文字方式显示，图标在上，文字在下，共4个图标，分别为首页、环保中心、积分捐赠、数据分析。

任务3：积分捐献活动界面设计（7.5分）

任务说明：

1.界面标题栏显示活动详情标题，显示活动标题、发布人员、活动图片和详情文章，底部显示捐献积分按钮。

2.捐献积分模态框中显示输入捐献积分标题、输入框、关闭按钮和立即捐赠按钮。

任务4：公司回收界面设计（7.5分）

任务说明：

1.界面显示搜索栏和公司列表，公司列表项包括公司名称、图片、位置、营业时间、联系电话和立即下单按钮。

2.公司详情界面显示标题栏、公司名称、图片、位置、预约量、联系电话和详情介绍，界面底部显示预约上门回收按钮。

模块B：移动应用前端开发

一、模块考核点

模块分值50分。

本模块以编程实现移动应用产品为目标，基于移动开发平台，设计移动应用 App。考查选手程序UI还原设计能力和移动开发编程能力，其中包括App UI编程设计、网络通信封装、异步数据通信、数据解析、数据存储、网络多媒体资源处理等技能，熟悉项目发布流程。

二、任务要求

1.利用移动开发工具Android Studio创建DigitalLife项目，或利用HbuilderX打开项目DigitalLife，按照任务描述完成App功能开发。

2.实现App打包发布，将打包后的release版本DigitalLife.apk文件作为模块B成果物进行提交。详见“三、成果物提交”说明。

3.后端服务接口地址：http://192.168.2.100:8088

三、任务描述

（一）任务主题

数字社区是社区管理的新形态，它利用物联网、云计算、移动互联网等新一代信息技术的集成应用,为社区居民提供一个安全舒适的智慧化生活环境,从而形成基于信息化、智能化社区管理与服务。

“以智慧小区提升社区品质”是社区管理的目标，社区引入智慧平台能够有效推动经济流动，促进现代服务业发展。通过数字社区系统的建设，解决了社区物业管理机制的即时响应，周边商业服务的推广，社区物业通知，友邻社交的平台等居民生活需求。

（二）任务描述

参赛选手根据客户提供的需求描述，按照模块B的任务要求，编码实现任务需求功能开发。

任务1：实现社区首页功能（12.5分）

1.界面顶部显示所在社区名称、轮播图和社区发布的通知，社区通知以滚动播放的形式显示。

2.以图片和名称为单元宫格方式显示快捷功能入口，快捷功能包括开门、我的房屋、我的车位、物业缴费、扫码取件、社区公告、社区电话、投诉建议。

3.显示社区活动列表和社区动态列表，社区活动列表横向排列显示，可左右滑动查看，社区活动列表项包括活动图片、标题和距离，社区动态列表项左侧显示标题、评论数和发布时间，右侧显示图片。

4.显示底部导航栏，采用图标加文字方式显示，图标在上，文字在下，共四个图标分别为首页、友邻社交、社区服务、数据分析，点击标签进入对应页面，并颜色标记当前页面所在导航栏。

任务2：实现友邻社交功能（12.5分）

1.界面显示友邻社交标题栏和帖子列表，动态列表项包括图片、发布人和点赞数，点击列表项进入帖子详情。

2.帖子详情界面显示标题栏、发布人、发布时间、发布内容和用户评论，用户评论包括评论总数、发布评论的用户头像、昵称、发布日期、评论点赞数和评论内容，界面底部显示发表评论输入框和发布按钮，输入评论内容并点击发布按钮即可发布评论。

任务3：实现社区公告功能（12.5分）

点击首页社区公告菜单，进入社区公告页面。

1.界面显示标题栏、公告状态菜单栏、通知列表，点击状态菜单可显示对应状态的通知列表，通知列表项包括标题、状态、通知内容、发布时间和查看详情按钮，点击列表项进入详情界面。

2.公告详情界面显示标题栏、公告标题、发布时间、通知内容、发布单位和联系电话。

任务4：实现数据分析功能（12.5分）

在App主页面上，点击底部导航栏“数据分析”，进入数据分析页面。

1.条形图：请分析2022年1月至12月id为32的新闻信息的评论数量，按照性别比例进行分析，横坐标为月份，纵坐标为新闻评论数；（每组数据需有两个条形数据列，第一个为女性评论数统计列，第二个为男性评论数统计列）

2.折线图：请分析统计所有2022年1月至12月所有用户购买快递数量变化趋势，横坐标为月份，纵坐标为用户购买快递数量，如（横坐标为1月、2月、3月...，纵坐标为200、300、400、500）。

3.饼状图：请分析点赞人数排名前五的亲子类型活动，其中每个活动的报名人数占这五个活动总报名人数的百分比。（图内显示相应活动名称及比例值）

注：接口数据详见API接口文档（需要自行处理、合并封装、解析相应接口返回的数据）。

模块C：移动应用测试与交付

一、模块考核点

模块分值 20分。

本模块基于软件工程思想，在移动应用产品开发流程完成后，进行产品测试，保障产品交付质量。考查选手发现软件产品缺陷，分析提供解决方案，生成测试报告，严格把好质量关，交付高质量产品，能够遵循客户的品牌准则进行软件使用说明书的编写。

二、任务要求

1.下载“待测App.apk”文件。将 apk文件安装到模拟器中，启动 App，配置服务器的 IP和port，准备运行测试。

2.基于待测App，查找产品Bug，进行Bug分析，撰写产品使用手册，此“测试报告.doc”和“产品使用手册.doc”两个文件作为模块C成果物进行提交。详见“三、成果物提交”说明。

三、竞赛任务

（一）任务主题

数字生活是依托互联网和一系列数字科技技术应用为基础的一种生活方式，可以方便快捷的带给人们更好的生活体验和工作便利。随着互联网技术应用的全球化普及，互联网已经全面改变了全人类的生活方式，逐渐将人们的生活、工作等行为“一网打尽”。

（二）任务描述

参赛选手根据客户提供的任务描述，按照模块C的任务要求，实现产品测试和产品使用手册撰写。

任务1：缺陷分析（10分）

根据“数字生活App功能范围.pdf”中描述的功能范围进行全范围测查，找出特定的10个Bug，并简要描述，重现步骤，分析缺陷原因，完成测试报告文档。

任务2：产品交付（10 分）

对数字生活App功能进行梳理分析，利用“产品使用手册.docx”文件设计产品操作手册，具体规范如下描述：

第一部分：编写待测App的产品定位中心叙述，罗列出核心功能点名称，运行待测App的运行基础环境。

第二部分：编写上述中功能点的指导说明，准确叙述用户操作行为，将功能变为具体化、形象化、更真切，以便于读者理解内容具体，加强说服力。

第三部分：编写需要指出使用待测App的常规注意事项，进行说明，提示用户规避使用不规范等操作。