ZZ039 移动应用与开发正式赛卷（中职组[含素材]）.zip

2023 年全国职业院校技能大赛（中职组）2023 年全国职业院校技能大赛（中职组）ZZ039 移动应用与开发赛项ZZ039 移动应用与开发赛项正式赛题正式赛题赛位号：_赛位号：_2023 年 8 月2023 年 8 月第 2 页/共 32 页移动应用与开发赛项竞赛一、项目背景一、项目背景随着数字经济的快速发展和数字技术的广泛应用，数字生活成为人民群众的重要生活方式。“十四五”规划和 2035 年远景目标纲要提出，加快数字社会建设步伐，适应数字技术全面融入社会交往和日常生活新趋势，促进公共服务和社会运行方式创新，构筑全民畅享的数字生活。图 1 数字生活服务体系图 1 数字生活服务体系以新一代信息技术为基础，打造融合多元的数字生活新场景，如智慧党建、乡村民宿、智慧健康等，不同场景之间将实现融合交互，提供方便快捷的生活服务，从而实现线上线下高效融合的互动性数字化生活体验。二、竞赛内容二、竞赛内容赛卷分模块 A、模块 B 和模块 C 三个部分。模块编号模块编号模块名称模块名称竞赛时间竞赛时间分数分数A移动应用界面设计30B移动应用前端开发50C移动应用测试与交付360 分钟20合计100三、成果物提交三、成果物提交移动应用与开发赛项参赛选手按照三个模块的任务要求完成对第 3 页/共 32 页应的成果物，将三个模块的成果物分别保存在指定的文件路径：1.模块 A 成果物命名为“移动应用界面设计.xd”，并保存在本机桌面工位号命名的文件夹下的 A 文件夹中；2.模块 B 成果物命名为“DigitalLife.apk”，并保存在本机桌面工位号命名的文件夹下的 B 文件夹中；3.模块 C 成果物命名为“产品使用手册.doc”、“缺陷分析.doc”，并保存在本机桌面工位号命名的文件夹下的 C 文件夹中。比赛结束时，将保存模块 A、模块 B、模块 C 成果物的以工位号命名的文件夹复制到提前发放给选手的 U 盘中，提交给现场裁判。四、竞赛注意事项四、竞赛注意事项提交的成果物资源内容中，不能填写与选手相关的信息，如赛位号、姓名和院校。如出现上述标记，成绩按照零分处理。第 4 页/共 32 页模块 A：移动应用界面设计一、模块考核点一、模块考核点模块分值为 30 分。本模块以产品原型为目标，考查参赛选手熟练收集、分析和归纳客户需求，清晰梳理业务流程，熟练使用 UI 设计软件进行产品UI/UE 设计，掌握正确的 UI 配色方案，设计出符合业务逻辑的人体工学移动 App 原型优秀作品。二、任务要求二、任务要求1.使用原型图工具（Adobe XD）创建项目“移动应用界面设计.xd”，此项目文件作为模块 A 成果物进行提交。详见“三、成果物提交”说明。1.使用原型图工具（Adobe XD）创建项目“移动应用界面设计.xd”，此项目文件作为模块 A 成果物进行提交。详见“三、成果物提交”说明。2.利用原型图工具（Adobe XD）和图形处理工具（Adobe Photoshop）设计符合目标受众的 App 高保真原型稿，每个任务至少一个画板。3.画板尺寸为 10801920，状态栏高度 72px，导航栏高度为168px，标签栏高度为 144px。4.原型绘制画板大小尺寸及各部分内容区尺寸参考。第 5 页/共 32 页5.当内容超出高度区域时，设置滚动区域来显示内容。6.画板要对齐，界面版式布局合理、美观，内容完整；同样功能请复用样式，避免一种功能，两种样式的情况。三、竞赛任务三、竞赛任务（一）任务主题数字经济是信息网络、计算技术、智能制造和现代物流等技术的融合，使各类数据信息能够快速传输、分析和应用的经济活动形态。数字经济正在改变生活服务方式，数字经济为企业带来了新的商业模式，使得传统行业得以通过创新应用数字技术来实现生产方式、商业模式和产品创新，变革服务和管理方式，例如在线旅游、网购、分享经济、医疗、阅读等。数字经济正在成为推动经济发展和改变生活方式的重要引擎，其发展将带来更加智能、高效、便捷、安全和创新的生活服务，为人们带来更多的便利和福利。第 6 页/共 32 页（二）任务描述参赛选手根据客户提供的需求描述，按照模块 A 的任务要求，实现任务需求界面设计。任务 1：看电影界面设计（7.5 分）任务 1：看电影界面设计（7.5 分）任务说明：1.点击底部导航栏“看电影”，进入看电影页面，页面包括顶部导航栏目、宣传幻灯片、搜索框、电影信息显示板块。2.电影信息详情页分别展示电影封面图片、电影名称、评分、上映时间、想看人数等信息。任务 2：物流查询界面设计（7.5 分）任务 2：物流查询界面设计（7.5 分）第 7 页/共 32 页任务说明：1.点击底部导航栏“物流查询”，进入物流查询页面，页面包括搜索输入框、广告轮播图、物流公司推荐、下方显示物流公司列表，列表项显示物流公司名称和缩略图。2.物流公司详情页面展示新闻资讯轮播、公司简介、运输方式介绍、运费介绍信息。任务 3：找工作界面设计（7.5 分）任务 3：找工作界面设计（7.5 分）第 8 页/共 32 页任务说明：1.点击底部导航栏“找工作”，进入找工作页面，页面具备宣传幻灯片、职位搜索框、热门职位、职位列表显示功能。2.职位列表包括职位名称、岗位职责、公司地点、薪资待遇。任务 4：宠物医院功能模块（7.5 分）任务 4：宠物医院功能模块（7.5 分）第 9 页/共 32 页 任务说明：1.点击底部导航栏“宠物医院”，进入宠物医院页面，页面包括宠物种类标题和种类、我的问诊、问诊案例标题和案例列表。2.找医生页面，页面显示医生列表，列表项左侧显示医生头像、右侧显示医生姓名、职称、执业编号、从业年限。模块 B：移动应用前端开发一、模块考核点一、模块考核点模块分值 50 分。本模块以编程实现移动应用产品为目标，基于移动开发平台，设计移动应用 App。考查选手程序 UI 还原设计能力和移动开发编程能力，其中包括 App UI 编程设计、网络通信封装、异步数据通信、第 10 页/共 32 页数据解析、数据存储、网络多媒体资源处理等技能，熟悉项目发布流程。二、任务要求二、任务要求1.利用移动开发工具 Android Studio 创建 DigitalLife 项目，或利用 HbuilderX 打开项目 DigitalLife，按照任务描述完成 App 功能开发。2.实现App打包发布，将打包后的release版本DigitalLife.apk文件作为模块 B 成果物进行提交。详见“三、成果物提交”说明。3.后端服务接口地址：以比赛现场说明为准。三、任务描述三、任务描述（一）任务主题“时代楷模”是由中宣部集中组织宣传的全国重大先进典型。时代楷模充分体现“爱国、敬业、诚信、友善”的价值准则，充分体现中华传统美德，是具有很强先进性、代表性、时代性和典型性的先进人物。时代楷模事迹厚重感人、道德情操高尚、影响广泛深远。根据时代楷模的职业身份，以中宣部和有关部门名义发布。在中央电视台设立“时代楷模”发布厅。随着经济快速发展，计算机的普及率越来越高，网民数量逐年增多，在多元的网络文化中，他们很容易被负面文化影响，误入歧途。时代楷模 App 是运用信息化新技术，整合各方资源，让更多的年轻人通过该平台看要闻，了解两会，学新思想，明历史，长知识，知晓时政综合，紧跟党的步伐，不断武装思想。第 11 页/共 32 页（二）任务描述参赛选手根据客户提供的需求描述，按照模块 B 的任务要求，编码实现任务需求功能开发。任务 1：实现时代楷模首页功能（16 分）任务 1：实现时代楷模首页功能（16 分）任务说明：第 12 页/共 32 页 1.打开 App 首先进入登录页面，页面上方显示用户名和密码输入框，输入框下方显示登录按钮和隐私协议复选框。点击隐私协议复选框时或者在点击登录按钮时没有选择我已同意复选框的情况下，会弹出用户隐私政策页面，在页面右上角显示 5 秒倒计时，倒计时结束前确认按钮不可点击，倒计时结束后可以点击下面的【确定】按钮，关闭弹出框，同时隐私协议复选框状态变为已勾选状态，点击【登录】按钮进行登录操作，如果登录成功则跳转至 App 主页面，如果登录不成功，用消息框显示登录失败的原因。第 15 页/共 32 页 2.进入 App 主页面（主页），上方显示轮播图，当页面上滑时，轮播图逐渐透明直至消失，当页面下滑时，轮播图逐渐显示直至完全不透明,轮播图下方显示楷模公告部分，楷模公告部分左侧显示“楷模公告”四字，该四字以每行两个字的方式展示，右侧显示公告标题和公告内容（字数过多用.代替）。3.显示 App 各领域应用服务入口，以图标和名称为单元宫格方式显示，手机端每行显示 3 个，包括楷模列表、英雄故事、身边英雄、物资捐赠、群众需求、更多。每个领域应用入口布局显示为圆形图标+名称布局，点击图标可进入对应的领域应用页面。当点击“更多”入口时，进入管理应用服务入口页面，显示所有入口 icon（不包含第 16 页/共 32 页“更多”入口）。页面上半部分展示“显示入口”，包括楷模列表、英雄故事、身边英雄的入口图标，边框带有颜色。下半部分展示“隐藏入口”，包括物资捐赠、群众需求、数据分析的入口图标，点击入口图标跳转至对应的功能页面，点击“退出登录”时，跳转至登录页面。点击“编辑”按钮时，进入编辑模式，“显示入口”图标右上角有减号 icon，点击减号，对应领域应用入口图标移动到页面下方区域，点击“保存”按钮，首页快捷入口发生变化。页面下半部分“隐藏入口”，右上角有加号 icon，点击加号，图标移动到页面上方区域，点击“保存”按钮，首页快捷入口发生变化。长按领域应用入口图标，图标弹起，可拖动重新排序图标。第 17 页/共 32 页第 18 页/共 32 页 第 19 页/共 32 页 4.首页下方显示楷模新闻列表和【更多新闻】按钮，楷模新闻列表内容包括标题、楷模姓名、新闻缩略图、内容（字数过多使用.代替）等，如果当前行为奇数行，则在列表项左侧部分显示新闻缩略图，右侧部分显示标题、楷模姓名和内容（字数过多使用.代替）（左图右字），如果当前行为偶数行，则在列表项右侧部分显示新闻缩略图，左侧部分显示标题、楷模姓名和内容（字数过多使用.代替）（右图左字），楷模新闻列表默认显示 5 条数据，上滑楷模列表至底部，下方显示“图标动画显示+正在加载.”，并新加载 5 条楷模新闻信息，当没有更多数据可加载后，在页面底部显示“没有更多数据了”字样，点击【更多新闻】可以进入全部楷模新闻列表页面，第 20 页/共 32 页列表内容包括标题、楷模姓名、新闻缩略图、内容（字数过多使用.代替）等，点击切换按钮，页面可以切换列表（每行一个）/栅格（每行两个）的显示方式。当页面向上滑动至一定高度时，在屏幕右下方位置显示返回顶部图标按钮，该按钮默认透明，随着页面的上滑逐步加深至完全不透明,点击该按钮可逐渐滑动屏幕至返回顶部，返回顶部后该按钮消失。点击楷模新闻列表项可以进入对应楷模新闻详情页面，详情页面显示标题、视频、楷模名称、内容,当页面上滑至视频播放部分消失时，视频播放部分移动至页面右下角浮动，并固定位置（画中画效果）。5.显示底部导航栏，采用图标加文字方式显示，图标在上，文字在下，共五个图标+文字组合，分别为首页、公益活动、心得、数据分析和我的，点击标签项进入对应页面，并颜色标记当前页面所在导航栏标签的 icon 和名称，当点击导航栏标签切换页面时，导航栏图标尺寸立刻变为原来的 50%，500 毫秒内逐渐恢复至原尺寸。任务 2：实现学习心得功能（14 分）任务 2：实现学习心得功能（14 分）任务说明：第 21 页/共 32 页 第 22 页/共 32 页 第 23 页/共 32 页 1.点击 App 底部导航栏的“心得”，进入学习心得页面。顶部显示两个 Tab 栏，包括学习感言和学习历史，点击不同的标签切换不同的信息。2.学习感言列表包括感言标题、感言内容（字数过多使用.代替），默认显示 10 条数据，当页面上滑至底部时显示“图标动画+正在加载.”，并继续进行查询，每次添加 10 条数据，所有数据全部加载完成后，在底部显示“没有更多数据了”字样，左滑列表项时显示“删除”按钮，点击该按钮弹出对话框，对话框文字内容为：“是否删除该学习感言？”，下方包含“确定”和“取消”按钮，点击“确定”，删除该条学习感言，删除成功后显示“删除成功”字样并第 24 页/共 32 页关闭对话框，点击“取消”则仅关闭对话框，（可以在不调用感言信息删除接口的情况下，实现该条信息假删除效果即可）。点击列表项，进入学习感言详情页面，页面包含学习感言的图片、标题、内容等信息，左滑/右滑可以切换至下一条/上一条学习感言详情。第 25 页/共 32 页 第 26 页/共 32 页3.学习历史列表包括学习内容标题、新闻发布时间、内容（字数过多用.代替）等，学习内容下方有“添加笔记”按钮，点击“添加笔记”按钮可添加、编辑、删除当前用户对于该楷模新闻的学习笔记，默认显示 10 条数据，当页面上滑至底部时显示“图标动画+正在加载.”，并继续进行查询，每次添加 10 条数据，所有数据全部加载完成后，在底部显示“没有更多数据了”字样，双击列表项也可以对该条学习历史的笔记进行删除操作，点击学习历史列表项，可以进入该学习历史对应的楷模新闻详情页面，页面包含标题、视频、内容、学习笔记等，左滑/右滑可以切换至下一条/上一条数据，当学习历史对应的楷模新闻详情页面向下滑动至一定高度时，在屏幕右下方位置第 27 页/共 32 页显示返回顶部按钮（图标按钮），该按钮默认透明，随着页面的上滑逐步加深至完全不透明。点击该按钮可逐渐滑动屏幕至返回顶部，返回顶部后该按钮消失，当页面上滑至视频播放部分消失时，视频播放部分移动至页面右下角浮动，并固定位置（画中画效果）视频播放部分与返回顶部按钮位置交错，不重合。任务 3：实现公益活动功能（12 分）任务 3：实现公益活动功能（12 分）任务说明：1.进入公益活动界面，界面内包括活动展示、活动报名。2.活动展示内容包括报名人数、活动大图、活动起止时间、发起方简介、【去报名】按钮等。3.点击【去报名】按钮，进入活动报名详情界面，活动报名包括：活动展示图片、活动名称、活动起止时间、活动详情、已报名人数、“报名”按钮，点击“报名”，弹出确认框，点击“确认”，可报名该活动。第 28 页/共 32 页任务 4：实现数据分析功能（8 分）任务 4：实现数据分析功能（8 分）在 App 主页面上，点击底部导航栏“数据分析”，进入数据分析页面。第 29 页/共 32 页1.柱状图：请分析 2022 年 2 月新闻信息的评论数量，按照性别比例进行分析，横坐标为日期，纵坐标为新闻评论数；（每组数据需有两个条形数据列，第一个为女性评论数统计列，第二个为男性评论数统计列）。2.柱状图：请分析统计 2022 年下半年公益活动中，按照活动报名人数排名（按多到少排序），找出第四名公益活动报名人中的男女数量。横坐标为活动标题和名次，纵坐标为报名男女数量。注：接口数据详见 API 接口文档（需要自行处理、合并封装、解析相应接口返回的数据）。第 30 页/共 32 页模块 C：移动应用测试与交付一、模块考核点一、模块考核点模块分值 20 分。本模块基于软件工程思想，在移动应用产品开发流程完成后，进行产品测试，保障产品交付质量。考查选手发现软件产品缺陷，分析提供解决方案，生成测试报告，严格把好质量关，交付高质量产品，能够遵循客户的品牌准则进行软件使用说明书的编写。二、任务要求二、任务要求1.下载“智慧景区待测 App.apk”文件。将 apk 文件安装到模拟器中，启动 App，配置服务器的 IP 和 port，准备运行测试。2.基于待测 App，查找产品 Bug，进行 Bug 分析，撰写产品使用手册，此“测试报告.doc”和“产品使用手册.doc”两个文件作为模块 C 成果物进行提交。详见“三、成果物提交”说明。三、竞赛任务三、竞赛任务（一）任务主题智慧景区是一款专注于用户出行游玩的产品，为了方便用户使用信息化手段，降低人力以及时间成本，提升用户出行游玩的便捷度。（二）任务描述参赛选手根据客户提供的任务描述，按照模块 C 的任务要求，实现产品测试和产品使用手册撰写。任务 1：缺陷分析（10 分）任务 1：缺陷分析（10 分）根据“智慧景区 App 功能范围.pdf”中描述的功能范围进行全范第 31 页/共 32 页围测查，找出特定的 10 个 Bug，并简要描述，重现步骤，分析缺陷原因，完成测试报告文档。任务 2：产品交付（10 分）任务 2：产品交付（10 分）对智慧景区 App 功能进行梳理分析，利用“产品使用手册.docx”文件设计产品使用手册，具体规范如下描述：第一部分：编写待测 App 的产品定位中心叙述，罗列出核心功能点名称，运行待测 App 的运行基础环境。第二部分：编写上述中功能点的指导说明，准确叙述用户操作行第 32 页/共 32 页为，将功能变为具体化、形象化、更真切，以便于读者理解内容具体，加强说服力。在功能说明中，应包含功能名称、界面截图、功能描述、和操作说明。第三部分：编写需要指出使用待测 App 的常规注意事项，进行说明，提示用户规避使用不规范等操作。