2024年云南省职业院校技能大赛 中职组“移动应用与开发”赛项竞赛样卷
移动应用开发交流进步裙:958892296
一、项目背景
随着数字经济的快速发展和数字技术的广泛应用,数字生活成为人民群众的重要生活方式。“十四五”规划和 2035 年远景目标纲要提出,加快数字社会建设步伐,适应数字技术全面融入社会交往和日常生活新趋势,促进公共服务和社会运行方式创新,构筑全民畅享的数字生活。
赛卷分模块A、模块B 和模块C 三个部分。
三、成果物提交
移动应用与开发赛项参赛选手按照三个模块的任务要求完成对应的成果物, 将三个模块的成果物“ 移动应用界面设计.xd ”、 “DigitalLife.apk”、“产品使用手册.doc”、“缺陷分析.doc”压缩为“成果物.zip”进行提交,裁判基于选手提交的竞赛成果物,进行评判。
参赛选手在比赛结束前可以自行重新提交成果物,比赛结束时选手无法提交成果物。
四、竞赛注意事项
提交的成果物资源内容中,不能填写与选手相关的信息,如赛位号、姓名和院校。如出现上述标记成绩按照零分处理。
模块 A:移动应用界面设计
一、模块考核点模块分值为 30 分
本模块以产品原型为目标,考查参赛选手熟练收集、分析和归纳客户需求,清晰梳理业务流程,熟练使用 UI 设计软件进行产品UI/UE设计,掌握正确的 UI 配色方案,设计出符合业务逻辑的人体工学移动App 原型优秀作品。
二、任务要求
1、使用原型图工具(Adobe XD)创建项目“移动应用界面设计.xd”,此项目文件作为模块A 成果物进行提交。详见“三、成果物提交”说 明;
2、利用原型图工具(Adobe XD)和图形处理工具(Adobe Photoshop)设计符合目标受众的App 高保真原型稿,每个任务至少一个画板;
3、画板尺寸为 1080×1920,状态栏高度 72px,导航栏高度为168px,标签栏高度为 144px,原型绘制画板大小尺寸及各部分内容区尺寸参考;
4、当内容超出高度区域时,设置滚动区域来显示内容;
5、画板要对齐,界面版式布局合理、美观,内容完整;同样功能请复用样式,避免一种功能,两种样式的情况。
三、竞赛任务
(一)任务主题
“时代楷模”是由中宣部集中组织宣传的全国重大先进典型。时代楷模充分体现“爱国、敬业、诚信、友善”的价值准则,充分体现中华传统美德,是具有很强先进性、代表性、时代性和典型性的先进人物。时代楷模事迹厚重感人、道德情操高尚、影响广泛深远。根据时代楷模的职业身份,以中宣部和有关部门名义发布。在中央电视台设立“时代楷模”发布厅。
随着经济快速发展,计算机的普及率越来越高,网民数量逐年增多,在多元的网络文化中,很容易被负面文化影响,误入歧途。时代
楷模App 是运用信息化新技术,整合各方资源,让更多的年轻人通过该平台看要闻,了解两会,学新思想,明历史,长知识,知晓时政综合,紧跟党的步伐,不断武装思想。
(二)任务描述
参赛选手根据客户提供的需求描述,按照模块 A 的任务要求,实现任务需求界面设计。
任务 1:时代楷模首页界面设计(7.5 分)任务说明:
1、时代楷模界面顶部显示轮播图;
2、首页界面显示各领域应用服务入口,以图标和名称为单元宫格方式显示,手机端每行显示 3 个,显示两行,包括楷模列表、英雄故事、身边英雄、物资捐赠、群众需求、更多;
3、下方显示热点楷模新闻信息列表,新闻列表内容包括标题、楷模姓名、新闻缩略图、内容(字数过多使用…代替)等,默认显示 5 条;
4、显示底部导航栏,采用图标加文字方式显示,图标在上,文字在下,共 4 个图标,分别为首页、公益、心得、我的。
任务 2:学习心得界面设计(7.5 分)任务说明:
1、学习心得界面顶部显示两个导航栏,包括学习感言和学习历史;
2、学习感言列表包括感言标题、感言内容(字数过多使用…代替),下方显示“新建感言”按钮;
3、学习历史包括学习内容标题、文章发布时间、文章内容、学习笔记等,学习内容下方有学习笔记内容、“添加笔记”按钮、“删除”按钮、“编辑笔记”按钮。
任务 3:公益活动界面设计(7.5 分)任务说明:
1、公益活动顶部显示两个导航栏,包括活动展示、活动报名;
2、活动展示活动内容包括报名人数、活动大图、活动起止时间、发起方团队、简介、“去报名”按钮、“报名结束”状态;
3、活动报名详情界面包括:活动展示图片、活动名称、活动起止时间、活动详情、已报名人数、“报名”按钮。
任务 4:英雄故事界面设计(7.5 分)任务说明:
1、英雄故事界面展示英雄列表,列表信息界面包括英雄照片、姓名、英雄事迹简介;
2、英雄故事详情界面包括故事标题、故事详情、故事图片、评论内容、评论数量、致敬数量等。
模块 B:移动应用前端开发
一、模块考核点模块分值 50 分
本模块以编程实现移动应用产品为目标,基于移动开发平台,设计移动应用 App。考查选手程序 UI 还原设计能力和移动开发编程能力,其中包括App UI 编程设计、网络通信封装、异步数据通信、数据解析、数据存储、网络多媒体资源处理等技能,熟悉项目发布流程。
二、任务要求
1、利用移动开发工具Android Studio 创建DigitalLife 项目,或利用HbuilderX 打开项目DigitalLife,按照任务描述完成 App 功能开发;
2 、 实 现 App 打 包 发 布 , 将 打 包 后 的 release 版 本 DigitalLife.apk 文件作为模块 B 成果物进行提交。详见“三、成果物提交”说明;
三、任务描述
(一)任务主题
乡村民宿经济发展已经成为农村数字经济发展的综合体,是农村产业融合发展最有效的切入点,更是农业供给侧结构性改革的重点,它对于落实农村发展新理念将起到重要的推动作用。民宿经济发展让农村前所未有地如此完整地浸润在市场经济之中,让农民前所未有地
如此酣畅地漫游在市场海洋之中,这才是民宿经济给农村带来的最大改变。
乡村民宿是把农宅改造成“外土内洋”的旅馆酒店,是把精致小屋安放在绿水青山之中,是把城市现代生活搬到乡村来过。乡村民宿,是让游人在绿水青山中享受宁静,在蓝天白云间行走呼吸,在乡土文化中领略神奇,在乡村农家里休闲度假。乡村民宿,一个成熟的旅游市场,一个规范的旅游产业,一个可复制的经营模式,一个新颖的经济业态。民宿经济,更是融合农村一二三产业发展的切入点,整合农村资源的“牛鼻子”,关联农村整体发展的大平台。
(二)任务描述
参赛选手根据客户提供的需求描述,按照模块 B 的任务要求,编码实现任务需求功能开发。
任务 1:实现民宿引导页及登录页面(12.5 分)设计要求:
1、用户首次进入App 后展示 3 张民宿引导页大图;
2、图片下方展示圆角矩形背景框及民宿宣传语(背景框的圆角像素值为 120px、不透明度为 65%):
(1)第一张图片展示文字内容为:“品味乡村风情,民宿温馨体验。享受民宿的美好生活。”
(2)第二张图片展示文字内容为:“民宿温馨如家,舒适无比。静享山水间,民宿悠闲时光。”
(3)第三张图片展示文字内容为:“欢迎使用乡村民宿 App~。” 3、图片底部带有圆点指示器,可横向滑动图片查看内容,每次
滑动圆角矩形背景框固定位置不变,背景框内文字内容以淡入淡出的风格切换显示;
4、用户滑动至引导页第三页后,再次滑动可进入设置页面:
(1)页面左上角为【IP 端口设置】按钮,中部图片内应显示文字内容“优选民宿,舒适体验”,页面底部为【立即体验】按钮;
(2)点击【IP 端口设置】按钮后可进入 IP 端口设置页面,输入正确内容后点击【保存】按钮,返回设置页面并提示“保存成功”字样,用户点击【立即体验】按钮后可进入登录页。
5、用户成功设置 IP 端口后,点击【立即体验】按钮进入乡村民宿App 登录页:
(1)登录页面包括:乡村民宿主题 logo 图片、手机号码和密码输入框、用户隐私政策复选框(默认未勾选状态)、忘记密码及【登录】按钮;
(2)点击复选框或“用户隐私政策”蓝色字体后进入页面,页面顶部显示标题文字和 5 秒倒计时,倒计时结束后显示蓝色【确认】按钮,点击【确认】按钮后可返回至登录页,并勾选用户隐私协议政策复选框;
(3)用户隐私政策页面显示政策内容,内容一共为两页,底部显示当前内容对应的页码,用户可横向滑动查看政策内容;
(4)登录页面“用户隐私政策”复选框状态为已勾选,输入手机号和密码后,点击【登录】按钮进入App 主界面。
注:若用户未勾选“用户隐私政策”复选框,则【登录】按钮应为禁用状态。
任务 2:实现乡村民宿主界面(12.5 分)设计要求:
1、主界面顶部显示乡村民宿标题文字及logo 图片;
2、标题栏下方以卡片形式显示民宿广告轮播图,每隔 3 秒自动轮播,点击轮播图可跳转至民宿对应的详情页面;
3、轮播图下方显示搜索民宿名称区域,可选择当前城市(默认显示位置为市辖区,修改定位城市并保存后,点击“我的位置”可自动切换至市辖区显示)、入住时间、离店时间、民宿名称,点击【开始搜索】按钮后跳转至民宿列表界面;
4、搜索民宿名称区域下方显示内容为:民情文化、优惠促销:
(1)点击【民情文化】按钮可跳转至民情文化列表页面,以上图下字的样式显示具体内容,列表项右上角带有点赞icon;
(2)列表项默认显示三条,当用户从上至下滑动页面时,底部显示“正在加载请稍后……”,3 秒后再加载 3 条民情文化列表项;
(3)用户点击民情文化列表项后,可跳转至详情页面,详情页面以图文方式展示内容。
5、主界面底部导航栏以圆角矩形的样式显示底部导航栏(矩形圆角像素值为 60px,实现阴影效果,浮动显示在页面底部),采用图标加文字方式显示,图标在上,文字在下,共 4 个图标分别为首页、攻略、民宿、我的,点击标签进入对应页面,并用颜色标记当前页面所在导航栏。
任务 3:实现民宿列表界面(12.5 分)设计要求:
1、点击 App 底部民宿标签,进入民宿列表页面,显示列表内容包括:图片、民宿位置、民宿名称、民宿床型、评分、价格;
2、点击列表项可跳转至对应详情页面,详情页面内容包括:图片、民宿名称、户型介绍、民宿描述;
3、底部显示入住日期、离店日期、共计几晚,点击入住、离店日期后弹出日期选择器,用户可选择入住和离店日期,选择完毕后点击【确认】按钮显示“选择成功”字样;
4、民宿详情底部显示民宿价格、【咨询房东】和【立即预定】按钮,用户点击【立即预定】按钮后显示“预定成功”字样并跳转至乡村民宿App 主界面。
任务 4:实现我的界面功能(12.5 分)设计要求:
1、点击App 底部我的标签,进入我的页面:
2、页面顶部显示内容包括:用户头像、用户名称、性别、剩余积分、代金券数量、收藏数量;
3、页面中部,我的订单显示内容包括:代付款、待入驻、待点评、我的攻略、我的游记、我的笔记、我的问答、长辈模式及对应图标icon;
4、点击“长辈模式”icon 图标后,我的页面文字及图标显示内容放大(用户头像、名称、性别、剩余积分、代金券数量、收藏数量隐藏,如下图所示),“长辈模式”文字变为“标准模式”,点击“标准模式”后我的页面恢复为初始显示样式。
模块 C:移动应用测试与交付
一、模块考核点模块分值 20 分。
本模块基于软件工程思想,在移动应用产品开发流程完成后,进行产品测试,保障产品交付质量。考查选手发现软件产品缺陷,分析提供解决方案,生成测试报告,严格把好质量关,交付高质量产品,能够遵循客户的品牌准则进行软件使用说明书的编写。
二、任务要求
1、下载“待测 App.apk”文件。将 apk 文件安装到模拟器中,启动 App,配置服务器的 IP 和port,准备运行测试;
2、基于待测 App,查找产品 Bug,进行 Bug 分析,撰写产品使用手册,此“测试报告.doc”和“产品使用手册.doc”两个文件作为模块C 成果物进行提交。详见“三、成果物提交”说明。
三、竞赛任务
(一)任务主题
乡村民宿经济发展,已经成为农村数字经济发展的综合体,是农 村产业融合发展最有效的切入点,更是农业供给侧结构性改革的重点,它对于落实农村发展新理念将起到重要推动作用。民宿经济发展让农 村前所未有地如此完整地浸润在市场经济之中,让农民前所未有地如
此酣畅地漫游在市场海洋之中,这才是民宿经济给农村带来的最大改变。
乡村民宿是把农宅改造成“外土内洋”的旅馆酒店,是把精致小屋安放在绿水青山之中,是把城市现代生活搬到乡村来过。乡村民宿,是让游人在绿水青山中享受宁静,在蓝天白云间行走呼吸,在乡土文化中领略神奇,在乡村农家里休闲度假。乡村民宿,一个成熟的旅游市场,一个规范的旅游产业,一个可复制的经营模式,一个新颖的经济业态。民宿经济,更是融合农村一二三产业发展的切入点,整合农村资源的“牛鼻子”,关联农村整体发展的大平台。
(二)任务描述
参赛选手根据客户提供的任务描述,按照模块 C 的任务要求,实现产品测试和产品使用手册撰写。
任务 1:缺陷分析(10 分)
根据“乡村民宿 App 功能范围.pdf”中描述的功能范围进行全范围测查,找出特定的 10 个Bug,并简要描述,重现步骤,分析缺陷原因,完成测试报告文档。
任务 2:产品交付(10 分)
对乡村民宿App 功能进行梳理分析,利用“产品使用手册.docx”文件设计产品使用手册,具体规范如下描述:
第一部分:编写待测 App 的产品定位中心叙述,罗列出核心功能点名称,运行待测App 的运行基础环境。
第二部分:编写上述中功能点的指导说明,准确叙述用户操作行为,将功能变得更具体、形象、真切,以便读者理解内容具体,加强说服力。
第三部分:编写需要指出使用待测 App 的常规注意事项,进行说明,提示用户规避使用不规范等操作。