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