2025年广东省职业院校技能大赛（高职组）移动应用设计与开发赛项样题（二）

2025年广东省职业院校技能大赛（高职组）移动应用设计与开发赛项样题（二）

需要全套素材资源答案可联系我！

一、竞赛主题

21世纪以来，随着各项科技迅猛发展，多元化技术革命创新正在给我们的衣食住行，带来全新的数字人工智能体验， 各行各业都搭乘着技术产业的转型升级， 迎来高速发展时期。“十四五”规划和党的二十大强调了推动战略性新兴产业发展的重要性，战略性新兴产业包括新一代信息技术等九大产业，是引导未来经济社会发展的重要力量。
在数字化时代， 移动终端已经渗透到各个行业和生活场景中， 如手机、智能电视、可穿戴设备、车载大屏、医疗设备等。通过车主手机App、中控大屏移动终端App、智能充电(家用版App 和商用版小程序)实现跨移动多终端的信息共享和交换，构建了一个移动跨平台应用开发生态系统。
二、竞赛内容

比赛时间为4小时，考核“产品原型设计”“ 移动应用开发”两个模块，具体如下表所示：

三、竞赛成果物提交

参赛选手按照两个模块的任务要求完成对应的成果物，将两个模块的成果物如“需求规格说明书.docx”、“产品原型.xd”或“产品原型.rp”、“Module_B.zip”按照比赛阶段分别进行提交，裁判基于选手提交的竞赛成果物，进行评判。
参赛选手在比赛结束前可以自行重新提交成果物，比赛结束时选手无法提交成果物。
四、竞赛注意事项

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

模块一 产品原型设计

一、模块考核点
模块分值：25 分。
本模块重点考查参赛选手收集、分析和归纳客户需求，清晰梳理业务流程，编制规范的需求规格说明书，熟练使用UI设计软件进行产品UI/UE设计，掌握正确的UI设计方案，设计出符合业务逻辑和人体工学的移动应用原型的能力。
二、任务要求

1.根据给定的竞赛任务需求说明，利用“需求规格说明书 (模板)
.docx”和相关工具软件 (如：Visio 等)，归纳模块关键需求，绘制对应业务流程图、用例图、时序图，并分析数据需求绘制E-R图，完成“需求规格说明书.docx”文档编写。
2.利用原型设计工具 Adobe XD或者Axure RP 创建项目“产品原型” ，根据给定的竞赛任务需求说明，使用原型设计工具 Adobe XD或者Axure RP和图片处理软件Adobe Photoshop 进行软件原型设计，使之符合UI设计规范，同时实现原型界面之间交互的功能。
软件原型绘制时，界面文件命名规范，各界面尺寸如下表：

（2）当内容超出高度区域时，设置滚动区域来显示内容。
（3）画板要对齐，界面版式布局合理、美观，内容完整； 同样功能请复用样式，避免一种功能、两种样式的情况。
（4）原型要有交互设计内容， 用户体验良好。检查存在的漏洞，防止出现异常流程和内容状态。
3.将最终完成的“需求规格说明书.docx”文档，设计稿源文件统一保存在“产品原型.rp”或者“产品原型.xd”进行提交。
三、竞赛任务
参赛选手根据客户提供的任务需求描述，按照模块一的所有任务要求，完成“需求规格说明书.docx”撰写，以及“产品原型.rp”或 “产品原型.xd ”设计。

1.在中控大屏主屏中点击左上角用户图标，进入登录页面，分为四个模块：
（1）免密登录：免密登录界面显示手机号输入框、【获取验证码】按钮、验证码输入框、【登录】按钮和【注册】按钮。点击【注册】按钮可跳转至注册界面。
（2）密码登录：密码登录界面显示手机号输入框、密码输入框、
【登录】按钮、【注册】按钮和【忘记密码】按钮。点击【注册】按钮可跳转至注册界面，点击【忘记密码】按钮可跳转至忘记密码界面。
（3）忘记密码：忘记密码界面显示手机号输入框、【获取验证码】按钮、验证码输入框、新密码输入框和【确定】按钮。修改成功后，跳转到密码登录页面。
（4）注册： 注册界面显示手机号输入框、【获取验证码】按钮、验证码输入框、【注册】按钮。

1.在车辆中控大屏开启时，进入 360 度全景 App 界面，实现 360度全景 App 左转向界面，界面分为影像和功能区上下两部分。
（1）影像区域占屏幕高度 80%，画面分为左右两个部分。画面左侧显示汽车左转向部分，显示车左方视频影像， 并在视频前方显示绿色的左转辅助线。画面右侧显示 360 度全景时时影像，影像左侧显示设备左摄像头影像、右侧显示右摄像头影像、上部分显示前摄像头影像、下部分显示设备后摄像头影像、中间显示汽车贴图模拟真实效果，摄像头画面方向统一以汽车贴图为中心的 360 度全景影像（梯形图像拼接）。
（2）底部功能区占屏幕高度 20%。左侧显示二个图标依次排开为:【专注】、【关闭】。

1.在智能充电商用版小程序中，在首页点击底部菜单【订单】，进入订单列表页，页面分为三部分，顶部显示页面标题，标题下方显示 订单状态标签，标签下方显示列表项。
（1）订单状态标签，包括进行中、待支付和已完成。
（2）进行中列表项： 展示订单编号、开始时间、充电站名称、 充电桩名称、充电桩编号、已充电量、充电时长、预计剩余时长和结束充电按钮；点击列表项进入订单详情。
（3）待支付列表项：展示订单编号、开始时间、充电站名称、充电桩名称、充电桩编号、充电量、充电时长、待支付金额和支付按钮；点击列表项进入订单详情。
（4）已完成列表项：展示订单编号、开始时间、充电站名称、 充电桩名称、充电桩编号、充电量、充电时长和支付金额； 点击列表项进入订单详情。
2.进入订单详情页，详情页顶部显示订单标题，下方展示订单状态、订单编号、终端信息、充电信息、费用信息和支付信息；
（1）终端信息：充电站名称、充电桩编号和充电桩名称。
（2）充电信息包括开始充电时间、结束充电时间、已充电量、充电时长、车牌号和车辆型号。
（3）费用信息：订单总额、电费、服务费和实付金额。
（4）支付信息：支付金额、支付方式和支付时间。

1.进入车主 App 首页，界面分为汽车模型、远程控制部分。
2.页面顶部显示车辆当前电量和剩余续航里程，下方显示汽车模型图片。
3.通过点击旋转和缩放按钮，可从各个角度查看车辆的外观和设计细节。
4.汽车模型下方显示远程控制部分，包括空调开关、风速调节。

1.实现中控大屏仪表屏媒体播放界面和中控大屏主屏的媒体播放 App 界面。
（1）中控大屏仪表屏媒体播放界面，左侧部分显示汽车转数表，右侧部分显示汽车时速表， 转数表和时速表均为圆形， 中间显示媒体播放列表，列表项包括歌曲名和歌手。
（2）中控大屏主屏媒体播放界面左侧显示切换栏，包括音乐、发现、我的列表、详细信息和设置，首次进入左侧为音乐功能， 右侧音乐详细信息。
1）音乐右侧显示音乐列表，列表项包括歌曲名、歌手和歌曲时间。
2）发现右侧上面显示搜索栏，可以通过搜索栏进行歌曲搜索， 输入歌名，点击搜索下面展示歌曲列表项， 列表项包括歌曲名、歌手和歌曲时间。
3）我的列表右侧显示我收藏的音乐列表信息，包括列表项包括歌曲名、歌手和歌曲时间。
4）详细信息右侧显示歌曲名称、歌手名称、歌曲海报、音乐进度条和【收藏】按钮。
5）右侧显示音量调节进度条。

1.进入车主App 维保预约界面，界面顶部显示标题栏，标题栏右侧显示【维保历史】按钮，界面内容部分显示预约表单，界面底部显示【预约提交】按钮，预约表单包括维保类型、城市、维保服务站（4S店）、预约日期、预约时间、维保车辆、车牌号码、联系人姓名、联系电话， 维保类型包括常规保养和车辆维修， 默认为常规保养。选择维保类型为车辆维修时，预约表单下方显示维修方案和电子签名区域，维修方案包括更换零件、维修类目、单项价格、维修总价、维修周期。
2.点击【维保历史】按钮进入维保历史界面，界面顶部显示标题栏，标题栏下方显示维保历史记录条数和历史列表，维保历史列表项包括工单号、维保类型、维保日期、送修时间、维保费用和维保状态。

模块二 移动应用开发

一、模块考核点

模块分值：60 分。
本模块重点考查参赛选手的移动应用软件设计、移动应用编码开发的能力，具体包括：
参赛选手按照工作任务书的要求，遵循移动应用开发流程和规范，进行应用架构设计， 并利用uni-app框架或Java、Kotlin技术或 HarmonyOS技术，完成任务要求的应用模块的代码编写，使用提供的 标准化后端服务接口(RESTful API)进行业务数据获取，完成业务功能开发。

二、任务要求
1.利用移动开发工具 Android Studio 或利用 HbuilderX工具打开对应的初始框架项目，按照任务描述完成APP功能开发。
2.APP界面版式应布局合理、美观，内容完整，用户体验良好。
3.APP需要与服务器数据交互，使用假数据则对应模块分值为0分。
4.APP要有交互设计内容，用户体验良好。
5.将最终项目工程代码放置在“Module_B”文件夹中。需对应用进行打包，将生成的APK/HAP包重命名为对应应用名称的包名并放置到“Module_B”文件夹中。将“Module_B”文件夹打包为压缩文件“ Module_B.zip”。
6.后端服务接口地址：http://192.168.1.100:8080。
7.App UI 尺寸自动适配开发电脑中提供的模拟器 UI（手机和 Pad）、命名规范、应用名称（发布版本）和界面尺寸如下表：

三、竞赛任务
参赛选手按照模块二的任务要求，完成所有移动应用功能开发任务。

任务 1：车主APP-登录模块（9 分）

【任务说明】
启动车主手机应用，进入手机登录页面，该模块需要实现用户的注册、登录功能。

1.启动应用，进入登录页面。页面上方显示产品Logo，中部显示 标题“账号”、账号输入框、标题“密码”、密码输入框。下方显示、忘记密码按钮、登录按钮和用户注册按钮。
2.用户名和密码输入框、登录按钮均为圆角样式。用户名输入框只能输入大小写字母或数字，其他无法输入，最长输入10位。密码输入框默认密文显示，具有显示与隐藏按钮，点击可以实现显示或隐藏密码功能。
3.点击登录按钮，判断用户名和密码框是否为空，如果为空请提示友好错误；不为空的情况下请求API，用户名和密码正确后跳转到首页，反之显示友好的错误提示。
4.通过点击登录页面的【用户注册】按钮进入到注册页面。页面中输入项包含账号、姓名、手机号、邮箱、密码和确认密码；每个输入框都具有左侧图标和圆角。
5.各输入项不能为空，且满足如下校验规则：账号只能输入字母或数字；姓名只能输入字母或数字，输入不能超过12位；手机号必须合法(13/15/17/18 开头的11 位手机号); 邮箱必须合法（ 例如 xx@xx.xx）；密码为6-10位，且只能输入字母或数字；确认密码输入内容需要和密码一致。
6.点击【提交】按钮后判断输入项是否满足要求，不满足提示对应错误；输入项满足后请求API，注册成功后跳转到登录页面，注册失败后根据API返回的失败内容进行友好提示。
7.点击左上角返回按钮，返回到登录页。

任务 2：车主APP-车主首页（11 分）
【任务说明】
用户登录成功后，进入车主首页，首页包含“车辆”、“服务”
、“我的”三个模块。其中车辆模块主要实现车辆绑定、车辆远程控 制、智能钥匙等功能。车辆首页根据车辆的绑定状态展示不同的形式。
1.在未绑定车辆状态下，车辆模块首页面顶部展示缺省的车辆图片，图片下方展示【绑定车辆】按钮。按钮下方展示功能入口，分别为【远程控制】、【智能钥匙】。
2.在已绑定车辆状态下，车辆模块首页面顶部展示车辆型号、车辆图片，图片下方展示车辆的“剩余油量”、“续航里程”信息，每个信息包含图标、标题、数值。信息下方展示车辆的模块控制按钮，如“发动机”、“车锁”、“空调”、“车窗”等，每个模块按钮包含图标和文字，采用上图下文方式展示，每行展示4个模块，超出部分可以通过左右滑动形式进行切换展示。控制按钮下方展示三个功能入口，分别为【远程控制】、【智能钥匙】。
任务 3：中控大屏-Launcher 桌面（8 分）
【任务说明】
中控大屏主屏启动后，进入 Launcher 桌面 。
1.屏幕左侧显示卡片栏，音视频、天气、时间、汽车信息。
（1）音视频卡片，显示正在播放的音视频名称，专辑封面，底部显示， 【上一首】【暂停】【下一首】图标， 点击对应图标完成操作。点击专辑封面打开音视频模块。

（2）天气卡片，展示当前温度和天气情况和所在城市。
（3）时间卡片，展示当前时间、年月日、阴历。
（4）汽车信息卡片， 展示行驶距离、出行次数、车内外温度等信息，点击卡片唤起车辆信息 App。
2.屏幕底部显示快捷启动栏。
（1）底部快捷启动栏可均匀放置五个 App图标，快捷启动栏背景为白色透明圆角。首次进入显示五个“+”图标， 点击“+”图标弹出 App选择框，选择 App 可将对应 App 添加到快捷启动栏中，点击快捷启动栏中的 App 图标，则在中控大屏主屏中打开该 App。
（2）长按快捷启动栏中的 App 图标弹出菜单，内容为【替换其 App】【副屏启动】点击【替换】弹出 App 选择框，选择后可将选中的 App替换至该位置。点击【副屏启动】在中控大屏副启动屏启动此 App。
任务4：中控大屏-车辆信息（12分）
【任务说明】

车辆中控大屏开启时，在中控大屏主屏中点击车辆信息图标，进入车辆信息模块，该模块分为七部分：基本信息、电动机信息、电池信息、车身信息、底盘/转向信息、车轮/制动信息、胎压监测。
主屏显示：

（1）基本信息：显示车主姓名、车辆品牌、车架号信息。

（2）电动机信息：显示总功率、总扭矩信息。

（3）电池信息：显示电池容量、电池品牌、百公里耗电量信息。

（4）车身信息： 显示长宽高、轴距、前后轮距、整备质量、后备厢容积等 5 项信息。
（5）底盘/转向信息：显示驱动形式、前悬挂类型、后悬挂类型、转向助力形式等 4 项信息。
（6）车轮/制动信息：显示前后制动器类型、驻车制动类型、前轮胎规格、后轮胎规格、轮毂材质、备胎规格等 6 项信息。
任务5：中控大屏-天气显示(12分）
【任务说明】

在中控大屏主屏中点击天气卡片， 进入天气模块，显示如下：

1.中控大屏主屏中显示：当前城市名，当前天气（晴天、多云、雨天、雪天等），最高温度和最低温度； 中部展示湿度：显示当前湿度，例如“湿度：65%”；底部显示风速： 显示当前风速，例如“风速： 5 km/h”；城市列表：可根据城市列表选择城市，切换成所选城市的天气数据，并且切换数据时，中控大屏副屏的显示数据也会切换成对应城市的天气数据。

2.中控大屏副屏中显示：
（1）顶部显示未来七天的日期。
（2）中部显示：未来七天的最高温度和最低温度， 例如：“15
°C - 25 °C”。
（3）底部天气状况： 显示未来几天的天气情况，如“晴天”、 “多云”、“雨天”等，并使用相应的图标来表示天气状况。
3.当中控大屏主屏点击城市列表选择城市，选中城市的城市名、当前天气、最高温度、最低温度、湿度、风速，同时在中控大屏仪表屏中同步显示该内容，实现多屏同显和异显。
任务6：只能充电商用版小程序-订单（8分）
【任务说明】
1.进入智能充电商用版小程序，在首页点击底部菜单【订单】，进入订单列表页，页面分为三部分，顶部显示页面标题，标题下方显示订单状态标签，标签下方显示列表项。
（1）订单状态标签，包括进行中、待支付和已完成。
（2）进行中列表项： 展示订单编号、开始时间、充电站名称、充电桩名称、充电桩编号、已充电量、充电时长、预计剩余时长和结 束充电按钮；点击列表项进入订单详情。
（3）待支付列表项： 展示订单编号、开始时间、充电站名称、充电桩名称、充电桩编号、充电量、充电时长、待支付金额和支付按 钮；点击列表项进入订单详情。
（4）已完成列表项： 展示订单编号、开始时间、充电站名称、充电桩名称、充电桩编号、充电量、充电时长和支付金额； 点击列 表项进入订单详情。
2.进入订单详情页，详情页顶部显示订单标题，下方展示订单状态、订单编号、终端信息、充电信息、费用信息和支付信息；
（1）终端信息：充电站名称、充电桩编号和充电桩名称。
（2）充电信息包括开始充电时间、结束充电时间、已充电量、充电时长、车牌号和车辆型号。
（3）费用信息：订单总额、电费、服务费和实付金额。
（4）支付信息：支付金额、支付方式和支付时间。

模块三 应用部署测试

一、模块考核点
模块分值：15 分

本模块重点考查选手应用系统测试能力，基于移动跨平台应用开发生态系统，围绕车主 App、中控大屏 App、智能充电家用版 App 和智能充电商用版小程序，进行应用系统部署、测试用例编写、功能测试、API自动化测试以及文档编写。

二、任务要求

1.部署移动跨平台应用开发生态系统待测应用。
2.根据“移动跨平台应用开发生态系统车主手机功能范围.pdf”，撰写测试用例文档，并进行功能测试，将功能缺陷提交缺陷文档中。
3.利用Postman 工具进行API 接口测试，并导出Api.json 脚本。
4.根据“移动跨平台应用开发生态系统车主手机功能范围.pdf”，撰写产品操作手册文档。
5.竞赛结束前，选手上述成果物测试用例.xlsx、缺陷分析.docx、 Api.json、产品操作手册.docx 添加到“应用部署测试.zip”压缩包内，并提交压缩包文件。

三、竞赛任务
任务1：应用部署测试（8分）

根据“移动跨平台应用开发生态系统车主手机功能范围.pdf”中描述的功能范围，撰写测试用例文档（具体测试用例数量如表 1 所示，测
试用例格式如表 2 所示）并进行全范围功能测查，找出特定的 10 个Bug，根据找出的Bug 进行缺陷分析，分析 Bug 出现的原因，将 Bug 填写到“缺陷分析.docx”中，缺陷分析填写样例如表 3 所示。

任务2：API接口测试（3分）
利用Postman 测试工具，根据移动跨平台应用开发生态系统API 文档，进行自动化API 接口测试，并导出Api.json 文件。
任务3：撰写产品操作手册（4分）

对移动跨平台应用开发生态系统车主手机功能进行梳理分析，利用产品操作手册.docx 文件编写产品操作手册，具体规范如下描述：
第一部分：编写待测App 的产品定位中心叙述，罗列核心功能点名称与运行待测App 的运行基础环境。
第二部分：编写上述功能点的指导说明，准确叙述用户操作行为，将功能变得具体化、形象化，便于读者理解具体内容，增强说服力。
第三部分：编写需要指出使用待测App 的常规注意事项进行说明，提示用户规避使用不规范操作等。