2027年新疆职业院校技能大赛高职组移动应用设计与开发赛项样题文章目录2027年新疆职业院校技能大赛高职组移动应用设计与开发赛项样题任务一 产品原型设计任务 1绘制“生态环保首页”模块界面原型6分任务 2绘制“积分捐赠”模块界面原型6 分任务 3绘制“公司回收”模块界面原型6分任务 4绘制“环保中心”模块界面原型7分任务二 移动应用开发任务1车主APP-登录模块10分任务2车主APP-车主首页15分任务3车主App-汽车维保15分任务4中控大屏-空调15 分任务三 应用部署测试任务1应用功能测试10分任务2撰写产品操作手册10分本套题目全模块答案及配套文件可联系博主获取联系方式在电脑端博客主页左下方任务一 产品原型设计一、考核点分值20分。本任务重点考查参赛选手收集、分析和归纳客户需求清晰梳理业务流程编制规范的需求规格说明书熟练使用UI设计软件进行产品UI/UE设计掌握正确的UI设计方案设计出符合业务逻辑和人体工学的移动应用原型的能力。二、任务要求1.根据给定的竞赛任务需求说明利用“需求规格说明书 (模板) .docx”和相关工具软件 (如Visio 等)归纳模块关键需求绘制对应业务流程图、用例图、时序图并分析数据需求绘制E-R图完成“需求规格说明书.docx”文档编写。2.利用原型设计工具创建项目“产品原型” 根据给定的竞赛任务需求说明使用原型设计工具和图片处理软件进行软件原型设计使之符合UI设计规范同时实现原型界面之间交互的功能。1软件原型绘制时界面文件命名规范各界面尺寸如下表序号应用操作系统屏幕尺寸屏幕分辨率1生态环保 AppAndroid 手机6.0 英寸及以上1080×23402当内容超出高度区域时设置滚动区域来显示内容。3画板要对齐界面版式布局合理、美观内容完整 同样功能请复用样式避免一种功能、两种样式的情况。4原型要有交互设计内容 用户体验良好。检查存在的漏洞防止出现异常流程和内容状态。3.将最终完成的“需求规格说明书.docx”文档设计稿源文件统一保存在“产品原型”进行提交。三、竞赛任务参赛选手根据客户提供的任务需求描述按照任务一的所有任务要求完成“需求规格说明书.docx”撰写以及“产品原型”设计。任务 1绘制“生态环保首页”模块界面原型6分【任务说明】1.生态环保App的环保中心页面显示用户头像、累计收益、回收次数、积分、积分记录入口、兑换记录入口、我的贡献入口、收入记录入口、设置入口。2.主页顶部显示搜索框和轮播图。3.中上部显示快捷功能入口包括回收分类、旧物去向、附近回收机、积分商城以图标和名称为单元宫格方式显示。4.中下部显示预约上门回收按钮、回收步骤和爱心活动列表爱心活动列表项包括图片和标题。5.底部显示导航栏采用图标加文字方式显示图标在上文字在下共4个图标分别为首页、环保中心、积分捐赠、数据分析。任务 2绘制“积分捐赠”模块界面原型6 分【任务说明】1.页面顶部导航栏展示返回按钮和搜索框。2.界面标题栏显示活动详情标题显示活动标题、发布人员、活动图片和详情文章底部显示捐献积分按钮。3.捐献积分模态框中显示输入捐献积分标题、输入框、关闭按钮和立即捐赠按钮。任务 3绘制“公司回收”模块界面原型6分【任务说明】1.界面显示搜索栏和公司列表公司列表项包括公司名称、图片、位置、营业时间、联系电话和立即下单按钮。2.公司详情界面显示标题栏、公司名称、图片、位置、预约量、联系电话和详情介绍界面底部显示预约上门回收按钮。任务 4绘制“环保中心”模块界面原型7分【任务说明】1.生态环保App的环保中心页面显示用户头像、累计收益、回收次数、积分、积分记录入口、兑换记录入口、我的贡献入口、收入记录入口、设置入口。2.积分记录页面上方标签栏显示本页面标题页面内显示积分记录列表列表项包括获得积分途径、时间、积分数。任务二 移动应用开发一、考核点分值55 分。重点考查参赛选手的移动应用软件设计、移动应用编码开发的能力具体包括参赛选手按照工作任务书的要求遵循移动应用开发流程和规范进行应用架构设计并利用uni-app框架或Java或Kotlin技术完成任务要求的应用模块的代码编写使用提供的标准化后端服务接口(RESTful API)进行业务数据获取完成业务功能开发。二、任务要求1.利用移动开发工具 Android Studio 、HbuilderX工具打开对应的初始框架项目按照任务描述完成APP功能开发。2.APP界面版式应布局合理、美观内容完整用户体验良好。3.APP需要与服务器数据交互使用假数据则对应模块分值为0分。4.APP要有交互设计内容用户体验良好。5.将最终项目工程代码放置在“Module_B”文件夹中。需对应用进行打包将生成的APK包重命名为对应应用名称的包名并放置到“Module_B”文件夹中。将“Module_B”文件夹打包为压缩文件“Module_B.zip”。6.后端服务接口地址http://192.168.1.100:8080。参考7.App UI 尺寸自动适配开发电脑中提供的模拟器 UI手机和Pad、命名规范、应用名称发布版本和界面尺寸如下表三、竞赛任务参赛选手按照任务要求完成所有移动应用功能开发任务。任务1车主APP-登录模块10分【任务说明】启动车主手机应用进入手机登录页面该模块需要实现用户的注册、登录功能。1.启动应用进入登录页面。页面上方显示产品Logo中部显示标题“账号”、账号输入框、标题“密码”、密码输入框。下方显示、忘记密码按钮、登录按钮和用户注册按钮。2.用户名和密码输入框、登录按钮均为圆角样式。用户名输入框只能输入大小写字母或数字其他无法输入最长输入10位。密码输入框默认密文显示具有显示与隐藏按钮点击可以实现显示或隐藏密码功能。3.点击登录按钮判断用户名和密码框是否为空如果为空请提示友好错误不为空的情况下请求API用户名和密码正确后跳转到首页反之显示友好的错误提示。4.通过点击登录页面的【用户注册】按钮进入到注册页面。页面中输入项包含账号、姓名、手机号、邮箱、密码和确认密码每个输入框都具有左侧图标和圆角。5.各输入项不能为空且满足如下校验规则账号只能输入字母或数字姓名只能输入字母或数字输入不能超过12位手机号必须合法(13/15/17/18开头的11位手机号); 邮箱必须合法例如xxxx.xx密码为6-10位且只能输入字母或数字确认密码输入内容需要和密码一致。6.点击【提交】按钮后判断输入项是否满足要求不满足提示对应错误输入项满足后请求API注册成功后跳转到登录页面注册失败后根据API返回的失败内容进行友好提示。7.点击左上角返回按钮返回到登录页。任务2车主APP-车主首页15分【任务说明】用户登录成功后进入车主首页首页包含“车辆”、“服务”、“我的”三个模块。其中车辆模块主要实现车辆绑定、车辆远程控制、智能钥匙等功能。车辆首页根据车辆的绑定状态展示不同的形式。1.在未绑定车辆状态下车辆模块首页面顶部展示缺省的车辆图片图片下方展示【绑定车辆】按钮。按钮下方展示功能入口分别为【远程控制】、【智能钥匙】。2.在已绑定车辆状态下车辆模块首页面顶部展示车辆型号、车辆图片图片下方展示车辆的“剩余油量”、“续航里程”信息每个信息包含图标、标题、数值。信息下方展示车辆的模块控制按钮如“发动机”、“车锁”、“空调”、“车窗”等每个模块按钮包含图标和文字采用上图下文方式展示每行展示4个模块超出部分可以通过左右滑动形式进行切换展示。控制按钮下方展示三个功能入口分别为【远程控制】、【智能钥匙】。任务3车主App-汽车维保15分【任务说明】进入车主手机 App 首页显示车主服务模块车主服务模块分为维保预约、维保历史。点击车主服务模块中的【维保预约】进入维保预约页面页面顶 部显示标题栏标题栏右侧显示【维保历史】按钮页面内容部分显 示预约表单页面底部显示【预约提交】按钮预约表单包括维保类型、城市、维保服务站4S 店、预约日期、预约时间、维保车辆、车牌号码、联系人姓名、联系电话维保类型包括常规保养和车辆维修默认为常规保养。1选择维保类型为车辆维修时预约表单下方显示维修方案 和电子签名区域 维修方案包括更换零件、维修类目、单项价格、维修总价、维修周期在签名区域手写签名确认后方可提交。2完成预约表单信息后点击【预约提交】按钮进行提交 提交成功后进入支付页面支付成功后返回首页可在维保历史页面中查看预约记录。点击首页车主服务模块中的【维保历史】进入维保历史页面页 面顶部显示标题栏标题栏下方显示维保历史记录条数和历史列表 维保历史列表项包括工单号、维保类型、维保日期、送修时间、维保费用和维保状态。任务4中控大屏-空调15 分【任务说明】1.车辆中控大屏开启时点击中控大屏主屏空调 App 图标进入空调控制页面中控大屏主屏页面中间位置显示车内温度。在中控大屏副屏页面显示 OFF 按钮、上下箭头按钮、外循环按钮、内循环按钮分别代表空调开关、温度调节按钮、空气循环方式按钮。2.点击 OFF 按钮空调系统关闭 温控设备停止运行页面中央位置提示空调系统已关闭 2 秒后返回中控首页。3.点击外循环/内循环按钮温度显示隐藏。显示前后排座椅模型空气动画循环方式。2 秒后模型隐藏车内温度显示。任务三 应用部署测试一、考核点分值15分重点考查选手应用系统测试能力基于移动跨平台应用开发生态系统围绕车主App、中控大屏App、智能充电家用版App和智能充电商用版小程序进行应用系统部署、测试用例编写、功能测试、API自动化测试以及文档编写。二、任务要求1.部署移动跨平台应用开发生态系统待测应用。2.根据“移动跨平台应用开发生态系统车主手机功能范围.pdf”撰写测试用例文档并进行功能测试将功能缺陷提交缺陷文档中。3.利用Postman工具进行API接口测试并导出Api.json脚本。4.根据“移动跨平台应用开发生态系统车主手机功能范围.pdf”撰写产品操作手册文档。5.竞赛结束前选手上述成果物测试用例.xlsx、缺陷分析.docx、Api.json、产品操作手册.docx添加到“应用部署测试.zip”压缩包内并提交压缩包文件。三、竞赛任务任务1应用功能测试10分根据“移动跨平台应用开发生态系统车主手机功能范围.pdf”中描述的功能范围撰写测试用例文档具体测试用例数量如表1所示测试用例格式如表2所示并进行全范围功能测查找出特定的20个Bug根据找出的Bug进行缺陷分析分析Bug出现的原因将Bug填写到“缺陷分析.docx”中缺陷分析填写样例如表3所示。表1 功能模块说明序号功能模块说明1车主手机功能范围-登录注册本功能模块编写至少10个测试用例2车主手机功能范围-首页本功能模块编写至少10个测试用例3车主手机功能范围-车辆信息本功能模块编写至少10个测试用例4车主手机功能范围-车主服务本功能模块编写至少10个测试用例5车主手机功能范围-我的本功能模块编写至少10个测试用例表2 功能测试填写样例表系统模块用例编号用例描述前置条件操作步骤预期结果测试结果1.登录1.1.1密码登录用户确保已注册用户名和密码输入正确的用户名、密码点击登录点击登录后提示“登录成功”字样跳转至车主手机App首页测试通过…表3 缺陷分析填写样例表缺陷编号001缺陷简要描述点击车主服务模块中的【维保预约】进入维保预约页面无响应。缺陷重现步骤1.用户成功登录系统2.进入车主App首页3.点击首页【维保预约】按钮。涉及功能模块车主App缺陷分析原因1.【维保预约】功能未开发2.【维保预约】按钮失效。缺陷图示注裁剪截图每页放置两个缺陷内容任务2撰写产品操作手册10分对移动跨平台应用开发生态系统车主手机功能进行梳理分析利用产品操作手册.docx文件编写产品操作手册具体规范如下描述第一部分编写待测App的产品定位中心叙述罗列核心功能点名称与运行待测App的运行基础环境。第二部分编写上述功能点的指导说明准确叙述用户操作行为将功能变得具体化、形象化便于读者理解具体内容增强说服力。第三部分编写需要指出使用待测App的常规注意事项进行说明提示用户规避使用不规范操作等。