移动应用开发与测试赛题3

📱 引言

欢迎各位开发者！本次赛题涵盖产品原型设计、移动应用开发和应用部署测试三大模块。下面，我们将详细解析比赛题目，并提供一些实用的备赛建议。

🏆 竞赛题目详解

模块一：产品原型设计

一、模块考核点

模块时长： 2小时 模块分值： 25分

本模块以产品原型设计为目标，基于移动跨平台应用开发生态系统，围绕车主手机App、中控大屏移动终端App、智能充电(家用版App和商用版小程序)，对产品进行理解、分析，编制规范的需求规格说明书，熟练使用UI设计软件进行产品原型设计，绘制出符合业务逻辑和人体工学的高保真产品原型图，为后续的产品开发和优化奠定坚实的基础。

二、任务要求

使用给定的"需求规格说明书（模板）.docx"和相关软件，进行需求分析文档编制，编制对应业务用例图、流程图/活动图、时序图和模块概要设计说明。

使用原型设计工具（如Photoshop、Adobe XD或Axure RP，原型设计工具二选一即可）创建"产品原型"项目，并进行高保真原型绘制，使之符合移动应用UI设计规范，同时实现原型界面之间交互功能。 (1) 软件原型绘制时，界面文件命名规范，各界面尺寸如下表：

序号	应用	操作系统	屏幕尺寸	屏幕分辨率
1	车主手机App	Android手机	6.0英寸及以上	1080×2340
2	中控大屏移动终端（包括仪表屏、主屏、副屏）	Android Pad	12.3英寸及以上<br>15.6英寸及以上<br>15.6英寸及以上	1920×720<br>1920×1080<br>1920×1080
3	智能充电家用版App	鸿蒙手机	6.6英寸及以上	1280×2700
4	智能充电商用版小程序	小程序	6.6英寸及以上	1280×2700

(2) 当内容超出高度区域时，设置滚动区域来显示内容。 (3) 画板要对齐，界面版式布局合理、美观，内容完整；同样功能请复用样式，避免一种功能、两种样式的情况。 (4) 原型要有交互设计内容，用户体验良好。检查存在的漏洞，防止出现异常流程和内容状态。

本模块竞赛结束前，选手将上述成果物"需求规格说明书.docx""产品原型.rp"（或"产品原型.xd"）两个文件添加到"产品原型设计.zip"压缩包内，并提交压缩包文件。裁判评分以提交内容作为评分依据。

三、竞赛任务

参赛选手根据客户提供的任务需求描述，按照模块一的任务要求，完成"需求规格说明书.docx"撰写，以及"产品原型.rp"或"产品原型.xd"设计。

题一：绘制"仪表盘"和"主屏"天气界面原型（4分）

【任务说明】

实现中控大屏仪表屏的天气界面和中控大屏主屏的天气App界面。 (1) 中控大屏仪表屏天气界面，左侧部分显示汽车转数表，右侧部分显示汽车时速表，转数表和时速表均为圆形，中间显示天气信息，包括当前城市名、天气（晴天、多云、雨天、雪天等）、当前温度、最高温度和最低温度。 (2) 中控大屏主屏天气App界面，顶部显示当前位置区域、当前温度、当前天气（晴天、多云、雨天、雪天等）、最高气温和最低气温，中间显示湿度、风度和空气质量，底部显示未来五小时的天气预报。

题二：绘制"车辆信息"模块界面原型（4分）

【任务说明】

车辆通电启动后，在中控大屏主屏中，点击用户中心，进入车辆信息模块主界面，该模块分为7部分：基本信息、电动机信息、电池信息、车身信息、底盘/转向信息、车轮/制动信息、胎压监测，并以卡片的形式呈现。 (1) 基本信息：点击【基本信息】进入基本信息界面，左上角【返回】可跳转车辆信息主界面。以列表形式显示车主姓名、车辆品牌、车架号、制造国、制造厂商、制造年月、整车型号、车辆识别代号（VIN）、最大设计总质量、核载人数、最高车速、百公里加速等12项信息。 (2) 电动机信息：点击【电动机信息】进入电动机信息界面，左上角【返回】可跳转车辆信息主界面。以列表形式显示总功率、总扭矩、前电动机最大功率、前电动机最大扭矩、后电动机最大功率、后电动机最大扭矩、纯电续航里程、电机结构、电机工作原理、电机布局、电机型号、电机峰值功率等12项信息。 (3) 电池信息：点击【电池信息】进入电池信息界面，左上角【返回】可跳转车辆信息主界面。以列表形式显示电池容量、电池品牌、百公里耗电量、电池冷却方式、电池能量密度、快充时间、快充电量、动力电池系统额定电压、动力电池系统额定容量等9项信息。 (4) 车身信息：点击【车身信息】进入车身信息界面，左上角【返回】可跳转车辆信息主界面。以列表形式显示长宽高、轴距、前后轮距、整备质量、行李箱容积等5项信息。 (5) 底盘/转向信息：点击【底盘/转向信息】进入底盘/转向信息界面，左上角【返回】可跳转车辆信息主界面。以列表形式显示驱动形式、前悬挂类型、后悬挂类型、转向助力形式等4项信息。 (6) 车轮/制动信息：点击【车轮/制动信息】进入车轮/制动信息界面，左上角【返回】可跳转车辆信息主界面。以列表形式显示前后制动器类型、驻车制动类型、前轮胎规格、后轮胎规格、轮毂材质、备胎规格等6项信息。 (7) 胎压监测：点击【胎压监测】进入胎压检测模块界面，分为胎压监测、历史记录两个模块，并以卡片形式呈现。左上角【返回】可跳转车辆信息主界面。 1）胎压监测：点击【胎压监测】开始监测。检测过程中屏幕中央会显示缓冲标识并在其下方添加"Loading..."字样，且不能返回到任何界面。监测结束后，屏幕显示各个轮胎的胎压数据，数据下方显示【保养建议】和【保存】按钮，可跳转到"保养建议"的界面；也可保存监测数据，出现【保存成功】的弹窗并出现在【历史记录】中。 2）警报提醒：当检测到胎压数据异常时，仪表盘的胎压报警灯亮，同时屏幕出现弹窗并显示"XX方轮胎胎压异常，请及时处理！"的字样，弹窗右下方显示"确定"按钮，点击按钮关闭弹窗，显示本次监测的数据。 3）历史记录：点击【历史记录】进入界面。左上角【返回】可跳转胎压监测模块界面。以列表形式显示之前已经保存的监测记录信息，包括监测时间，各个轮胎的气压值，轮胎状态（正常/异常）以及是否发出警报（是/否）。 4）保养建议：点击【保养建议】进入界面。左上角【返回】可跳转胎压监测模块界面。界面上方显示胎压监测的各个数据。数据下方会显示保养建议。根据各个轮胎的气压值，会提出针对性的建议。

题三：绘制"应用市场"模块界面原型（4分）

【任务说明】

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

模块二：移动应用开发

一、模块考核点

模块时长： 4小时 模块分值： 50分

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

二、任务要求

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

序号	应用	操作系统	屏幕尺寸	屏幕分辨率	应用名称
1	车主手机App	Android手机	6.0英寸及以上	1080×2340	CarOwners.apk
2	中控大屏移动终端包括仪表屏、主屏、副屏	Android Pad	12.3英寸及以上<br>15.6英寸及以上<br>15.6英寸及以上	1920×720<br>1920×1080<br>1920×1080	DIC.apk<br>IVIZTaskX.apk<br>IVIFTaskX.apk
3	智能充电家用版App	鸿蒙手机	6.6英寸及以上	1280×2700	Charge.hap
4	智能充电商用版小程序	小程序	6.6英寸及以上	1280×2700	dist2(目录)

本模块竞赛结束前，选手将上述成果物添加到"移动应用开发.zip"压缩包并提交。

三、竞赛任务

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

题一：中控大屏-360度全景功能-右转向（7分）

【任务说明】

车辆中控大屏开启时，当调试设备点击右转向，中控大屏主屏显示360度全景App页面，页面分为影像和功能区上下两部分。
影像区域占屏幕高度80%，画面分为左右两个部分。画面左侧显示汽车右侧摄像头，实时获取摄像头视频流。画面右侧显示360度全景实时影像，影像左侧显示设备左摄像头影像、右侧显示设备右摄像头影像、上部分显示设备前摄像头影像、下部分显示设备后摄像头影像、中间显示汽车贴图模拟真实效果，摄像头画面方向统一为以汽车贴图为中心的360度全景影像（梯形图像拼接）。

题二：中控大屏-天气显示（7分）

【任务说明】

在中控大屏主屏中点击【天气】，进入天气App，显示如下：

中控大屏主屏中显示：当前城市名，当前天气（晴天、多云、雨天、雪天等），最高温度和最低温度。中部展示湿度：显示当前湿度，例如"湿度：65%"。底部显示风速：显示当前风速，例如 "风速：5 km/h"。城市列表：可根据城市列表选择城市，切换成所选城市的天气数据，并且切换数据时，中控大屏副屏的显示数据也会切换成对应程序的天气数据，实现多屏同显和异显。
在中控大屏主屏点击城市列表选择城市，选中城市的城市名、当前天气、最高温度、最低温度、湿度、风速时，同时在中控大屏仪表屏中同步显示对应内容，实现多屏同显和异显。

题三：充电桩生态联动（6分）

【任务说明】

设备共有两种充电方式，分别为智能充电商用版小程序充电和智能充电家用版App充电进行设备管理。

智能充电商用版小程序充电： (1) 进入智能充电商用版小程序界面，可查看附近充电桩列表，列表内显示充电桩地址、充电桩运行状态、充电桩缩略图、充电桩距离。 (2) 进入详情界面可查看充电桩的工作状态（运行中/空闲/报警）、充电功率、电压、充电电量统计数据。 (3) 将充电桩实时变化的数据进行采集并分析，分析当前月份每个充电桩的充电时长和耗电量，按照每小时耗电比例进行分析，横坐标为日期，纵坐标为每小时耗电量。 (4) 当充电桩状态为报警时，自动拨打管理员电话。
智能充电家用版App充电： (1) 在智能充电家用版App首页，页面分为四个部分，顶部显示首页标签，标签下方显示用户车辆信息，车辆信息下方显示功能按钮，底部显示菜单并位置固定。 (2) 用户车辆信息，包括车辆3D模型、车牌、品牌、型号和续航里程。 (3) 车辆3D模型：通过旋转和缩放汽车模型可从各个角度查看车辆的外观和设计细节。 (4) 中部功能按钮，包括添加充电桩、添加车辆和一键充电。 (5) 底部菜单，包括首页、订单和个人中心，点击菜单，进入对应的页面。 (6) 当车辆处于P档，将充电模拟器上的"充电枪"插入中控大屏充电接口后，基于Can通讯，在车辆信息和功能按钮之间显示车辆充电状态（待充电）、充电桩名称、电池电量和开始充电按钮。 (7) 点击开始充电按钮，启动充电，车辆充电状态变为充电中，显示电池充电动态进度（动画效果展示）、电池电量、充电功率、充电电量、预计剩余时间和停止充电按钮。 (8) 充电数据同步到其他终端，包括车主手机App、中控大屏、后台管理系统。同步数据包括车辆充电状态、充电桩名称、电池电量、充电功率、充电电量和预计剩余时间等。

模块三：应用部署测试

一、模块考核点

模块时长： 2小时 模块分值： 25分

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

二、任务要求

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

三、竞赛任务

题一：应用功能测试（10分）

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

表1 功能模块说明

序号	功能模块	说明
1	中控大屏-Launcher桌面	本功能模块编写至少10个测试用例
2	中控大屏-空调设置	本功能模块编写至少10个测试用例
3	中控大屏-车辆信息	本功能模块编写至少10个测试用例
4	……	……

表2 功能测试填写样例表

系统模块	用例编号	用例描述	前置条件	操作步骤	预期结果	测试结果
1.车辆信息	1.1.1	空调设置	启动中控大屏	点击中控大屏组件内的电池信息	显示电池详情，信息为总功率、总扭矩	测试通过
...

表3 缺陷分析填写样例表

缺陷编号	001
缺陷简要描述	点击中控大屏-车辆信息，没有显示车身信息。
缺陷重现步骤	1.用户启动中控大屏；<br>2.点击车辆信息；<br>3.进入详情页，车身信息内容未显示。
涉及功能模块	车辆信息
缺陷分析原因	1.【车辆信息详情页】功能未开发；<br>2. 未连接网络，导致数据请求失败
缺陷图示	[此处应插入缺陷截图]

注：裁剪截图，每页放置两个缺陷内容