2024全国职业院校技能大赛GZ100移动应用设计与开发赛项赛题

12024年全国职业院校技能大赛移动应用设计与开发赛项(高等职业教育组)竞赛试题(01卷)2竞赛说明21世纪以来，随着各项科技迅猛发展，多元化技术革命创新正在给我们的衣食住行，带来全新的数字人工智能体验，各行各业都搭乘着技术产业的转型升级，迎来高速发展时期。“十四五”规划和党的二十大强调了推动战略性新兴产业发展的重要性，战略性新兴产业包括新一代信息技术等九大产业，是引导未来经济社会发展的重要力在数字化时代，移动终端已经渗透到各个行业和生活场景中，如手机、智能电视、可穿戴设备、车载大屏、医疗设备等。通过车主手机App、中控大屏移动终端App、智能充电(家用版App和商用版小程序)实现跨移动多终端的信息共享和交换，构建了一个移动跨平台应用开发生态系统。竞赛时间模块一2小时25分模块二移动应用开发4小时50分2小时25分参赛选手根据分配的账号登录系统，在竞赛结束前分别将模块一、3模块二、模块三的成果物上传并提交至竞赛服务器。提交、部署的文档、原型、代码等资源内容中不能填写与选手相关的信息，如工位号、姓名和院校等。如出现上述标记，本模块成绩模块一产品原型设计模块时长：2小时模块分值：25分本模块以产品原型设计为目标，基于移动跨平台应用开发生态系统，围绕车主手机App、中控大屏移动终端App、智能充电(家用版App和商用版小程序),对产品进行理解、分析，编制规范的需求规格说明书，熟练使用UI设计软件进行产品原型设计，绘制出符合业务逻辑和人体工学的高保真产品原型图，为后续的产品开发和优化奠二、任务要求1.使用给定的“需求规格说明书(模板).docx”和相关软件，进行需求分析文档编制，编制对应业务用例图、流程图/活动图、时序图和模块概要设计说明。2.使用原型设计工具(如Photoshop、AdobeXD或AxureRP,原型设计工具二选一即可)创建“产品原型”项目，并进行高保真原型4绘制，使之符合移动应用UI设计规范，同时实现原型界面之间交互(1)软件原型绘制时，界面文件命名规范，各界面尺寸如下表：应用12中控大屏移动终端包括仪表屏、主屏、副屏12.3英寸及以上15.6英寸及以上15.6英寸及以上34智能充电商用版小程序小程序(2)当内容超出高度区域时，设置滚动区域来显示内容。(3)画板要对齐，界面版式布局合理、美观，内容完整；同样功能请复用样式，避免一种功能、两种样式的情况。(4)原型要有交互设计内容，用户体验良好。检查存在的漏洞，防止出现异常流程和内容状态。“产品原型.rp”(或“产品原型.xd”)两个文件添加到“产品原型设计.zip”压缩包内，并提交压缩包文件。裁判评分以提交内容作为三、竞赛任务参赛选手根据客户提供的任务需求描述，按照模块一的任务要求，完成“需求规格说明书.docx”撰写，以及“产品原型.rp”或“产品5任务1:绘制“左转向视频显示”模块界面原型(5分)【任务说明】1.在车辆中控大屏开启时，车辆打开左转向时，主屏显示360度全景App界面，实现360度全景App左转向界面，界面分为影像和(1)影像区域占屏幕高度80%,画面分为左右两个部分。画面左侧显示汽车左转向部分，显示车左方视频影像，并在视频前方显示绿色的左转辅助线。画面右侧显示360度全景时时影像，影像左侧显示设备左摄像头影像、右侧显示右摄像头影像、上部分显示前摄像头影像、下部分显示设备后摄像头影像、中间显示汽车贴图模拟真实效果，摄像头画面方向统一以汽车贴图为中心的360度全景影像(梯形图像拼接)。(2)底部功能区占屏幕高度20%。左侧显示二个图标依次排开右、360度，五个选项点击后影像部分显示对应摄像头画面。任务2:绘制“仪表盘”和“主屏”媒体播放界面原型(4分)【任务说明】1.实现中控大屏仪表屏媒体播放界面和中控大屏主屏的媒体播(1)中控大屏仪表屏媒体播放界面，左侧部分显示汽车转数表，6右侧部分显示汽车时速表，转数表和时速表均为圆形，中间显示媒体播放列表，列表项包括歌曲名和歌手。(2)中控大屏主屏媒体播放界面左侧显示切换栏，包括音乐、发现、我的列表、详细信息和设置，首次进入左侧为音乐功能，右侧1)音乐右侧显示音乐列表，列表项包括歌曲名、歌手和歌曲时2)发现右侧上面显示搜索栏，可以通过搜索栏进行歌曲搜索，输入歌名，点击搜索下面展示歌曲列表项，列表项包括歌曲名、歌手3)我的列表右侧显示我收藏的音乐列表信息，包括列表项包括歌曲名、歌手和歌曲时间。4)详细信息右侧显示歌曲名称、歌手名称、歌曲海报、音乐进度条和【收藏】按钮。5)设置右侧显示音量调节进度条，可以左右拉，进行调节音量。任务3:绘制“多媒体播放器”模块界面原型(4分)【任务说明】在中控大屏主屏中，点击多媒体播放器App,进入主界面，App主界面和媒体播放界面两部分。1.主界面用卡片列表展示该设备中所有的视频信息，卡片上半部分展示该视频的预览图，下半部分显示视频名称和“上次看到xx分72.点击对应的视频卡片，弹出选择框，可选择【主屏、副驾屏同时播放】和【仅副驾屏播放】,选择后点击确定，对应的屏幕会进入视频播放界面，并播放所选择卡片对应的视频。视频播放器界面默认整屏播放视频，当点击正在播放的视频时，左上角显示【返回】按钮，点击【返回】则主屏回到多媒体播放器App主界面。视频播放界面下方显示视频播放器工具栏，工具栏上半部分显示【快进】【快钮可弹出视频列表弹层，以列表的形式展示其他视频，界面播放工具栏下半部分显示视频的【当前播放时长】、【总时长】、和【视频进任务4:绘制“车辆信息”模块界面原型(4分)【任务说明】1.车辆通电启动后，在中控大屏主屏中，点击用户中心，进入车辆信息模块主界面，该模块分为7部分：基本信息、电动机信息、电池信息、车身信息、底盘/转向信息、车轮/制动信息、胎压监测，并(1)基本信息：点击【基本信息】进入基本信息界面，左上角【返回】可跳转车辆信息主界面。以列表形式显示车主姓名、车辆品牌、车架号、制造国、制造厂商、制造年月、整车型号、车辆识别代号(VIN)、最大设计总质量、核载人数、最高车速、百公里加速8等12项信息。(2)电动机信息：点击【电动机信息】进入电动机信息界面，左上角【返回】可跳转车辆信息主界面。以列表形式显示总功率、总扭矩、前电动机最大功率、前电动机最大扭矩、后电动机最大功率、后电动机最大扭矩、纯电续航里程、电机结构、电机工作原理、电机布局、电机型号、电机峰值功率等12项信息。(3)电池信息：点击【电池信息】进入电池信息界面，左上角【返回】可跳转车辆信息主界面。以列表形式显示电池容量、电池品牌、百公里耗电量、电池冷却方式、电池能量密度、快充时间、快充电量、动力电池系统额定电压、动力电池系统额定容量等9项信息。(4)车身信息：点击【车身信息】进入车身信息界面，左上角【返回】可跳转车辆信息主界面。以列表形式显示长宽高、轴距、前后轮距、整备质量、行李箱容积等5项信息。(5)底盘/转向信息：点击【底盘/转向信息】进入底盘/转向信息界面，左上角【返回】可跳转车辆信息主界面。以列表形式显示驱动形式、前悬挂类型、后悬挂类型、转向助力形式等4项信息。(6)车轮/制动信息：点击【车轮/制动信息】进入车轮/制动信息界面，左上角【返回】可跳转车辆信息主界面。以列表形式显示前备胎规格等6项信息。(7)胎压监测：点击【胎压监测】进入胎压检测模块界面，分91)胎压监测：点击【胎压监测】开始监测。检测过程中屏幕中2)警报提醒：当检测到胎压数据异常时，仪表盘的胎压报警灯亮，同时屏幕出现弹窗并显示“XX方轮胎胎压异常，请及时处理!”3)历史记录：点击【历史记录】进入界面。左上角【返回】可息，包括监测时间，各个轮胎的气压值，轮胎状态(正常/异常)以及是否发出警报(是/否)。4)保养建议：点击【保养建议】进入界面。左上角【返回】可任务5:绘制“车辆展示与远程控制”模块界面原型(4分)【任务说明】1.进入车主App首页，界面分为汽车模型、远程控制部分。2.首页页面初始化时显示模型加载状态，加载完成后页面顶部显示车辆当前电量和剩余续航里程，下方显示汽车模型图片。3.通过旋转和缩放汽车模型可从各个角度查看车辆的外观和设计细节，点击汽车模型车门可进行开门和关门。4.汽车模型下方显示远程控制部分，包括空调开关、风速调节。任务6:绘制“智能充电商用版小程序-订单”模块界面原型(4分)【任务说明】1.在智能充电商用版小程序中，在首页点击底部菜单【订单】,进入订单列表页，页面分为三部分，顶部显示页面标题，标题下方显示订单状态标签，标签下方显示列表项。(1)订单状态标签，包括进行中、待支付和已完成。(2)进行中列表项：展示订单编号、开始时间、充电站名称、充电桩名称、充电桩编号、已充电量、充电时长、预计剩余时长和结束充电按钮；点击列表项进入订单详情。(3)待支付列表项：展示订单编号、开始时间、充电站名称、充电桩名称、充电桩编号、充电量、充电时长、待支付金额和支付按钮；点击列表项进入订单详情。(4)已完成列表项：展示订单编号、开始时间、充电站名称、充电桩名称、充电桩编号、充电量、充电时长和支付金额；点击列表项进入订单详情。2.进入订单详情页，详情页顶部显示订单标题，下方展示订单状态、订单编号、终端信息、充电信息、费用信息和支付信息；(1)终端信息：充电站名称、充电桩编号和充电桩名称。(2)充电信息包括开始充电时间、结束充电时间、已充电量、充电时长、车牌号和车辆型号。(3)费用信息：订单总额、电费、服务费和实付金额。(4)支付信息：支付金额、支付方式和支付时间。模块二移动应用开发一、模块考核点模块时长：4小时模块分值：50分本模块重点考查选手业务编码能力，基于移动跨平台应用开发生态系统，编程实现车主App、中控大屏App、智能充电家用版App和智能充电商用版小程序。二、任务要求AppUI尺寸自动适配开发电脑中提供的模拟器UI(手机和Pad)、命名规范、应用名称(发布版本)和界面尺寸如下表：应用1车主手机App2中控大屏移动终端包12.3英寸及以上15.6英寸及以上15.6英寸及以上36.6英寸及以上4智能充电商用版小程序小程序6.6英寸及以上dist2(目录)本模块竞赛结束前，选手将上述成果物添加到“移动应用开发.zip”三、竞赛任务参赛选手根据客户提供的任务描述，按照模块二的任务要求，完成移动跨平台应用开发生态系统各任务功能开发。任务1:中控大屏-360度全景功能-倒车(7分)【任务说明】1.车辆中控大屏开启，车辆挂入R挡时，中控大屏主屏显示360度全景App页面，页面分为影像和功能区上下两部分。(1)影像区域占屏幕高度80%,画面分为左右两个部分。画面左侧显示汽车倒车影像部分，实时获取后方视频流，并在车后方视频上绘制一个绿色长方形的倒车辅助线。画面右侧显示360度全景实时上部分显示设备前摄像头影像、下部分显示设备后摄像头影像、中间显示汽车贴图模拟真实效果，摄像头画面方向统一为以汽车贴图为中心的360度全景影像(梯形图像拼接)。(2)底部功能区占屏幕高度10%。三个图标依次排开为：【专【摄像头列表】,首次进入【去畸】按钮不可点击，点击【摄像头列表】项打开展示所有可用的摄像头列表，点击列表项显示对应摄像头画面，在摄像头前放置黑白圆点标定板，在适当距离移动标定板，当达到可识别位置，摄像头画面对标定板黑点进行彩色连线，此时点击屏幕进行案例保存，然后再次移动标定板进行案例保存，保持7个案例后可点击【去畸】按钮，点击【去畸】按钮进行鱼眼摄像头去畸。点击【专注】出现上拉列表：前、后、左、右、360度。点击五个选项，影像部分显示对应摄像头画面。点击【关闭】退出App。任务2:中控大屏-媒体播放(7分)【任务说明】中控大屏开启时，在中控大屏仪表屏中选择媒体进行切换和播放。1.中控大屏仪表屏幕中间显示媒体组件，组件内上方显示正在播量滑块”“静音”。在操控设备中点击“播放/暂停”,仪表屏中的按钮随之切换“播放/暂停”状态；点击操控设备中的“上一曲下一曲”按钮，仪表屏可切换正在播放媒体信息；点击操控设备中的“静音”按钮，仪表屏幕“音量显示”调节到静音模式。2.中控大屏主屏中显示当前播放的歌曲名称、歌曲进度和歌词，点击各自按钮可对当前播放的歌曲进行操作。3.中控大屏的主屏和仪表屏，同步播放同一首歌曲，同步音量，任务3:中控大屏-天气显示(7分)【任务说明】在中控大屏主屏中点击【天气】,进入天气App,显示如下：1.中控大屏主屏中显示：当前城市名，当前天气(晴天、多云、雨天、雪天等),最高温度和最低温度；中部展示湿度：显示当前湿度，例如“湿度：65%”;底部显示风速：显示当前风速，例如“风速：5km/h”;城市列表：可根据城市列表选择城市，切换成所选城市的天气数据，并且切换数据时，中控大屏副屏的显示数据也会切换成对应程序的天气数据，实现多屏同显和异显。2.当中控大屏主屏点击城市列表选择城市，选中城市的城市名、当前天气、最高温度、最低温度、湿度、风速，同时在中控大屏仪表屏中同步显示该内容，实现多屏同显和异显。任务4:中控大屏-空调(7分)【任务说明】1.车辆中控大屏开启时，点击中控大屏主屏空调App图标，进入空调控制页面，中控大屏主屏页面中间位置显示车内温度。在中控大屏副屏页面显示OFF按钮、上下箭头按钮、外循环按钮、内循环按2.温度调节通过Can发送指令到温控设备，从而控制温控设备转速，并可体感。点击OFF按钮空调系统关闭，温控设备停止运行，页面中央位置提示空调系统已关闭2秒后返回中控首页。3.点击外循环/内循环按钮，温度显示隐藏。显示前后排座椅模型空气动画循环方式。2秒后模型隐藏车内温度显示。任务5:车主手机(6分)【任务说明】1.进入车主手机App首页，页面分为3D汽车模型、远程控制部2.首页页面初始化时显示模型加载状态，加载完成后页面顶部显示车辆当前电量和剩余续航里程，下方显示3D汽车模型。3.通过旋转和缩放汽车模型可从各个角度查看车辆的外观和设点击汽车模型车门可以对3D汽车模型进行开门和关门操作。任务6:智能充电商用版小程序-订单(5分)【任务说明】进入订单列表页，页面分为三部分，顶部显示页面标题，标题下方显示订单状态标签，标签下方显示列表项。(1)订单状态标签，包括进行中、待支付和已完成。(2)进行中列表项：展示订单编号、开始时间、充电站名称、充电桩名称、充电桩编号、已充电量、充电时长、预计剩余时长和结束充电按钮；点击列表项进入订单详情。(3)待支付列表项：展示订单编号、开始时间、充电站名称、充电桩名称、充电桩编号、充电量、充电时长、待支付金额和支付按钮；点击列表项进入订单详情。(4)已完成列表项：展示订单编号、开始时间、充电站名称、充电桩名称、充电桩编号、充电量、充电时长和支付金额；点击列表2.进入订单详情页，详情页顶部显示订单标题，下方展示订单状态、订单编号、终端信息、充电信息、费用信息和支付信息；(1)终端信息：充电站名称、充电桩编号和充电桩名称。(2)充电信息包括开始充电时间、结束充电时间、已充电量、充电时长、车牌号和车辆型号。(3)费用信息：订单总额、电费、服务费和实付金额。(4)支付信息：支付金额、支付方式和支付时间。任务7:中控大屏-应用市场(5分)【任务说明】1.在中控大屏主屏中点击应用市场，进入应用市场页面，页面包括推荐App内容，搜索菜单、更新菜单。2.App推荐卡片，卡片内容为App图标、背景、名称、介绍、【下载】按钮，点击【下载】按钮进行App下载安装。卡片下方展示专题列表，专题列表为本周热门App列表，列表包括App名称、App缩略图、下载次数、【下载】按钮，点击【下载】按钮可下载对应App(管理服务端可进行App上传，推荐状态的修改等功能)。点击【搜索】按钮可模糊查询应用列表。4.点击更新菜单，展示所有可更新的App列表，点击更新按钮任务8:数据分析(6分)【任务说明】在车主手机App主页面上，点击底部导航栏“数据分析”,进1.柱状图：请分析2023年上半年使用充电桩的充电次数、充电量和花费，按照月耗电比例进行分析，横坐标为月份，每组纵坐标为充电次数、充电量和花费。2.折线图：请分析统计2023年3月、5月每百公里耗电量，按照每月耗电量和行驶公里数统计，横坐标为月份，每组折线点显示耗电量、行驶里程和平均百公里耗电量。模块三应用部署测试模块时长：2小时模块分值：25分本模块重点考查选手应用系统测试能力，基于移动跨平台应用开发生态系统，围绕车主App、中控大屏App、智能充电家用版App和智能充电商用版小程序，进行应用系统部署、测试用例编写、功能1.部署移动跨平台应用开发生态系统待测应用。2.根据“移动跨平台应用开发生态系统车主手机功能范围.pdf”,撰写测试用例文档，并进行功能测试，将功能缺陷提交缺陷文档中。3.利用Postman工具进行API接口测试，并导出Api.json脚本。撰写产品操作手册文档。5.本模块竞赛结束前，选手将上述成果物测试用例.xlsx、缺陷分压缩包内，并提交压缩包文件。任务1:应用功能测试(10分)根据“移动跨平台应用开发生态系统车主手机功能范围.pdf”中描述的功能范围，撰写测试用例文档(具体测试用例数量如表1所示，测试用例格式如表2所示)并进行全范围功能测查，找出特定的10个Bug,根据找出的Bug进行缺陷分析，分析Bug出现的原因，将Bug填写到“缺陷分析.docx”中，缺陷分析填写样例如表3所示。说明1车主手机功能范围-功能1本功能模块编写至少10个测试用例2车主手机功能范围-功能2本功能模块编写至少10个测试用例3车主手机功能范围-功能3本功能模块编写至少10个测试用例4用例用例1.登录登录已注册用户名和密码输入正确的用户名、密码，点功”字样，跳转至车主手机App首页表3缺陷分析填写样例表点击车主服务模块中的【维保预约】进入维1.用户成功登录系统；2.进入车主App首页；缺陷分析原因1.【维保预约】功能未开发；截图任务2:API接口测试(10分)利用Postman测试工具，根据移动跨平台应用开发生态系统API文档，进行自动化API接口测试，并导出Api.json文件。任务3:撰写产品操作手册(5分)对移动跨平台应用开发生态系统车主手机功能进行梳理分析，利用产品操作手册(模板).docx文件编写产品操作手册，具体规范如第一部分：编写待测App的产品定位中心叙述，罗列核心功能点名称与运行待测App的运行基础环境。将功能变得具体化、形象化，便于读者理解具体内容，增强说服力。第三部分：编写需要指出使用待测App的常规注意事项进行说明，提示用户规避使用不规范操作等。12024年全国职业院校技能大赛移动应用设计与开发赛项(高等职业教育组)竞赛试题(02卷)2竞赛说明21世纪以来，随着各项科技迅猛发展，多元化技术革命创新正在给我们的衣食住行，带来全新的数字人工智能体验，各行各业都搭乘着技术产业的转型升级，迎来高速发展时期。“十四五”规划和党的二十大强调了推动战略性新兴产业发展的重要性，战略性新兴产业包括新一代信息技术等九大产业，是引导未来经济社会发展的重要力在数字化时代，移动终端已经渗透到各个行业和生活场景中，如手机、智能电视、可穿戴设备、车载大屏、医疗设备等。通过车主手机App、中控大屏移动终端App、智能充电(家用版App和商用版小程序)实现跨移动多终端的信息共享和交换，构建了一个移动跨平台应用开发生态系统。竞赛时间模块一2小时25分模块二移动应用开发4小时50分2小时25分参赛选手根据分配的账号登录系统，在竞赛结束前分别将模块一、3模块二、模块三的成果物上传并提交至竞赛服务器。提交、部署的文档、原型、代码等资源内容中不能填写与选手相关的信息，如工位号、姓名和院校等。如出现上述标记，本模块成绩模块一产品原型设计模块时长：2小时模块分值：25分本模块以产品原型设计为目标，基于移动跨平台应用开发生态系统，围绕车主手机App、中控大屏移动终端App、智能充电(家用版App和商用版小程序),对产品进行理解、分析，编制规范的需求规格说明书，熟练使用UI设计软件进行产品原型设计，绘制出符合业务逻辑和人体工学的高保真产品原型图，为后续的产品开发和优化奠二、任务要求1.使用给定的“需求规格说明书(模板).docx”和相关软件，进行需求分析文档编制，编制对应业务用例图、流程图/活动图、时序图和模块概要设计说明。2.使用原型设计工具(如Photoshop、AdobeXD或AxureRP,原型设计工具二选一即可)创建“产品原型”项目，并进行高保真原型4绘制，使之符合移动应用UI设计规范，同时实现原型界面之间交互(1)软件原型绘制时，界面文件命名规范，各界面尺寸如下表：应用12中控大屏移动终端包括仪表屏、主屏、副屏12.3英寸及以上15.6英寸及以上15.6英寸及以上34智能充电商用版小程序小程序(2)当内容超出高度区域时，设置滚动区域来显示内容。(3)画板要对齐，界面版式布局合理、美观，内容完整；同样功能请复用样式，避免一种功能、两种样式的情况。(4)原型要有交互设计内容，用户体验良好。检查存在的漏洞，防止出现异常流程和内容状态。“产品原型.rp”(或“产品原型.xd”)两个文件添加到“产品原型设计.zip”压缩包内，并提交压缩包文件。裁判评分以提交内容作为三、竞赛任务参赛选手根据客户提供的任务需求描述，按照模块一的任务要求，完成“需求规格说明书.docx”撰写，以及“产品原型.rp”或“产品5任务1:绘制“右转向视频显示”模块界面原型(5分)【任务说明】1.车辆中控大屏开启，车辆打开右转向时，主屏显示360度全景App界面，实现360度全景右转向App界面，界面分为影像和功能区上下两部分。(1)影像区域占屏幕高度80%,画面分为左右两个部分。画面左侧显示汽车右转向部分，显示车右方视频影像，并在视频前方显示绿色的右转辅助线。画面右侧显示360度全景实时影像，影像左侧显示设备左摄像头影像、右侧显示设备右摄像头影像、上部分显示设备前摄像头影像、下部分显示设备后摄像头影像、中间显示汽车贴图模拟真实效果，摄像头画面方向统一为以汽车贴图为中心的360度全景影像(梯形图像拼接)。(2)底部功能区占屏幕高度20%。左侧显示两个图标，依次排开360度。点击五个选项，影像部分显示对应摄像头画面。任务2:绘制“仪表盘”和“主屏”车辆信息界面原型(4分)【任务说明】1.实现中控大屏仪表屏的车辆信息界面和中控大屏主屏的车辆(1)中控大屏仪表屏车辆信息界面：左侧部分显示汽车转数表；右侧部分显示汽车时速表，转数表和时速表均为圆形；中间显示车辆6信息，包括电池电量、总公里数、平均车数和平均耗电量。(2)中控大屏主屏车辆信息App界面：该模块分为基本信息、胎压监测7个部分，以卡片的形式呈现。1)基本信息：点击【基本信息】进入基本信息界面，左上角【返回】可跳转车辆信息主界面。以列表形式显示车主姓名、车辆品牌、车架号、制造国、制造厂商、制造年月、整车型号、车辆识别代号(VIN)、最大设计总质量、核载人数、最高车速、百公里加速。2)电动机信息：点击【电动机信息】进入电动机信息界面，左上角【返回】可跳转车辆信息主界面。以列表形式显示总功率、总扭矩、前电动机最大功率、前电动机最大扭矩、后电动机最大功率、后电动机最大扭矩、纯电续航里程、电机结构、电机工作原理、电机布局、电机型号、电机峰值功率。3)电池信息：点击【电池信息】进入电池信息界面，左上角【返回】可跳转车辆信息主界面。以列表形式显示电池容量、电池品牌、百公里耗电量、电池冷却方式、电池能量密度、快充时间、快充电量、动力电池系统额定电压、动力电池系统额定容量。4)车身信息：点击【车身信息】进入车身信息界面，左上角【返回】可跳转车辆信息主界面。以列表形式显示长宽高、轴距、前后轮距、整备质量、行李箱容积。5)底盘/转向信息：点击【底盘/转向信息】进入底盘/转向信息界面，左上角【返回】可跳转车辆信息主界面。以列表形式显示驱动7形式、前悬挂类型、后悬挂类型、转向助力形式。6)车轮/制动信息：点击【车轮/制动信息】进入车轮/制动信息界面，左上角【返回】可跳转车辆信息主界面。以列表形式显示前后制动器类型、驻车制动类型、前轮胎规格、后轮胎规格、轮毂材质、7)胎压监测：点击【胎压监测】进入胎压检测模块界面，分为胎压监测、历史记录两个模块，并以卡片形式呈现。左上角【返回】可跳转车辆信息主界面。任务3:绘制“多媒体播放器”模块界面原型(4分)【任务说明】在中控大屏主屏中，点击多媒体播放器App,进入主界面，App主界面和媒体播放界面两部分。1.主界面用卡片列表展示该设备中所有的视频信息，卡片上半部分展示该视频的预览图，下半部分显示视频名称和“上次看到xx分2.点击对应的视频卡片，弹出选择框，可选择【主屏、副屏同时播放】和【仅副屏播放】,选择后点击确定，对应的屏幕会进入视频播放界面，并播放所选择卡片对应的视频。视频播放器界面默认整屏播放视频，当点击正在播放的视频时，左上角显示【返回】按钮，点击【返回】则主屏回到多媒体播放器App主界面。视频播放界面下方显示视频播放器工具栏，工具栏上半部分显示【快进】【快退】8【暂停/继续播放】【其他视频】按钮，点击【其他视频】按钮可弹出视频列表弹层，以列表的形式展示其他视频，界面播放工具栏下半任务4:绘制“天气”模块界面原型(4分)【任务说明】1.进入中控大屏，打开天气App,进入天气App主页面，该主页面分为两部分，分别为主屏显示部分和副屏显示部分。(1)顶部展示：当前城市名称，当前天气(晴天、多云、雨天、雪天等),最高温度和最低温度。(2)中部显示：当前湿度(例如“湿度：65%”)。(3)底部显示：当前风速(例如“风速：5km/h”)。(4)城市列表：可根据城市列表选择城市，切换成所选城市的天气数据页面，并且副屏的显示的数据也会切换成对应城市的天气数(1)顶部显示：未来七天的日期。(2)中部显示：未来七天的最高温度和最低温度(例如：“15℃(3)底部天气状况：显示未来几天的天气情况，如“晴天”“多云”“雨天”等，并使用相应的图标来表示天气状况。9任务5:绘制“一键启动”模块界面原型(4分)【任务说明】1.进入车主App,点击底部菜单【爱车】按钮，进入远程控制界面。页面分为四部分，顶部显示“我的爱车”标签，标签下方显示车辆信息，车辆信息下方显示字体图标与文字上下组合功能按钮，底部(1)车辆信息：包括车辆3D模型、剩余里程、剩余电量。(2)车辆3D模型：通过旋转和缩放汽车模型可从各个角度查看车辆的外观和设计细节。(3)中部功能按钮：包括车锁、车窗、后备厢、闪灯鸣笛、闪(4)底部菜单：包括首页、爱车和我的，点击菜单，进入对应2.当点击车锁按钮时，车辆中控开始通电，屏幕正常点亮。此时车锁图标发生改变，显示文字“已开锁”,车锁开启完成。任务6:绘制“智能充电家用版App-充电功能”模块界面原型(4【任务说明】1.家用充电App首页，页面分为四部分，顶部显示首页标签，标签下方显示用户车辆信息，车辆信息下方显示功能按钮，底部显示菜单并位置固定在页面底部。(1)用户车辆信息：包括车辆3D模型、车牌、品牌、型号和(2)车辆3D模型：通过旋转和缩放汽车模型可从各个角度查看车辆的外观和设计细节。(3)中部功能按钮：包括添加充电桩、添加车辆和一键充电。(4)底部菜单：包括首页、订单和个人中心，点击菜单，进入2.当车辆停稳熄火并处于P档，将充电桩上的充电枪插入汽车充电口后，在车辆信息和功能按钮之间显示，车辆充电状态(待充电)、充电桩名称、电池电量和开始充电按钮。点击开始充电按钮，启动充电，车辆充电状态变为充电中、电池充电动态进度(动画效果展示)、电池电量、充电功率、充电电量、预计剩余时间和停止充电按钮。模块二移动应用开发模块时长：4小时模块分值：50分AppUI尺寸自动适配开发电脑中提供的模拟器UI(手机和Pad)、命名规范、应用名称(发布版本)和界面尺寸如下表：应用1车主手机App2中控大屏移动终端包12.3英寸及以上15.6英寸及以上15.6英寸及以上3智能充电家用版App4智能充电商用版小程序小程序dist2(目录)任务1:中控大屏-360度全景功能-左转向(7分)【任务说明】1.车辆中控大屏开启时，当调试设备点击左转向，中控大屏主屏显示360度全景App页面，页面分为影像和功能区上下两部分。(1)影像区域占屏幕高度80%,画面分为左右两个部分。画面左侧显示汽车左侧摄像头，实时获取左侧摄像头视频流。画面右侧显示360度全景实时影像，影像左侧显示设备左摄像头影像、右侧显示设备右摄像头影像、上部分显示设备前摄像头影像、下部分显示设备后摄像头影像、中间显示汽车贴图模拟真实效果，摄像头画面方向统一为以汽车贴图为中心的360度全景影像(梯形图像拼接)。(2)底部功能区占屏幕高度10%。两个图标依次排开为【专注】【关闭】。点击【专注】出现上拉列表：前、后、左、右、360度。点击五个选项，影像部分显示对应摄像头画面。点击【关闭】退出2.车辆切换其他档位后，360度全景App自动退出。3.仪表盘上实时显示汽车档位标识。任务2:中控大屏-车辆信息(7分)【任务说明】车辆中控大屏开启时，在中控大屏主屏中点击车辆信息，进入车辆信息App:1.中控大屏仪表屏中间同步显示车辆信息组件，组件为卡片式轮播图，自动切换卡片。卡片内容为“车辆保养信息”,车辆保养信息车辆电池状态。电池状态包括：剩余电量、健康状态(最大容量百分比，当大于75%时显示健康，当小于75%时显示不健康)。2.在中控大屏主屏中点击车辆保养信息，显示信息与仪表内容一任务3:中控大屏-媒体播放器(7分)【任务说明】在中控大屏主屏中，点击媒体播放器App,进入媒体播放器App1.主页面用卡片列表展示该设备中所有的视频信息，卡片上半部分展示该视频的预览图，下半部分显示视频名称和“上次看到xx分2.点击对应的视频卡片，弹出选择框，可选择【主屏、副屏同时播放】和【仅副屏播放】,选择后点击确定，对应的屏幕会进入视频播放页面，并播放所选择卡片对应的视频。若选择【仅副屏播放】,中控大屏主屏可以退出【媒体播放器】App进行其他操作，中控大屏当点击正在播放的视频时，左上角显示【返回】按钮，点击【返回】则主屏回到影视娱乐App主页面。视频播放页面下方显示视频播放器工具栏，工具栏上半部分显示【快进】【快退】【暂停/继续播放】【其他视频】按钮，点击【其他视频】按钮可弹出视频列表弹层，以列表的形式展示其他视频，点击列表项可切换至对应的视频进行播放，页面播放工具栏下半部分显示视频的【当前播放时长】【总时长】和【视频进度条】,可拖动视频进度条调整当前视频播放进度。任务4:中控大屏-分屏天气显示(7分)【任务说明】1.在中控大屏主屏中点击【天气】,进入天气App主页面，该主页面分为两部分，分别为主屏显示部分和副屏显示部分。●顶部依次展示：当前城市名，当前天气(晴天、多云、雨天、雪天等),最高温度和最低温度●中部展示湿度：显示当前湿度(例如“湿度：65%”)。●底部显示风速：显示当前风速(例如“风速：5km/h”)。●城市列表：可根据城市列表选择城市，切换成所选城市的天气数据，并且切换数据时，副屏的显示的数据也会切换成对应程序的天●顶部显示未来七天的日期：显示未来七天的日期。●中部显示温度范围：显示未来几天的最高温度和最低温度(例如“15℃-25℃”)。“雨天”等，并使用相应的图标来表示天气状况。任务5:车主手机App-车辆远程控制(6分)【任务说明】1.在中控大屏主屏中，点击一键关机App,同时熄灭仪表盘、主屏、副屏，进入关机状态。2.进入车主手机App首页，点击车主App车辆控制，进入车辆任务6:智能充电家用版App(5分)【任务说明】1.进入智能充电家用版App首页，页面分为四部分，顶部显示首页标签，标签下方显示用户车辆信息，车辆信息下方显示功能按钮，底部显示菜单并位置固定。(1)用户车辆信息：包括车辆3D模型、车牌、品牌、型号和剩余里程。(2)车辆3D模型：通过旋转和缩放汽车模型可从各个角度查看车辆的外观和设计细节。(3)中部功能按钮：包括添加充电桩、添加车辆和一键充电。(4)底部菜单：包括首页、订单和个人中心。点击菜单，进入对应的页面。2.当车辆处于P档，将充电模拟器上的“充电枪”插入中控大屏充电接口后，基于Can通讯，在车辆信息和功能按钮之间显示车辆充电状态(待充电)、充电桩名称、电池电量和开始充电按钮。3.点击开始充电按钮，启动充电，车辆充电状态变为充电中，显示电池充电动态进度(动画效果展示)、电池电量、充电功率、充电电量、预计剩余时间和停止充电按钮。4.充电数据同步到其他终端，包括车主手机App、中控、后台管理系统。同步数据包括车辆充电状态、充电桩名称、电池电量、充电功率、充电电量和预计剩余时间等。任务7:中控大屏-用户中心(5分)【任务说明】车辆通电启动后，在中控大屏主屏中，点击用户中心，进入登录页面，登录分为四个模块：(1)免密登录：点击用户中心后进入免密登录页面，用户可通过输入手机号，获取验证码的方式登录。点击【注册】按钮可跳转至(2)密码登录：用户可通过输入手机号和正确密码的方式登录。点击【注册】按钮可跳转至注册页，点击【忘记密码】按钮可跳转至(3)忘记密码：用户可通过输入手机号、验证码、新密码的方式修改密码。修改成功后，跳转到密码登录页面，输入手机号和密码(4)注册：用户可点击【注册】按钮跳转至注册界面，填写手机号、验证码、密码可进行注册，在主屏中，点击用户中心App的免密登录页和密码登录页可跳转到注册页。用户可通过输入手机号、验证码和设置的密码进行注册。若已有账号可跳转到密码登录页面进行登录。注册成功后，跳转到密码登录页面，输入手机号和设置的密任务8:数据分析(6分)【任务说明】进入数据分析页面。1.柱状图：请分析2023年2月、6月充电桩的充电时长和耗电量，按照每小时耗电比例进行分析，横坐标为日期，纵坐标为每小时耗电2.饼状图：请分析统计2023年下半年收益，按照收入支出统计，通过饼状图展示出收益=订单收入总金额-耗电成本-服务费。模块三应用部署测试一、模块考核点模块时长：2小时模块分值：25分本模块重点考查选手应用系统测试能力，基于移动跨平台应用开发生态系统，围绕车主App、中控大屏App、智能充电家用版App和智能充电商用版小程序，进行应用系统部署、测试用例编写、功能二、任务要求1.部署移动跨平台应用开发生态系统待测应用。撰写测试用例文档，并进行功能测试，将功能缺陷提交缺陷文档中。3.利用Postman工具进行API接口测试，并导出Api.json脚本。4.根据“移动跨平台应用开发生态系统智能充电功能范围.pdf”,撰写产品操作手册文档。5.本模块竞赛结束前，选手上述成果物测试用例.xlsx、缺陷分压缩包内，并提交压缩包文件。任务1:应用功能测试(10分)根据“移动跨平台应用开发生态系统智能充电功能范围.pdf”中描述的功能范围，撰写测试用例文档(具体测试用例数量如表1所示，测试用例格式如表2所示)并进行全范围功能测查，找出特定的10个Bug,根据找出的Bug进行缺陷分析，分析Bug出现的原因，将Bug填写到“缺陷分析.docx”中，缺陷分析填写样例如表3所示。说明1智能充电商用版小程序本功能模块编写至少15个测试用例2本功能模块编写至少15个测试用例3表2功能测试填写样例表用例用例1.用户中心用户名和输入正确的用击登录转至商用充电桩小程序首页1.用户成功登录系统；2.进入商用充电桩小程序首页；商用充电桩小程序列表缺陷分析原因1.【商用充电桩小程序列表】功能未开盐区做图注：裁剪截图，每页放置两个缺陷内容任务2:API接口测试(10分)任务3:撰写产品操作手册(5分)用产品操作手册(模板).docx文件编写产品操作手册，具体规范如第一部分：编写待测App的产品定位中心叙述，罗列核心功能点名称与运行待测App的运行基础环境。将功能变得具体化、形象化，便于读者理解具体内容，增强说服力。第三部分：编写需要指出使用待测App的常规注意事项进行说明，提示用户规避使用不规范操作等。12024年全国职业院校技能大赛移动应用设计与开发赛项(高等职业教育组)竞赛试题(03卷)2竞赛说明21世纪以来，随着各项科技迅猛发展，多元化技术革命创新正在给我们的衣食住行，带来全新的数字人工智能体验，各行各业都搭乘着技术产业的转型升级，迎来高速发展时期。“十四五”规划和党的二十大强调了推动战略性新兴产业发展的重要性，战略性新兴产业包括新一代信息技术等九大产业，是引导未来经济社会发展的重要力在数字化时代，移动终端已经渗透到各个行业和生活场景中，如手机、智能电视、可穿戴设备、车载大屏、医疗设备等。通过车主手机App、中控大屏移动终端App、智能充电(家用版App和商用版小程序)实现跨移动多终端的信息共享和交换，构建了一个移动跨平台应用开发生态系统。竞赛时间模块一2小时25分模块二移动应用开发4小时50分2小时25分参赛选手根据分配的账号登录系统，在竞赛结束前分别将模块一、3模块二、模块三的成果物上传并提交至竞赛服务器。提交、部署的文档、原型、代码等资源内容中不能填写与选手相关的信息，如工位号、姓名和院校等。如出现上述标记，本模块成绩模块一产品原型设计模块时长：2小时模块分值：25分本模块以产品原型设计为目标，基于移动跨平台应用开发生态系统，围绕车主手机App、中控大屏移动终端App、智能充电(家用版App和商用版小程序),对产品进行理解、分析，编制规范的需求规格说明书，熟练使用UI设计软件进行产品原型设计，绘制出符合业务逻辑和人体工学的高保真产品原型图，为后续的产品开发和优化奠二、任务要求1.使用给定的“需求规格说明书(模板).docx”和相关软件，进行需求分析文档编制，编制对应业务用例图、流程图/活动图、时序图和模块概要设计说明。2.使用原型设计工具(如Photoshop、AdobeXD或AxureRP,原型设计工具二选一即可)创建“产品原型”项目，并进行高保真原型4绘制，使之符合移动应用UI设计规范，同时实现原型界面之间交互(1)软件原型绘制时，界面文件命名规范，各界面尺寸如下表：应用12中控大屏移动终端包括仪表屏、主屏、副屏12.3英寸及以上15.6英寸及以上15.6英寸及以上34智能充电商用版小程序小程序(2)当内容超出高度区域时，设置滚动区域来显示内容。(3)画板要对齐，界面版式布局合理、美观，内容完整；同样功能请复用样式，避免一种功能、两种样式的情况。(4)原型要有交互设计内容，用户体验良好。检查存在的漏洞，防止出现异常流程和内容状态。“产品原型.rp”(或“产品原型.xd”)两个文件添加到“产品原型设计.zip”压缩包内，并提交压缩包文件。裁判评分以提交内容作为三、竞赛任务参赛选手根据客户提供的任务需求描述，按照模块一的任务要求，完成“需求规格说明书.docx”撰写，以及“产品原型.rp”或“产品5任务1:绘制“左转向视频显示”模块界面原型(5分)【任务说明】1.在车辆中控大屏开启时，车辆打开左转向时，主屏显示360度全景App界面，实现360度全景App左转向界面，界面分为影像和功能区上下两部分。(1)影像区域占屏幕高度80%,画面分为左右两个部分。画面左侧显示汽车左转向部分，显示车左方视频影像，并在视频前方显示绿色的左转辅助线。画面右侧显示360度全景时时影像，影像左侧显示设备左摄像头影像、右侧显示右摄像头影像、上部分显示前摄像头影摄像头画面方向统一以汽车贴图为中心的360度全景影像(梯形图像拼接)。(2)底部功能区占屏幕高度20%。左侧显示二个图标依次排开为：360度，五个选项点击后影像部分显示对应摄像头画面。任务2:绘制“仪表盘”和“主屏”天气界面原型(4分)【任务说明】1.实现中控大屏仪表屏的天气界面和中控大屏主屏的天气App(1)中控大屏仪表屏天气界面，左侧部分显示汽车转数表，右6侧部分显示汽车时速表，转数表和时速表均为圆形，中间显示天气信息，包括当前城市名、天气(晴天、多云、雨天、雪天等)、当前温度、最高温度和最低温度。(2)中控大屏主屏天气App界面，顶部显示当前位置区域、当前温度、当前天气(晴天、多云、雨天、雪天等)、最高气温和最低气温，中间显示湿度、风度和空气质量，底部显示未来五小时的天气任务3:绘制“车辆信息”模块界面原型(4分)【任务说明】1.车辆通电启动后，在中控大屏主屏中，点击用户中心，进入车辆信息模块主界面，该模块分为7部分：基本信息、电动机信息、电池信息、车身信息、底盘/转向信息、车轮/制动信息、胎压监测，并(1)基本信息：点击【基本信息】进入基本信息界面，左上角【返回】可跳转车辆信息主界面。以列表形式显示车主姓名、车辆品牌、车架号、制造国、制造厂商、制造年月、整车型号、车辆识别代号(VIN)、最大设计总质量、核载人数、最高车速、百公里加速等12项信息。(2)电动机信息：点击【电动机信息】进入电动机信息界面，左上角【返回】可跳转车辆信息主界面。以列表形式显示总功率、总扭矩、前电动机最大功率、前电动机最大扭矩、后电动机最大功率、7后电动机最大扭矩、纯电续航里程、电机结构、电机工作原理、电机布局、电机型号、电机峰值功率等12项信息。(3)电池信息：点击【电池信息】进入电池信息界面，左上角【返回】可跳转车辆信息主界面。以列表形式显示电池容量、电池品牌、百公里耗电量、电池冷却方式、电池能量密度、快充时间、快充电量、动力电池系统额定电压、动力电池系统额定容量等9项信息。(4)车身信息：点击【车身信息】进入车身信息界面，左上角【返回】可跳转车辆信息主界面。以列表形式显示长宽高、轴距、前后轮距、整备质量、行李箱容积等5项信息。(5)底盘/转向信息：点击【底盘/转向信息】进入底盘/转向信息界面，左上角【返回】可跳转车辆信息主界面。以列表形式显示驱动形式、前悬挂类型、后悬挂类型、转向助力形式等4项信息。(6)车轮/制动信息：点击【车轮/制动信息】进入车轮/制动信息界面，左上角【返回】可跳转车辆信息主界面。以列表形式显示前备胎规格等6项信息。(7)胎压监测：点击【胎压监测】进入胎压检测模块界面，分可跳转车辆信息主界面。1)胎压监测：点击【胎压监测】开始监测。检测过程中屏幕中央会显示缓冲标识并在其下方添加“Loading…”字样，且不能返回到任何界面。监测结束后，屏幕显示各个轮胎的胎压数据，数据下方显8示【保养建议】和【保存】按钮，可跳转到“保养建议”的界面；也2)警报提醒：当检测到胎压数据异常时，仪表盘的胎压报警灯亮，同时屏幕出现弹窗并显示“XX方轮胎胎压异常，请及时处理!”的字样，弹窗右下方显示“确定”按钮，点击按钮关闭弹窗，显示本3)历史记录：点击【历史记录】进入界面。左上角【返回】可跳转胎压监测模块界面。以列表形式显示之前已经保存的监测记录信息，包括监测时间，各个轮胎的气压值，轮胎状态(正常/异常)以及是否发出警报(是/否)。4)保养建议：点击【保养建议】进入界面。左上角【返回】可跳转胎压监测模块界面。界面上方显示胎压监测的各个数据。数据下方会显示保养建议。根据各个轮胎的气压值，会提出针对性的建议。例如：定期检查轮胎气压、定期检查轮胎是否磨损、保持轮胎对齐和平衡、定期清洁轮胎、注意避免碰撞和急刹车等。任务4:绘制“智能充电商用版小程序-充电功能”模块界面原型【任务说明】1.进入充电桩App界面，首页可查看附近充电桩列表，列表项包括充电桩地址、充电桩运行状态、充电桩缩略图、充电桩距离。顶部右上角显示扫一扫充电图标。92.点击列表项，进入详情界面(1)顶部显示充电桩图片、工作状态(运行中/空闲/报警)、充(2)中间部分显示20¥按钮、30¥按钮、50¥按钮、100¥按(3)底部显示开始充电按钮。3.点击扫一扫图标，进入扫一扫页面，页面中间部分显示相机任务5:绘制“应用市场”模块界面原型(4分)【任务说明】1.在主屏点击应用市场，进入应用市场页面，界面包括推荐App内容，搜索菜单、更新菜单。2.App推荐卡片，卡片内容为App图标、背景、名称、介绍、【下载】按钮。卡片下方展示专题列表，专题列表为本周热门App列表，列表包括App名称、App缩略图、下载次数、【下载】按钮。点击【搜索】按钮可模糊查询应用列表。4.点击更新菜单，展示所有可更新的App列表。任务6:绘制“Launcher桌面”模块界面原型(4分)【任务说明】车辆通电启动后，中控大屏主屏自动进入Launcher桌面1、屏幕左侧显示卡片栏，音视频、天气、时间、汽车信息。(1)音视频卡片，显示正在播放的音视频名称，专辑封面，底部显示，上一首、暂停、下一首图标，点击对应图标完成操作。(2)天气卡片，展示当前温度和天气情况和天气城市，点击天气卡片在右侧显示具体天气情况。(3)时间卡片，展示当前时间、年月日、阴历。(4)汽车信息卡片，展示行驶距离、出行次数、车内外温度等2、屏幕底部显示快捷启动栏。(1)底部快捷启动栏可放置5个App,其中五个App均匀放置，快捷启动栏背景为白色透明圆角。首次进入显示五个“+”图标，点击“+”图标弹出App选择框，选择App可将对应App添加到快捷启动栏中。模块二移动应用开发一、模块考核点模块时长：4小时模块分值：50分AppUI尺寸自动适配开发电脑中提供的模拟器UI(手机和Pad)、命名规范、应用名称(发布版本)和界面尺寸如下表：应用1车主手机App2中控大屏移动终端包12.3英寸及以上15.6英寸及以上15.6英寸及以上3智能充电家用版App4智能充电商用版小程序小程序dist2(目录)任务1:中控大屏-360度全景功能-右转向(7分)【任务说明】显示360度全景App页面，页面分为影像和功能区上下两部分。2.影像区域占屏幕高度80%,画面分为左右两个部分。画面左侧显示汽车右侧摄像头，实时获取摄像头视频流。画面右侧显示360度全景实时影像，影像左侧显示设备左摄像头影像、右侧显示设备右摄像头影像、上部分显示设备前摄像头影像、下部分显示设备后摄像头影像、中间显示汽车贴图模拟真实效果，摄像头画面方向统一为以汽车贴图为中心的360度全景影像(梯形图像拼接)。任务3:中控大屏-天气显示(7分)【任务说明】在中控大屏主屏中点击【天气】,进入天气App,显示如下：1.中控大屏主屏中显示：当前城市名，当前天气(晴天、多云、雨天、雪天等),最高温度和最低温度。中部展示湿度：显示当前湿度，例如“湿度：65%”。底部显示风速：显示当前风速，例如“风速：5km/h”。城市列表：可根据城市列表选择城市，切换成所选城市的天气数据，并且切换数据时，中控大屏副屏的显示数据也会切换成对应程序的天气数据，实现多屏同显和异显。2.在中控大屏主屏点击城市列表选择城市，选中城市的城市名、当前天气、最高温度、最低温度、湿度、风速时，同时在中控大屏仪表屏中同步显示对应内容，实现多屏同显和异显。任务3:中控大屏-空调(7分)【任务说明】1.车辆中控大屏开启时，点击中控大屏主屏空调App图标，进入空调控制页面，中控大屏主屏页面中间位置显示车内温度。在中控大屏副屏页面显示OFF按钮、上下箭头按钮、外循环按钮、内循环按2.温度调节通过Can发送指令到温控设备，从而控制温控设备转速，并可体感。点击OFF按钮空调系统关闭，温控设备停止运行，页面中央位置提示空调系统已关闭2秒后返回中控首页。3.点击外循环/内循环按钮，温度显示隐藏。显示前后排座椅模型空气动画循环方式。2秒后模型隐藏车内温度显示。任务4:中控大屏-车辆信息(6分)【任务说明】车辆中控大屏开启时，在中控大屏主屏中点击车辆信息App,进入车辆信息模块，该模块分为七部分：基本信息、电动机信息、电池信息、车身信息、底盘/转向信息、车轮/制动信息、胎压监测。(1)基本信息：显示车主姓名、车辆品牌、车架号信息。(2)电动机信息：显示总功率、总扭矩信息。(3)电池信息：显示电池容量、电池品牌、百公里耗电量信息。(4)车身信息：显示长宽高、轴距、前后轮距、整备质量、后备厢容积等5项信息。(5)底盘/转向信息：显示驱动形式、前悬挂类型、转向助力形式等4项信息。(6)车轮/制动信息：显示前后制动器类型、驻车制动类型、前轮胎规格、后轮胎规格、轮毂材质、备胎规格等6项信息。(1)胎压监测：分为胎压监测、历史记录、保养建议三个模块。1)胎压监测：检测过程中屏幕中央会显示缓冲标识并在其下方添加“Loading…”字样。监测结束后，屏幕显示各个轮胎的胎压数据，可手动跳转到“保养建议”的页面。可保存监测数据，并出现在“历2)警报提醒：当检测到胎压数据异常时，仪表盘的胎压报警灯亮，同时屏幕出现弹窗并显示“××方轮胎胎压异常，请及时处理!”的字样，弹窗右下方显示“确定”按钮，点击按钮关闭弹窗，显示本3)历史记录：显示之前已经保存的监测记录时间，点击后显示详细数据，包括各个轮胎的气压值、轮胎状态(正常/异常)、是否发出警报(是/否)。4)保养建议：根据各个轮胎的气压值，提出针对性的建议，如定期检查轮胎气压、定期检查轮胎是否磨损、保持轮胎对齐和平衡、定期清洁轮胎、注意避免碰撞和急刹车等。任务5:中控大屏-疲劳驾驶检测(6分)【任务说明】进入中控大屏，在中控大屏主屏中，点击疲劳驾驶检测App,进入疲劳驾驶检测App主页面，疲劳驾驶检测App内容如下：(1)在App显示范围内，监测驾驶员疲劳的检测摄像头，捕获实时画面。当摄像头捕捉到人脸时，若识别到人脸表情处于睁眼状态时，用绿色边框的矩形框实时跟踪选中人脸部分的画面；若识别到人脸表情处于闭眼状态时，用红色边框的矩形框选实时跟踪选中人脸部(2)当前车辆档位不是P档时，若摄像头捕获到人脸表情正处于闭眼状态，则持续播放警告提示音(warning.mp3);人脸表情恢复到睁眼状态时，则停止播放警告提示音。任务6:充电桩生态联动(6分)【任务说明】设备共有两种充电方式，分别为智能充电商用版小程序充电和智能充电家用版App充电进行设备管理。(1)进入智能充电商用版小程序界面，可查看附近充电桩列表，列表内显示充电桩地址、充电桩运行状态、充电桩缩略图、充电桩距(2)进入详情界面可查看充电桩的工作状态(运行中/空闲/报警)、充电功率、电压、充电电量统计数据。(3)将充电桩实时变化的数据进行采集并分析，分析当前月份每个充电桩的充电时长和耗电量，按照每小时耗电比例进行分析，横坐标为日期，纵坐标为每小时耗电量。(4)当充电桩状态为报警时，自动拨打管理员电话。2.智能充电家用版App充电：(1)在智能充电家用版App首页，页面分为四个部分，顶部显示首页标签，标签下方显示用户车辆信息，车辆信息下方显示功能按钮，底部显示菜单并位置固定。(2)用户车辆信息，包括车辆3D模型、车牌、品牌、型号和(3)车辆3D模型：通过旋转和缩放汽车模型可从各个角度查看车辆的外观和设计细节。(4)中部功能按钮，包括添加充电桩、添加车辆和一键充电。(5)底部菜单，包括首页、订单和个人中心，点击菜单，进入(6)当车辆处于P档，将充电模拟器上的“充电枪”插入中控大屏充电接口后，基于Can通讯，在车辆信息和功能按钮之间显示车辆充电状态(待充电)、充电桩名称、电池电量和开始充电按钮。(7)点击开始充电按钮，启动充电，车辆充电状态变为充电中，显示电池充电动态进度(动画效果展示)、电池电量、充电功率、充电电量、预计剩余时间和停止充电按钮。(8)充电数据同步到其他终端，包括车主手机App、中控大屏、充电功率、充电电量和预计剩余时间等。任务7:中控大屏-应用市场(5分)【任务说明】1.在中控大屏主屏种点击应用市场，进入应用市场页面，页面包括推荐App内容，搜索菜单、更新菜单。2.App推荐卡片，卡片内容为App图标、背景、名称、介绍、【下载】按钮，点击【下载】按钮进行App下载安装。卡片下方展示专题列表，专题列表为本周热门App列表，列表包括App名称、App缩略图、下载次数、【下载】按钮，点击【下载】按钮可下载对应App(管理服务端可进行App上传、推荐状态的修改等功能)。点击【搜索】按钮可模糊查询应用列表。4.点击更新菜单，展示所有可更新的App列表，点击更新按钮任务8:数据分析(6分)【任务说明】在车主手机App主页面上，点击底部导航栏“数据分析”,进柱状图：请分析统计2023年上半年使用充电桩的充电次数、充电量和花费，按照月耗电比例进行分析，横坐标为月份，每组纵坐标为充电次数、充电量和花费。折线图：请分析统计2023年3月、5月每百公里耗电量，按照每月耗电量和行驶公里数统计，横坐标为月份，每组折线点显示耗电量、行驶里程和平均百公里耗电量。模块三应用部署测试模块时长：2小时模块分值：25分本模块重点考查选手应用系统测试能力，基于移动跨平台应用开发生态系统，围绕车主App、中控大屏App、智能充电家用版App和智能充电商用版小程序，进行应用系统部署、测试用例编写、功能1.部署移动跨平台应用开发生态系统待测应用。2.根据“移动跨平台应用开发生态系统中控大屏功能范围.pdf”,撰写测试用例文档，并进行功能测试，将功能缺陷提交缺陷文档中。3.利用Postman工具进行API接口测试，并导出Api.json脚本。撰写产品操作手册文档。5.本模块竞赛结束前，选手上述成果物测试用例.xlsx、缺陷分压缩包内，并提交压缩包文件。任务1:应用功能测试(10分)根据“移动跨平台应用开发生态系统中控大屏功能范围.pdf”中描述的功能范围，撰写测试用例文档(具体测试用例数量如表1所示，测试用例格式如表2所示)并进行全范围功能测查，找出特定的10个Bug,根据找出的Bug进行缺陷分析，分析Bug出现的原因，将Bug填写到“缺陷分析.docx”中，缺陷分析填写样例如表3所示。说明1中控大屏-Launcher桌面本功能模块编写至少10个测试用例2中控大屏-空调设置本功能模块编写至少10个测试用例3中控大屏-车辆信息本功能模块编写至少10个测试用例4用例用例1.车辆信息空调启动中控大屏点击中控大屏组件内的电池信息显示电池详情，信息为总功率、总扭矩表3缺陷分析填写样例表点击中控大屏-车辆信息，没有显示车身信1.用户启动中控大屏；2.点击车辆信息；车辆信息缺陷分析原因1.【车辆信息详情页】功能未开发；2.未连接网络，导致数据请求失败截图任务2:API接口测试(10分)利用Postman测试工具，根据移动跨平台应用开发生态系统API文档，进行自动化API接口测试，并导出Api.json文件。任务3:撰写产品操作手册(5分)对移动跨平台应用开发生态系统中控大屏功能进行梳理分析，利用产品操作手册(模板).docx文件编写产品操作手册，具体规范如第一部分：编写待测App的产品定位中心叙述，罗列核心功能点名称与运行待测App的运行基础环境。将功能变得具体化、形象化，便于读者理解具体内容，增强说服力。第三部分：编写需要指出使用待测App的常规注意事项进行说明，提示用户规避使用不规范操作等。12024年全国职业院校技能大赛移动应用设计与开发赛项(高等职业教育组)竞赛试题(04卷)2竞赛说明一、竞赛主题21世纪以来，随着各项科技迅猛发展，多元化技术革命创新正在给我们的衣食住行，带来全新的数字人工智能体验，各行各业都搭乘二十大强调了推动战略性新兴产业发展的重要性，战略性新兴产业包括新一代信息技术等九大产业，是引导未来经济社会发展的重要力量。在数字化时代，移动终端已经渗透到各个行业和生活场景中，如手机、智能电视、可穿戴设备、车载大屏、医疗设备等。通过车主手机App、中控大屏移动终端App、智能充电(家用版App和商用版小程序)实现跨移动多终端的信息共享和交换，构建了一个移动跨平台比赛时间为8小时，考核“产品原型设计”“移动应用开发”和“应用部署测试”三个模块，具体如下表所示：竞赛时间模块一2小时25分模块二移动应用开发4小时50分2小时25分三、竞赛成果物提交参赛选手根据分配的账号登录系统，在竞赛结束前分别将模块一、模块二、模块三的成果物上传并提交至竞赛服务器。3提交、部署的文档、原型、代码等资源内容中不能填写与选手相关的信息，如工位号、姓名和院校。如出现上述标记，本模块成绩按模块一产品原型设计一、模块考核点模块时长：2小时模块分值：25分本模块以产品原型设计为目标，基于移动跨平台应用开发生态系统，围绕车主手机App、中控大屏移动终端App、智能充电(家用版App和商用版小程序),对产品进行理解、分析，编制规范的需求规格说明书，熟练使用UI设计软件进行产品原型设计，绘制出符合业务逻辑和人体工学的高保真产品原型图，为后续的产品开发和优化奠二、任务要求1.使用给定的“需求规格说明书(模板).docx”和相关软件进行需求分析文档编制，编制对应业务用例图、流程图/活动图、时序图和2.使用原型设计工具(如Photoshop,AdobeXD或AxureRP,原型设计工具二选一即可)创建“产品原型”项目，并进行高保真原型绘制，使之符合移动应用UI设计规范，同时实现原型界面之间交互4(1)软件原型绘制时，界面文件命名规范，各界面尺寸如下表：应用16.0英寸及以上2中控大屏移动终端包括仪表屏、主屏、副屏12.3英寸及以上15.6英寸及以上15.6英寸及以上36.6英寸及以上4智能充电商用版小程序小程序6.6英寸及以上(2)当内容超出高度区域时，设置滚动区域来显示内容。(3)画板要对齐，界面版式布局合理、美观，内容完整；同样功能请复用样式，避免一种功能、两种样式的情况。(4)原型要有交互设计内容，用户体验良好。检查存在的漏洞，防止出现异常流程和内容状态。压缩包内，并提交压缩包文件。裁判评分以提交内容作为评分依据。三、竞赛任务参赛选手根据客户提供的任务需求描述，按照模块一的任务要求，完成“需求规格说明书.docx”撰写，以及“产品原型.rp”或“产品原任务1:绘制“倒车全显”模块界面原型(5分)【任务说明】51.车辆中控大屏开启，车辆挂入R挡时，主屏显示360度全景App界面，实现360度全景App倒车影像界面，界面分为影像区和(1)影像区占屏幕高度80%,画面分为左右两个部分。画面左侧显示汽车倒车影像部分，显示车后方视频影像，并在车后方视频上绘制一个绿色长方形的倒车辅助线。画面右侧显示360度全景实时影像，影像左侧显示设备左摄像头影像、右侧显示设备右摄像头影像、上部分显示设备前摄像头影像、下部分显示设备后摄像头影像、中间显示汽车贴图模拟真实效果，摄像头画面方向统一为以汽车贴图为中心的360度全景影像(梯形图像拼接)。(2)底部功能区占屏幕高度20%。左侧显示两个图标，依次排开为【专注】【关闭】。点击【专注】出现上拉列表：前、后、左、右、360度，五个选项点击后影像部分显示对应摄像头画面。任务2:绘制“仪表盘”和“主屏”车辆信息界面原型(4分)【任务说明】1.实现中控大屏仪表屏的车辆信息界面和中控大屏主屏的车辆信(1)中控大屏仪表屏车辆信息界面，左侧部分显示汽车转数表，右侧部分显示汽车时速表，转数表和时速表均为圆形，中间显示车辆信息，包括电池电量、总公里数、平均车数和平均耗电量。6(2)中控大屏主屏车辆信息App界面分为7部分：基本信息、电动机信息、电池信息、车身信息、底盘/转向信息、车轮/制动信息、胎压监测，并以卡片的形式呈现。1)基本信息：点击【基本信息】进入基本信息界面，左上角【返回】可跳转车辆信息主界面。以列表形式显示车主姓名、车辆品牌、车架号、制造国、制造厂商、制造年月、整车型号、车辆识别代号(VIN)、最大设计总质量、核载人数、最高车速、百公里加速。2)电动机信息：点击【电动机信息】进入电动机信息界面，左上角【返回】可跳转车辆信息主界面。以列表形式显示总功率、总扭矩、前电动机最大功率、前电动机最大扭矩、后电动机最大功率、后电动机最大扭矩、纯电续航里程、电机结构、电机工作原理、电机布局、电机型号、电机峰值功率。3)电池信息：点击【电池信息】进入电池信息界面，左上角【返回】可跳转车辆信息主界面。以列表形式显示电池容量、电池品牌、百公里耗电量、电池冷却方式、电池能量密度、快充时间、快充电量、动力电池系统额定电压、动力电池系统额定容量。4)车身信息：点击【车身信息】进入车身信息界面，左上角【返回】可跳转车辆信息主界面。以列表形式显示长宽高、轴距、前后轮距、整备质量、行李箱容积。75)底盘/转向信息：点击【底盘/转向信息】进入底盘/转向信息界面，左上角【返回】可跳转车辆信息主界面。以列表形式显示驱动形式、前悬挂类型、后悬挂类型、转向助力形式。6)车轮/制动信息：点击【车轮/制动信息】进入车轮/制动信息界面，左上角【返回】可跳转车辆信息主界面。以列表形式显示前后制动器类型、驻车制动类型、前轮胎规格、后轮胎规格、轮毂材质、7)胎压监测：点击【胎压监测】进入胎压检测模块界面，分为胎压监测、历史记录两个模块，并以卡片形式呈现。左上角【返回】可跳转车辆信息主界面。任务3:绘制“空调”模块界面原型(4分)【任务说明】1.车辆中控大屏开启时，点击中控大屏主屏空调App图标，进入空调控制页面。左上角【返回】跳转中控首页。主控屏页面中间位置显示车内温度。在副屏幕页面显示OFF按钮、t/↓按钮、外循环按钮、内循环按钮，分别代表空调开关、自动空调温度调节按钮以及空2.点击OFF按钮关闭空调返回中控首页。3.点击外循环/内循环按钮，不显示车内温度。显示中控大屏前后排座椅模型空气循环方式动画。2秒后不显示模型显示车内温度。8任务4:绘制“智能充电商用版小程序-订单”模块界面原型(4【任务说明】1.智能充电商用版小程序中，在首页点击底部菜单【订单】,进入订单列表页，页面分为三部分，顶部显示页面标题，标题下方显示订单状态标签，标签下方显示列表项。(1)订单状态标签：包括进行中、待支付和已完成。(2)进行中列表项：展示订单编号、开始时间、充电站名称、充电桩名称、充电桩编号、已充电量、充电时长、预计剩余时长和结束充电按钮；点击列表项进入订单详情。(3)待支付列表项：展示订单编号、开始时间、充电站名称、充点击列表项进入订单详情。(4)已完成列表项：展示订单编号、开始时间、充电站名称、充电桩名称、充电桩编号、充电量、充电时长和支付金额；点击列表项2.进入订单详情页，详情页顶部显示订单标题，下方展示订单状态、订单编号、终端信息、充电信息、费用信息和支付信息。(1)终端信息：充电站名称、充电桩编号和充电桩名称。(2)充电信息：开始充电时间、结束充电时间、已充电量、充电时长、车牌号和车辆型号。9(3)费用信息：订单总额、电费、服务费和实付金额。(4)支付信息：支付金额、支付方式和支付时间。任务5:绘制“汽车维保”模块界面原型(4分)【任务说明】1.进入车主App维保预约界面，界面顶部显示标题栏，标题栏右侧显示【维保历史】按钮，界面内容部分显示预约表单，界面底部显示【预约提交】按钮，预约表单包括维保类店)、预约日期、预约时间、维保车辆、车牌号码、联系人姓名、联系电话，维保类型包括常规保养和车辆维修，默认为常规保养。选择维保类型为车辆维修时，预约表单下方显示维修方案和电子签名区域，2.点击【维保历史】按钮进入