目录
移动应用与开发赛项竞赛
一、项目背景
二、竞赛内容
三、成果物提交
四、竞赛注意事项
模块A:移动应用界面设计
一、模块考核点
二、任务要求
三、竞赛任务
(一)任务主题
模块B:移动应用前端开发
(一)任务主题
(二)任务描述
模块C:移动应用测试与交付
随着数字经济的快速发展和数字技术的广泛应用,数字生活成为人民群众的重要生活方式。“十四五”规划和2035年远景目标纲要提出,加快数字社会建设步伐,适应数字技术全面融入社会交往和日常生活新趋势,促进公共服务和社会运行方式创新,构筑全民畅享的数字生活。
图1 数字生活服务体系
以新一代信息技术为基础,打造融合多元的数字生活新场景,如智慧党建、乡村民宿、智慧健康等,不同场景之间将实现融合交互,提供方便快捷的生活服务,从而实现线上线下高效融合的互动性数字化生活体验。
赛卷分模块A、模块B和模块C三个部分。
模块编号
模块名称
竞赛时间
分数
A
移动应用界面设计
360分钟
30
B
移动应用前端开发
50
C
移动应用测试与交付
20
合计
100
移动应用与开发赛项参赛选手按照三个模块的任务要求完成对应的成果物,将三个模块的成果物“移动应用界面设计.xd”、“DigitalLife.apk”、“产品使用手册.doc”、“缺陷分析.doc”压缩为“成果物.zip”进行提交,裁判基于选手提交的竞赛成果物,进行评判。
参赛选手在比赛结束前可以自行重新提交成果物,比赛结束时选手无法提交成果物。
提交的成果物资源内容中,不能填写与选手相关的信息,如赛位号、姓名和院校。如出现上述标记,成绩按照零分处理。
模块分值为30分。
本模块以产品原型为目标,考查参赛选手熟练收集、分析和归纳客户需求,清晰梳理业务流程,熟练使用UI设计软件进行产品UI/UE设计,掌握正确的UI配色方案,设计出符合业务逻辑的人体工学移动App 原型优秀作品。
1.使用原型图工具(Adobe XD)创建项目“移动应用界面设计.xd”,此项目文件作为模块A成果物进行提交。详见“三、成果物提交”说明。
2.利用原型图工具(Adobe XD)和图形处理工具(Adobe Photoshop)设计符合目标受众的App高保真原型稿,每个任务至少一个画板。
3.画板尺寸为1080×1920,状态栏高度72px,标题栏高度为144px,标签栏高度为72px。
4.原型绘制画板大小尺寸及各部分内容区尺寸参考。
5.当内容超出高度区域时,设置滚动区域来显示内容。
6.画板要对齐,界面版式布局合理、美观,内容完整;同样功能请复用样式,避免一种功能,两种样式的情况。
(一)任务主题
数字经济是信息网络、计算技术、智能制造和现代物流等技术的融合,使各类数据信息能够快速传输、分析和应用的经济活动形态。数字经济正在改变生活服务方式,数字经济为企业带来了新的商业模式,使得传统行业得以通过创新应用数字技术来实现生产方式、商业模式和产品创新,变革服务和管理方式,例如网购、物流、分享经济、医疗、阅读等。
数字经济正在成为推动经济发展和改变生活方式的重要引擎,其发展将带来更加智能、高效、便捷、安全和创新的生活服务,为人们带来更多的便利和福利。
(二)任务描述
参赛选手根据客户提供的需求描述,按照模块A的任务要求,实现任务需求界面设计。
任务1:看电影界面设计(7.5分)
任务说明:
1.主页面页面包括顶部导航栏目、宣传幻灯片、搜索框、电影信息显示板块。
2.电影信息详情页分别展示电影封面图片、电影名称、评分、上映时间、想看人数等信息。
任务2:物流查询界面设计(7.5分)
任务说明:
1.物流查询主页面包括搜索输入框、广告轮播图、物流公司推荐、下方显示物流公司列表,列表项显示物流公司名称和缩略图。
2.物流公司详情页面展示新闻资讯轮播、公司简介、运输方式介绍、运费介绍信息。
任务3:找工作界面设计(7.5分)
任务说明:
1.找工作页面,具备宣传幻灯片、职位搜索框、热门职位、职位列表显示功能。
2.职位列表包括职位名称、岗位职责、公司地点、薪资待遇。
任务4:宠物医院功能模块(7.5分)
任务说明:
1.宠物医院主页面包括宠物种类标题和种类、我的问诊、问诊案例标题和案例列表。
2.找医生页面,页面显示医生列表,列表项左侧显示医生头像、右侧显示医生姓名、职称、执业编号、从业年限。
一、模块考核点
模块分值50分。
本模块以编程实现移动应用产品为目标,基于移动开发平台,设计移动应用 App。考查选手程序UI还原设计能力和移动开发编程能力,其中包括App UI编程设计、网络通信封装、异步数据通信、数据解析、数据存储、网络多媒体资源处理等技能,熟悉项目发布流程。
二、任务要求
1.利用移动开发工具Android Studio创建DigitalLife项目,或利用HbuilderX打开项目DigitalLife,按照任务描述完成App功能开发。
2.实现App打包发布,将打包后的release版本DigitalLife.apk文件作为模块B成果物进行提交。详见“三、成果物提交”说明。
3.后端服务接口地址:http://192.168.2.100:8088
三、任务描述
(一)任务主题
数字生活是依托互联网和一系列数字科技技术应用为基础的一种生活方式,可以方便快捷的带给人们更好的生活体验和工作便利。随着互联网技术应用的全球化普及,互联网已经全面改变了全人类的生活方式,逐渐将人们的生活、工作等行为“一网打尽”。
(二)任务描述
参赛选手根据客户提供的需求描述,按照模块B的任务要求,编码实现任务需求功能开发。
任务1:实现用户登录功能(12.5分)
实现数字生活App的登录页面,包括App的标题、账户和密码、自动登录切换按钮、登录按钮,以及微信、QQ和sina微博快捷登录的图标。
输入账户和密码后,点击登录按钮,进入主界面。
任务2:实现主界面功能(12.5分)
1.显示系统广告轮播图,点击轮播图跳转至新闻对应详情页面。
2.显示App各领域应用服务入口,以图标和名称为单元宫格方式显示,手机端每行显示3个,共两行,第2行最后一个显示“更多服务”
3.显示底部导航栏,采用图标加文字方式显示,图标在上,文字在下,共四个图标分别为首页、新闻、物流查询、宠物医院,点击标签进入对应页面,并颜色标记当前页面所在导航栏。
任务3:实现物流查询功能(12.5分)
1.进入物流查询主页面,页面显示返回上一页按钮、搜索输入框、广告轮播图、物流公司推荐、下方显示其他物流公司列表。
(1)搜索输入框:输入搜索内容后,点击软键盘“搜索”按钮,判断输入数据合法性后,跳转至物流运单详情页面。
(2)广告轮播图:每间隔3秒切换广告图。
(3)物流公司推荐:以图标和名称为单元格方式显示,手机端显示4个,共三行,每个类目入口布局显示为公司logo和物流公司名称,点击图标可以进入对应物流公司详情页面。
(4)其他物流公司列表:列表项显示物流公司名称,顺序按照物流公司名称首字母降序排列。
2.物流公司详情页面:点击首页的物流公司推荐图标信息,进入对应物流公司详情页面,页面展示新闻资讯轮播、公司简介、运输方式介绍、运费介绍信息。
任务4:实现宠物医院功能(12.5分)
在App主页面上,点击底部导航栏“宠物医院”,进入宠物医院页面。
1.进入宠物医院主页面,页面显示返回上一页按钮、宠物种类标题和种类、我的问诊标题和问诊列表、问诊案例标题和案例列表。
(1)宠物种类:包括狗、猫咪、小宠、水族、鸟、爬虫等种类;以宫格形式显示,每行5个,每个宫格内显示种类图标和种类名称,点击种类跳转至找医生页面。
(2)我的问诊列表:列表项显示医生头像、医生姓名和案例描述,点击列表项跳转至问诊详情页面。
(3)问诊案例列表:列表项显示医生头像、医生姓名和案例描述,点击案例跳转至案例详情页面。
2.找医生页面,页面显示医生列表,列表项左侧显示医生头像、右侧显示医生姓名、职称、执业编号、从业年限。
一、模块考核点
模块分值 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的常规注意事项,进行说明,提示用户规避使用不规范等操作。
目录
移动应用与开发赛项竞赛
一、项目背景
二、竞赛内容
三、成果物提交
四、竞赛注意事项
模块A:移动应用界面设计
一、模块考核点
二、任务要求
三、竞赛任务
(一)任务主题
模块B:移动应用前端开发
(一)任务主题
(二)任务描述
模块C:移动应用测试与交付
随着数字经济的快速发展和数字技术的广泛应用,数字生活成为人民群众的重要生活方式。“十四五”规划和2035年远景目标纲要提出,加快数字社会建设步伐,适应数字技术全面融入社会交往和日常生活新趋势,促进公共服务和社会运行方式创新,构筑全民畅享的数字生活。
图1 数字生活服务体系
以新一代信息技术为基础,打造融合多元的数字生活新场景,如智慧党建、乡村民宿、智慧健康等,不同场景之间将实现融合交互,提供方便快捷的生活服务,从而实现线上线下高效融合的互动性数字化生活体验。
赛卷分模块A、模块B和模块C三个部分。
模块编号
模块名称
竞赛时间
分数
A
移动应用界面设计
360分钟
30
B
移动应用前端开发
50
C
移动应用测试与交付
20
合计
100
移动应用与开发赛项参赛选手按照三个模块的任务要求完成对应的成果物,将三个模块的成果物“移动应用界面设计.xd”、“DigitalLife.apk”、“产品使用手册.doc”、“缺陷分析.doc”压缩为“成果物.zip”进行提交,裁判基于选手提交的竞赛成果物,进行评判。
参赛选手在比赛结束前可以自行重新提交成果物,比赛结束时选手无法提交成果物。
提交的成果物资源内容中,不能填写与选手相关的信息,如赛位号、姓名和院校。如出现上述标记,成绩按照零分处理。
模块分值为30分。
本模块以产品原型为目标,考查参赛选手熟练收集、分析和归纳客户需求,清晰梳理业务流程,熟练使用UI设计软件进行产品UI/UE设计,掌握正确的UI配色方案,设计出符合业务逻辑的人体工学移动App 原型优秀作品。
1.使用原型图工具(Adobe XD)创建项目“移动应用界面设计.xd”,此项目文件作为模块A成果物进行提交。详见“三、成果物提交”说明。
2.利用原型图工具(Adobe XD)和图形处理工具(Adobe Photoshop)设计符合目标受众的App高保真原型稿,每个任务至少一个画板。
3.画板尺寸为1080×1920,状态栏高度72px,标题栏高度为144px,标签栏高度为72px。
4.原型绘制画板大小尺寸及各部分内容区尺寸参考。
5.当内容超出高度区域时,设置滚动区域来显示内容。
6.画板要对齐,界面版式布局合理、美观,内容完整;同样功能请复用样式,避免一种功能,两种样式的情况。
(一)任务主题
数字经济是信息网络、计算技术、智能制造和现代物流等技术的融合,使各类数据信息能够快速传输、分析和应用的经济活动形态。数字经济正在改变生活服务方式,数字经济为企业带来了新的商业模式,使得传统行业得以通过创新应用数字技术来实现生产方式、商业模式和产品创新,变革服务和管理方式,例如网购、物流、分享经济、医疗、阅读等。
数字经济正在成为推动经济发展和改变生活方式的重要引擎,其发展将带来更加智能、高效、便捷、安全和创新的生活服务,为人们带来更多的便利和福利。
(二)任务描述
参赛选手根据客户提供的需求描述,按照模块A的任务要求,实现任务需求界面设计。
任务1:看电影界面设计(7.5分)
任务说明:
1.主页面页面包括顶部导航栏目、宣传幻灯片、搜索框、电影信息显示板块。
2.电影信息详情页分别展示电影封面图片、电影名称、评分、上映时间、想看人数等信息。
任务2:物流查询界面设计(7.5分)
任务说明:
1.物流查询主页面包括搜索输入框、广告轮播图、物流公司推荐、下方显示物流公司列表,列表项显示物流公司名称和缩略图。
2.物流公司详情页面展示新闻资讯轮播、公司简介、运输方式介绍、运费介绍信息。
任务3:找工作界面设计(7.5分)
任务说明:
1.找工作页面,具备宣传幻灯片、职位搜索框、热门职位、职位列表显示功能。
2.职位列表包括职位名称、岗位职责、公司地点、薪资待遇。
任务4:宠物医院功能模块(7.5分)
任务说明:
1.宠物医院主页面包括宠物种类标题和种类、我的问诊、问诊案例标题和案例列表。
2.找医生页面,页面显示医生列表,列表项左侧显示医生头像、右侧显示医生姓名、职称、执业编号、从业年限。
一、模块考核点
模块分值50分。
本模块以编程实现移动应用产品为目标,基于移动开发平台,设计移动应用 App。考查选手程序UI还原设计能力和移动开发编程能力,其中包括App UI编程设计、网络通信封装、异步数据通信、数据解析、数据存储、网络多媒体资源处理等技能,熟悉项目发布流程。
二、任务要求
1.利用移动开发工具Android Studio创建DigitalLife项目,或利用HbuilderX打开项目DigitalLife,按照任务描述完成App功能开发。
2.实现App打包发布,将打包后的release版本DigitalLife.apk文件作为模块B成果物进行提交。详见“三、成果物提交”说明。
3.后端服务接口地址:http://192.168.2.100:8088
三、任务描述
(一)任务主题
数字生活是依托互联网和一系列数字科技技术应用为基础的一种生活方式,可以方便快捷的带给人们更好的生活体验和工作便利。随着互联网技术应用的全球化普及,互联网已经全面改变了全人类的生活方式,逐渐将人们的生活、工作等行为“一网打尽”。
(二)任务描述
参赛选手根据客户提供的需求描述,按照模块B的任务要求,编码实现任务需求功能开发。
任务1:实现用户登录功能(12.5分)
实现数字生活App的登录页面,包括App的标题、账户和密码、自动登录切换按钮、登录按钮,以及微信、QQ和sina微博快捷登录的图标。
输入账户和密码后,点击登录按钮,进入主界面。
任务2:实现主界面功能(12.5分)
1.显示系统广告轮播图,点击轮播图跳转至新闻对应详情页面。
2.显示App各领域应用服务入口,以图标和名称为单元宫格方式显示,手机端每行显示3个,共两行,第2行最后一个显示“更多服务”
3.显示底部导航栏,采用图标加文字方式显示,图标在上,文字在下,共四个图标分别为首页、新闻、物流查询、宠物医院,点击标签进入对应页面,并颜色标记当前页面所在导航栏。
任务3:实现物流查询功能(12.5分)
1.进入物流查询主页面,页面显示返回上一页按钮、搜索输入框、广告轮播图、物流公司推荐、下方显示其他物流公司列表。
(1)搜索输入框:输入搜索内容后,点击软键盘“搜索”按钮,判断输入数据合法性后,跳转至物流运单详情页面。
(2)广告轮播图:每间隔3秒切换广告图。
(3)物流公司推荐:以图标和名称为单元格方式显示,手机端显示4个,共三行,每个类目入口布局显示为公司logo和物流公司名称,点击图标可以进入对应物流公司详情页面。
(4)其他物流公司列表:列表项显示物流公司名称,顺序按照物流公司名称首字母降序排列。
2.物流公司详情页面:点击首页的物流公司推荐图标信息,进入对应物流公司详情页面,页面展示新闻资讯轮播、公司简介、运输方式介绍、运费介绍信息。
任务4:实现宠物医院功能(12.5分)
在App主页面上,点击底部导航栏“宠物医院”,进入宠物医院页面。
1.进入宠物医院主页面,页面显示返回上一页按钮、宠物种类标题和种类、我的问诊标题和问诊列表、问诊案例标题和案例列表。
(1)宠物种类:包括狗、猫咪、小宠、水族、鸟、爬虫等种类;以宫格形式显示,每行5个,每个宫格内显示种类图标和种类名称,点击种类跳转至找医生页面。
(2)我的问诊列表:列表项显示医生头像、医生姓名和案例描述,点击列表项跳转至问诊详情页面。
(3)问诊案例列表:列表项显示医生头像、医生姓名和案例描述,点击案例跳转至案例详情页面。
2.找医生页面,页面显示医生列表,列表项左侧显示医生头像、右侧显示医生姓名、职称、执业编号、从业年限。
一、模块考核点
模块分值 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的常规注意事项,进行说明,提示用户规避使用不规范等操作。