2025年福建省职业院校技能大赛高职组“移动应用设计与开发“赛项竞赛样题

2025年福建省职业院校技能大赛高职组"移动应用设计与开发"赛项竞赛样题

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

三、竞赛成果物提交
参赛选手根据分配的账号登录系统，在竞赛结束前将模
块一、模块二、模块三的成果物上传并提交至竞赛服务器。
四、竞赛注意事项
提交、部署的文档、原型、代码等资源内容中不能填写 与选手相关的信息，如工位号、姓名、院校名。如出现上述
标记，本模块成绩按照零分处理。

模块一 产品原型设计

一、模块考核点
模块分值：15 分
本模块以产品原型设计为目标，基于移动跨平台应用开 发生态系统，围绕车主手机 App 、 中控大屏移动终端 App 、 智能充电(家用版 App 和商用版小程序) ，对产品进行理解、 分析，熟练使用 UI 设计软件进行产品原型设计，绘制出符 合业务逻辑和人体工学的高保真产品原型图，为后续的产品
开发和优化奠定坚实的基础。
二、任务要求
使用原型设计工具（如 Photoshop，Adobe XD）创建“产 品原型 ”项目，并进行高保真原型绘制，使之符合移动应用UI设计规范， 同时实现原型界面之间交互功能。
（1）软件原型绘制时，界面文件命名规范，各界面尺寸如下表：

（2）当内容超出高度区域时，设置滚动区域来显示内容。
（3）画板要对齐，界面版式布局合理、美观，内容完整；同样功能请复用样式，避免一种功能、两种样式的情况。
（4）原型要有交互设计内容，用户体验良好。检查存在的漏洞，防止出现异常流程和内容状态。
3.竞赛结束前，选手将上述成果物“产品原型.xd ”文件 添加到“产品原型设计.zip ”压缩包内，并提交压缩包文件。
裁判评分以提交内容作为依据。
三、竞赛任务
参赛选手根据客户提供的任务需求描述，按照模块一的任务要求，完成“产品原型.xd ”设计。

任务 1：绘制 “ 智能充电商用版小程序-订单” 模块界面

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

任务 2：绘制“汽车维保 ”模块界面原型（5 分）

【任务说明】

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

任务 3：绘制“用户中心 ”模块界面原型（5 分）

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

模块二 功能模块开发

一、模块考核点

模块分值：60 分
本模块重点考查选手业务编码能力，基于移动跨平台应用开发生态系统，编程实现车主 App 、中控大屏 App 、家用版充电 App 和商用版充电小程序。
二、任务要求
App UI尺寸自动适配开发电脑中提供的模拟器 UI（手 机和 Pad）、命名规范、应用名称（发布版本）和界面尺寸如下表：

竞赛结束前，选手将上述成果物添加到“ 功能模块开发.zip ”压缩包并提交。
三、竞赛任务
参赛选手根据客户提供的任务描述，按照模块二的任务要求，完成移动跨平台应用开发生态系统各任务功能开发。

任务 1： 中控大屏-应用市场（10 分）

【任务说明】
1.在中控大屏主屏中点击应用市场，进入应用市场页面，页面包括推荐 App 内容，搜索菜单、更新菜单。
2.App 推荐卡片，卡片内容为 App 图标、背景、名称、 介绍、【下载】按钮，点击【下载】按钮进行 App 下载。卡片下方展示专题列表，专题列表为本周热门 App 列表，列表 包括 App 名称、App 缩略图、下载次数、【下载】按钮，点击【下载】按钮可下载对应 App。
3. 点击搜索菜单，跳转至搜索页面，在搜索页面输入应用名称，点击【搜索】按钮可模糊查询应用列表。
4. 点击更新菜单，展示所有可更新的 App 列表，点击更新按钮可进行更新。

任务 2：智能充电家用版 App—首页功能（10 分）

【任务说明】
1.进入智能充电家用版 App 首页，页面分为四部分，顶部显示首页标签，标签下方显示用户车辆信息，车辆信息下方显示功能按钮，底部显示菜单并位置固定。
（1）用户车辆信息，包括车辆外观、车牌、 品牌、型号和续航里程。
（2）可查看车辆的外观。
（3） 中部功能按钮，包括添加充电桩、添加车辆。

（4）可实现增删改查充电桩。
（5）可实现增删改查车辆。
（6）底部菜单，包括首页、订单和个人中心，点击菜单，进入对应的页面。

任务 3：车主 App-汽车维保（10 分）

【任务说明】
进入车主手机 App 首页，点击底部导航菜单【服务】模 块，进入车主服务模块，该模块中显示维保预约、维保历史功能。
（1）点击车主服务模块中的【维保预约】进入维保预 约页面，页面顶部显示标题栏，标题栏右侧显示【维保历史】 按钮。页面内容部分显示预约表单。表单第一行显示维保类 型，维保类型包括【常规保养】、【车辆维修】，进入页面后默认选中常规保养。
① 当选择维保类型为常规保养时，预约表单包括维保 类型、城市、维保服务站（4S 店）、预约日期、预约时间、维保车辆、车牌号码、联系人姓名、联系电话。点击【提交 预约】按钮进行提交，提交成功后返回车主服务页，可在维保历史页面中查看预约记录。
② 当选择维保类型为车辆维修时，预约表单包括维保类型、城市、维保服务站（4S 店）、预约日期、预约时间、 维保车辆、车牌号码、联系人姓名、联系电话。预约表单内 容下方显示维修方案和电子签名区域，维修方案包括更换零 件、维修类目、单项价格、维修总价、维修周期。在签名区 域手写签名，完成预约表单信息后，点击【提交预约】按钮 进行提交，提交成功后进入支付页面，支付成功后返回首页，可在维保历史页面中查看预约记录。
（2）点击车主服务模块中的【维保历史】进入维保历 史页面，页面顶部显示标题栏，标题栏下方显示维保历史记 录条数和历史列表，维保历史列表项包括工单号、维保类型、预约日期、预约时间、维保费用和维保状态。

任务 4： 中控大屏-天气显示（10 分）

【任务说明】
在主屏幕中点击【天气】按钮，主屏幕显示如下。

1. 主屏幕中显示：当前城市名、当前温度、当前天气（晴 天、多云、雨天、雪天等）、最高温度和最低温度；中部展 示湿度：显示当前湿度，例如： “湿度：65% ”；底部显示 风速：显示当前风速，例如：“风速：5 km/h ”，城市列表：可根据城市列表选择城市。
2. 当主屏幕点击城市列表选择“北京市 ”，根据选中的城市名，显示当前城市的天气、最高温度、最低温度、湿度、风速。

任务 5：Launcher 桌面（10 分）

【任务说明】
中控大屏主屏进入 Launcher 桌面 App
1 、屏幕左侧显示卡片栏，天气、时间、汽车信息。
（1）天气卡片，展示当前温度和天气情况，点击天气卡片，在右侧显示具体天气情况。
（2）时间卡片，展示当前时间、年月日。
2 、屏幕底部显示快捷启动栏。
（1）底部快捷启动栏可均匀放置三个 App，快捷启动栏 背景为白色透明圆角。首次进入显示三个“+ ”图标，点击 “+ ”图标弹出 App 选择框，选择 App 可将对应 App 添加到快捷启动栏中。

任务 6：数据分析（10 分）

【任务说明】
在车主手机App 主页面上，点击底部导航栏“数据分析 ”，
进入数据分析页面。
1.柱状图：请分析 2023 年 2 、3 月使用充电桩的充电次数、充电量和花费，按照月耗电比例进行分析，横坐标为月份，每组纵坐标为充电次数、充电量和花费。
注：如数据集出现小数，保留小数点后一位。
2.折线图：请分析统计 2023 年上半年每百公里耗电量， 按照每月耗电量和行驶公里数统计，横坐标为月份，每组折线点显示耗电量、行驶里程和平均百公里耗电量。
注：如数据集出现小数，保留小数点后一位。

模块三 应用部署测试

一、模块考核点
模块分值：25 分
本模块重点考查选手应用系统测试能力，基于移动跨平 台应用开发生态系统，围绕车主 App 、中控大屏 App 、智能充电家用版 App 和智能充电商用版小程序，进行应用系统部 署、测试用例编写、功能测试、API 自动化测试以及文档编写。
二、任务要求
1.部署移动跨平台应用开发生态系统待测应用。
2.根据“移动跨平台应用开发生态系统智能充电功能范 围.pdf”，撰写测试用例文档，并进行功能测试，将功能缺陷提交缺陷文档中。
3.利用 Postman 工具进行 API 接口测试，并导出 Api.json脚本。
4. 竞赛结束前，选手上述成果物测试用例.xlsx 、缺陷分 析.docx、Api.json 添加到“应用部署测试.zip ”压缩包内，并提交压缩包文件。
三、竞赛任务

任务 1：应用功能测试（15 分）

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

任务 2：API 接口测试（10 分）

利用 Postman 测试工具，根据移动跨平台应用开发生态 系统 API 文档，进行自动化 API 接口测试，并导出 Api.json文件。

需要车主、车机、充电全套资料及培训等可以联系我！！