2026年广东省职业院校技能大赛高职组移动应用设计与开发赛项样题二文章目录2026年广东省职业院校技能大赛高职组移动应用设计与开发赛项样题二任务一 产品原型设计任务 1绘制“登录与忘记密码”模块界面原型4 分任务 2绘制“景区首页”模块界面原型4分任务 3绘制“找攻略”模块界面原型4 分任务 4绘制“查景点”模块界面原型4 分任务 5绘制“个人中心”模块界面原型4 分任务二 移动应用开发任务1车主APP-登录模块10分任务2车主APP-车主首页10分任务3中控大屏-Launcher 桌面8分任务4数字社区App-用户注册与登录7 分任务5实现【社区首页】功能10分任务6实现【个人中心】功能10分任务三 应用部署测试任务1应用功能测试8分任务2API接口测试3分任务3撰写产品操作手册4分需要竞赛样题源码答案可联系博主ZZ039 移动应用与开发赛项参考答案:移动应用与开发赛项参考答案链接点击跳转任务一 产品原型设计一、考核点分值20分。本任务重点考查参赛选手收集、分析和归纳客户需求清晰梳理业务流程编制规范的需求规格说明书熟练使用UI设计软件进行产品UI/UE设计掌握正确的UI设计方案设计出符合业务逻辑和人体工学的移动应用原型的能力。二、任务要求1.根据给定的竞赛任务需求说明利用“需求规格说明书 (模板) .docx”和相关工具软件 (如Visio 等)归纳模块关键需求绘制对应业务流程图、用例图、时序图并分析数据需求绘制E-R图完成“需求规格说明书.docx”文档编写。2.利用原型设计工具 Adobe XD或者Axure RP 创建项目“产品原型” 根据给定的竞赛任务需求说明使用原型设计工具 Adobe XD或者Axure RP和图片处理软件Adobe Photoshop 进行软件原型设计使之符合UI设计规范同时实现原型界面之间交互的功能。1软件原型绘制时界面文件命名规范各界面尺寸如下表序号应用操作系统屏幕尺寸屏幕分辨率1智慧景区 AppAndroid 手机6.0 英寸及以上1080×23402当内容超出高度区域时设置滚动区域来显示内容。3画板要对齐界面版式布局合理、美观内容完整 同样功能请复用样式避免一种功能、两种样式的情况。4原型要有交互设计内容 用户体验良好。检查存在的漏洞防止出现异常流程和内容状态。3.将最终完成的“需求规格说明书.docx”文档设计稿源文件统一保存在“产品原型.rp”或者“产品原型.xd”进行提交。三、竞赛任务参赛选手根据客户提供的任务需求描述按照任务一的所有任务要求完成“需求规格说明书.docx”撰写以及“产品原型.rp”或“产品原型.xd ”设计。任务 1绘制“登录与忘记密码”模块界面原型4 分【任务说明】1.启动智慧景区应用进入登录页面上方显示产品Logo、游记字样。2.页面中部为登录表单支持账号登录与免密登录点击可进行不同登录方式的切换。3.账号登录表单显示图标和用户名输入框、密码框显示图标和密码输入框、输入框下方显示隐私协议勾选框、忘记密码按钮和登录按钮4.免密登录表单显示图标和手机号输入框、验证码框显示图标、验证码输入框和获取验证码按钮、输入框下方显示隐私协议勾选框、登录按钮和忘记密码按钮。5.底部显示其他登录方式展示微信、qq、新浪图标点击图标可跳转至扫码登录页面可从扫码登录页返回上级页面。6.点击“隐私协议”使用弹窗展示协议内容并在弹窗底部展示“同意”和“不同意”按钮默认选择“同意”按钮点击按钮可关闭弹窗。7.点击“忘记密码”按钮进入忘记密码页面。8.页面分为两步操作第一步通过验证码方式验证手机号标题提示验证手机号码然后需输入手机号和验证码信息点击下一步进入下一页面。9.第二步设置新密码标题提示设置新密码并标明“请输入6-20位数字英文密码”需两次输入密码密码框输入后展示图标通过图标切换密码的明文/密文展示。页面下方展示“完成”按钮。任务 2绘制“景区首页”模块界面原型4分【任务说明】1.登录成功后进入【景区首页】页面。2.页面顶部为标题城市名称、“发现”和“关注”栏目、消息图标。3.默认展示“发现”栏目内容。标题栏下展示搜索框和4个功能入口分别为“选城市”、“看游记”、“选酒店”、“找攻略”以图标文字形式展示。功能入口下方是不同主题栏目的攻略信息如推荐、北上广深等栏目以tab标签形式展示具备选中效果。4.底部导航展示5个栏目分别是“首页”、“攻略”、“”、“酒店”、“我的”以图标文字形式展示。5.攻略信息默认展示“推荐”栏目内容内容展示了推荐的游玩攻略信息攻略信息以卡片覆盖叠加的方式进行展示。置顶的攻略卡片包括景区封面图片、标题、地点、以及收藏按钮。6.点击“关注”栏目切换至关注页面页面展示搜索栏和关注的游记列表列表采用瀑布流布局展示2列。每个游记信息展示景区封面图片、游记标题、发布人头像、发布人昵称和点赞数。任务 3绘制“找攻略”模块界面原型4 分【任务说明】1.点击首页的【找攻略】入口按钮进入找攻略页面。2.页面顶部展示返回按钮和搜素框。3.下方展示攻略、游记、专栏、问答四个tab页签进入找攻略页面默认选中攻略页签。4.找攻略展示精选攻略卡片、热门攻略列表。精选攻略卡片卡片以叠加形式展示每条攻略以上图下文方式展示文字部分展示游记标题、发布人昵称、发布人头像以及发布时间。下方展示热门攻略列表以左图右文方式展示文字部分展示标题、概要、发布人昵称、发布人头像以及发布时间。5.点击游记页签下方可展示看游记内容。6.看游记展示热门游记列表以左图右文方式展示文字部分展示游记标题、概要、发布人昵称、发布人头像以及发布时间。7.点击游记可进入游记详情页面页面顶部导航栏左侧展示返回按钮和用户头像右侧展示分享和收藏按钮。8.页面内容展示游记信息。包含封面图片、游记内容、话题标签、发布时间。9.下方展示对应的评论信息。10.评论以列表形式展示包含用户头像、用户名、评论发送时间、评论内容、点赞数。11.底部展示评论输入框、提交按钮.任务 4绘制“查景点”模块界面原型4 分【任务说明】1.点击首页的【选城市】入口按钮进入选城市页面。2.页面顶部展示返回按钮和搜素框。3.下方展示北京、上海、广州、深圳、杭州、郑州六个tab页签默认选中北京页签点击其他页签可展示不同景点信息。4.页签下方展示当季热推、热度飙升、经典出游三个模块。三个模块需展示对应页签下的景点信息以图片标签的形式展示每个模块至少展示三个景点。5.点击任意景点进入查景点页。页面头部展示返回按钮、搜索框。6.页面内容展示全部、游记、问答、酒店四个tab页签默认选中全部页签。7.页签下方展示景点具体信息包括城市名称、景点信息图片标签、热门话题以标签形式展示、精选游记左图右文文字内容展示标题、内容、用户头像、用户昵称、发布时间、点赞数任务 5绘制“个人中心”模块界面原型4 分【任务说明】1.点击底部导航栏的【我的】入口按钮进入个人中心页面。2.页面顶部展示菜单按钮和设置。3.下方展示用户信息卡片、我的游记、我的问答。4.用户信息卡片展示内容包括头像、昵称、个性签名、关注数、粉丝数、经验值。5.我的游记以瀑布流形式展示4条游记信息、展示内容包括图片、收藏按钮、游记标题、用户头像、用户昵称、点赞数。6.我的问答展示问答卡片列表展示内容包括用户头像、用户昵称、发布时间、发布内容、问答标签、评论数。7.点击菜单按钮进入更多页。8.更多页头部展示返回按钮和页面标题。9.下方展示菜单列表包括我的订单、我的收藏、旅行计划、红包卡券、浏览历史。10.点击我的订单按钮进入我的订单页。11.订单页头部展示返回按钮和页面标题。下方展示订单列表。12.订单列表至少展示3条订单。展示内容包括酒店图标、订单名称、订单状态、酒店图片、酒店名称、房型信息、住店时间、总价、优惠价、实付价、删除订单按钮、评价按钮。点击删除按钮可删除订单。13.点击任意订单可进入订单详情页。14.详情页头部展示返回按钮、页面标题。15.下方展示订单信息。展示内容包括酒店图标、订单名称、订单状态、酒店图片、酒店名称、房型信息、住店时间、总价、优惠价、实付价、订单编号、下单时间、订单金额、预定人。任务二 移动应用开发一、考核点分值55 分。重点考查参赛选手的移动应用软件设计、移动应用编码开发的能力具体包括参赛选手按照工作任务书的要求遵循移动应用开发流程和规范进行应用架构设计并利用uni-app框架或Java或Kotlin技术或HarmonyOS技术完成任务要求的应用模块的代码编写使用提供的标准化后端服务接口(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-车主首页10分【任务说明】用户登录成功后进入车主首页首页包含“车辆”、“服务”、“我的”三个模块。其中车辆模块主要实现车辆绑定、车辆远程控制、智能钥匙等功能。车辆首页根据车辆的绑定状态展示不同的形式。1.在未绑定车辆状态下车辆模块首页面顶部展示缺省的车辆图片图片下方展示【绑定车辆】按钮。按钮下方展示功能入口分别为【远程控制】、【智能钥匙】。2.在已绑定车辆状态下车辆模块首页面顶部展示车辆型号、车辆图片图片下方展示车辆的“剩余油量”、“续航里程”信息每个信息包含图标、标题、数值。信息下方展示车辆的模块控制按钮如“发动机”、“车锁”、“空调”、“车窗”等每个模块按钮包含图标和文字采用上图下文方式展示每行展示4个模块超出部分可以通过左右滑动形式进行切换展示。控制按钮下方展示三个功能入口分别为【远程控制】、【智能钥匙】。任务3中控大屏-Launcher 桌面8分【任务说明】中控大屏主屏启动后进入 Launcher 桌面 。1.屏幕左侧显示卡片栏音视频、天气、时间、汽车信息。1音视频卡片显示正在播放的音视频名称专辑封面底部显示 【上一首】【暂停】【下一首】图标 点击对应图标完成操作。点击专辑封面打开音视频模块。2天气卡片展示当前温度和天气情况和所在城市。3时间卡片展示当前时间、年月日、阴历。4汽车信息卡片 展示行驶距离、出行次数、车内外温度等信息点击卡片唤起车辆信息 App。2.屏幕底部显示快捷启动栏。1底部快捷启动栏可均匀放置五个 App图标快捷启动栏背景为白色透明圆角。首次进入显示五个“”图标 点击“”图标弹出 App选择框选择 App 可将对应 App 添加到快捷启动栏中点击快捷启动栏中的 App 图标则在中控大屏主屏中打开该 App。2长按快捷启动栏中的 App 图标弹出菜单内容为【替换其 App】【副屏启动】点击【替换】弹出 App 选择框选择后可将选中的 App替换至该位置。点击【副屏启动】在中控大屏副启动屏启动此App。任务4数字社区App-用户注册与登录7 分【任务说明】1.启动数字社区应用首先进入引导页页面展示引导背景图、右上角展示胶囊按钮显示【跳过5秒】5秒为倒计时页面底部显示LOGO、应用名称数字社区、应用描述以数字生活提升社区品质倒计时完毕进入登录页或点击按钮直接跳转至登录页2.登录页上方显示欢迎语欢迎登录智慧社区下方显示登录表单包括手机号输入框图标、密码输入框图标、快速注册按钮、忘记密码按钮、登录按钮、隐私协议底部展示其他登录方式包括微信文字图标、支付宝文字图标。3.点击登录按钮需对表单输入信息进行相关校验登录成功跳转至首页。4.点击快速注册按钮可跳转至注册页注册页头部显示返回按钮、页面标题下方显示注册表单表单内容包括手机号输入框、获取验证码按钮点击获取验证码以系统通知形式反馈验证码信息、验证码输入框、密码输入框、姓名输入框、身份证输入框、使用协议、注册按钮。5.点击注册按钮需对表单输入信息进行相关校验注册成功跳转至登录页并可使用注册的账号进行登录登录提示‘账号审批中’即为注册成功。任务5实现【社区首页】功能10分任务说明1.页面顶部左上角显示用户名以及住址右上角显示用户头像。2.显示应用服务入口以图片和名称为单元宫格方式显示手机端每行显示2个分别为“门禁”“缴费”“报修”“报事”。3.下方显示物业服务的入口以图标和名称为单元格方式显示分四列进行显示分别为“快递代收”“家政清洁”“养老护理”“智能充电”“社区医院”“垃圾分类”“宠物服务”。4.下方显示物业公告列表标题和公告列表默认显示五条数据列表数据分别为图标、标题、内容和日期右上角显示【more】按钮。点击按钮跳转至物业公告页页面展示返回按钮、页面标题下方展示公告列表列表展示内容包括图标、标题、内容、时间。5.显示底部导航栏采用图标加文字方式显示图标在上文字在下共4个图标分别为首页、社区、集市、我的。任务6实现【个人中心】功能10分任务说明1.通过主页的导航按钮“我的”进入个人中心页。页面顶部左上角显示用户名以及用户住址信息右上角显示用户头像下方显示菜单列表。2.菜单列表包括我的信息、房屋管理、车辆管理、缴费管理、密码管理菜单项3.点击我的信息跳转至我的信息页页面展示头像、姓名、身份证号、联系电话点击头像可上传头像、底部展示提交按钮修改后点击提交按钮完成修改修改成功跳转至个人中心页任务三 应用部署测试一、考核点分值15分重点考查选手应用系统测试能力基于移动跨平台应用开发生态系统围绕车主App、中控大屏App、智能充电家用版App和智能充电商用版小程序进行应用系统部署、测试用例编写、功能测试、API自动化测试以及文档编写。二、任务要求1.部署移动跨平台应用开发生态系统待测应用。2.根据“移动跨平台应用开发生态系统车主手机功能范围.pdf”撰写测试用例文档并进行功能测试将功能缺陷提交缺陷文档中。3.利用Postman工具进行API接口测试并导出Api.json脚本。4.根据“移动跨平台应用开发生态系统车主手机功能范围.pdf”撰写产品操作手册文档。5.竞赛结束前选手上述成果物测试用例.xlsx、缺陷分析.docx、Api.json、产品操作手册.docx添加到“应用部署测试.zip”压缩包内并提交压缩包文件。三、竞赛任务任务1应用功能测试8分根据“移动跨平台应用开发生态系统车主手机功能范围.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.【维保预约】按钮失效。缺陷图示注裁剪截图每页放置两个缺陷内容任务2API接口测试3分利用Postman测试工具根据移动应用开发平台系统API文档进行API接口测试并导出Api.json文件。任务3撰写产品操作手册4分对移动跨平台应用开发生态系统车主手机功能进行梳理分析利用产品操作手册.docx文件编写产品操作手册具体规范如下描述第一部分编写待测App的产品定位中心叙述罗列核心功能点名称与运行待测App的运行基础环境。第二部分编写上述功能点的指导说明准确叙述用户操作行为将功能变得具体化、形象化便于读者理解具体内容增强说服力。第三部分编写需要指出使用待测App的常规注意事项进行说明提示用户规避使用不规范操作等。需要竞赛样题源码答案可联系博主