企业官网建设流程全解析

商城类网站主要分为哪些模块,烟台网站建设报价,湖南网页设计培训网站建设,网站贸易表格怎么做2026年河北省职业院校技能大赛高职组移动应用设计与开发赛项样题 文章目录2026年河北省职业院校技能大赛高职组移动应用设计与开发赛项样题模块一#xff1a;产品原型设计任务1#xff1a;绘制“左转向视频显示”模块界面原型任务2#xff1a;绘制“仪表盘”和“主屏”媒体播…2026年河北省职业院校技能大赛高职组移动应用设计与开发赛项样题文章目录2026年河北省职业院校技能大赛高职组移动应用设计与开发赛项样题模块一产品原型设计任务1绘制“左转向视频显示”模块界面原型任务2绘制“仪表盘”和“主屏”媒体播放界面原型任务3绘制“多媒体播放器”模块界面原型任务4绘制“空调”模块界面原型任务5绘制“一键启动”模块界面原型任务6绘制“天气”模块界面原型模块二移动应用开发任务1中控大屏-Launcher桌面任务2中控大屏-车辆信息任务3中控大屏-天气显示任务4车主手机App-汽车维保任务5中控大屏-应用市场任务6数据分析模块三应用部署测试任务1应用功能测试任务2API接口测试任务3撰写产品操作手册模块四展示讲解内容河北省赛移动应用开发培训可联系博主模块一产品原型设计一、模块考核点模块分值20分本模块以产品原型设计为目标基于移动跨平台应用开发生态系统围绕车主手机App、中控大屏移动终端App、智能充电(家用版App和商用版小程序)对产品进行理解、分析编制规范的需求规格说明书熟练使用UI设计软件进行产品原型设计绘制出符合业务逻辑和人体工学的高保真产品原型图为后续的产品开发和优化奠定坚实的基础。二、任务要求1.使用给定的“需求规格说明书模板.docx”和相关软件进行需求分析文档编制编制对应业务用例图、流程图/活动图、时序图和模块概要设计说明。2.使用原型设计工具如Photoshop、AdobeXD或AxureRP原型设计工具二选一即可创建“产品原型”项目并进行高保真原型绘制使之符合移动应用UI设计规范同时实现原型界面之间交互功能。1软件原型绘制时界面文件命名规范各界面尺寸如下表序号应用操作系统屏幕尺寸屏幕分辨率1车主手机AppAndroid 手机6.0英寸及以上1080×23402中控大屏移动终端包括仪表屏、主屏、副屏Android Pad12.3英寸及以上15.6英寸及以上15.6英寸及以上1920×7201920×10801920×10803智能充电家用版App鸿蒙 手机6.6英寸及以上1280×27004智能充电商用版小程序小程序6.6英寸及以上1280×27002当内容超出高度区域时设置滚动区域来显示内容。3画板要对齐界面版式布局合理、美观内容完整同样功能请复用样式避免一种功能、两种样式的情况。4原型要有交互设计内容用户体验良好。检查存在的漏洞防止出现异常流程和内容状态。3.竞赛结束前选手将上述成果物“需求规格说明书.docx”“产品原型.rp”或“产品原型.xd”两个文件添加到“产品原型设计.zip”压缩包内并提交压缩包文件。裁判评分以提交内容作为评分依据。三、竞赛任务参赛选手根据客户提供的任务需求描述按照模块一的任务要求完成“需求规格说明书.docx”撰写以及“产品原型.rp”或“产品原型.xd”设计。任务1绘制“左转向视频显示”模块界面原型【任务说明】1.在车辆中控大屏开启时车辆打开左转向时主屏显示360度全景App界面实现360度全景App左转向界面界面分为影像和功能区上下两部分。1影像区域占屏幕高度80%画面分为左右两个部分。画面左侧显示汽车左转向部分显示车左方视频影像并在视频前方显示绿色的左转辅助线。画面右侧显示360度全景时时影像影像左侧显示设备左摄像头影像、右侧显示右摄像头影像、上部分显示前摄像头影像、下部分显示设备后摄像头影像、中间显示汽车贴图模拟真实效果摄像头画面方向统一以汽车贴图为中心的360度全景影像梯形图像拼接。2底部功能区占屏幕高度20%。左侧显示二个图标依次排开为:【专注】、【关闭】。点击【专注】出现上拉列表前、后、左、右、360度五个选项点击后影像部分显示对应摄像头画面。任务2绘制“仪表盘”和“主屏”媒体播放界面原型【任务说明】1.实现中控大屏仪表屏媒体播放界面和中控大屏主屏的媒体播放App界面。1中控大屏仪表屏媒体播放界面左侧部分显示汽车转数表右侧部分显示汽车时速表转数表和时速表均为圆形中间显示媒体播放列表列表项包括歌曲名和歌手。2中控大屏主屏媒体播放界面左侧显示切换栏包括音乐、发现、我的列表、详细信息和设置首次进入左侧为音乐功能右侧音乐详细信息。1音乐右侧显示音乐列表列表项包括歌曲名、歌手和歌曲时间。2发现右侧上面显示搜索栏可以通过搜索栏进行歌曲搜索输入歌名点击搜索下面展示歌曲列表项列表项包括歌曲名、歌手和歌曲时间。3我的列表右侧显示我收藏的音乐列表信息包括列表项包括歌曲名、歌手和歌曲时间。4详细信息右侧显示歌曲名称、歌手名称、歌曲海报、音乐进度条和【收藏】按钮。5设置右侧显示音量调节进度条可以左右拉进行调节音量。任务3绘制“多媒体播放器”模块界面原型【任务说明】在中控大屏主屏中点击多媒体播放器App进入主界面App主界面和媒体播放界面两部分。1.主界面用卡片列表展示该设备中所有的视频信息卡片上半部分展示该视频的预览图下半部分显示视频名称和“上次看到xx分xx秒”信息。2.点击对应的视频卡片弹出选择框可选择【主屏、副驾屏同时播放】和【仅副驾屏播放】选择后点击确定对应的屏幕会进入视频播放界面并播放所选择卡片对应的视频。视频播放器界面默认整屏播放视频当点击正在播放的视频时左上角显示【返回】按钮点击【返回】则主屏回到多媒体播放器App主界面。视频播放界面下方显示视频播放器工具栏工具栏上半部分显示【快进】【快退】【暂停/继续播放】、【其他视频】按钮点击【其他视频】按钮可弹出视频列表弹层以列表的形式展示其他视频界面播放工具栏下半部分显示视频的【当前播放时长】、【总时长】、和【视频进度条】。任务4绘制“空调”模块界面原型【任务说明】1.车辆中控大屏开启时点击中控大屏主屏空调App图标进入空调控制页面。左上角【返回】跳转中控首页。主控屏页面中间位置显示车内温度。在副屏幕页面显示OFF按钮、↑/↓按钮、外循环按钮、内循环按钮分别代表空调开关、自动空调温度调节按钮以及空气循环方式按钮。2.点击OFF按钮关闭空调返回中控首页。3.点击外循环/内循环按钮不显示车内温度。显示中控大屏前后排座椅模型空气动画循环方式。2s后不显示模型显示车内温度。任务5绘制“一键启动”模块界面原型【任务说明】1.进入车主手机App点击底部菜单【爱车】按钮进入远程控制界面。页面分为四部分顶部显示我的爱车标签标签下方显示车辆信息车辆信息下方显示字体图标与文字上下组合功能按钮底部显示菜单并位置固定。1车辆信息包括车辆3D模型、剩余里程、剩余电量。2车辆3D模型通过旋转和缩放汽车模型可从各个角度查看车辆的外观和设计细节。3中部功能按钮包括车锁、车窗、后备厢、闪灯鸣笛、闪灯。4底部菜单包括首页、爱车和我的点击菜单进入对应的页面。任务6绘制“天气”模块界面原型【任务说明】1.进入中控大屏打开天气App进入天气App主页面该主页面分为两部分分别为主屏显示部分和副屏显示部分。2.主屏显示1顶部展示当前城市名称、当前天气晴天、多云、雨天、雪天等、最高温度和最低温度。2中部显示当前湿度例如“湿度65%”3底部显示当前风速例如“风速5 km/h”4城市列表可根据城市列表选择城市切换成所选城市的天气数据页面并且副屏的显示的数据也会切换成对应城市的天气数据。3.副屏显示1顶部显示未来七天的日期。2中部显示未来七天的最高温度和最低温度例如“15°C - 25°C”。3底部天气状况显示未来几天的天气情况如“晴天”、“多云”、“雨天”等并使用相应的图标来表示天气状况。模块二移动应用开发一、模块考核点模块分值45分本模块重点考查选手业务编码能力基于移动跨平台应用开发生态系统编程实现车主App、中控大屏App、智能充电家用版App和智能充电商用版小程序。二、任务要求AppUI尺寸自动适配开发电脑中提供的模拟器UI手机和Pad、命名规范、应用名称发布版本和界面尺寸如下表*序号**应用**操作系统**屏幕尺寸**屏幕分辨率**应用名称*1车主手机AppAndroid手机6.0英寸及以上1080×2340CarOwners.apk2中控大屏移动终端包括仪表屏、主屏、副屏Android Pad12.3英寸及以上15.6英寸及以上15.6英寸及以上1920×7201920×10801920×1080DIC.apkIVIZTaskX.apkIVIFTaskX.apk3智能充电家用版App鸿蒙 手机6.6英寸及以上1280×2700Charge.hap4智能充电商用版小程序小程序6.6英寸及以上1280×2700dist2(目录)竞赛结束前选手将上述成果物添加到“移动应用开发.zip”压缩包并提交。三、竞赛任务参赛选手根据客户提供的任务描述按照模块二的任务要求完成移动跨平台应用开发生态系统各任务功能开发。任务1中控大屏-Launcher桌面【任务说明】中控大屏主屏进入Launcher 桌面App1、屏幕左侧显示卡片栏天气、时间、汽车信息。1天气卡片展示当前温度和天气情况点击天气卡片在右侧显示具体天气情况。2时间卡片展示当前时间、年月日。2、屏幕底部显示快捷启动栏。1底部快捷启动栏可均匀放置三个App快捷启动栏背景为白色透明圆角。首次进入显示三个“”图标点击“”图标弹出App选择框选择App可将对应App添加到快捷启动栏中。任务2中控大屏-车辆信息【任务说明】在中控大屏主屏中点击车辆信息App进入车辆信息模块该模块分为六部分基本信息、电动机信息、电池信息、车身信息、底盘/转向信息、车轮/制动信息。1基本信息显示车主姓名、车辆品牌、车架号信息。2电动机信息显示总功率、总扭矩信息。3电池信息显示电池容量、电池品牌、百公里耗电量信息。4车身信息显示长宽高、轴距、前后轮距、整备质量、后备厢容积等5项信息。5底盘/转向信息显示驱动形式、前悬挂类型、后悬挂类型、转向助力形式等4项信息。6车轮/制动信息显示前后制动器类型、驻车制动类型、前轮胎规格、后轮胎规格、轮毂材质、备胎规格等6项信息。任务3中控大屏-天气显示【任务说明】在中控大屏主屏中点击【天气】进入天气App显示如下1.中控大屏主屏中显示当前城市名当前天气晴天、多云、雨天、雪天等最高温度和最低温度中部展示湿度显示当前湿度例如“湿度65%”底部显示风速显示当前风速例如“风速5km/h”城市列表可根据城市列表选择城市切换成所选城市的天气数据并且切换数据时中控大屏副屏的显示数据也会切换成对应程序的天气数据实现多屏同显和异显。2.当中控大屏主屏点击城市列表选择城市选中城市的城市名、当前天气、最高温度、最低温度、湿度、风速同时在中控大屏仪表屏中同步显示该内容实现多屏同显和异显。任务4车主手机App-汽车维保【任务说明】进入车主手机App首页点击底部导航菜单【服务】模块进入车主服务模块该模块中显示维保预约、维保历史功能。1点击车主服务模块中的【维保预约】进入维保预约页面页面顶部显示标题栏标题栏右侧显示【维保历史】按钮。页面内容部分显示预约表单。表单第一行显示维保类型维保类型包括【常规保养】、【车辆维修】进入页面后默认选中常规保养。① 当选择维保类型为常规保养时预约表单包括维保类型、城市、维保服务站4S店、预约日期、预约时间、维保车辆、车牌号码、联系人姓名、联系电话。点击【提交预约】按钮进行提交提交成功后返回车主服务页可在维保历史页面中查看预约记录。② 当选择维保类型为车辆维修时预约表单包括维保类型、城市、维保服务站4S店、预约日期、预约时间、维保车辆、车牌号码、联系人姓名、联系电话。预约表单内容下方显示维修方案和电子签名区域维修方案包括更换零件、维修类目、单项价格、维修总价、维修周期。在签名区域手写签名完成预约表单信息后点击【提交预约】按钮进行提交提交成功后进入支付页面支付成功后返回首页可在维保历史页面中查看预约记录。2点击车主服务模块中的【维保历史】进入维保历史页面页面顶部显示标题栏标题栏下方显示维保历史记录条数和历史列表维保历史列表项包括工单号、维保类型、预约日期、预约时间、维保费用和维保状态。任务5中控大屏-应用市场【任务说明】1.在中控大屏主屏中点击应用市场进入应用市场页面页面包括推荐App内容搜索菜单、更新菜单。2.App推荐卡片卡片内容为App图标、背景、名称、介绍、【下载】按钮点击【下载】按钮进行App下载安装。卡片下方展示专题列表专题列表为本周热门App列表列表包括App名称、App缩略图、下载次数、【下载】按钮点击【下载】按钮可下载对应App管理服务端可进行App上传推荐状态的修改等功能。3.点击搜索菜单跳转至搜索页面在搜索页面输入应用名称点击【搜索】按钮可模糊查询应用列表。4.点击更新菜单展示所有可更新的App列表点击更新按钮可进行更新。任务6数据分析【任务说明】在车主手机App主页面上点击底部导航栏“数据分析”进入数据分析页面。1.柱状图请分析2023年上半年使用充电桩的充电次数、充电量和花费按照月耗电比例进行分析横坐标为月份每组纵坐标为充电次数、充电量和花费。模块三应用部署测试一、模块考核点模块分值15分本模块重点考查选手应用系统测试能力基于移动跨平台应用开发生态系统围绕车主App、中控大屏App、智能充电家用版App和智能充电商用版小程序进行应用系统部署、测试用例编写、功能测试、API自动化测试以及文档编写。二、任务要求1.部署移动跨平台应用开发生态系统待测应用。2.根据“移动跨平台应用开发生态系统功能范围.pdf”撰写测试用例文档并进行功能测试将功能缺陷提交缺陷文档中。3.利用Postman工具进行API接口测试并导出Api.json脚本。4.根据“移动跨平台应用开发生态系统功能范围.pdf”撰写产品操作手册文档。5.竞赛结束前选手将上述成果物测试用例.xlsx、缺陷分析.docx、Api.json、产品操作手册.docx添加到“应用部署测试.zip”压缩包内并提交压缩包文件。三、竞赛任务任务1应用功能测试根据“移动跨平台应用开发生态系统功能范围.pdf”中描述的功能范围撰写测试用例文档具体测试用例数量如表1所示测试用例格式如表2所示并进行全范围功能测查找出特定的10个Bug根据找出的Bug进行缺陷分析分析Bug出现的原因将Bug填写到“缺陷分析.docx”中缺陷分析填写样例如表3所示。表1功能模块说明序号功能模块说明1车主手机功能范围-功能1本功能模块编写至少10个测试用例2车主手机功能范围-功能2本功能模块编写至少10个测试用例3车主手机功能范围-功能3本功能模块编写至少10个测试用例4…………表2功能测试填写样例表表3缺陷分析填写样例表任务2API接口测试利用Postman测试工具根据移动跨平台应用开发生态系统API文档进行自动化API接口测试并导出Api.json文件。任务3撰写产品操作手册对移动跨平台应用开发生态系统车主手机功能进行梳理分析利用产品操作手册模板.docx文件编写产品操作手册具体规范如下描述第一部分编写待测App的产品定位中心叙述罗列核心功能点名称与运行待测App的运行基础环境。第二部分编写上述功能点的指导说明准确叙述用户操作行为将功能变得具体化、形象化便于读者理解具体内容增强说服力。第三部分编写需要指出使用待测App的常规注意事项进行说明提示用户规避使用不规范操作等。模块四展示讲解内容一、模块考核点模块分值20分各参赛队需围绕本赛项技能实操部分自行开发的作品展开讲解选手根据实操部分的项目的技能点、功能逻辑等内容依据职业素养、应用价值、团队合作、创新创意等维度进行展示讲解。讲解所涉及的内容等须真实可靠所展示的成果物必须匿名化处理讲解过程中严禁出现个人姓名、学校名称等敏感信息否则视为严重违纪按照0分处理。二、任务要求每组选手时间限制在10分钟以内。主要从技能水平、职业素养、应用价值、团队合作、创新创意等维度考察参赛队伍的整体素养。