辽宁省第二十一届职业学校技能大赛移动应用设计与开发赛（高职组）竞赛样题

如果需要比赛信息，请联系博主！部分资源如下：

比赛描述

1. 竞赛主题

进入21世纪以来，随着各类科技的迅猛发展，多元化的技术革命与创新正为我们的日常生活带来全新的数字化人工智能体验。各行各业正乘着科技产业转型升级之势，迎来快速发展时期。“十四五”规划和党的二十大都强调要推动战略性新兴产业发展。战略性新兴产业包括新一代信息技术等九大产业，是引领未来经济社会发展的重要力量。

数字时代，移动终端已经渗透到各个行业和生活场景，如手机、智能电视、可穿戴设备、大屏车载屏、医疗设备等，通过车主手机APP、中控大屏移动端APP、智能充电（家庭版APP和商业版小程序）实现跨移动终端的信息共享与交换，构建了移动跨平台应用开发生态。

二、比赛内容及时间

比赛时长为4小时，考核“产品原型设计”、“移动应用开发”和“应用部署测试”三个模块，如下表所示：

3. 竞赛成果提交

参赛选手根据分配的账号登录系统，在比赛结束前将模块一、模块二、模块三的成绩上传提交至比赛服务器。

四、比赛须知

提交部署的文档、原型、代码等资源不得包含选手的名次号、姓名、学校等相关信息，若出现上述标记，该模块得分将按零分处理。

模块一：产品原型设计

1. 模块考核点

模块分数：25分

本模块针对产品原型设计，基于移动跨平台应用开发生态，重点针对车主手机APP、中控大屏移动端APP、智能充电（家庭版APP及商业版小程序）进行产品理解与分析，制定标准化需求规范，熟练运用UI设计软件进行产品原型设计，绘制符合业务逻辑、人机工程学的高保真产品原型，为后续产品研发优化打下坚实基础。

二、任务要求

1、利用给出的《需求规格说明书（模板）.docx》及相关软件，编写需求分析文档，并准备相应的业务用例图、流程图/活动图、序列图及模块概要设计说明。

2、利用原型设计工具（例如，或者，两款原型设计工具任意一款）创建“产品原型”项目并绘制高保真原型，使其符合移动应用UI设计规范，同时实现原型界面之间的交互功能。

（1）绘制软件原型时，接口文件命名规范及接口大小如下：

（2）当内容超出高度区域时，设置滚动区域显示内容。

（3）画板应对齐，界面布局合理美观，内容齐全；同一功能请复用样式，避免一个功能使用两种样式。

（4）原型应具有可交互的设计内容和良好的用户体验。检查是否存在漏洞，以防止出现异常流程和内容状态。

3. 比赛结束前，参赛选手需将上述成果提交至《需求规范》

将“书籍.docx”和“产品原型.rp”（或“产品原型.xd”）两个文件添加到“产品原型设计.zip”压缩包中并提交压缩包文件，评委将根据提交的内容进行评分。

三、竞赛任务

选手根据客户提供的任务描述，结合模块一的任务要求，完成“需求说明书.docx”的撰写以及“产品原型.rp”或“产品原型.xd”的设计。

任务一：绘制“左转视频显示”模块界面原型（5分）

【任务描述】

1、当车辆中控屏打开，车辆左转时，主屏显示360度全景App界面，实现360度全景App左转界面，界面分为图片区和功能区两部分。

（1）图像区域占据屏幕高度的80%，屏幕分为两部分，屏幕左侧显示汽车左转、汽车左侧的视频图像、视频前方一条绿色的左转辅助线。屏幕右侧显示360度全景实时图像。图像左侧显示设备左侧摄像头图像，右侧显示右侧摄像头图像，上部显示前置摄像头图像，下部显示设备后置摄像头图像，中间显示车载地图，模拟真实效果。摄像头画面方向与以车载地图为中心的360度全景图像统一（梯形图像拼接）。

（2）底部功能区占屏幕高度的20%，左侧显示两个图标：【对焦】和【关闭】，点击【对焦】会弹出下拉列表：前、后、左、右、360度，点击这五个选项后，图像部分会显示对应的摄像机画面。

任务2：绘制“仪表盘”和“主屏幕”媒体播放界面的原型

（4 分）

【任务描述】

1、实现中控大屏仪表屏的媒体播放接口和中控大屏主屏的媒体播放App接口。

（1）中控仪表大屏媒体播放界面，左侧显示车辆转速表，右侧显示车辆时速表，转速表和时速表均为圆形，中间显示媒体播放列表，列表项包括歌曲名称、歌手等。

（2）中控屏幕主屏媒体播放界面左侧显示切换栏，包括音乐、发现、我的列表、详情和设置。左侧为首次使用音乐功能，右侧为

音乐详情。

1）音乐右侧显示音乐列表，列表项包括歌曲名称、歌手、歌曲时间。

2）右侧有一个搜索栏，您可以使用搜索栏搜索歌曲，输入歌名，点击搜索，即可显示歌曲列表，列表包括歌名、歌手、歌曲时间。

3）我的列表右侧显示我喜爱的音乐列表信息，包括歌曲名称、歌手、歌曲时间等列表项。

4）详细信息右侧显示歌名、歌手名、歌曲海报、音乐进度条及【收藏】按钮。

5）设置音量调节进度条显示在右侧，可以左右拖动来调节音量。

任务三：绘制“多媒体播放器”模块界面原型（4分）

【任务描述】

在中控屏幕主界面，点击多媒体播放器App，进入主界面，由App主界面和媒体播放界面两部分组成。

1、主界面以卡片列表的方式展示设备内所有视频信息，卡片上半部分显示视频预览，下半部分显示视频名称和“最后观看时间为xx分xx秒”信息。

2、点击对应的视频卡，会弹出选择框，可以选择【主副屏都播放】和【只在副屏播放】，选择后点击确定，对应屏幕会进入视频播放界面，播放选中卡对应的视频。视频播放界面默认全屏播放视频，点击正在播放的视频时，左上角会显示【返回】按钮，点击【返回】即可返回主屏，回到多媒体播放器App主界面。视频播放界面下方显示视频播放器工具栏，工具栏上半部分显示【快进】、【快退】、【暂停/继续播放】、【其他视频】按钮，点击【其他视频】按钮会弹出视频列表层，以列表形式显示其他视频。界面播放工具栏下半部分显示视频的【当前播放时长】、【总时长】、【视频进度条】。

任务四：绘制“车辆信息”模块界面原型（4分）

【任务描述】

1、车辆通电启动后，在中控屏主界面点击用户中心，进入车辆信息模块主界面，模块分为基本信息、电机信息、电池信息、车身信息、底盘/转向信息、车轮/刹车信息、胎压监测7个部分，以卡片形式呈现。

（1）基本信息：点击【基本信息】进入基本信息界面，点击左上角【返回】跳转至车辆信息主界面，列表显示车主姓名、车辆品牌、车架号、制造国、制造商、制造年月、车辆型号、车辆识别码（VIN）、最大设计总质量、乘员人数、最高车速、0-100公里/小时加速度等12项信息。

（2）电机信息：点击【电机信息】，进入电机信息界面，点击左上角【返回】，跳转到车辆主信息界面，以列表形式展示总功率、总扭矩、前电机最大功率、前电机最大扭矩、后电机最大功率、后电机最大扭矩、纯电动续航里程、电机结构、电机工作原理、电机布置方式、电机型号、电机峰值功率等12项信息。

（3）电池信息：点击【电池信息】进入电池信息界面，点击左上角【返回】跳转至车辆信息主界面，以列表形式显示电池容量、电池品牌、百公里耗电量、电池冷却方式、电池能量密度、快充时间、快充容量、动力电池系统额定电压、动力电池系统额定容量等九项信息。

（4）车辆信息：点击【车辆信息】进入车辆信息界面，点击左上角【返回】跳转至车辆信息主界面，以列表形式展示长、宽、高、轴距、前后轮距、整备质量、行李箱容积五项信息。

（5）底盘/转向信息：点击【底盘/转向信息】，进入底盘/转向信息界面，点击左上角【返回】，跳转至车辆信息主界面，以列表形式显示驱动类型、前悬架类型、后悬架类型、转向助力类型四项信息。

（6）车轮/刹车信息：点击【车轮/刹车信息】进入车轮/刹车信息界面，点击左上角【返回】跳转至车辆信息主界面，列表显示前后刹车类型、手刹类型、前胎规格、后胎规格、轮毂材质、备胎规格六项信息。

（7）胎压监测：点击【胎压监测】进入胎压检测模块界面，分为胎压监测、历史记录两个模块，以卡片形式呈现。点击左上角【返回】跳转至车辆信息主界面。

1）胎压监测：点击【胎压监测】即可开始监测，检测过程中屏幕中央会显示缓冲标记并在下方添加“…”字样，无法返回任何界面。监测完成后，屏幕会显示各轮胎的胎压数据，数据下方会显示【保养建议】和【保存】按钮，可跳转至“保养建议”界面；也可以保存监测数据，会出现【保存成功】的弹窗并出现在【历史记录】中。

2）报警提醒：当检测到胎压数据异常时，仪表盘胎压警示灯亮起，屏幕弹出“XX胎压异常，请及时处理！”字样弹窗，弹窗右下角显示“确定”按钮，点击

点击按钮关闭弹窗，并显示本次监控的数据。

3）历史记录：点击【历史记录】进入界面，点击左上角【返回】跳转到胎压监测模块界面，以列表形式显示之前保存的监测记录信息，包括监测时间、各轮胎气压值、轮胎状态（正常/异常）及是否报警（是/否）。

4）保养建议：点击【保养建议】进入界面，点击左上角【返回】跳转至胎压监测模块界面，界面上部显示胎压监测的各项数据，数据下方会显示保养建议，根据每个轮胎的气压值，给出针对性的建议。比如：定期检查胎压、定期检查轮胎磨损、保持轮胎对位平衡、定期清洁轮胎、注意避免碰撞和急刹车等。

任务五：绘制“车辆显示与远程控制”模块界面原型（4

观点）

【任务描述】

1.进入车主App首页，界面分为车型、遥控器

观点。

2、首页初始化时显示模型加载状态，加载完成后页面上方显示车辆当前电量及剩余里程，下方显示车型模型图片。

3. 通过旋转和缩放汽车模型，您可以从各个角度查看车辆的外观和设计细节。点击汽车模型的车门可打开或关闭车门。

4、车型下方显示遥控器部分，包括空调开关、风速调节。

任务六：绘制“智能充电商业版小程序-订单”模块界面原型（4分）

【任务描述】

1.在智能充电商用版小程序中，点击首页底部菜单

【订单】，进入订单列表页，页面分为三个部分，顶部显示页面标题，标题下方显示订单状态标签，标签下方显示列表项。

（1）订单状态标签，包括进行中、待付款、已完成。

（2）进行中列表项：显示订单号、开始时间、充电站名称、充电桩名称、充电桩号、已充电容量、充电时间、预计剩余时间和结束充电按钮；点击列表项可进入订单详情。

（3）列表待付款项：显示订单号、开始时间、充电站名称、充电桩名称、充电桩号、充电容量、充电时间、待付款金额及付款按钮；点击列表项可进入订单详情。

（4）已完成列表项：显示订单号、开始时间、充电站名称、充电桩名称、充电桩号、充电容量、充电时间、支付金额；点击列表项可进入订单详情。

2、进入订单详情页，详情页上方显示订单标题，下方显示订单状态、订单号、终端信息、充值信息、费用信息、支付信息；

（1）终端信息：充电站名称、充电桩编号、充电桩名称

说。

（2）充电信息包括充电开始时间、充电结束时间、充电容量、充电时间、车牌号码、车辆型号。

（3）费用信息：订单总金额、电费、服务费及实际支付金额。

（4）付款信息：付款金额、付款方式、付款时间。

模块 2：移动应用程序开发

1. 模块考核点

模块分数：50分

该模块重点考察选手的商业编码能力，基于移动跨平台应用开发生态，编程实现车主App、中控大屏App、智能充电家庭版App、智能充电商业版小程序。

二、任务要求

尺寸自动适应开发机提供的模拟器UI（手机和pad）、命名规范、应用名称（发布版本）以及界面尺寸如下表：

比赛结束前，参赛选手需将以上成果添加到压缩包“ .zip”中提交。

三、竞赛任务

参赛选手将根据客户提供的任务描述，结合模块2的任务要求，完成移动跨平台应用开发生态系统各项任务功能的开发。

任务一：中控屏-360度全景功能-倒车（7分）

【任务描述】

1、当打开车辆中控屏，并将车辆挂入R档时，中控屏显示360度全景App页面，分为图像区和功能区两部分。

（1）图像区域占据屏幕高度的80%，屏幕分为两部分。屏幕左侧显示汽车倒车影像部分，实时获取后方视频流，并在汽车后方视频上绘制绿色矩形倒车辅助线。屏幕右侧显示360度全景实时图像。图像左侧显示设备左摄像头图像，右侧显示设备右摄像头图像，上部显示设备前摄像头图像，下部显示设备后摄像头图像，中间显示车载地图，模拟真实效果。摄像头画面方向统一为以车载地图为中心的360度全景图像（梯形图像拼接）。

（2）底部功能区占据屏幕高度的10%，三个图标依次排列。

选项有：【对焦】【关闭】【校准】。点击【校准】按钮，出现上拉列表，显示【去畸变】【相机列表】。【去畸变】按钮首次使用不可点击。点击【相机列表】项，打开所有可用相机的列表。点击列表项，显示对应相机画面。在相机前方放置黑白点校准板，移动校准板适当距离，当到达可识别的位置时，相机画面会用彩色线条将校准板上的黑点连接起来。此时点击画面保存案例，然后再次移动校准板保存案例，保存7个案例后，即可点击【去畸变】按钮。点击【去畸变】按钮，进行鱼眼相机去畸变。点击【对焦】，出现上拉列表，前、后、左、右、360度。点击上述五个选项，图像部分会显示对应相机画面。点击[关闭]退出应用程序。

任务二：中控屏-媒体播放（7分）

【任务描述】

在中控屏开启的状态下，在中控屏的仪表屏幕上选择媒体进行切换播放。

1、中控台屏幕中间显示媒体组件，该组件上部显示正在播放的媒体信息，如“歌曲名称”、“音视频名称”、信息栏“音量显示”，信息栏下方显示播放控制按钮“播放”。

/暂停”、“上一曲、下一曲”、“音量滑块”、“静音”。点击控制装置中的“播放/暂停”，仪器屏幕上按钮将切换为“播放/暂停”状态；点击控制装置中的“上一曲、下一曲”按钮，仪器屏幕上可以切换播放的媒体信息；点击控制装置中的“静音”按钮，仪器屏幕上的“音量显示”将调整为静音模式。

2、中控屏主界面显示当前播放的歌曲名称、歌曲进度及歌词，并显示“播放/暂停”、“上一首、下一首”、“音量调节”及“静音”按钮，点击各个按钮可以对当前播放的歌曲进行操作。

3、中控屏主屏与仪表屏同时播放同一首歌，音量同步，音源输出一致。

任务三：中控屏-天气显示（7分）

【任务描述】

点击中控屏主界面的【天气】，进入天气App，界面显示如下：

1、中控屏主屏显示：当前城市名称、当前天气（晴、多云、下雨、下雪等）、最高温度、最低温度；中间部分显示湿度。

度：显示当前湿度，如“湿度：65%”； 下方显示风速：显示当前风速，如“风速：5km/h”； 城市列表：可根据城市列表选择城市，并切换到所选城市的天气数据。切换数据时，中控大屏与副屏的显示数据也会切换到对应节目的天气数据，实现多屏同时显示，差异化显示。

2、在中控屏主屏幕上点击城市列表选择城市，选择该城市的城市名称、当前天气、最高温度、最低温度、湿度、风速等内容，同步显示在中控屏仪表屏幕上，实现多屏同时不同显示。

任务四：中控屏-空调（7分）

【任务描述】

1、车辆中控屏开启状态下，点击中控屏主屏幕上的空调App图标，进入空调控制页面。中控屏主屏幕中间显示车内温度。中控屏副屏幕上显示OFF按钮、上下箭头按钮、外循环按钮、内循环按钮，分别代表空调开关、自动空调调温按钮、空气循环模式按钮。

2、温度调节通过Can向温控设备发送指令，从而控制温控设备的速度，是可以感受到的。点击OFF键关闭空调系统，温控设备停止运行，页面中央提示空调系统已关闭2秒后返回中控首页。

3、点击外循环/内循环按钮，隐藏温度显示。显示前后座模型动画的空气循环模式。2秒后，模型隐藏车内温度显示。

任务五：主人的手机（6分）

【任务描述】

1、进入车主手机APP首页，页面分为3D汽车模型和遥控器部分。

2.首页初始化时显示模型加载状态，加载完成后页面上方显示车辆当前电量及剩余里程，下方显示3D汽车模型。

3、通过旋转和缩放汽车模型，可以从各个角度查看车辆的外观和设计细节。

点击汽车模型门可以打开和关闭3D汽车模型。

任务六：智能充电商业版小程序-订单（5分）

【任务描述】

1、进入智能充电商用版小程序，点击首页底部菜单

【订单】，进入订单列表页，页面分为三个部分，顶部显示页面标题，标题下方显示订单状态标签，标签下方显示列表项。

（1）订单状态标签，包括进行中、待付款、已完成。

（2）进行中列表项：显示订单号、开始时间、充电站名称、充电桩名称、充电桩号、已充电容量、充电时间、预计剩余时间和结束充电按钮；点击列表项可进入订单详情。

（3）列表待付款项：显示订单号、开始时间、充电站名称、充电桩名称、充电桩号、充电容量、充电时间、待付款金额及付款按钮；点击列表项可进入订单详情。

（4）已完成列表项：显示订单号、开始时间、充电站名称、充电桩名称、充电桩号、充电容量、充电时间、支付金额；点击列表项可进入订单详情。

2、进入订单详情页，详情页上方显示订单标题，下方显示订单状态、订单号、终端信息、充值信息、费用信息、支付信息；

（1）终端信息：充电站名称、充电桩编号、充电桩名称

说。

（2）充电信息包括充电开始时间、充电结束时间、

充电量、充电时间、车牌号和车辆型号。

（3）费用信息：订单总金额、电费、服务费及实际支付金额。

（4）付款信息：付款金额、付款方式、付款时间。

任务七：中控屏-应用市场（5分）

【任务描述】

1、在中控屏主界面点击应用市场，进入应用市场页面，其中包括推荐App内容、搜索菜单、更新菜单。

2.App推荐卡片，卡片内容为App图标、背景、名称、介绍、【下载】按钮，点击【下载】按钮即可下载安装App。卡片下方是专题列表，是本周热门App列表。列表包括App名称、App缩略图、下载次数、【下载】按钮，点击【下载】按钮即可下载对应App（管理服务器可上传App、修改推荐状态等）。

3.点击搜索菜单，跳转至搜索页面，输入

使用名称点击【搜索】按钮可以模糊搜索应用程序列表。

4. 点击更新菜单，显示所有可更新应用程序列表。点击更新按钮进行更新。

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

【任务描述】

在车主手机App主页面，点击底部导航栏中的“数据分析”，进入数据分析页面。

1、柱状图：请分析2023年上半年使用充电桩的充电次数、充电金额及费用，按照月用电量占比进行分析，横轴为月份，每组纵轴为充电次数、充电金额及费用。

2、折线图：请分析统计2023年3月及5月的百公里耗电量，按照月度耗电量及里程统计，横轴为月份，每组线点展示百公里耗电量、里程及平均耗电量。

模块 3：应用程序部署测试

1. 模块考核点

模块分数：25分

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

二、任务要求

1. 在移动跨平台应用程序开发生态系统中部署要测试的应用程序。

2、根据《移动跨平台应用开发生态系统 .pdf》编写测试用例文档，进行功能测试，并将功能缺陷提交到缺陷文档。

3.使用工具测试API连接，并导出Api.json脚本。

4、根据《移动跨平台应用开发生态系统业主手机功能范围.pdf》编写产品操作手册文档。

5.在比赛结束之前，参赛者应将上述成就测试用例添加。xlsx，缺陷分析。docx，api.json和产品操作手册。docx中的“应用程序部署test.zip”压缩软件包并提交压缩软件包文件。

3.竞争任务

任务1：应用程序功能测试（10分）

根据“移动跨平台应用程序开发生态系统汽车所有者电话功能范围

根据“缺陷分析”中描述的功能范围，编写一个测试用例文档（表1中显示了测试用例的特定数量，并且测试案例格式在表2中显示），并进行全范围的功能测试以查找10个特定的错误，根据发现的错误分析，分析漏洞。

表1功能模块描述

表2功能测试样品形式

表3缺陷分析样本形式

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

使用测试工具根据移动跨平台应用程序开发生态系统API文档执行自动API接口测试并导出API.json文件。

任务3：编写产品操作手册（5分）

在移动跨平台应用程序开发生态系统中，汽车所有者的手机的功能进行了分析和分析，并且使用“产品操作手册”（模板）编写了产品操作手册.DOCX文件。

第1部分：编写要测试的应用程序定位中心描述，列出核心功能点的名称以及运行要测试的应用程序的基本操作环境。

第2部分：为上述功能点编写说明，准确描述用户操作行为，使功能具有特定和生动的功能，使读者更容易理解特定内容并增强说服力。

第3部分：写作需要指出使用要测试的应用程序的一般预防措施，并提醒用户避免使用不规则操作等。