【GZ-2022039】2022年全国职业院校技能大赛高职组 移动应用开发赛项模拟赛题(Word版)

资源下载
  1. 二一教育资源

【GZ-2022039】2022年全国职业院校技能大赛高职组 移动应用开发赛项模拟赛题(Word版)

资源简介

移动应用开发赛项竞赛试题
(02卷)
竞赛说明
一、竞赛安排
赛卷分模块A、模块B、模块C、模块D四个部分。
模块编号 模块名称 竞赛时间 分数 备注
A 需求分析 3小时 16分 第一天上午
B 初步设计 3小时 16分 第一天下午
C 功能模块开发 6小时 50分 第二天全天
D 测试与交付 3小时 18分 第三天上午
合计 100分
二、竞赛主题
本赛项面向产业主流技术,对接国际标准,旨在通过融合世界技能大赛的技术标准和规则要求,引领和促进教学改革,提升职业教育的国际化水平;通过完成一个完整的工作过程,使参赛选手、裁判、教师等相关人员,熟悉并掌握世界技能大赛的技术规范和技术标准,检验教学质量,达到“以赛促教”“以赛促学”“以赛促改”“以赛促建”的目的。
本赛项以智慧城市为背景,重点考查参赛选手在移动应用开发实际工程项目中的综合分析能力、架构设计能力、编码能力、文档编写能力、数据分析能力、创意创新能力、产品测试和交付能力;展现移动应用开发专业学生技能与风采,使教师和学生更全面的了解岗位需求,提升移动应用开发专业人才培养质量和就业质量。同时培养选手的沟通与交流能力、抗压能力、6S规范等职业素质;激发学生的求知欲和教师的爱岗敬业的工匠精神,带动广大青年学生钻研技术、苦练技能、走技能成才之路。
三、成果物管理平台
移动应用开发赛项提供的成果管理平台,选手根据分配的账号登录系统,把A、B、C、D四个模块的任务要求提交对应的成果物,裁判基于平台下载对应选手竞赛成果物,进行评判。
1.用户登录
图1 成果物管理平台登录界面
输入预先发放给参赛选手的账号和密码登录成果物管理平台,登录界面见图1,每个模块比赛结束后系统进入锁定状态,选手无法登录。
2.模块成果物上传
图2 成果物管理平台后台管理界面
参赛选手在比赛结束前可以自愿修改重新上传成果物,比赛结束后系统自动锁定。参赛选手成果物提交情况将实时同步比赛现场大屏幕。
四、竞赛注意事项
提交的文档、原型、代码、App等资源内容中不能填写与选手相关的信息,如赛位号、姓名和院校。如出现上述标记,本模块成绩按照零分处理。
模块A:需求分析
一、竞赛任务
此模块竞赛时间为3小时,分数为16分。
(一)竞赛主题描述
图1 智慧城市系统架构
本次竞赛任务,以需求分析为目标,以智慧城市为背景,通过限选主题和固定主题(便民服务)结合的形式,对需求进行理解、分析,并最终以提供的需求分析说明书为模板,编写一份完整的需求规格说明书。
编写需求规格说明书是为了详细呈现智慧城市移动App产品需求和系统的功能描述,以进一步定制移动App开发的细节问题,便于与项目开发协调工作,希望能使本软件开发工作更明确、更具体。
(二)功能概述
本次竞赛分为两部分任务:
第一个任务,按照选定的一个主题方向,进行需求的自定义梳理与规划,依据给定的需求规格说明书(模板),进行需求规格的逐一描述,编制对应业务流程图/活动图、原型草图、用例图、类图、时序图和对应模块概要设计。
第二个任务,依据给定便民服务主题的需求说明,进行需求分析设计,结合功能需求编制对应业务流程图/活动图、原型草图、类图、时序图和对应模块概要设计。
(三)基本要求
使用平台——模块A:需求分析——资源下载——《需求规格说明书(模板)》进行需求分析文档编制。
二、任务:限选主题分析设计(4分)
(一)主题背景
随着工作生活信息化、网络化、数据化持续加深,传统的党建工作方式对党员特别是年轻一代党员的吸引力和凝聚力在降低。智慧党建是运用信息化新技术,整合各方资源,更有效地加强组织管理,提高服务群众水平,扩大党在网络世界存在感和数字化影响力,提高党的执政能力,巩固党的执政基础的新平台、新模式、新形态。
通过智慧党建系统建设,主要解决党建宣传、学习、管理、资源等方面的基础问题。使党建管理从模糊走向精确,改变了以往手工操作、人工管理等存在的随意性、模糊性不足,通过量化计分、实时智能分析、自动提醒服务等实现党建管理的精确化、智能化、人文化和科学化。主要包括以下功能模块:
1.党建展示:首页幻灯片轮播图显示;
2.党建动态:包括文章展示、文章分类、文章评论等;
3.党员学习:包括课程分类、章节管理、学习课程记录标识、课程评论等,课程内容包括语音、视频等资源;
4.组织活动:包括活动展示、活动报名、活动留言等;
5.建言献策:包括提交问题以及建议给上级,查看留言等;
6.随手拍:包括随手拍照上传,发现身边的先进,反馈身边的问题,实现人人监督。
(二)任务要求
1.基于智慧城市系统架构,以智慧党建为背景,规划整理智慧党建App需求,设计App功能架构体系图,并做说明。
2.在功能架构体系中至少规划设计6个功能,并编制每个功能模块对应业务流程图/活动图、原型草图、用例图、类图、时序图和对应模块概要设计。
三、任务:固定主题分析设计(12分)
(一)主题背景
智慧城市是一个比较大的系统工程,涉及领域众多,但在终极目标上简单明确,那就是服务民众,让民众的城市生活更美好。在便民惠民服务中,可以看到医疗、教育、金融、交通等领域成为热门。
搭建智慧城市的便民服务平台不仅要利用最先进的互联网线上手段,做好线上渠道,还要利用好传统的线下渠道,实现多渠道、广覆盖。如今提到一站式的服务平台,首先想到的就是各种移动客户端,利用线上线下更好的服务大众。便民服务平台作为智慧城市在产品层面的一个重要体现,成为一个大众参与的产品是其发展趋势和出路。
(二)任务要求
基于给定便民服务的智慧巴士、个人中心、预约检车等5个功能需求描述,撰写流程图/活动图、用例图、类图、时序图等概要设计。
任务1:主页面功能模块描述(2分)
智慧城市App启动后,进入主页面。
任务说明:
1.主页显示搜索输入框,输入搜索内容后,点击软键盘“搜索”按钮,跳转至搜索结果相关新闻资讯列表页面。
2.显示轮播图,点击轮播图跳转至对应页面。
3.显示智慧城市各领域推荐应用服务入口,以图标和名称为单元宫格方式显示,手机端每行显示5个,按照优先级从高到低排序(数值越大优先级越高),共两行,第2行最后一个显示“更多服务”,点击“更多服务”进入对应页面。每个领域应用入口布局显示为圆形图标,图标下为名称,点击图标可进入对应的领域应用页面。
4.显示热门主题模块,手机端每行显示2个热门主题,每个主题入口布局为圆角(20dp)矩形图标,图标下为标题名称,多出的标题名称用省略号显示,点击“热门主题”进入到对应的主题页面。
5.显示新闻专栏,上方标签页方式显示新闻类别,下方显示新闻列表,列表项包括图片、新闻标题、新闻内容缩写(多出的字用省略号显示),评论总数,发布时间等信息。
6.显示底部导航栏,采用图标加文字方式显示,图标在上,文字在下,共四个图标分别为首页、全部服务、新闻、个人中心,点击标签进入对应页面,并颜色标记当前页面所在导航栏。
任务2:智慧巴士功能模块描述(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“智慧巴士”图标信息,进入智慧巴士页面。
任务说明:
1.页面显示巴士列表,列表显示路线名称、起终点、运行时间、票价,以及里程、巴士列表具有扩展显示该路线的各个站点功能。
2.点击班车列表新路线名称跳转到定制班车页面,信息如下:
第一步页面:显示站点路线秒点地图、起点与重点名称、票价、里程等,具有“下一步”点击按钮以及“返回上级目录”按钮。
第二步页面:显示日历日期,选中日历日期则显示出已经选中的日期,并且具有“下一步”点击按钮以及“返回上级目录”按钮。
第三步页面:显示起点与重点名称,还具有乘客姓名、手机号码、上车地点、下车地点输入框,并且具有“下一步”点击按钮以及“返回上级目录”按钮。
第四步页面:显示第三步页面,所填写的乘客信息、手机号码、上车地点、下车地点、乘车日期并且具有“提交订单”按钮以及“返回上级目录”按钮。
3.在应用的个人中心点击“我的订单”页面,页面显示待支付、已支付订单、订单列表显示路线名称、起终点、票价、订单编号、乘车日期。
任务3:个人中心功能模块描述(2分)
在智慧城市App中,点击底部导航“个人中心”图标信息,进入个人中心页面。
任务说明:
1.首先进入个人中心页面,个人中心页面显示用户头像、账户、个人信息页面入口、订单列表页面入口、修改密码页面入口、意见反馈页面入口,点击“退出”按钮可退出登录。
2.点击个人信息跳转至个人信息页面,标签栏显示本页面标题,点击返回图标可返回到上一页,点击修改可保存修改的信息,可修改内容为:头像、昵称、性别、联系电话,注:手机号码后四位使用*号显示。
3.点击修改密码可进入修改密码页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入原密码与新密码,点击“确定”按钮可保存修改的信息。
4.点击订单列表可跳转到订单页面,标签栏显示本页面标题,点击返回图标可返回到上一页,页面内容展示所有订单、订单分类数据信息,订单显示信息有:订单号、订单类型、订单生成日期。点击订单可跳转至对应功能模块生成订单的详情页面。
5.点击意见反馈可跳转至意见反馈页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入反馈的内容,字数限制在150字以内,点击提交可提交反馈的意见。
任务4:预约检车功能模块描述(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“预约检车”图标信息,进入预约检车页面。
任务说明:
1.预约检车功能显示预约须知、立即预约、我的预约、车辆管理四项底部功能导航,点击上方导航栏“返回”按钮返回智慧城市主页面。
2.默认进入“预约须知”进入预约须知页面,显示车辆预约须知提示等信息。
3.点击“车辆管理”进入车辆管理页面,列表显示车牌号、车架号、车辆类型、公里数、手机号等输入框信息,并可编辑。点击“添加”按钮可根据列表项的信息设计添加车辆信息功能。
4.点击“立即预约”,进入立即预约页面,具体如下:
(1)列表显示用户录入的车辆和单选框,单选预约的车辆,如果无车辆信息,则自动跳转至车辆管理页面。
(2)点击“选择时间”弹出时间(日期和小时)弹框,选择时间后点击“确认”获取并显示预约时间。
(3)点击“检车地点”弹出检车地点弹框列表,选择地点后点击“确认”获取检查地点。
(4)点击“预约”按钮,显示预约成功信息后自动跳转至“我的预约”页面。
5.点击“我的预约”进入我的预约页面,列表显示已经预约成功的车辆信息订单,包括车牌号、预约时间、预约检车地点等信息。
任务5:看电影功能模块描述(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“看电影”图标信息,进入看电影页面。
任务说明:
1.主页面,页面包括顶部导航栏目、宣传幻灯片、搜索、电影信息显示板块。具有返回按钮,点击返回按钮可以返回智慧城市主页面。下方搜索在页面搜索框下面显示电影信息并图文显示。
(1)页面顶部具有返回按钮,点击返回按钮返回智慧城市主页。
(2)产品功能宣传幻灯片展示。
(3)搜索,根据电影名称进行查询,结果列表显示在电影信息展示区。
(4)电影展示区列表均显示图片、影片名称、上映时间、时长等内容,默认显示1-5条,点击“查看更多”可查看所有电影信息。
2.信息详情页,点击电影列表中的某一部电影,进入到电影详情页面。详情页面分别展示电影封面图片、电影名称、评分、上映时间、想看人数等信息。底部展示主页按钮,点击“主页”,返回电影主页。
任务6:志愿服务功能模块描述(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“志愿服务”图标信息,进入志愿服务页面。
任务说明:
1.进入志愿服务主页面,页面显示返回上一页按钮、任务标题、轮播图、新闻列表和底部导航栏。
(1)轮播图:每隔3秒自动切换宣传图片。
(2)新闻列表:列表项信息包括图片、新闻片段、发布时间,优先顶部显示最新发布的新闻。
(3)底部导航栏包括志愿活动按钮和我的活动按钮,按钮以图标和文字为单元宫格方式显示,点击图标按钮跳转到对应页面。
2. 进入志愿活动页面,页面包括搜索框、活动列表,列表信息包括活动标题、承办单位、活动开始时间、人员要求和报名按钮。点击列表项,跳转至活动详情页,点击列表项中的报名按钮,提示“报名成功”信息。点击列表项,跳转至活动详情页。搜索框输入搜索内容后,点击软键盘“搜索”按钮,刷新志愿活动列表页。
3.进入我的活动页面,页面分3个标签页,包括“已完成”“已报名”“已取消”,点击标签显示对应的列表页面。列表信息包括活动标题、承办单位、活动开始时间和人员要求。点击列表项,跳转至活动详情页。在已报名的列表项中包含一个“取消报名按钮”,点击取消报名按钮后,出现“已取消”的提示信息,并将相应的活动在已取消列表中显示。
4.进入活动详情页,活动详情页包括活动名称、活动简介、活动开始时间、人员要求、承办单位和工作内容。
四、成果物提交
本模块竞赛结束前,将“需求规格说明书.docx”提交到成果物管理平台(http://ip:port/)。
需求规格说明书(模板)文件内容中不能撰写与选手相关的信息,如赛位号、姓名和院校等。如出现上述信息标记,本模块记零分。
注:根据二次加密分配的账号登录成果物管理平台。
模块B:初步设计
一、竞赛任务
此模块竞赛时间为3小时,分数为16分。
(一)竞赛主题
随着第五代移动通信技术(5G)高速发展,推动新一代信息技术与各个行业的融合发展,“智慧城市”这一概念随着城市化进程的快速发展应运而生。
智慧城市是指利用新一代信息技术,以整合、系统的方式管理城市运行体系,让城市中各个功能彼此协调运作,为城市中的企业提供优质的发展空间,为市民提供更高的生活品质,让城市成为适合人全面发展的城市,涵盖了智慧服务、智慧养老、智慧党建、智慧环保、智慧社区、精准扶贫、时代楷模等数十个场景。
图1 智慧城市系统架构
(二)基本要求
1.使用Adobe XD或者Sketch软件,参照模块功能要求,进行该功能模块的页面原型设计,制作页面原型参阅iOS、谷歌的Material Design设计规范。
2.画板尺寸为750px×1334px,状态栏高度40px,标题栏高度为88px,标签栏高度为98px。
3.原型绘制画板大小尺寸及各部分内容区尺寸参考。
图2 尺寸参考图
4.当内容超出高度区域时,设置滚动区域来显示内容。
5.画板要对齐,界面版式布局合理、美观,内容完整;同样功能请复用样式,避免一种功能、两种样式的情况。
6.原型要有交互设计内容,用户体验良好。检查存在的漏洞,防止出现异常流程和内容状态。
7.页面所需数据,详见API接口文档,利用Postman工具获取。API接口文档和部分素材详见平台——模块B:初步设计——资源下载——01设计素材。
二、任务:限选主题功能初步设计(4分)
(一)主题背景
随着工作生活信息化、网络化、数据化持续加深,传统的党建工作方式对党员特别是年轻一代党员的吸引力和凝聚力在降低。智慧党建是运用信息化新技术,整合各方资源,更有效地加强组织管理,提高服务群众水平,扩大党在网络世界存在感和数字化影响力,提高党的执政能力,巩固党的执政基础的新平台、新模式、新形态。
通过智慧党建系统建设,主要解决党建宣传、学习、管理、资源等方面的基础问题。使党建管理从模糊走向精确,改变了以往手工操作、人工管理等存在的随意性、模糊性不足,通过量化计分、实时智能分析、自动提醒服务等实现党建管理的精确化、智能化、人文化和科学化。主要包括以下功能模块。
1.党建展示:首页幻灯片轮播图显示;
2.党建动态:包括文章展示、文章分类、文章评论等;
3.党员学习:包括课程分类、章节管理、学习课程记录标识、课程评论等,课程内容包括语音、视频等资源;
4.组织活动:包括活动展示、活动报名、活动留言等;
5.建言献策:包括提交问题以及建议给上级,查看留言等;
6.随手拍:包括随手拍照上传,发现身边的先进,反馈身边的问题,实现人人监督。
(二)任务要求
1.基于智慧城市系统架构,以智慧党建为背景,规划整理智慧党建App需求,在功能架构体系中至少规划设计6个功能,并自主绘制智慧党建App初步设计原型。
2.利用Adobe XD或者Sketch软件,新建“初步设计_限选主题.xd”文件,绘制智慧党建App页面原型,每个功能至少一个画板。
3.画板之间具有交互功能体现。
4.页面设计美观大方,符合人体工学操作逻辑。
三、任务:固定主题功能初步设计(12分)
(一)任务要求
1.基于智慧城市系统中的便民服务功能需求描述,设计智慧服务App进行初步设计。
2.利用Adobe XD/Sketch软件,新建“初步设计_固定主题.xd”文件,绘制便民服务给定的功能页面原型,每个功能至少一个画板。
3.画板之间具有交互功能体现。
4.页面设计美观大方,符合人体工学操作逻辑。
(二)任务说明
任务1:绘制“主页面”模块界面原型(2分)
智慧城市App启动后,进入App主页面(主页),彰显智慧城市风采,打造智慧型服务大厅,科技赋能,创新智能,打造视、听、触体验俱佳的业务服务大厅,同时提供多种智慧城市解决方案。
任务说明:
1.主页显示搜索输入框,输入搜索内容后,点击软键盘“搜索”按钮,跳转至搜索结果相关新闻资讯列表页面。
2.显示轮播图,点击轮播图跳转至对应页面。
3.显示智慧城市各领域应用服务入口,以图标和名称为单元宫格方式显示,手机端每行显示5个,共两行,第2行最后一个显示“更多服务”,点击“更多服务”进入对应页面。每个领域应用入口布局显示为圆形图标,图标下为名称,点击图标可进入对应的领域应用页面。
4.显示热门主题模块,手机端每行显示2个热门主题,每个主题入口布局为圆角(20dp)矩形图标,图标下为标题名称,多出的标题名称字用省略号显示,点击“热门主题”进入到对应的主题页面。
5.显示新闻专栏,上方标签页方式显示新闻类别,下方显示新闻列表,列表项包括图片、新闻标题、新闻内容缩写(多出的字用省略号显示)、评论总数、发布时间等信息。
6.显示底部导航栏,采用图标加文字方式显示,图标在上,文字在下,共四个图标分别为首页、全部服务、新闻、个人中心,点击标签进入对应页面,并颜色标记当前页面所在导航栏。
任务2:绘制“个人中心”模块界面原型(2分)
在智慧城市App中,点击底部导航“个人中心”图标信息,进入个人中心页面。
任务说明:
1.首先进入个人中心页面,个人中心页面显示用户头像、账户、个人信息页面入口、订单列表页面入口、修改密码页面入口、意见反馈页面入口,点击“退出”按钮可退出登录。
2.点击个人信息跳转至个人信息页面,标签栏显示本页面标题,点击返回图标可返回到上一页,点击修改可保存修改的信息,可修改内容为:头像、昵称、性别、联系电话,注:手机号码后四位使用*号显示。
3.点击修改密码可进入修改密码页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入原密码与新密码,点击“确定”按钮可保存修改的信息。
4.点击订单列表可跳转到订单页面,标签栏显示本页面标题,点击返回图标可返回到上一页,页面内容展示所有订单、订单分类数据信息,订单显示信息有:订单号、订单类型、订单生成日期。点击订单可跳转至对应功能模块生成订单的详情页面。
5.点击意见反馈可跳转至意见反馈页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入反馈的内容,字数限制在150字以内,点击提交可提交反馈的意见。
任务3:绘制“智慧巴士”模块界面原型(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“智慧巴士”图标信息,进入智慧巴士页面。
任务说明:
1.页面显示巴士列表,列表显示路线名称、起终点、运行时间、票价,以及里程、巴士列表具有扩展显示该路线的各个站点功能。
2.点击班车列表新路线名称跳转到定制班车页面,信息如下:
第一步页面:显示站点路线秒点地图、起点与重点名称、票价、里程等,具有“下一步”点击按钮以及“返回上级目录”按钮。
第二步页面:显示日历日期,选中日历日期则显示出已经选中的日期,并且具有“下一步”点击按钮以及“返回上级目录”按钮。
第三步页面:显示起点与重点名称,还具有乘客姓名、手机号码、上车地点、下车地点输入框,并且具有“下一步”点击按钮以及“返回上级目录”按钮。
第四步页面:显示第三步页面,所填写的乘客信息、手机号码、上车地点、下车地点、乘车日期并且具有“提交订单”按钮以及“返回上级目录”按钮。
3.在应用的个人中心点击“我的订单”页面,页面显示待支付、已支付订单、订单列表显示路线名称、起终点、票价、订单编号、乘车日期。
任务4:绘制“预约检车”模块界面原型(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“预约检车”图标信息,进入预约检车页面。
任务说明:
1.预约检车功能显示预约须知、立即预约、我的预约、车辆管理四项底部功能导航,点击上方导航栏“返回”按钮返回智慧城市主页面。
2.默认进入“预约须知”进入预约须知页面,显示车辆预约须知提示等信息。
3.点击“车辆管理”进入车辆管理页面,列表显示车牌号、车架号、车辆类型、公里数、手机号等输入框信息,并可编辑。点击“添加”按钮可根据列表项的信息设计添加车辆信息功能。
4.点击“立即预约”,进入立即预约页面,具体如下:
(1)列表显示用户录入的车辆和单选框,单选预约的车辆,如果无车辆信息,则自动跳转至车辆管理页面。
(2)点击“选择时间”弹出时间(日期和小时)弹框,选择时间后点击“确认”获取并显示预约时间。
(3)点击“检车地点”弹出检车地点弹框列表,选择地点后点击“确认”获取检查地点。
(4)点击“预约”按钮,显示预约成功信息后自动跳转至“我的预约”页面。
5.点击“我的预约”进入我的预约页面,列表显示已经预约成功的车辆信息订单,包括车牌号、预约时间、预约检车地点等信息。
任务5:绘制“垃圾分类”模块界面原型(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“垃圾分类宝典”图标信息,进入垃圾分类宝典页面。
任务说明:
1.进入垃圾分类宝典页面。页面左上角显示返回上一页按钮。
(1)顶部展示垃圾分类新闻宣传轮播图。
(2)轮播图下方两个长方形导航图片按钮,搜索与分类。
(3)接下来为4个选项卡。分别为新时尚,党员在行动,分类达人,社区动态。每个选项卡内,新闻条目按时间降序排列。每条显示两行标题文字,多余采用缩略符。标题下面为日期时间。右侧为长方形新闻图片。点击新闻条目进入详情页。详细页内显示标题,发布人,发布时间,正文。
(4)新闻正文页底部可以匿名评论,文本框30字,点击评论按钮后发布评论。
2.点击搜索长方形导航图片按钮导航到搜索页。页面左上角显示返回上一页按钮。
(1)顶部展示垃圾分类宣传海报轮播图。
(2)下方为垃圾物品分类搜索框,输入分类,点击搜索,结果页居中显示分类图片名称,下面是分类文字描述。中部显示4列4行图片宫格,为该类常见垃圾物品,宫格以图片和文字进行展示。底部为可回收物投放指导,说明该物品丢弃前的必要环节处理。
(3)搜索框下方为热门搜索,列出最热门的可回收物品词汇。
3.点击分类导航图片按钮跳转至分类页。页面左上角显示返回上一页按钮。
(1)上部展示一张垃圾分类宣传海报,给人以直观感受。
(2)下方为4个正方形不同颜色的分类按钮,分别为可回收物,有害垃圾,湿垃圾,干垃圾。点击分类按钮,进入分类介绍页,顶部左侧为正方形分类图标,右侧为分类说明,分类介绍页下部为投放要求。
(3)分类按钮下面为4栏常见分类的关键词索引,即每栏4列5行20种常见该类垃圾。点击常见垃圾关键词,进入详情页,页面左上角显示返回上一页按钮,顶部标题指出该垃圾所属分类下方为分类介绍,左侧为正方形分类图标,右侧为分类说明,分类介绍页下部为投放要求。
任务6:绘制“志愿服务”模块界面原型(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“志愿服务”图标信息,进入志愿服务页面。
任务说明:
1.进入志愿服务主页面,页面显示返回上一页按钮、任务标题、轮播图、新闻列表和底部导航栏。
(1)轮播图:每隔3秒自动切换宣传图片。
(2)新闻列表:列表项信息包括图片、新闻片段、发布时间,优先顶部显示最新发布的新闻。
(3)底部导航栏包括志愿活动按钮和我的活动按钮,按钮以图标和文字为单元宫格方式显示,点击图标按钮跳转到对应页面。
2.进入志愿活动页面,页面包括搜索框、活动列表,列表信息包括活动标题、承办单位、活动开始时间、人员要求和报名按钮。点击列表项,跳转至活动详情页,点击列表项中的报名按钮,提示“报名成功”信息。点击列表项,跳转至活动详情页。搜索框输入搜索内容后,点击软键盘“搜索”按钮,刷新志愿活动列表页。
3.进入我的活动页面,页面分3个标签页,包括“已完成”“已报名”“已取消”,点击标签显示对应的列表页面。列表信息包括活动标题、承办单位、活动开始时间和人员要求。点击列表项,跳转至活动详情页。在已报名的列表项中包含一个“取消报名按钮”,点击取消报名按钮后,出现“已取消”的提示信息,并将相应的活动在已取消列表中显示。
4.进入活动详情页,活动详情页包括活动名称、活动简介、活动开始时间、人员要求、承办单位和工作内容。
四、成果物提交
本模块竞赛结束前,将“初步设计.rar”文件提交到成果物管理平台(http://ip:port/),压缩包内包括:初步设计_限选主题.xd和初步设计_固定主题.xd。
注:根据二次加密分配的账号登录成果物管理平台。
模块C:功能模块开发
一、竞赛任务
此模块竞赛时间为6小时,分数为50分。
(一)竞赛主题
随着第五代移动通信技术(5G)高速发展,推动新一代信息技术与各个行业的融合发展,“智慧城市”这一概念随着城市化进程的快速发展应运而生。
智慧城市是指利用新一代信息技术,以整合、系统的方式管理城市运行体系,让城市中各个功能彼此协调运作,为城市中的企业提供优质的发展空间,为市民提供更高的生活品质,让城市成为适合人全面发展的城市,涵盖了智慧服务、智慧养老、智慧党建、智慧环保、智慧社区、精准扶贫、时代楷模等数十个场景。
图1 智慧城市系统架构
(二)基本要求
App UI尺寸自动适配开发电脑中提供的模拟器UI(iOS适配iPhone11模拟器)以及提供的手持手机设备或模拟器UI。
竞赛结束前,选手将“模块C:功能模块开发”的成果物,其中包括Android项目发布文件(SmartCity.apk)或iOS项目代码(SmartCity.zip)提交到平台服务器。
Android:在裁判计算机上,下载项目发布文件SmartCity.apk,安装到模拟器或真机上进行评判。
iOS:在裁判计算机上,下载项目代码,Xcode打开编译运行到iPhone11模拟器上进行评判。
二、任务
(一)任务1:应用架构设计(2分)
设计智慧城市App,利用移动开发工具(Android Studio/Xcode)创建SmartCity项目或HbuilderX打开项目,项目App显示智慧城市名称,实现项目的基本框架设计,并封装App与服务器通讯模块。
(二)任务2:应用主页面实现(4分)
进入App主页面(主页),彰显智慧城市风采,打造智慧型服务大厅,科技赋能,创新智能,打造视、听、触体验俱佳的业务服务大厅,同时供应多种智慧城市解决方案。
任务说明:
App启动后,显示开屏广告1秒,进入主页面。
1.主页显示搜索输入框,输入搜索内容后,点击软键盘“搜索”按钮,跳转至搜索结果相关新闻资讯列表页面。
2.显示轮播图,点击轮播图跳转至对应页面。
注:轮播图资源通过服务器API接口获取。
3.显示智慧城市各领域应用服务入口,以图标和名称为单元宫格方式显示,手机端每行显示5个,按照优先级从高到低排序(数值越大优先级越高),共两行,第2行最后一个显示“更多服务”,点击“更多服务”进入全部服务页面。每个领域应用入口布局显示为圆形图标+名称布局,点击图标可进入对应的领域应用页面。
4.显示热门主题模块,手机端每行显示2个热门主题,每个主题入口布局为圆角(20dp)矩形图标,图标下为标题名称,多出的标题名称字用省略号显示,点击“热门主题”进入对应的主题页面。
5.显示新闻专栏,上方标签页方式显示新闻类别,下方显示新闻列表,列表项包括图片、新闻标题、新闻内容缩写(多出的字用省略号显示)、评论总数、发布时间等信息。
6.显示底部导航栏,采用图标加文字方式显示,图标在上,文字在下,共五个图标分别为首页、全部服务、智慧社区、新闻、个人中心,点击标签进入对应页面,并颜色标记当前页面所在导航栏。
注:主页数据详见API接口文档。
(三)任务3:活动功能实现(6分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“活动”图标信息,进入活动页面。
任务说明:
1.列表页面包含:轮播图、活动分类、活动列表等三个部分。
2.点击轮播图片可以跳转到活动详情页面,活动分类展示活动类别名称,活动列表依据最新发布时间排序,活动列表显示:活动图片、活动名称、报名人数、点赞数等;
3.在活动列表页面点击活动名称跳转到活动详情页面,信息如下:
(1)详情页面顶部栏显示活动名称,点击“返回”按钮,返回上级目录。
(2)活动详情内容按照(图片+文字)的形式进行展示,详情页面具有活动评论与查看功能,查看评论显示评论条数,以及列表形式展现的评论内容,还可以对该活动进行评论。
(3)详情页面包括活动推荐,以列表形式展示1-3篇推荐活动。
(4)活动页面包括报名按钮,点击加入该活动。
注:数据详见API接口文档。
(四)任务4:个人中心功能实现(4分)
在智慧城市App中,点击底部导航栏“个人中心”图标信息,进入用户个人中心页面。
任务说明:
1.首先进入个人中心页面,个人中心页面显示用户头像、账户、个人信息页面入口、订单列表页面入口、修改密码页面入口、意见反馈页面入口,点击退出按钮可退出登录。
2.点击个人信息跳转至个人信息页面,标签栏显示本页面标题,点击返回图标可返回到上一页,点击修改可保存修改的信息,可修改内容为:头像、昵称、性别、联系电话,注:手机号码后四位使用*号代替。
3.点击修改密码可进入修改密码页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入原密码与新密码,点击确定按钮可保存修改的信息。
4.点击订单列表可跳转到订单页面,标签栏显示本页面标题,点击返回图标可返回到上一页,页面内容展示所有订单、订单分类数据信息,订单显示信息有:订单号、订单类型、订单生成日期。点击订单可跳转至对应功能模块生成订单的详情页面。
5.点击意见反馈可跳转至意见反馈页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入反馈的内容,字数限制在150字以内,点击提交可提交反馈的意见。
注:数据详见API接口文档。
(五)任务5:爱心捐赠功能实现(5分)
在智慧城市App中,点击底部导航栏的“爱心捐赠”图标信息,进入爱心捐赠页面。
任务说明:
1.进入爱心公益主页面,页面显示返回上一页按钮,搜索输入框、广告轮播图、捐赠次数和实时捐赠列表、公益分类、推荐公益列表。
(1)搜索输入框:输入搜索内容后,点击软键盘“搜索”按钮,跳转至搜索结果公益列表页面,列表内容包括公益类别、公益名称、发布人、已筹善款、项目时间和参与人数。
(2)广告轮播图:每间隔3秒切换广告图。
(3)公益分类:以图标和名称为单元格方式显示,手机端显示4个,共两行,每个类目入口布局显示为圆形图标和名称,点击图标可以进入对应公益分类列表页面。
(4)推荐公益列表项:公益分类图标下面显示推荐公益,类别名称下方显示公益图片、公益项目名称、发布组织、捐赠人数和已筹善款。
2.公益列表页面,点击首页图标或推荐公益进入公益列表页面,列表项包括搜索框、项目类型、公益类别、公益内容、发布人、已筹善款、项目时间、参捐人数。下方显示“我要捐助”按钮,点击按钮即可捐款。公益列表底部显示分页,点击分页可以跳转列表页面。
3.公益详情页,该页面上方展示公益详情,包括信息项:项目图片、项目名称、已募善款、筹款目标、项目备案号、参与人数、捐款进度、项目时间。下方展示项目介绍详细信息,包括文章和对应图片,右侧滚动显示捐助记录。页面底部显示项目预算清单,展示该项目各笔捐款数额去向与使用细则。
注:数据详见API接口文档。
(六)任务6:政府热线功能实现(5分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“政府服务热线”图标信息,进入政府服务热线页面。
任务说明:
1.进入政府服务热线主页面,页面显示返回上一页按钮、广告轮播图、市民诉求分类、我的诉求。
(1)广告轮播图:每隔3秒自动切换广告图。
(2)市民诉求分类:以图标和名称为单元宫格方式显示,手机端每行显示4个,按照优先级由高到低排序,共两行,左右滑动可切换显示类目。每个类目入口布局显示为圆形图标和名称布局,点击最后一个“其他诉求”图标,进入新建诉求页;点击其他图标可进入对应分类的诉求列表页面。
(3)我的诉求:列表显示我的诉求,列表项信息包括标题、承办单位、提交时间和处理状态,未完结诉求优先顶部显示。
2.进入诉求列表页面,页面包括诉求列表、发布诉求按钮,列表项信息包括标题、承办单位、提交时间和处理状态,点击列表项,跳转至诉求详情页,点击发布诉求按钮,跳转至新建诉求页。诉求详情页包括标题、诉求内容、图片、承办单位、提交时间、反馈处理状态和处理结果。
3.新建诉求页,页面内容包括标题、诉求内容、图片、承办单位、反馈手机号和发布按钮;若是点击其他诉求分类进入的新建诉求页,顶部还要显示诉求分类下拉框,可以更改诉求分类;点击提交按钮完成发布。
注:接口数据详见API接口文档。
(七)任务7:数据分析功能实现(6分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“数据分析”图标信息,进入数据分析页面。
任务说明:
1.柱状图:请分析北京市16号线(始发站为西苑,终点站为北安河)、14号线东段(始发站为北京南站,终点站为善各庄)的客运周转量(从进站到出站所经历的站点数作为出行距离,比如:乘客乘坐16号线,从A站经过B站到C站,则出行距离为3)。
假设乘客乘坐某条地铁从进站到出站所经历的站点数作为出行距离,例如,某乘客乘坐某条地铁,从甲站经历乙站到丙站,那么出行距离为3。
客运周转量实际为用线路客流量与其相对应运距(即乘客的出行距离)的乘积表示,人·站数/天。
其中,表示第i个乘客的出行距。
2.折线图:请分析2021年-10月-22日至2021年-10月29日7天,北京市西苑、石厂、阎村东、香山地铁站出站的客流量多条变化曲线,进行数据挖掘分析,不同站点数据变化曲线使用不同的颜色,横坐标为时间/天,纵坐标为客流量/人。
(八)任务8:智慧社区板块实现(18分)
在智慧城市App主页面上,点击底部导航栏“精准扶贫”,进入精准扶贫页面。
任务说明:
“智慧社区”是面向居家老人、社区及养老机构提供实时、快捷、高效、低成本智能化的养老服务平台。
随着经济的发展,人民的生活水平得到普遍提高,随之而来的是我国的老龄化程度越来越高,人们已经普遍意识到老龄化问题将会带来的问题。整个社会在趋向于“衰老型”发展,人口老龄化的问题日益严重,空巢老人的现象也日益加剧。呈现出老年人口基数大、增速快、高龄化、失能化、空巢化趋势明显的态势,再加上我国未富先老的国情和家庭小型化的结构叠加在一起,养老问题异常严峻。智慧社区平台主要围绕着利用先进的信息技术手段实现“以入住老人为中心,规范养老服务,强化养老管理”,同时,针对老年人心理生理特点,以信息化技术为核心,采用先进的计算机技术、通信技术、无线传输技术、控制技术,为老人提供一个安全、便捷、高效、舒适的养老综合服务。主要包括以下功能模块。
1.养老机构查询,养老机构推荐,养老机构评价。
2.健康评估,提交个人健康相关资料,包括身体基本状况,精神状态(正常、痴呆、抑郁、暴力),活动能力(正常、拄拐、轮椅、卧床),生活自理能力(饮食、洗澡、穿衣、修饰),评估需要配置哪些配套服务,计算出服务费用。
3.预约养老院,通过智慧社区平台,查询养老院的基础配套的设施设备以及服务体系,选择合适的养老院,在线预约预定。
4.现场办理完入住手续后,通过平台监测到老人入住的房间环境信息,如温湿度、二氧化碳浓度、PM2.5等环境数据;同时可以监测到老人健康状况,如心率、血压、体温、运动量、户外活动时间、体重等信息。
5.查询医护人员现场服务巡检记录,老人的餐饮服务记录,服务人员评价。
6.通过集中监测,观察其他入住老人的入住情况和身体概况。如入住率,老人的年龄分布,平均运动量,平均户外活动时间等。
根据上述说明,自行设计功能页面,无API接口,素材可参阅竞赛管理平台右侧资源下载区。
三、成果物提交
本模块竞赛结束前,将“成果物.rar”提交到成果物管理平台(http://ip:port/)上,如利用Android平台开发,压缩包内包括:SmartCity.apk;如利用iOS平台开发,压缩包内包括:SmartCity工程文件夹。
Android:在裁判计算机上,下载项目发布文件SmartCity.apk,安装到模拟器或真机上进行评判。
iOS平台:在裁判计算机上,下载项目代码SmartCity.rar,编译运行到iPhone11模拟器上进行评判。
注:根据二次加密分配的账号登录成果物管理平台。
模块D:测试与交付
一、竞赛任务
此模块竞赛时间为3小时,分数为18分。
(一)待测系统描述
图1 智慧城市系统架构
随着第五代移动通信技术(5G)高速发展,推动新一代信息技术与各个行业的融合发展,“智慧城市”这一概念随着城市化进程的快速发展应运而生。
智慧城市是指利用新一代信息技术,以整合、系统的方式管理城市运行体系,让城市中各个功能彼此协调运作,为城市中的企业提供优质的发展空间,为市民提供更高的生活品质,让城市成为适合人全面发展的城市,涵盖了智慧服务、智慧养老、智慧党建、智慧环保、智慧社区、精准扶贫、时代楷模等数十个场景。
(二)待测应用安装
1.从平台——模块D:测试与交付——资源下载——智慧城市.apk文件开发计算机中。
2.运行开发机中的Android模拟器,将apk文件安装到模拟器或真机中,启动App,配置服务器的IP和端口,准备运行测试。
(三)基本要求
使用平台——模块D:测试与交付——资源下载目录中的资源进行操作和设计。
二、任务要求
本模块主要考查产品测试以及交付工作,考查测试用例设计编写能力,考生需了解被测系统的功能设计,掌握测试流程和测试规范,具备撰写操作文档的综合能力。以下为每个任务的具体说明,考生请按照要求,逐一完成任务并结合成果提交的模板要求,提交成果物。
(一)任务1:编写并执行测试用例(6分)
基于指定功能模块,按照表1要求完成。
表1 功能模块说明
序号 功能模块 说明
1 引导页 本功能模块编写至少4个测试用例。
2 主页面 本功能模块编写至少6个测试用例。
3 个人中心 本功能模块编写至少10个测试用例。
4 全部服务 本功能模块编写至少3个测试用例。
5 新闻 本功能模块编写至少2个测试用例。
6 地铁查询 本功能模块编写至少4个测试用例。
7 停车场 本功能模块编写至少5个测试用例。
8 定制班车 本功能模块编写至少5个测试用例。
9 违章查询 本功能模块编写至少5个测试用例。
10 生活缴费 本功能模块编写至少5个测试用例。
11 门诊预约 本功能模块编写至少5个测试用例。
测试用例样例见表2(具体详见平台——模块D:测试与交付——测试用例模板.xlsx):
表2 测试用例样例
系统 模块 用例 编号 用例 描述 前置条件 操作步骤 预期 结果 测试结果
1.登录验证 1.1.1 新增用户动作 系统用户已经登录系统,点击新增,已经跳转到新增页面 输入正确用户基本信息,并点击确定 点击确定保存成功 测试通过
(二)任务2:缺陷分析(6分)
针对本次被测系统进行全范围测查找出至少10个Bug,根据找出的Bug进行缺陷分析。
缺陷表格样例见表3(具体详见平台——模块D:测试与交付——缺陷分析报告模板.docx):
表3 缺陷表格样例
缺陷编号 001
缺陷简要描述 点击紧急调度功能,查看选择在线医生在线查房功能,无法分配医生。
缺陷重现步骤 1.用户成功登录系统; 2.点击紧急调度功能; 3.查看选择在线医生在线查房功能,无法分配医生。
缺陷验证程度 严重 等级分:(致命、严重、一般、提示)
涉及功能模块 登录校验
缺陷分析原因 已经达到最大分配最大额度查房数量,无法分配该医生进行查房。
(三)任务3:撰写产品操作手册(6分)
编写手册的重要指导原则包括:
1.语言通俗易懂,手册中应当使用大众化的语言,便于使用者理解;
2.对关键词语加以解释,在手册中出现特定的概念或是可能引起歧义的词语应当加以解释,减少误解;
3.说明尽量详细,在对产品功能、使用方法进行介绍时,应尽量详细并通俗易懂;
4.图文并茂,对于软件产品的关键对话框、显示结果,应当附加对应的图片,以增加可视性,方便用户理解;
5.提示相关内容,在手册中提及本手册中含有的其他内容时,应指出被提及的内容在手册中的位置,便于用户查阅。
在模拟器或真机中运行待测App,对App功能进行梳理分析,利用平台——产品操作手册模板.docx文件设计产品操作手册,具体规范如下描述:
第一部分:编写待测App的产品定位中心叙述(的总体介绍及特点),以及罗列出核心功能点名称,与运行待测App的基础环境(软、硬件环境)。
第二部分:编写软件产品的安装方法以及各种软硬件环境的设置方法。对于可能会出现的问题,如软、硬件冲突,给出解决方法。
第三部分:编写上述功能点的指导说明,准确叙述用户操作行为,将功能变为具体化、形象化、更真切,以便于读者理解具体内容,加强说服力。即通过一些例子,介绍完成这些任务的操作方法和过程。
第四部分:编写需要指出使用待测APP的常规注意事项,进行说明,提示用户规避使用不规范等操作。对用户使用容易发生的问题或用户常见的错误给出解决方法。
三、成果物提交
本模块竞赛结束前,将“成果物.rar”文件提交到成果物管理平台(http://ip:port/)上,压缩包内包括:测试用例.xlsx、缺陷分析报告.docx和产品操作手册.docx三个文件。
注:根据二次加密分配的账号登录成果物管理平台。
第 38 页 / 共 39 页移动应用开发赛项竞赛试题
(09卷)
竞赛说明
一、竞赛安排
赛卷分模块A、模块B、模块C、模块D四个部分。
模块编号 模块名称 竞赛时间 分数 备注
A 需求分析 3小时 16分 第一天上午
B 初步设计 3小时 16分 第一天下午
C 功能模块开发 6小时 50分 第二天全天
D 测试与交付 3小时 18分 第三天上午
合计 100分
二、竞赛主题
本赛项面向产业主流技术,对接国际标准,旨在通过融合世界技能大赛的技术标准和规则要求,引领和促进教学改革,提升职业教育的国际化水平;通过完成一个完整的工作过程,使参赛选手、裁判、教师等相关人员,熟悉并掌握世界技能大赛的技术规范和技术标准,检验教学质量,达到“以赛促教”“以赛促学”“以赛促改”“以赛促建”的目的。
本赛项以智慧城市为背景,重点考查参赛选手在移动应用开发实际工程项目中的综合分析能力、架构设计能力、编码能力、文档编写能力、数据分析能力、创意创新能力、产品测试和交付能力;展现移动应用开发专业学生技能与风采,使教师和学生更全面的了解岗位需求,提升移动应用开发专业人才培养质量和就业质量。同时培养选手的沟通与交流能力、抗压能力、6S规范等职业素质;激发学生的求知欲和教师的爱岗敬业的工匠精神,带动广大青年学生钻研技术、苦练技能、走技能成才之路。
三、成果物管理平台
移动应用开发赛项提供的成果管理平台,选手根据分配的账号登录系统,把A、B、C、D四个模块的任务要求提交对应的成果物,裁判基于平台下载对应选手竞赛成果物,进行评判。
1.用户登录
图1 成果物管理平台登录界面
输入预先发放给参赛选手的账号和密码登录成果物管理平台,登录界面见图1,每个模块比赛结束后系统进入锁定状态,选手无法登录。
2.模块成果物上传
图2 成果物管理平台后台管理界面
参赛选手在比赛结束前可以自愿修改重新上传成果物,比赛结束后系统自动锁定。参赛选手成果物提交情况将实时同步比赛现场大屏幕。
四、竞赛注意事项
提交的文档、原型、代码、App等资源内容中不能填写与选手相关的信息,如赛位号、姓名和院校。如出现上述标记,本模块成绩按照零分处理。
模块A:需求分析
一、竞赛任务
此模块竞赛时间为3小时,分数为16分。
竞赛主题描述
图1 智慧城市系统架构
本次竞赛任务,以需求分析为目标,以智慧城市为背景,通过限选主题和固定主题(便民服务)结合的形式,对需求进行理解、分析,并最终以提供的需求分析说明书为模板,编写一份完整的需求规格说明书。
编写需求规格说明书是为了详细呈现智慧城市移动App产品需求和系统的功能描述,以进一步定制移动App开发的细节问题,便于与项目开发协调工作,希望能使本软件开发工作更明确、更具体。
(二)功能概述
本次竞赛分为两部分任务:
第一个任务,按照选定的一个主题方向,进行需求的自定义梳理与规划,依据给定的需求规格说明书(模板),进行需求规格的逐一描述,编制对应业务流程图/活动图/活动图、原型草图、用例图、类图、时序图和对应模块概要设计。
第二个任务,依据给定便民服务主题的需求说明,进行需求分析设计,结合功能需求编制对应业务流程图/活动图/活动图、原型草图、类图、时序图和对应模块概要设计。
(三)基本要求
使用平台——模块A:需求分析——资源下载——《需求规格说明书(模板)》进行需求分析文档编制。
二、任务:限选主题分析设计(4分)
(一)主题背景
“智慧养老”是面向居家老人、社区及养老机构提供实时、快捷、高效、低成本智能化的养老服务平台。
随着经济的发展,人民的生活水平得到普遍提高,随之而来的是我国的老龄化程度越来越高,人们已经普遍意识到老龄化问题将会带来的问题。整个社会在趋向于“衰老型”发展,人口老龄化的问题日益严重,空巢老人的现象也日益加剧。呈现出老年人口基数大、增速快、高龄化、失能化、空巢化趋势明显的态势,再加上我国未富先老的国情和家庭小型化的结构叠加在一起,养老问题异常严峻。智慧养老平台主要围绕着利用先进的信息技术手段实现“以入住老人为中心,规范养老服务,强化养老管理”,同时,针对老年人心理生理特点,以信息化技术为核心,采用先进的计算机技术、通信技术、无线传输技术、控制技术,为老人提供一个安全、便捷、高效、舒适的养老综合服务,具体功能如下。
1.养老机构查询,养老机构推荐,养老机构评价。
2.健康评估,提交个人健康相关资料,包括身体基本状况,精神状态(正常、痴呆、抑郁、暴力),活动能力(正常,拄拐、轮椅、卧床),生活自理能力(饮食、洗澡、穿衣、修饰),评估需要配置哪些配套服务,计算出服务费用。
3.预约养老院,通过智慧养老平台,查询养老院的基础配套的设施设备以及服务体系,选择合适的养老院,在线预约预定。
4.现场办理完入住手续后,通过平台监测到老人入住的房间环境信息,如温湿度、二氧化碳浓度、PM2.5等环境数据;同时可以监测到老人健康状况,如心率、血压、体温、运动量、户外活动时间、体重等信息。
5.查询医护人员现场服务巡检记录,老人的餐饮服务记录,服务人员评价。
6.通过集中监测,观察其他入住老人的入住情况和身体概况。如入住率,老人的年龄分布,平均运动量,平均户外活动时间等。
(二)任务要求
1.基于智慧城市系统架构,以为背景,规划整理智慧养老App需求,设计App功能架构体系图,并做说明。
2.在功能架构体系中至少规划设计6个功能,并编制每个功能模块对应业务流程图/活动图、原型草图、用例图、类图、时序图和对应模块概要设计。
三、任务:固定主题分析设计(12分)
(一)主题背景
智慧城市是一个比较大的系统工程,涉及领域众多,但在终极目标上简单明确,那就是服务民众,让民众的城市生活更美好。在便民惠民服务中,可以看到医疗、教育、金融、交通等领域成为热门。
搭建智慧城市的便民服务平台不仅要利用最先进的互联网线上手段,做好线上渠道,还要利用好传统的线下渠道,实现多渠道、广覆盖。如今提到一站式的服务平台,首先想到的就是各种移动客户端,利用线上线下更好的服务大众。便民服务平台作为智慧城市在产品层面的一个重要体现,成为一个大众参与的产品是其发展趋势和出路。
(二)任务要求
基于给定停哪儿、青年驿站、数字图书馆、个人中心等5个功能需求描述,撰写流程图/活动图、用例图、类图、时序图等概要设计。
任务1:引导页功能模块描述(2分)
1.App启动,首先进入引导页,引导页面下方显示5个小圆圈标识,提示用户当前引导页面位置。
2.进入最后引导页。
(1)显示“网络设置”按钮,点击弹出服务器IP地址(如192.168.1.10)和端口(如8080)设置对话框,并实现服务器IP地址和端口的保存和修改功能。
(2)显示“进入主页”按钮,点击进入主页面。
任务2:主页面功能模块描述(2分)
进入智慧城市App主页面。
任务说明:
1.主页显示搜索输入框,输入搜索内容后,点击软键盘“搜索”按钮,跳转至搜索结果相关新闻资讯列表页面。
2.显示轮播图,点击轮播图跳转至对应页面。
3.显示智慧城市各领域推荐应用服务入口,以图标和名称为单元宫格方式显示,手机端每行显示5个,按照优先级从高到低排序(数值越大优先级越高),共两行,第2行最后一个显示“更多服务”,点击“更多服务”进入对应页面。每个领域应用入口布局显示为圆形图标,图标下为名称,点击图标可进入对应的领域应用页面。
4.显示热门主题模块,手机端每行显示2个热门主题,每个主题入口布局为圆角(20dp)矩形图标,图标下为标题名称,多出的标题名称用省略号显示,点击“热门主题”进入到对应的主题页面。
5.显示新闻专栏,上方标签页方式显示新闻类别,下方显示新闻列表,列表项包括图片、新闻标题、新闻内容缩写(多出的字用省略号显示),评论总数,发布时间等信息。
6.显示底部导航栏,采用图标加文字方式显示,图标在上,文字在下,共四个图标分别为首页、全部服务、新闻、个人中心,点击标签进入对应页面,并颜色标记当前页面所在导航栏。
任务3:个人中心功能模块描述(2分)
在智慧城市App中,点击底部导航“个人中心”图标信息,进入个人中心页面。
任务说明:
1.首先进入个人中心页面,个人中心页面显示用户头像、账户、个人信息页面入口、订单列表页面入口、修改密码页面入口、意见反馈页面入口,点击“退出”按钮可退出登录。
2.点击个人信息跳转至个人信息页面,标签栏显示本页面标题,点击返回图标可返回到上一页,点击修改可保存修改的信息,可修改内容为:头像、昵称、性别、联系电话,注:手机号码后四位使用*号显示。
3.点击修改密码可进入修改密码页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入原密码与新密码,点击“确定”按钮可保存修改的信息。
4.点击订单列表可跳转到订单页面,标签栏显示本页面标题,点击返回图标可返回到上一页,页面内容展示所有订单、订单分类数据信息,订单显示信息有:订单号、订单类型、订单生成日期。点击订单可跳转至对应功能模块生成订单的详情页面。
5.点击意见反馈可跳转至意见反馈页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入反馈的内容,字数限制在150字以内,点击提交可提交反馈的意见。
任务4:停哪儿功能模块描述(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“停哪儿”图标信息,进入门诊预约页面。
任务说明:
1.停车场页面显示所有停车场,距离最近的优先显示,标签栏显示本页面标题,点击返回图标可返回到上一页,点击“列表”图标可查看历史停车记录。
2.停车场页面内容显示停车场基本信息,基本信息包括停车场名、空位数量、地址、收费价格、距离点击可进入到详情页面,点击“查看更多”按钮可查看更多的停车场信息,默认显示5-6条数据。
3.进入停车场详情页面后,点击返回图标可返回到上一页,顶部标签栏显示本页面标题。显示停车详细信息,页面内容包括: 停车场名称、地址、距离、是否对外开放,如不对外开放或对外开放、车位信息,如停车费3元/小时,剩余车位、收费参考如每小时3元,最高40元/天。
4.进入停车记录页面,显示所有停车记录,点击返回图标可返回到上一页,顶部标签栏显示停车记录标题。输入入场时间或出场时间点击查询图标,可查询输入时间段之间的所有停车记录。停车记录内容包括车牌号、收费金额、入场时间、出场时间、停车场名称。点击“查看更多”按钮可查看更多停车记录,默认显示5-6条停车记录。
任务5:青年驿站功能模块描述(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“青年驿站”图标信息,进入青年驿站页面。
任务说明:
1.进入青年驿站页面,页面左上角显示返回上一页按钮。
(1)上部展示一张青年驿站照片,在该图片下方对青年驿站做简单的文字概述。
(2)中部显示3列宫格,分别为各区标志性建筑,点击方格进入后为该区人才政策页。
(3)下部为青年驿站列表。列表项第一行左侧方形该青年驿站正方形照片,右侧为青年驿站名称。青年驿站名称下方要显示剩余床位数,分男女两项。床位数下方显示该驿站所在详细地址,单行过长要折行。点击第一行进入该驿站详情页。第二行为可以上下收缩的站点介绍,点击前显示站点介绍按钮,点击后向下展示该驿站详情,再次点击收缩。
2.进入驿站详情页页面,页面左上角显示返回上一页按钮。
(1)顶端展示7张该驿站轮播照片,下方为该驿站地址,地址过长需换行,地址下面显示该驿站联系电话和提示办理入住时间段,入住时间下方显示男女显示剩余床位数。
(2)下部为驿站详细介绍,文本分为4部分:驿站简介、房间配置、周边配套和特色服务。
3.从各区人才政策导航宫格按钮进入人才页,页面左上角显示返回上一页按钮。
(1)区人才政策页上方为该区标志性建筑图片,图片下方为该区简介,简介下方为该区人才政策文件列表,按发布时间顺序从新到旧,每条分为两行,一行标题,一行日期。
(2)政策列表条目点击进入后为内容页,信息包括标题、日期、内容和发布者。
任务6:数字图书馆功能实现(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“数字图书馆”图标信息,进入数字图书馆页面。
任务说明:
1.进入数字图书馆主页面,页面显示返回上一页按钮、标题、图书馆列表。图书馆列表,列表项信息包括图书馆名称、图书馆具体地址、营业时间和营业状态,营业中的图书馆将优先展示。点击列表项,进入图书馆详情。
2.进入图书馆详情页面,页面包括图书馆位置图片和图书馆信息。页面上方固定显示图书馆的位置图片,图片可缩放。图书馆信息包括图书馆名称、图书馆具体地址、图书馆介绍、营业时间、营业状态和评论按钮。点击评论按钮,进入到评论页面。
3.进入评论页面,页面包括评论列表,写评论文本框,发表按钮。评论列表项信息包括评论人名称、评论内容、点赞数,“点赞”按钮,点击“点赞”按钮可以进行点赞。点赞数高的优先展示。点击发表按钮发送已填写的评论,并在评论列表中显示。
四、成果物提交
本模块竞赛结束前,将“需求规格说明书.docx”提交到成果物管理平台(http://ip:port/)。
需求规格说明书(模板)文件内容中不能撰写与选手相关的信息,如赛位号、姓名和院校等。如出现上述信息标记,本模块记零分。
注:根据二次加密分配的账号登录成果物管理平台。
模块B:初步设计
一、竞赛任务
此模块竞赛时间为3小时,分数为16分。
(一)竞赛主题
随着第五代移动通信技术(5G)高速发展,推动新一代信息技术与各个行业的融合发展,“智慧城市”这一概念随着城市化进程的快速发展应运而生。
智慧城市是指利用新一代信息技术,以整合、系统的方式管理城市运行体系,让城市中各个功能彼此协调运作,为城市中的企业提供优质的发展空间,为市民提供更高的生活品质,让城市成为适合人全面发展的城市,涵盖了智慧服务、智慧养老、智慧党建、智慧环保、智慧社区、精准扶贫、时代楷模等数十个场景。
图1 智慧城市系统架构
(二)基本要求
1.使用Adobe XD或者Sketch软件,参照模块功能要求,进行该功能模块的页面原型设计,制作页面原型参阅iOS、谷歌的Material Design设计规范。
2.画板尺寸为1080×1920,状态栏高度72px,标题栏高度为144px,标签栏高度为72px。
3.原型绘制画板大小尺寸及各部分内容区尺寸参考。
图2 尺寸参考图
4.当内容超出高度区域时,设置滚动区域来显示内容。
5.画板要对齐,界面版式布局合理、美观,内容完整;同样功能请复用样式,避免一种功能、两种样式的情况。
6.原型要有交互设计内容,用户体验良好。检查存在的漏洞,防止出现异常流程和内容状态。
7.页面所需数据,详见API接口文档,利用Postman工具获取。API接口文档和部分素材详见平台——模块B:初步设计——资源下载——01设计素材。
二、任务:限选主题功能初步设计(4分)
(一)主题背景
“智慧养老”是面向居家老人、社区及养老机构提供实时、快捷、高效、低成本智能化的养老服务平台。
随着经济的发展,人民的生活水平得到普遍提高,随之而来的是我国的老龄化程度越来越高,人们已经普遍意识到老龄化问题将会带来的问题。整个社会在趋向于“衰老型”发展,人口老龄化的问题日益严重,空巢老人的现象也日益加剧。呈现出老年人口基数大、增速快、高龄化、失能化、空巢化趋势明显的态势,再加上我国未富先老的国情和家庭小型化的结构叠加在一起,养老问题异常严峻。智慧养老平台主要围绕着利用先进的信息技术手段实现“以入住老人为中心,规范养老服务,强化养老管理”,同时,针对老年人心理生理特点,以信息化技术为核心,采用先进的计算机技术、通信技术、无线传输技术、控制技术,为老人提供一个安全、便捷、高效、舒适的养老综合服务,具体功能如下。
1.养老机构查询,养老机构推荐,养老机构评价。
2.健康评估,提交个人健康相关资料,包括身体基本状况,精神状态(正常、痴呆、抑郁、暴力),活动能力(正常,拄拐、轮椅、卧床),生活自理能力(饮食、洗澡、穿衣、修饰),评估需要配置哪些配套服务,计算出服务费用。
3.预约养老院,通过智慧养老平台,查询养老院的基础配套的设施设备以及服务体系,选择合适的养老院,在线预约预定。
4.现场办理完入住手续后,通过平台监测到老人入住的房间环境信息,如温湿度、二氧化碳浓度、PM2.5等环境数据;同时可以监测到老人健康状况,如心率、血压、体温、运动量、户外活动时间、体重等信息。
5.查询医护人员现场服务巡检记录,老人的餐饮服务记录,服务人员评价。
6.通过集中监测,观察其他入住老人的入住情况和身体概况。如入住率,老人的年龄分布,平均运动量,平均户外活动时间等。
(二)任务要求
1.基于智慧城市系统架构,以智慧养老为背景,规划整理智慧养老App需求,在功能架构体系中至少规划设计6个功能,并自主绘制智慧养老App初步设计原型。
2.利用Adobe XD或者Sketch软件,新建“初步设计_限选主题.xd”文件,绘制智慧养老App页面原型,每个功能至少一个画板。
3.画板之间具有交互功能体现。
4.页面设计美观大方,符合人体工学操作逻辑。
三、任务:固定主题功能初步设计(12分)
(一)任务要求
1.基于智慧城市系统中的便民服务功能需求描述,设计智慧服务App进行初步设计。
2.利用Adobe XD/Sketch软件,新建“初步设计_固定主题.xd”文件,绘制便民服务给定的功能页面原型,每个功能至少一个画板。
3.画板之间具有交互功能体现。
4.页面设计美观大方,符合人体工学操作逻辑。
(二)任务说明
任务1:绘制“引导页”模块界面原型(2分)
1.App启动时首先显示引导页。
2.利用U盘中提供的5张引导页面图片,设计引导页面。
3.引导页面下方显示5个小圆圈标识,提示用户当前引导页面位置。
4.进入最后引导页,显示信息如下。
(1)显示“网络设置”按钮,点击弹出服务器IP地址(如192.168.1.10)和端口(如8080)设置对话框,并实现服务器IP地址和端口的保存和修改功能。
(2)显示“进入主页”按钮,点击进入主页面。
5.页面间具备交互功能体现。
任务2:绘制“主页面”模块界面原型(2分)
进入App主页面(主页),彰显智慧城市风采,打造智慧型服务大厅,科技赋能,创新智能,打造视、听、触体验俱佳的业务服务大厅,同时提供多种智慧城市解决方案。
任务说明:
1.主页显示搜索输入框,输入搜索内容后,点击软键盘“搜索”按钮,跳转至搜索结果相关新闻资讯列表页面。
2.显示轮播图,点击轮播图跳转至对应页面。
注:轮播图资源通过服务器API接口获取。
3.显示智慧城市各领域应用服务入口,以图标和名称为单元宫格方式显示,手机端每行显示5个,共两行,第2行最后一个显示“更多服务”,点击“更多服务”进入对应页面。每个领域应用入口布局显示为圆形图标,图标下为名称,点击图标可进入对应的领域应用页面。
4.显示热门主题模块,手机端每行显示2个热门主题,每个主题入口布局为圆角(20dp)矩形图标,图标下为标题名称,多出的标题名称字用省略号显示,点击“热门主题”进入到对应的主题页面。
5.显示新闻专栏,上方标签页方式显示新闻类别,下方显示新闻列表,列表项包括图片、新闻标题、新闻内容缩写(多出的字用省略号显示)、评论总数、发布时间等信息。
6.显示底部导航栏,采用图标加文字方式显示,图标在上,文字在下,共四个图标分别为首页、全部服务、新闻、个人中心,点击标签进入对应页面,并颜色标记当前页面所在导航栏。
任务3:绘制“个人中心”模块界面原型(2分)
在智慧城市App中,点击底部导航“个人中心”图标信息,进入个人中心页面。
任务说明:
1.首先进入个人中心页面,个人中心页面显示用户头像、账户、个人信息页面入口、订单列表页面入口、修改密码页面入口、意见反馈页面入口,点击“退出”按钮可退出登录。
2.点击个人信息跳转至个人信息页面,标签栏显示本页面标题,点击返回图标可返回到上一页,点击修改可保存修改的信息,可修改内容为:头像、昵称、性别、联系电话,注:手机号码后四位使用*号显示。
3.点击修改密码可进入修改密码页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入原密码与新密码,点击“确定”按钮可保存修改的信息。
4.点击订单列表可跳转到订单页面,标签栏显示本页面标题,点击返回图标可返回到上一页,页面内容展示所有订单、订单分类数据信息,订单显示信息有:订单号、订单类型、订单生成日期。点击订单可跳转至对应功能模块生成订单的详情页面。
5.点击意见反馈可跳转至意见反馈页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入反馈的内容,字数限制在150字以内,点击提交可提交反馈的意见。
任务4:绘制“爱心捐赠”模块界面原型(2分)
在智慧城市App主页面上的各个领域应用服务入口或全部服务,点击“爱心捐赠”图标信息。进入爱心捐赠服务页面。
任务说明:
1.进入爱心捐赠主页面,页面显示返回上一页按钮,搜索输入框、广告轮播图、捐赠次数和实时捐赠列表、公益分类、推荐公益列表。
(1)搜索输入框:输入搜索内容后,点击软键盘“搜索”按钮,跳转至搜索结果公益列表页面,列表内容包括公益类别、公益名称、发布人、已筹善款、项目时间和参与人数。
(2)广告轮播图:每间隔3秒切换广告图。
(3)公益分类:以图标和名称为单元格方式显示,手机端显示4个,共两行,每个类目入口布局显示为圆形图标和名称,点击图标可以进入对应公益分类列表页面。
(4)推荐公益列表项:公益分类图标下面显示推荐公益,类别名称下方显示公益图片、公益项目名称、发布组织、捐赠人数和已筹善款。
2.公益列表页面,点击首页图标或推荐公益进入公益列表页面,列表项包括搜索框、项目类型、公益类别、公益内容、发布人、已筹善款、项目时间、参捐人数。下方显示“我要捐助”按钮,点击按钮即可捐款。公益列表底部显示分页,点击分页可以跳转列表页面。
3.公益详情页,该页面上方展示公益详情,包括信息项:项目图片、项目名称、已募善款、筹款目标、项目备案号、参与人数、捐款进度、项目时间。下方展示项目介绍详细信息,包括文章和对应图片,右侧滚动显示捐助记录。页面底部显示项目预算清单,展示该项目各笔捐款数额去向与使用细则。
任务5:绘制“数字图书馆”模块界面原型(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“数字图书馆”图标信息,进入数字图书馆页面。
任务说明:
1.进入数字图书馆主页面,页面显示返回上一页按钮、标题、图书馆列表。图书馆列表,列表项信息包括图书馆名称、图书馆具体地址、营业时间和营业状态,营业中的图书馆将优先展示。点击列表项,进入图书馆详情。
2.进入图书馆详情页面,页面包括图书馆位置图片和图书馆信息。页面上方固定显示图书馆的位置图片,图片可缩放。图书馆信息包括图书馆名称、图书馆具体地址、图书馆介绍、营业时间、营业状态和评论按钮。点击评论按钮,进入到评论页面。
3.进入评论页面,页面包括评论列表,写评论文本框,发表按钮。评论列表项信息包括评论人名称、评论内容、点赞数,“点赞”按钮,点击“点赞”按钮可以进行点赞。点赞数高的优先展示。点击发表按钮发送已填写的评论,并在评论列表中显示。
任务6:绘制“停哪儿”模块界面原型(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“停哪儿”图标信息,进入数字图书馆页面。
(1)停车场页面显示所有停车场,距离最近的优先显示,标签栏显示本页面标题,点击返回图标可返回到上一页,点击“列表”图标可查看历史停车记录。
(2)停车场页面内容显示停车场基本信息,基本信息包括停车场名、空位数量、地址、收费价格、距离点击可进入到详情页面,点击“查看更多”按钮可查看更多的停车场信息,默认显示5-6条数据。
(3)进入停车场详情页面后,点击返回图标可返回到上一页,顶部标签栏显示本页面标题。显示停车详细信息,页面内容包括: 停车场名称、地址、距离、是否对外开放,如不对外开放或对外开放、车位信息,如停车费3元/小时,剩余车位、收费参考如每小时3元,最高40元/天。
(4)进入停车记录页面,显示所有停车记录,点击返回图标可返回到上一页,顶部标签栏显示停车记录标题。输入入场时间或出场时间点击查询图标,可查询输入时间段之间的所有停车记录。停车记录内容包括车牌号、收费金额、入场时间、出场时间、停车场名称。点击“查看更多”按钮可查看更多停车记录,默认显示5-6条停车记录。
四、成果物提交
本模块竞赛结束前,将“初步设计.rar”文件提交到成果物管理平台(http://ip:port/),压缩包内包括:初步设计_限选主题.xd和初步设计_固定主题.xd。
注:根据二次加密分配的账号登录成果物管理平台。
模块C:功能模块开发
一、竞赛任务
此模块竞赛时间为6小时,分数为50分。
(一)竞赛主题
随着第五代移动通信技术(5G)高速发展,推动新一代信息技术与各个行业的融合发展,“智慧城市”这一概念随着城市化进程的快速发展应运而生。
智慧城市是指利用新一代信息技术,以整合、系统的方式管理城市运行体系,让城市中各个功能彼此协调运作,为城市中的企业提供优质的发展空间,为市民提供更高的生活品质,让城市成为适合人全面发展的城市,涵盖了智慧服务、智慧养老、智慧党建、智慧环保、智慧社区、精准扶贫、时代楷模等数十个场景。
图1 智慧城市系统架构
(二)基本要求
App UI尺寸自动适配开发电脑中提供的模拟器UI(iOS适配iPhone11模拟器)以及提供的手持手机设备或模拟器UI。
竞赛结束前,选手将“模块C:功能模块开发”的成果物,其中包括Android项目发布文件(SmartCity.apk)或iOS项目代码(SmartCity.zip)提交到平台服务器。
Android:在裁判计算机上,下载项目发布文件SmartCity.apk,安装到模拟器或真机上进行评判。
iOS:在裁判计算机上,下载项目代码,Xcode打开编译运行到iPhone11模拟器上进行评判。
二、任务
(一)任务1:应用架构设计(2分)
设计智慧城市App,利用移动开发工具(Android Studio/Xcode)创建SmartCity项目或HbuilderX打开项目,项目App显示智慧城市名称,实现项目的基本框架设计,并封装App与服务器通讯模块。
(二)任务2:应用主页面实现(4分)
进入App主页面(主页),彰显智慧城市风采,打造智慧型服务大厅,科技赋能,创新智能,打造视、听、触体验俱佳的业务服务大厅,同时供应多种智慧城市解决方案。
任务说明:
1.主页显示搜索输入框,输入搜索内容后,点击软键盘“搜索”按钮,跳转至搜索结果相关新闻资讯列表页面。
2.显示轮播图,点击轮播图跳转至对应页面。
注:轮播图资源通过服务器API接口获取。
3.显示智慧城市各领域应用服务入口,以图标和名称为单元宫格方式显示,手机端每行显示5个,按照优先级从高到低排序(数值越大优先级越高),共两行,第2行最后一个显示“更多服务”,点击“更多服务”进入全部服务页面。每个领域应用入口布局显示为圆形图标+名称布局,点击图标可进入对应的领域应用页面。
4.显示热门主题模块,手机端每行显示2个热门主题,每个主题入口布局为圆角(20dp)矩形图标,图标下为标题名称,多出的标题名称字用省略号显示,点击“热门主题”进入对应的主题页面。
5.显示新闻专栏,上方标签页方式显示新闻类别,下方显示新闻列表,列表项包括图片、新闻标题、新闻内容缩写(多出的字用省略号显示)、评论总数、发布时间等信息。
6.显示底部导航栏,采用图标加文字方式显示,图标在上,文字在下,共五个图标分别为首页、全部服务、智慧党建、新闻、个人中心,点击标签进入对应页面,并颜色标记当前页面所在导航栏。
注:主页数据详见API接口文档。
(三)任务3:智慧交管功能实现(2分)
在App主页面上的各领域应用服务入口,点击“违章查询”项,进入违章查询页面。
1.点击违章查询项进入违章查询页面标签栏显示本页面主题,点击返回按钮返回上一页,输入号牌种类、车牌号码。车牌号码分为两部分,车牌号文字为第一部分,需用户可自己选择;第二部分为字母加数字,为用户自己输入。如京 A123,京为第一部分,A123为第二部分、发动机号。
2.点击“查询”按钮跳转至违章记录页面,标签栏显示本页面标题,点击返回图标返回到上一页,查询出所有违章数据,需有违法时间、违章地点、违章记分、罚款金额、处理状态,默认显示5-6条记录,点击查看更多显示全部违章记录。
3.点击违法记录跳转到违法详情页面,标签栏显示本页面标题,点击返回图标返回到上一页,页面内容包含:违法时间、违法地点、违法行为、通知书号、违章记分、罚款金额。
注:数据详见API接口文档。
(四)任务4:个人中心功能实现(4分)
在智慧城市App中,点击底部导航“个人中心”图标信息,进入个人中心页面。
任务说明:
1.首先进入个人中心页面,个人中心页面显示用户头像、账户、个人信息页面入口、订单列表页面入口、修改密码页面入口、意见反馈页面入口,点击“退出”按钮可退出登录。
2.点击个人信息跳转至个人信息页面,标签栏显示本页面标题,点击返回图标可返回到上一页,点击修改可保存修改的信息,可修改内容为:头像、昵称、性别、联系电话,注:手机号码后四位使用*号显示。
3.点击修改密码可进入修改密码页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入原密码与新密码,点击“确定”按钮可保存修改的信息。
4.点击订单列表可跳转到订单页面,标签栏显示本页面标题,点击返回图标可返回到上一页,页面内容展示所有订单、订单分类数据信息,订单显示信息有:订单号、订单类型、订单生成日期。点击订单可跳转至对应功能模块生成订单的详情页面。
5.点击意见反馈可跳转至意见反馈页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入反馈的内容,字数限制在150字以内,点击提交可提交反馈的意见。
注:数据详见API接口文档。
(五)任务5:生活缴费功能实现(6分)
在App主页面上的各领域应用服务入口,点击“手机缴费”项,进入手机缴费页面。
任务说明:
1.手机缴费页面,上方显示选择运营商(包括:中国移动、中国联通、中国电信,必须单选),中部显示手机号码录入框,输入框下方显示“查询”按钮,点击此按钮进入交费页面,按钮下方显示常用手机号列表,列表行信息包括:运营商名称、手机号、添加时间,点击行进入交费页面。点击右上角的交费历史图标进入交费记录页面。
2.交费页面,上方显示交费项目名称,项目名称下方显示交费手机号,手机号下方显示可供选择的交费金额(包括:50元、100元、200元,要求图片+文件形式显示),最后显示“去支付”按钮,点击此按钮支付成功,点击右上角添加常用手机号图标,保存当前手机号为常用手机号。
3.交费历史记录页以列表形式显示充值记录,信息包括:手机号、交费日期。
注:数据详见API接口文档。
(六)任务6:看电影功能实现(7分)
在智慧城市App主页面上的各领域应用服务入口或全部服务(自行设计)中,点击“电影”图标或信息,进入电影页面。
任务说明:
电影功能主要包括主页和信息详情两个页面,点击上方导航栏“返回”按钮返回智慧城市主页面。
1.主页面,页面包括顶部导航栏目、宣传幻灯片、搜索、电影信息显示板块。具有返回按钮,点击返回按钮可以返回智慧城市主页面。下方搜索在页面搜索框下面显示电影信息并图文显示。
(1)页面顶部具有返回按钮,点击返回按钮返回智慧城市主页。
(2)产品功能宣传幻灯片展示。
(3)搜索,根据电影名称进行查询,结果列表显示在电影信息展示区。
(4)电影展示区列表均显示图片、影片名称、上映时间、时长等内容,默认显示1-5条,点击“查看更多”可查看所有电影信息。
2.信息详情页,点击电影列表中的某一部电影,进入到电影详情页面。详情页面分别展示电影封面图片、电影名称、评分、上映时间、想看人数等信息。底部展示主页按钮,点击“主页”,返回电影主页。
注:接口数据详见API接口文档。
(七)任务7:志愿服务功能实现(7分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“志愿服务”图标信息,进入志愿服务页面。
任务说明:
1.进入志愿服务主页面,页面显示返回上一页按钮、任务标题、轮播图、新闻列表和底部导航栏。
(1)轮播图:每隔3秒自动切换宣传图片。
(2)新闻列表:列表项信息包括图片、新闻片段、发布时间,优先顶部显示最新发布的新闻。
(3)底部导航栏包括志愿活动按钮和我的活动按钮,按钮以图标和文字为单元宫格方式显示,点击图标按钮跳转到对应页面。
2.进入志愿活动页面,页面包括搜索框、活动列表,列表信息包括活动标题、承办单位、活动开始时间、人员要求和报名按钮。点击列表项,跳转至活动详情页,点击列表项中的报名按钮,提示“报名成功”信息。点击列表项,跳转至活动详情页。搜索框输入搜索内容后,点击软键盘“搜索”按钮,刷新志愿活动列表页。
3.进入我的活动页面,页面分3个标签页,包括“已完成”“已报名”“已取消”,点击标签显示对应的列表页面。列表信息包括活动标题、承办单位、活动开始时间和人员要求。点击列表项,跳转至活动详情页。在已报名的列表项中包含一个“取消报名按钮”,点击取消报名按钮后,出现“已取消”的提示信息,并将相应的活动在已取消列表中显示。
4.进入活动详情页,活动详情页包括活动名称、活动简介、活动开始时间、人员要求、承办单位和工作内容。
(八)任务8:智慧党建功能实现(18分)
在智慧城市APP主页面上,点击底部导航栏“智慧党建”或幻灯片图片“智慧党建”,进入智慧党建页面。
任务说明:
《智慧党建》献礼2021年建党100周年。
随着工作生活信息化、网络化、数据化持续加深,传统的党建党员工方式对党员特别是年轻一代党员的吸引力和凝聚力在降低。智慧党建是运用信息化新技术,整合各方资源,更有效地加强组织管理,提高服务群众水平,扩大党在网络世界存在感和数字化影响力,提高党的执政能力,巩固党的执政基础的新平台、新模式、新形态。
通过智慧党建系统建设,主要解决党建宣传、学习、管理、资源等方面的基础问题。使党建管理从模糊走向精确,改变了以往手工操作、人工管理等存在的随意性、模糊性不足,通过量化计分、实时智能分析、自动提醒服务等实现党建管理的精确化、智能化、人文化和科学化。主要包括以下功能模块。
1.党建展示:首页幻灯片轮播图显示;
2.党建动态:包括文章展示、文章分类、文章评论等;
3.党员学习:包括课程分类、章节管理、学习课程记录标识、课程评论等,课程内容包括语音、视频等资源;
4.组织活动:包括活动展示、活动报名、活动留言等;
5.建言献策:包括提交问题以及建议给上级,查看留言等;
6.随手拍:包括随手拍照上传,发现身边的先进,反馈身边的问题,实现人人监督。
根据上述说明,自行设计功能页面,无API接口,素材可参阅竞赛管理平台右侧资源下载区。
三、成果物提交
本模块竞赛结束前,将“成果物.rar”提交到成果物管理平台(http://ip:port/)上,如利用Android平台开发,压缩包内包括:SmartCity.apk;如利用iOS平台开发,压缩包内包括:SmartCity工程文件夹。
Android:在裁判计算机上,下载项目发布文件SmartCity.apk,安装到模拟器或真机上进行评判。
iOS平台:在裁判计算机上,下载项目代码SmartCity.rar,编译运行到iPhone11模拟器上进行评判。
注:根据二次加密分配的账号登录成果物管理平台。
模块D:测试与交付
一、竞赛任务
此模块竞赛时间为3小时,分数为18分。
(一)待测系统描述
图1 智慧城市系统架构
随着第五代移动通信技术(5G)高速发展,推动新一代信息技术与各个行业的融合发展,“智慧城市”这一概念随着城市化进程的快速发展应运而生。
智慧城市是指利用新一代信息技术,以整合、系统的方式管理城市运行体系,让城市中各个功能彼此协调运作,为城市中的企业提供优质的发展空间,为市民提供更高的生活品质,让城市成为适合人全面发展的城市,涵盖了智慧服务、智慧养老、智慧党建、智慧环保、智慧社区、精准扶贫、时代楷模等数十个场景。
(二)待测应用安装
1.从平台——模块D:测试与交付——资源下载——智慧城市.apk文件开发计算机中。
2.运行开发机中的Android模拟器,将apk文件安装到模拟器或真机中,启动App,配置服务器的IP和端口,准备运行测试。
(三)基本要求
使用平台——模块D:测试与交付——资源下载目录中的资源进行操作和设计。
二、任务要求
本模块主要考查产品测试以及交付工作,考查测试用例设计编写能力,考生需了解被测系统的功能设计,掌握测试流程和测试规范,具备撰写操作文档的综合能力。以下为每个任务的具体说明,考生请按照要求,逐一完成任务并结合成果提交的模板要求,提交成果物。
(一)任务1:编写并执行测试用例(6分)
基于指定功能模块,按照表1要求完成。
表1 功能模块说明
序号 功能模块 说明
1 引导页 本功能模块编写至少4个测试用例。
2 主页面 本功能模块编写至少6个测试用例。
3 个人中心 本功能模块编写至少10个测试用例。
4 全部服务 本功能模块编写至少3个测试用例。
5 新闻 本功能模块编写至少2个测试用例。
6 地铁查询 本功能模块编写至少4个测试用例。
7 停车场 本功能模块编写至少5个测试用例。
8 定制班车 本功能模块编写至少5个测试用例。
9 违章查询 本功能模块编写至少5个测试用例。
10 生活缴费 本功能模块编写至少5个测试用例。
11 门诊预约 本功能模块编写至少5个测试用例。
测试用例样例见表2(具体详见平台——模块D:测试与交付——测试用例模板.xlsx):
表2 测试用例样例
系统 模块 用例 编号 用例 描述 前置条件 操作步骤 预期 结果 测试结果
1.登录验证 1.1.1 新增用户动作 系统用户已经登录系统,点击新增,已经跳转到新增页面 输入正确用户基本信息,并点击确定 点击确定保存成功 测试通过
(二)任务2:缺陷分析(6分)
针对本次被测系统进行全范围测查找出至少10个Bug,根据找出的Bug进行缺陷分析。
缺陷表格样例见表3(具体详见平台——模块D:测试与交付——缺陷分析报告模板.docx):
表3 缺陷表格样例
缺陷编号 001
缺陷简要描述 点击紧急调度功能,查看选择在线医生在线查房功能,无法分配医生。
缺陷重现步骤 1.用户成功登录系统; 2.点击紧急调度功能; 3.查看选择在线医生在线查房功能,无法分配医生。
缺陷验证程度 严重 等级分:(致命、严重、一般、提示)
涉及功能模块 登录校验
缺陷分析原因 已经达到最大分配最大额度查房数量,无法分配该医生进行查房。
(三)任务3:撰写产品操作手册(6分)
编写手册的重要指导原则包括:
1.语言通俗易懂,手册中应当使用大众化的语言,便于使用者理解;
2.对关键词语加以解释,在手册中出现特定的概念或是可能引起歧义的词语应当加以解释,减少误解;
3.说明尽量详细,在对产品功能、使用方法进行介绍时,应尽量详细并通俗易懂;
4.图文并茂,对于软件产品的关键对话框、显示结果,应当附加对应的图片,以增加可视性,方便用户理解;
5.提示相关内容,在手册中提及本手册中含有的其他内容时,应指出被提及的内容在手册中的位置,便于用户查阅。
在模拟器或真机中运行待测App,对App功能进行梳理分析,利用平台——产品操作手册模板.docx文件设计产品操作手册,具体规范如下描述:
第一部分:编写待测App的产品定位中心叙述(的总体介绍及特点),以及罗列出核心功能点名称,与运行待测App的基础环境(软硬件环境)。
第二部分:编写软件产品的安装方法以及各种软硬件环境的设置方法。对于可能会出现的问题,如软硬件冲突,给出解决方法。
第三部分:编写上述功能点的指导说明,准确叙述用户操作行为,将功能变为具体化、形象化、更真切,以便于读者理解具体内容,加强说服力。即通过一些例子,介绍完成这些任务的操作方法和过程。
第四部分:编写需要指出使用待测APP的常规注意事项,进行说明,提示用户规避使用不规范等操作。对用户使用容易发生的问题或是用户常见的错误给出解决方法。
三、成果物提交
本模块竞赛结束前,将“成果物.rar”文件提交到成果物管理平台(http://ip:port/)上,压缩包内包括:测试用例.xlsx、缺陷分析报告.docx和产品操作手册.docx三个文件。
注:根据二次加密分配的账号登录成果物管理平台。
第 21 页 / 共 37 页移动应用开发赛项竞赛试题
(03卷)
竞赛说明
一、竞赛安排
赛卷分模块A、模块B、模块C、模块D四个部分。
模块编号 模块名称 竞赛时间 分数 备注
A 需求分析 3小时 16分 第一天上午
B 初步设计 3小时 16分 第一天下午
C 功能模块开发 6小时 50分 第二天全天
D 测试与交付 3小时 18分 第三天上午
合计 100分
二、竞赛主题
本赛项面向产业主流技术,对接国际标准,旨在通过融合世界技能大赛的技术标准和规则要求,引领和促进教学改革,提升职业教育的国际化水平;通过完成一个完整的工作过程,使参赛选手、裁判、教师等相关人员,熟悉并掌握世界技能大赛的技术规范和技术标准,检验教学质量,达到“以赛促教”“以赛促学”“以赛促改”“以赛促建”的目的。
本赛项以智慧城市为背景,重点考查参赛选手在移动应用开发实际工程项目中的综合分析能力、架构设计能力、编码能力、文档编写能力、数据分析能力、创意创新能力、产品测试和交付能力;展现移动应用开发专业学生技能与风采,使教师和学生更全面的了解岗位需求,提升移动应用开发专业人才培养质量和就业质量。同时培养选手的沟通与交流能力、抗压能力、6S规范等职业素质;激发学生的求知欲和教师的爱岗敬业的工匠精神,带动广大青年学生钻研技术、苦练技能、走技能成才之路。
三、成果物管理平台
移动应用开发赛项提供的成果管理平台,选手根据分配的账号登录系统,把A、B、C、D四个模块的任务要求提交对应的成果物,裁判基于平台下载对应选手竞赛成果物,进行评判。
1.用户登录
图1 成果物管理平台登录界面
输入预先发放给参赛选手的账号和密码登录成果物管理平台,登录界面见图1,每个模块比赛结束后系统进入锁定状态,选手无法登录。
2.模块成果物上传
图2 成果物管理平台后台管理界面
参赛选手在比赛结束前可以自愿修改重新上传成果物,比赛结束后系统自动锁定。参赛选手成果物提交情况将实时同步比赛现场大屏幕。
四、竞赛注意事项
提交的文档、原型、代码、App等资源内容中不能填写与选手相关的信息,如赛位号、姓名和院校。如出现上述标记,本模块成绩按照零分处理。
模块A:需求分析
一、竞赛任务
此模块竞赛时间为3小时,分数为16分。
竞赛主题描述
图1 智慧城市系统架构
本次竞赛任务,以需求分析为目标,以智慧城市为背景,通过限选主题和固定主题(便民服务)结合的形式,对需求进行理解、分析,并最终以提供的需求分析说明书为模板,编写一份完整的需求规格说明书。
编写需求规格说明书是为了详细呈现智慧城市移动App产品需求和系统的功能描述,以进一步定制移动App开发的细节问题,便于与项目开发协调工作,希望能使本软件开发工作更明确、更具体。
(二)功能概述
本次竞赛分为两部分任务:
第一个任务,按照选定的一个主题方向,进行需求的自定义梳理与规划,依据给定的需求规格说明书(模板),进行需求规格的逐一描述,编制对应业务流程图/活动图、原型草图、用例图、类图、时序图和对应模块概要设计。
第二个任务,依据给定便民服务主题的需求说明,进行需求分析设计,结合功能需求编制对应业务流程图/活动图、原型草图、类图、时序图和对应模块概要设计。
(三)基本要求
使用平台——模块A:需求分析——资源下载——《需求规格说明书(模板)》进行需求分析文档编制。
二、任务:限选主题分析设计(4分)
(一)主题背景
如今,城市化进程越来越快,社会发展形态也发生改变,因此,我国提出了创造智慧城市、提高城市管理水平以及提供多元化城市服务的发展战略。在此背景下人们利用各种先进信息技术,有效整合城市各项配套系统和功能模块,进一步促进城市朝工业化、信息化、城镇化方向发展。目前,城市环境保护工作有序开展,但仍然存在环境控制力度不足、污染加剧等诸多问题。所以,本文深入分析了智慧城市背景下的智慧环保体系问题,并提出了合理的智慧环保体系建设策略。
在这一背景下,基于各项信息技术将城市各项配套系统与功能模块进行高度整合、推动了城市信息化、工业化与城镇化的深度融合。但在城市环境保护层面上仍旧存在污染恶化程度不断加剧、环境控制力度不足等问题。因此,提出智慧环保系统的功能建设,主要包括以下功能模块。
1.环境首页:展示环境宣传,快捷功能通道。
2.垃圾物品展示:让用户了解哪些垃圾是属于可回收垃圾,以便到垃圾回收更好选择回收类型。
3.预约上门回收垃圾:选择需要回收垃圾种类,让工作人员了解需求。
4.预约回收垃圾历史:查询已经预约过的回收历史。
5.信息预留:预约上门信息填写,让工作人员上门服务。
6.附近回收机:查看回收物品的种类、价格。
(二)任务要求
1.基于智慧城市系统架构,以智慧环保为背景,规划整理智慧环保App需求,设计App功能架构体系图,并做说明。
2.在功能架构体系中至少规划设计6个功能,并编制每个功能模块对应业务流程图/活动图、原型草图、用例图、类图、时序图和对应模块概要设计。
三、任务:固定主题分析设计(12分)
(一)主题背景
智慧城市是一个比较大的系统工程,涉及领域众多,但在终极目标上简单明确,那就是服务民众,让民众的城市生活更美好。在便民惠民服务中,可以看到医疗、教育、金融、交通等领域成为热门。
搭建智慧城市的便民服务平台不仅要利用最先进的互联网线上手段,做好线上渠道,还要利用好传统的线下渠道,实现多渠道、广覆盖。如今提到一站式的服务平台,首先想到的就是各种移动客户端,利用线上线下更好的服务大众。便民服务平台作为智慧城市在产品层面的一个重要体现,成为一个大众参与的产品是其发展趋势和出路。
(二)任务要求
基于给定便民服务的新闻、门诊预约、个人中心等5个功能需求描述,撰写流程图/活动图、用例图、类图、时序图等概要设计。
任务1:主页面功能模块描述(2分)
智慧城市App启动后,进入主页面。
任务说明:
1.主页显示搜索输入框,输入搜索内容后,点击软键盘“搜索”按钮,跳转至搜索结果相关新闻资讯列表页面。
2.显示轮播图,点击轮播图跳转至对应页面。
3.显示智慧城市各领域推荐应用服务入口,以图标和名称为单元宫格方式显示,手机端每行显示5个,按照优先级从高到低排序(数值越大优先级越高),共两行,第2行最后一个显示“更多服务”,点击“更多服务”进入对应页面。每个领域应用入口布局显示为圆形图标,图标下为名称,点击图标可进入对应的领域应用页面。
4.显示热门主题模块,手机端每行显示2个热门主题,每个主题入口布局为圆角(20dp)矩形图标,图标下为标题名称,多出的标题名称用省略号显示,点击“热门主题”进入到对应的主题页面。
5.显示新闻专栏,上方标签页方式显示新闻类别,下方显示新闻列表,列表项包括图片、新闻标题、新闻内容缩写(多出的字用省略号显示)、评论总数、发布时间等信息。
6.显示底部导航栏,采用图标加文字方式显示,图标在上,文字在下,共四个图标分别为首页、全部服务、新闻、个人中心,点击标签进入对应页面,并颜色标记当前页面所在导航栏。
任务2:个人中心功能模块描述(2分)
在智慧城市App中,点击底部导航“个人中心”图标信息,进入个人中心页面。
任务说明:
1.首先进入个人中心页面,个人中心页面显示用户头像、账户、个人信息页面入口、订单列表页面入口、修改密码页面入口、意见反馈页面入口,点击“退出”按钮可退出登录。
2.点击个人信息跳转至个人信息页面,标签栏显示本页面标题,点击返回图标可返回到上一页,点击修改可保存修改的信息,可修改内容为:头像、昵称、性别、联系电话,注:手机号码后四位使用*号显示。
3.点击修改密码可进入修改密码页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入原密码与新密码,点击“确定”按钮可保存修改的信息。
4.点击订单列表可跳转到订单页面,标签栏显示本页面标题,点击返回图标可返回到上一页,页面内容展示所有订单、订单分类数据信息,订单显示信息有:订单号、订单类型、订单生成日期。点击订单可跳转至对应功能模块生成订单的详情页面。
5.点击意见反馈可跳转至意见反馈页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入反馈的内容,字数限制在150字以内,点击提交可提交反馈的意见。
任务3:新闻功能模块描述(2分)
在智慧城市App中,点击底部导航“新闻”图标信息,进入新闻页面。
任务说明:
1.新闻页面包含:轮播图、新闻分类、新闻列表等内容。轮播图可跳转新闻详情页面;新闻分类展示各类新闻主题;新闻列表根据最新发布时间排序,列表显示新闻图片、新闻名称、观看人数、点赞数等。
2.在新闻列表页面点击新闻名称跳转到新闻详情页面,信息如下:
(1)详情页面顶部栏显示新闻名称,点击“返回”按钮,返回上级目录。
(2)新闻详情内容按照(图片+文字)的形式进行展示,详情页面具有评论和查看评论列表功能,评论列表显示评论条数以及评论内容,用户可以对该新闻进行评论。
(3)详情页面还包括新闻推荐,以列表形式展示1-3篇推荐新闻,显示新闻名称、观看数、图片等信息。
任务4:门诊预约功能模块描述(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“门诊预约”图标信息,进入门诊预约页面。
任务说明:
1.首页为本市医院推荐展示图,顶部栏提供“搜索”和“返回”功能,下方可用列表或矩阵排布的方式展示全市知名医院图片、名称、星级等信息;
2.点击首页展示的医院图标,跳转进入该医院简介页,本页面顶部栏左侧设置“返回”按钮支持返回上一页面,页面布局2/3为医院幻灯片展示,1/2为医院简介的文字,1/3为“预约挂号”功能;
3.预约挂号的流程:点击预约挂号——进入就诊人卡片页面——点击已生成就诊人卡片/新增就诊人——创建或完善就诊人卡片信息(确认返回上一页面)——点击就诊人卡片右侧箭头——跳转门诊科室分诊页面——点击某一科室——全部可挂号的信息列表——点击列表的预约——显示预约的挂号信息(预约成功),以下为相关页面任务要求。
(1)点击在线挂号进入就诊人卡片页面,上方显示通过读取个人中心的用户信息自动生成的就诊人卡片,下方“+”显示新增就诊人的空白卡片,点击两个卡片均跳转到创建就诊人卡片页面。
(2)在创建就诊人卡片信息页面完善就诊人的全部信息,包含如姓名、性别、身份证号、出生日期、手机号、地址等,重要必填项用*号标注。下方设置“确定”按钮,支持跳转到上一级就诊人卡片页面。
(3)已生成的就诊人卡片右侧设置双箭头,点击双箭头跳转到门诊科室分诊页面。
(4)本页面为所有可预约挂号科室列表,包含神经内科、心肾内科、呼吸消化科、慢性病科、普外科、骨外科、妇产科、儿科、眼耳鼻喉科、口腔科、皮肤科、急诊等。
(5)点击某一科室,跳转专家/普通可挂号页面,本页面标题栏分为专家和普通两栏,可支持单页面切换,专家标题栏点击进去显示暂无数据,普通标题栏单页面显示全部可挂号信息列表,如2020-9-21周一,下午14:00,神经内科,依次排列,并提供预约按钮。
(6)点击预约按钮跳转挂号信息页面,本页面展示预约挂号的相关信息卡片,字段信息有,预约科室 :神经内科,门诊类型:普通号;预约时间:2020-9-21周一 下午 14:00。页面下方显示“预约成功!”的字样。点击预约成功返回首页。
任务5:垃圾分类功能模块描述(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“垃圾分类宝典”图标信息,进入垃圾分类宝典页面。
任务说明:
1.进入垃圾分类宝典页面。页面左上角显示返回上一页按钮。
(1)顶部展示垃圾分类新闻宣传轮播图。
(2)轮播图下方两个长方形导航图片按钮,搜索与分类。
(3)接下来为4个选项卡。分别为新时尚,党员在行动,分类达人,社区动态。每个选项卡内,新闻条目按时间降序排列。每条显示两行标题文字,多余采用缩略符。标题下面为日期时间。右侧为长方形新闻图片。点击新闻条目进入详情页。详细页内显示标题,发布人,发布时间,正文。
(4)新闻正文页底部可以匿名评论,文本框30字,点击评论按钮后发布评论。
2.点击搜索长方形导航图片按钮导航到搜索页。页面左上角显示返回上一页按钮。
(1)顶部展示垃圾分类宣传海报轮播图。
(2)下方为垃圾物品分类搜索框,输入分类,点击搜索,结果页居中显示分类图片名称,下面是分类文字描述。中部显示4列4行图片宫格,为该类常见垃圾物品,宫格以图片和文字进行展示。底部为可回收物投放指导,说明该物品丢弃前的必要环节处理。
(3)搜索框下方为热门搜索,列出最热门的可回收物品词汇。
3.点击分类导航图片按钮跳转至分类页。页面左上角显示返回上一页按钮。
(1)上部展示一张垃圾分类宣传海报,给人以直观感受。
(2)下方为4个正方形不同颜色的分类按钮,分别为可回收物,有害垃圾,湿垃圾,干垃圾。点击分类按钮,进入分类介绍页,顶部左侧为正方形分类图标,右侧为分类说明,分类介绍页下部为投放要求。
(3)分类按钮下面为4栏常见分类的关键词索引,即每栏4列5行20种常见该类垃圾。点击常见垃圾关键词,进入详情页,页面左上角显示返回上一页按钮,顶部标题指出该垃圾所属分类下方为分类介绍,左侧为正方形分类图标,右侧为分类说明,分类介绍页下部为投放要求。
任务6:数字图书馆功能模块描述(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“数字图书馆”图标信息,进入数字图书馆页面。
任务说明:
1.进入数字图书馆主页面,页面显示返回上一页按钮、标题、图书馆列表。图书馆列表,列表项信息包括图书馆名称、图书馆具体地址、营业时间和营业状态,营业中的图书馆将优先展示。点击列表项,进入图书馆详情。
2.进入图书馆详情页面,页面包括图书馆位置图片和图书馆信息。页面上方固定显示图书馆的位置图片,图片可缩放。图书馆信息包括图书馆名称、图书馆具体地址、图书馆介绍、营业时间、营业状态和评论按钮。点击评论按钮,进入到评论页面。
3.进入评论页面,页面包括评论列表,写评论文本框,发表按钮。评论列表项信息包括评论人名称、评论内容、点赞数,“点赞”按钮,点击“点赞”按钮可以进行点赞。点赞数高的优先展示。点击发表按钮发送已填写的评论,并在评论列表中显示。
四、成果物提交
本模块竞赛结束前,将“需求规格说明书.docx”提交到成果物管理平台(http://ip:port/)。
需求规格说明书(模板)文件内容中不能撰写与选手相关的信息,如赛位号、姓名和院校等。如出现上述信息标记,本模块记零分。
注:根据二次加密分配的账号登录成果物管理平台。
模块B:初步设计
一、竞赛任务
此模块竞赛时间为3小时,分数为16分。
(一)竞赛主题
随着第五代移动通信技术(5G)高速发展,推动新一代信息技术与各个行业的融合发展,“智慧城市”这一概念随着城市化进程的快速发展应运而生。
智慧城市是指利用新一代信息技术,以整合、系统的方式管理城市运行体系,让城市中各个功能彼此协调运作,为城市中的企业提供优质的发展空间,为市民提供更高的生活品质,让城市成为适合人全面发展的城市,涵盖了智慧服务、智慧养老、智慧党建、智慧环保、智慧社区、精准扶贫、时代楷模等数十个场景。
图1 智慧城市系统架构
(二)基本要求
1.使用Adobe XD或者Sketch软件,参照模块功能要求,进行该功能模块的页面原型设计,制作页面原型参阅iOS、谷歌的Material Design设计规范。
2.画板尺寸为750px×1334px,状态栏高度40px,标题栏高度为88px,标签栏高度为98px。
3.原型绘制画板大小尺寸及各部分内容区尺寸参考。
图2 尺寸参考图
4.当内容超出高度区域时,设置滚动区域来显示内容。
5.画板要对齐,界面版式布局合理、美观,内容完整;同样功能请复用样式,避免一种功能、两种样式的情况。
6.原型要有交互设计内容,用户体验良好。检查存在的漏洞,防止出现异常流程和内容状态。
7.页面所需数据,详见API接口文档,利用Postman工具获取。API接口文档和部分素材详见平台——模块B:初步设计——资源下载——01设计素材。
二、任务:限选主题功能初步设计(4分)
(一)主题背景
如今,城市化进程越来越快,社会发展形态也发生改变,因此,我国提出了创造智慧城市、提高城市管理水平以及提供多元化城市服务的发展战略。在此背景下人们利用各种先进信息技术,有效整合城市各项配套系统和功能模块,进一步促进城市朝工业化、信息化、城镇化方向发展。目前,城市环境保护工作有序开展,但仍然存在环境控制力度不足、污染加剧等诸多问题。所以,本文深入分析了智慧城市背景下的智慧环保体系问题,并提出了合理的智慧环保体系建设策略。
在这一背景下,基于各项信息技术将城市各项配套系统与功能模块进行高度整合、推动了城市信息化、工业化与城镇化的深度融合。但在城市环境保护层面上仍旧存在污染恶化程度不断加剧、环境控制力度不足等问题。因此,提出智慧环保系统的功能建设,主要包括以下功能模块。
1.环境首页:展示环境宣传,快捷功能通道。
2.垃圾物品展示:让用户了解哪些垃圾是属于可回收垃圾,以便到垃圾回收更好选择回收类型。
3.预约上门回收垃圾:选择需要回收垃圾种类,让工作人员了解需求。
4.预约回收垃圾历史:查询已经预约过的回收历史。
5.信息预留:预约上门信息填写,让工作人员上门服务。
6.附近回收机:查看回收物品的种类、价格。
(二)任务要求
1.基于智慧城市系统架构,以智慧环保为背景,规划整理智慧环保App需求,在功能架构体系中至少规划设计6个功能,并自主绘制智慧环保App初步设计原型。
2.利用Adobe XD或者Sketch软件,新建“初步设计_限选主题.xd”文件,绘制智慧环保App页面原型,每个功能至少一个画板。
3.画板之间具有交互功能体现。
4.页面设计美观大方,符合人体工学操作逻辑。
三、任务:固定主题功能初步设计(12分)
(一)任务要求
1.基于智慧城市系统中的便民服务功能需求描述,设计智慧服务App进行初步设计。
2.利用Adobe XD/Sketch软件,新建“初步设计_固定主题.xd”文件,绘制便民服务给定的功能页面原型,每个功能至少一个画板。
3.画板之间具有交互功能体现。
4.页面设计美观大方,符合人体工学操作逻辑。
(二)任务说明
任务1:绘制“主页面”模块界面原型(2分)
智慧城市App启动后,进入App主页面(主页),彰显智慧城市风采,打造智慧型服务大厅,科技赋能,创新智能,打造视、听、触体验俱佳的业务服务大厅,同时提供多种智慧城市解决方案。
任务说明:
1.主页显示搜索输入框,输入搜索内容后,点击软键盘“搜索”按钮,跳转至搜索结果相关新闻资讯列表页面。
2.显示轮播图,点击轮播图跳转至对应页面。
注:轮播图资源通过服务器API接口获取。
3.显示智慧城市各领域应用服务入口,以图标和名称为单元宫格方式显示,手机端每行显示5个,共两行,第2行最后一个显示“更多服务”,点击“更多服务”进入对应页面。每个领域应用入口布局显示为圆形图标,图标下为名称,点击图标可进入对应的领域应用页面。
4.显示热门主题模块,手机端每行显示2个热门主题,每个主题入口布局为圆角(20dp)矩形图标,图标下为标题名称,多出的标题名称字用省略号显示,点击“热门主题”进入到对应的主题页面。
5.显示新闻专栏,上方标签页方式显示新闻类别,下方显示新闻列表,列表项包括图片、新闻标题、新闻内容缩写(多出的字用省略号显示)、评论总数、发布时间等信息。
6.显示底部导航栏,采用图标加文字方式显示,图标在上,文字在下,共四个图标分别为首页、全部服务、新闻、个人中心,点击标签进入对应页面,并颜色标记当前页面所在导航栏。
任务2:绘制“个人中心”模块界面原型(2分)
在智慧城市App中,点击底部导航“个人中心”图标信息,进入个人中心页面。
任务说明:
1.首先进入个人中心页面,个人中心页面显示用户头像、账户、个人信息页面入口、订单列表页面入口、修改密码页面入口、意见反馈页面入口,点击“退出”按钮可退出登录。
2.点击个人信息跳转至个人信息页面,标签栏显示本页面标题,点击返回图标可返回到上一页,点击修改可保存修改的信息,可修改内容为:头像、昵称、性别、联系电话,注:手机号码后四位使用*号显示。
3.点击修改密码可进入修改密码页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入原密码与新密码,点击“确定”按钮可保存修改的信息。
4.点击订单列表可跳转到订单页面,标签栏显示本页面标题,点击返回图标可返回到上一页,页面内容展示所有订单、订单分类数据信息,订单显示信息有:订单号、订单类型、订单生成日期。点击订单可跳转至对应功能模块生成订单的详情页面。
5.点击意见反馈可跳转至意见反馈页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入反馈的内容,字数限制在150字以内,点击提交可提交反馈的意见。
任务3:绘制“新闻”模块界面原型(2分)
在智慧城市App中,点击底部导航“新闻”图标信息,进入新闻页面。
任务说明:
1.列表页面包含:轮播图、新闻分类、新闻列表等内容。轮播图可跳转新闻详情页面;新闻分类展示各类新闻主题;新闻列表根据最新发布时间排序,列表显示新闻图片、新闻名称、观看人数、点赞数等;
2.在新闻列表页面点击新闻名称跳转到新闻详情页面,信息如下:
(1)详情页面顶部栏显示新闻名称,点击返回按钮,返回上级目录。
(2)新闻详情内容按照(图片+文字)的形式进行展示,详情页面具有评论和查看评论列表功能,评论列表显示评论条数以及评论内容,用户可以对该新闻进行评论。
(3)详情页面还包括新闻推荐,以列表形式展示1-3篇推荐新闻,显示新闻名称、观看数、图片等信息。
任务4:绘制“门诊预约”模块界面原型(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“门诊预约”图标信息,进入门诊预约页面。
任务说明:
1.首页为本市医院推荐展示图,顶部栏提供“搜索”和“返回”功能,下方可用列表或矩阵排布的方式展示全市知名医院图片、名称、星级等信息;
2.点击首页展示的医院图标,跳转进入该医院简介页,本页面顶部栏左侧设置“返回”按钮支持返回上一页面,页面布局2/3为医院幻灯片展示,1/2为医院简介的文字,1/3为“预约挂号”功能;
3.预约挂号的流程:点击预约挂号——进入就诊人卡片页面——点击已生成就诊人卡片/新增就诊人——创建或完善就诊人卡片信息(确认返回上一页面)——点击就诊人卡片右侧箭头——跳转门诊科室分诊页面——点击某一科室——全部可挂号的信息列表——点击列表的预约——显示预约的挂号信息(预约成功),以下为相关页面任务要求。
(1)点击在线挂号进入就诊人卡片页面,上方显示通过读取个人中心的用户信息自动生成的就诊人卡片,下方“+”显示新增就诊人的空白卡片,点击两个卡片均跳转到创建就诊人卡片页面。
(2)在创建就诊人卡片信息页面完善就诊人的全部信息,包含如姓名、性别、身份证号、出生日期、手机号、地址等,重要必填项用*号标注。下方设置“确定”按钮,支持跳转到上一级就诊人卡片页面。
(3)已生成的就诊人卡片右侧设置双箭头,点击双箭头跳转到门诊科室分诊页面。
(4)本页面为所有可预约挂号科室列表,包含神经内科、心肾内科、呼吸消化科、慢性病科、普外科、骨外科、妇产科、儿科、眼耳鼻喉科、口腔科、皮肤科、急诊等。
(5)点击某一科室,跳转专家/普通可挂号页面,本页面标题栏分为专家和普通两栏,可支持单页面切换,专家标题栏点击进去显示暂无数据,普通标题栏单页面显示全部可挂号信息列表,如2020-9-21周一,下午14:00,神经内科,依次排列,并提供预约按钮。
(6)点击预约按钮跳转挂号信息页面,本页面展示预约挂号的相关信息卡片,字段信息有,预约科室 :神经内科,门诊类型:普通号;预约时间:2020-9-21周一下午14:00。页面下方显示“预约成功!”的字样。点击预约成功返回首页。
任务5:绘制“青年驿站”模块界面原型(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“青年驿站”图标信息,进入青年驿站页面。
任务说明:
1.进入青年驿站页面,页面左上角显示返回上一页按钮。
(1)上部展示一张青年驿站照片,在该图片下方对青年驿站做简单的文字概述。
(2)中部显示3列宫格,分别为各区标志性建筑,点击方格进入后为该区人才政策页。
(3)下部为青年驿站列表。列表项第一行左侧方形该青年驿站正方形照片,右侧为青年驿站名称。青年驿站名称下方要显示剩余床位数,分男女两项。床位数下方显示该驿站所在详细地址,单行过长要折行。点击第一行进入该驿站详情页。第二行为可以上下收缩的站点介绍,点击前显示站点介绍按钮,点击后向下展示该驿站详情,再次点击收缩。
2.进入驿站详情页页面,页面左上角显示返回上一页按钮。
(1)顶端展示7张该驿站轮播照片,下方为该驿站地址,地址过长需换行,地址下面显示该驿站联系电话和提示办理入住时间段,入住时间下方显示男女显示剩余床位数。
(2)下部为驿站详细介绍,文本分为4部分:驿站简介、房间配置、周边配套和特色服务。
3.从各区人才政策导航宫格按钮进入人才页,页面左上角显示返回上一页按钮。
(1)区人才政策页上方为该区标志性建筑图片,图片下方为该区简介,简介下方为该区人才政策文件列表,按发布时间顺序从新到旧,每条分为两行,一行标题,一行日期。
(2)政策列表条目点击进入后为内容页,信息包括标题、日期、内容和发布者。
任务6:绘制“数字图书馆”模块界面原型(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“数字图书馆”图标信息,进入数字图书馆页面。
任务说明:
1.进入数字图书馆主页面,页面显示返回上一页按钮、标题、图书馆列表。图书馆列表,列表项信息包括图书馆名称、图书馆具体地址、营业时间和营业状态,营业中的图书馆将优先展示。点击列表项,进入图书馆详情。
2.进入图书馆详情页面,页面包括图书馆位置图片和图书馆信息。页面上方固定显示图书馆的位置图片,图片可缩放。图书馆信息包括图书馆名称、图书馆具体地址、图书馆介绍、营业时间、营业状态和评论按钮。点击评论按钮,进入到评论页面。
3.进入评论页面,页面包括评论列表,写评论文本框,发表按钮。评论列表项信息包括评论人名称、评论内容、点赞数,“点赞”按钮,点击“点赞”按钮可以进行点赞。点赞数高的优先展示。点击发表按钮发送已填写的评论,并在评论列表中显示。
四、成果物提交
本模块竞赛结束前,将“初步设计.rar”文件提交到成果物管理平台(http://ip:port/),压缩包内包括:初步设计_限选主题.xd和初步设计_固定主题.xd。
注:根据二次加密分配的账号登录成果物管理平台。
模块C:功能模块开发
一、竞赛任务
此模块竞赛时间为6小时,分数为50分。
(一)竞赛主题
随着第五代移动通信技术(5G)高速发展,推动新一代信息技术与各个行业的融合发展,“智慧城市”这一概念随着城市化进程的快速发展应运而生。
智慧城市是指利用新一代信息技术,以整合、系统的方式管理城市运行体系,让城市中各个功能彼此协调运作,为城市中的企业提供优质的发展空间,为市民提供更高的生活品质,让城市成为适合人全面发展的城市,涵盖了智慧服务、智慧养老、智慧党建、智慧环保、智慧社区、精准扶贫、时代楷模等数十个场景。
图1 智慧城市系统架构
(二)基本要求
App UI尺寸自动适配开发电脑中提供的模拟器UI(iOS适配iPhone11模拟器)以及提供的手持手机设备或模拟器UI。
竞赛结束前,选手将“模块C:功能模块开发”的成果物,其中包括Android项目发布文件(SmartCity.apk)或iOS项目代码(SmartCity.zip)提交到平台服务器。
Android:在裁判计算机上,下载项目发布文件SmartCity.apk,安装到模拟器或真机上进行评判。
iOS:在裁判计算机上,下载项目代码,Xcode打开编译运行到iPhone11模拟器上进行评判。
二、任务
(一)任务1:应用架构设计(2分)
设计智慧城市App,利用移动开发工具(Android Studio/Xcode)创建SmartCity项目或HbuilderX打开项目,项目App显示智慧城市名称,实现项目的基本框架设计,并封装App与服务器通讯模块。
(二)任务2:引导页面实现(2分)
当第一次打开智慧城市App时,首先显示引导页。通过引导页提前告知用户产品功能、特点等信息,极大地提高用户体验。再次进入App将不显示引导页面。
任务说明:
1.利用U盘中提供的5张引导页面图片,设计引导页面。
2.引导页面下方显示5个小圆圈标识,提示用户当前引导页面位置。
3.进入最后引导页。
(1)显示“网络设置”按钮,点击弹出服务器IP地址(如192.168.1.10)和端口(如8080)设置对话框,并实现服务器IP地址和端口的保存和修改功能。
(2)显示“进入主页”按钮,点击进入主页面。
(三)任务3:应用主页面实现(4分)
进入App主页面(主页),彰显智慧城市风采,打造智慧型服务大厅,科技赋能,创新智能,打造视、听、触体验俱佳的业务服务大厅,同时供应多种智慧城市解决方案。
任务说明:
1.主页显示搜索输入框,输入搜索内容后,点击软键盘“搜索”按钮,跳转至搜索结果相关新闻资讯列表页面。
2.显示轮播图,点击轮播图跳转至对应页面。
注:轮播图资源通过服务器API接口获取。
3.显示智慧城市各领域应用服务入口,以图标和名称为单元宫格方式显示,手机端每行显示5个,按照优先级从高到低排序(数值越大优先级越高),共两行,第2行最后一个显示“更多服务”,点击“更多服务”进入全部服务页面。每个领域应用入口布局显示为圆形图标+名称布局,点击图标可进入对应的领域应用页面。
4.显示热门主题模块,手机端每行显示2个热门主题,每个主题入口布局为圆角(20dp)矩形图标,图标下为标题名称,多出的标题名称字用省略号显示,点击“热门主题”进入对应的主题页面。
5.显示新闻专栏,上方标签页方式显示新闻类别,下方显示新闻列表,列表项包括图片、新闻标题、新闻内容缩写(多出的字用省略号显示)、评论总数、发布时间等信息。
6.显示底部导航栏,采用图标加文字方式显示,图标在上,文字在下,共五个图标分别为首页、全部服务、中国智造、新闻、个人中心,点击标签进入对应页面,并颜色标记当前页面所在导航栏。
注:主页数据详见API接口文档。
(四)任务4:找房子查询功能实现(6分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“找房子”图标信息,进入找房子页面。
任务说明:
找房子功能主要包括主页和信息详情两个页面,点击上方导航栏“返回”按钮返回智慧城市主页面。
1.主页面,页面包括顶部导航栏目、搜索、功能分类和房源展示板块。具有返回按钮,点击返回按钮可以返回智慧城市主页面。下方搜索在页面搜索框下面显示4大分类按钮,分别为:二手、租房、楼盘、中介,并图文显示。
(1)页面顶部具有返回按钮,点击返回按钮返回智慧城市主页。
(2)搜索,根据房源名称模糊查询,结果列表显示在房源展示区。
(3)功能分类,搜索下面显示四大分类,分别为:二手、租房、楼盘、中介,并图文显示。点击四大分类按钮,房源展示区更新该分类相应的房源信息并在页面下方以列表的形式展示,列表项每一房源均显示图片、所在小区或商圈名称、房源面积以及价格、房源简介等内容。
(4)房源展示分类栏目下方,展示默认最新发布的房源列表信息,列表页每一房源均显示房源图片、房源面积以及价格、房源简介等内容。
2.信息详情页,点击房源列表中的某个房源,进入到房源详情页面。详情页面分别展示房源图片、房源名称、建筑面积、房源单价、房源类型、房源介绍等信息。底部展示主页按钮,点击“主页”,返回找房主主页。
注:数据详见API接口文档。
(五)任务5:个人中心功能实现(4分)
在智慧城市App中,点击底部导航“个人中心”图标信息,进入个人中心页面。
任务说明:
1.首先进入个人中心页面,个人中心页面显示用户头像、账户、个人信息页面入口、订单列表页面入口、修改密码页面入口、意见反馈页面入口,点击退出按钮可退出登录。
2.点击个人信息跳转至个人信息页面,标签栏显示本页面标题,点击返回图标可返回到上一页,点击修改可保存修改的信息,可修改内容为:头像、昵称、性别、联系电话,注:手机号码后四位使用*号显示。
3.点击修改密码可进入修改密码页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入原密码与新密码,点击确定按钮可保存修改的信息。
4.点击订单列表可跳转到订单页面,标签栏显示本页面标题,点击返回图标可返回到上一页,页面内容展示所有订单、订单分类数据信息,订单显示信息有:订单号、订单类型、订单生成日期。点击订单可跳转至对应功能模块生成订单的详情页面。
5.点击意见反馈可跳转至意见反馈页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入反馈的内容,字数限制在150字以内,点击提交可提交反馈的意见。
注:数据详见API接口文档。
(六)任务6:青年驿站功能实现(7分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“青年驿站”图标信息,进入青年驿站页面。
任务说明:
1.进入青年驿站页面,页面左上角显示返回上一页按钮。
(1)上部展示一张青年驿站照片,在该图片下方对青年驿站做简单的文字概述。
(2)中部显示3列宫格,分别为各区标志性建筑,点击方格进入后为该区人才政策页。
(3)下部为青年驿站列表。列表项第一行左侧方形该青年驿站正方形照片,右侧为青年驿站名称。青年驿站名称下方要显示剩余床位数,分男女两项。床位数下方显示该驿站所在详细地址,单行过长要折行。点击第一行进入该驿站详情页。第二行为可以上下收缩的站点介绍,点击前显示站点介绍按钮,点击后向下展示该驿站详情,再次点击收缩。
2.进入驿站详情页页面,页面左上角显示返回上一页按钮。
(1)顶端展示7张该驿站轮播照片,下方为该驿站地址,地址过长需换行,地址下面显示该驿站联系电话和提示办理入住时间段,入住时间下方显示男女显示剩余床位数。
(2)下部为驿站详细介绍,文本分为4部分:驿站简介、房间配置、周边配套和特色服务。
3.从各区人才政策导航宫格按钮进入人才页,页面左上角显示返回上一页按钮。
(1)区人才政策页上方为该区标志性建筑图片,图片下方为该区简介,简介下方为该区人才政策文件列表,按发布时间顺序从新到旧,每条分为两行,一行标题,一行日期。
(2)政策列表条目点击进入后为内容页,信息包括标题、日期、内容和发布者。
注:数据详见API接口文档。
(七)任务7:政府服务热线功能实现(7分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“政府服务热线”图标信息,进入政府服务热线页面。
任务说明:
1.进入政府服务热线主页面,页面显示返回上一页按钮、广告轮播图、市民诉求分类、我的诉求。
(1)广告轮播图:每隔3秒自动切换广告图。
(2)市民诉求分类:以图标和名称为单元宫格方式显示,手机端每行显示4个,按照优先级由高到低排序,共两行,左右滑动可切换显示类目。每个类目入口布局显示为圆形图标和名称布局,点击最后一个“其他诉求”图标,进入新建诉求页;点击其他图标可进入对应分类的诉求列表页面。
(3)我的诉求:列表显示我的诉求,列表项信息包括标题、承办单位、提交时间和处理状态,未完结诉求优先顶部显示。
2.进入诉求列表页面,页面包括诉求列表、发布诉求按钮,列表项信息包括标题、承办单位、提交时间和处理状态,点击列表项,跳转至诉求详情页,点击发布诉求按钮,跳转至新建诉求页。诉求详情页包括标题、诉求内容、图片、承办单位、提交时间、反馈处理状态和处理结果。
3.新建诉求页,页面内容包括标题、诉求内容、图片、承办单位、反馈手机号和发布按钮;若是点击其他诉求分类进入的新建诉求页,顶部还要显示诉求分类下拉框,可以更改诉求分类;点击提交按钮完成发布。
注:接口数据详见API接口文档。
(八)任务8:中国智造板块实现(18分)
在智慧城市App主页面底部导航栏中,点击“中国智造”图标信息,进入中国智造页面。
任务说明:
中国是世界第一制造大国,按照联合国工业发展组织的数据,中国22个制造业大类行业的增加值均居世界前列,其中纺织、服装、皮革、基本金属等产业增加值占世界的比重超过30%。在联合国全部19大类制造业行业中,中国有18个大类超越美国成为世界第一。
尽管中国制造业增加值占世界比重在不断加大,但与发达国家相比,制造业发展水平相对较低。目前,中国在钢铁、铜、水泥、化肥、化纤、发电量、造船、汽车、计算机、笔记本电脑、打印机、电视机、空调、洗衣机等数百种制造业产品的产量居世界第一位,但这些产业技术密集度不高,属于中低度技术密集型。在高端芯片、电子制造、消费电子、工业软件、高端数控机床等领域自给率严重不足。
我国需要突破自主核心技术、关键共性技术、精密工艺技术、测试控制技术等研制瓶颈,打破发达国家对我国工业制造的限制和制约,实现中国制造在高端领域的重点突破。而智能制造能对现有制造业进行提升,包括缩短开发周期、降低成本、提升效率等;此外,智能制造将会推动制造业发展出全新的制造模式,包括柔性制造、生物制造、绿色制造、分形制造等。智能制造已成为全球制造业竞争的战略制高点。通过为中国智造提供信息资源共享整合,可以极大的促进行业发展。主要包括以下功能模块:
1.首页推荐:轮播图展示近期展会宣传海报。推荐厂商,包括厂商文字介绍,视频宣传片。推荐产品与解决方案,包括图文介绍,视频演示。
2.厂商列表:厂商分类,厂商文字介绍,视频宣传片。厂商业界新闻,合作动态。
3.产品列表:产品与解决方案分类,产品与解决方案图文介绍,视频演示。
4.展会活动:包括最新展会活动发布,展会信息,参展报名。过往展会图文与视频记录。
5.厂商招聘:包括厂商发布招聘需求,校企合作动态,校企合作科研转化成果典型案例图文介绍,视频宣传片。
6.厂商入驻:厂商填写入驻申请信息表,供运营人员线下联系厂商。
根据上述说明,自行设计功能页面,无API接口,素材可参阅竞赛管理平台右侧资源下载区。
三、成果物提交
本模块竞赛结束前,将“成果物.rar”提交到成果物管理平台(http://ip:port/)上,如利用Android平台开发,压缩包内包括:SmartCity.apk;如利用iOS平台开发,压缩包内包括:SmartCity工程文件夹。
Android:在裁判计算机上,下载项目发布文件SmartCity.apk,安装到模拟器或真机上进行评判。
iOS平台:在裁判计算机上,下载项目代码SmartCity.rar,编译运行到iPhone11模拟器上进行评判。
注:根据二次加密分配的账号登录成果物管理平台。
模块D:测试与交付
一、竞赛任务
此模块竞赛时间为3小时,分数为18分。
(一)待测系统描述
图1 智慧城市系统架构
随着第五代移动通信技术(5G)高速发展,推动新一代信息技术与各个行业的融合发展,“智慧城市”这一概念随着城市化进程的快速发展应运而生。
智慧城市是指利用新一代信息技术,以整合、系统的方式管理城市运行体系,让城市中各个功能彼此协调运作,为城市中的企业提供优质的发展空间,为市民提供更高的生活品质,让城市成为适合人全面发展的城市,涵盖了智慧服务、智慧养老、智慧党建、智慧环保、智慧社区、精准扶贫、时代楷模等数十个场景。
(二)待测应用安装
1.从平台——模块D:测试与交付——资源下载——智慧城市.apk文件开发计算机中。
2.运行开发机中的Android模拟器,将apk文件安装到模拟器或真机中,启动App,配置服务器的IP和端口,准备运行测试。
(三)基本要求
使用平台——模块D:测试与交付——资源下载目录中的资源进行操作和设计。
二、任务要求
本模块主要考查产品测试以及交付工作,考查测试用例设计编写能力,考生需了解被测系统的功能设计,掌握测试流程和测试规范,具备撰写操作文档的综合能力。以下为每个任务的具体说明,考生请按照要求,逐一完成任务并结合成果提交的模板要求,提交成果物。
(一)任务1:编写并执行测试用例(6分)
基于指定功能模块,按照表1要求完成。
表1 功能模块说明
序号 功能模块 说明
1 引导页 本功能模块编写至少4个测试用例。
2 主页面 本功能模块编写至少6个测试用例。
3 个人中心 本功能模块编写至少10个测试用例。
4 全部服务 本功能模块编写至少3个测试用例。
5 新闻 本功能模块编写至少2个测试用例。
6 地铁查询 本功能模块编写至少4个测试用例。
7 停车场 本功能模块编写至少5个测试用例。
8 定制班车 本功能模块编写至少5个测试用例。
9 违章查询 本功能模块编写至少5个测试用例。
10 生活缴费 本功能模块编写至少5个测试用例。
11 门诊预约 本功能模块编写至少5个测试用例。
测试用例样例见表2(具体详见平台——模块D:测试与交付——测试用例模板.xlsx):
表2 测试用例样例
系统 模块 用例 编号 用例 描述 前置条件 操作步骤 预期 结果 测试结果
1.登录验证 1.1.1 新增用户动作 系统用户已经登录系统,点击新增,已经跳转到新增页面 输入正确用户基本信息,并点击确定 点击确定保存成功 测试通过
(二)任务2:缺陷分析(6分)
针对本次被测系统进行全范围测查找出至少10个Bug,根据找出的Bug进行缺陷分析。
缺陷表格样例见表3(具体详见平台——模块D:测试与交付——缺陷分析报告模板.docx):
表3 缺陷表格样例
缺陷编号 001
缺陷简要描述 点击紧急调度功能,查看选择在线医生在线查房功能,无法分配医生。
缺陷重现步骤 1.用户成功登录系统; 2.点击紧急调度功能; 3.查看选择在线医生在线查房功能,无法分配医生。
缺陷验证程度 严重 等级分:(致命、严重、一般、提示)
涉及功能模块 登录校验
缺陷分析原因 已经达到最大分配最大额度查房数量,无法分配该医生进行查房。
(三)任务3:撰写产品操作手册(6分)
编写手册的重要指导原则包括:
1.语言通俗易懂,手册中应当使用大众化的语言,便于使用者理解;
2.对关键词语加以解释,在手册中出现特定的概念或是可能引起歧义的词语应当加以解释,减少误解;
3.说明尽量详细,在对产品功能、使用方法进行介绍时,应尽量详细并通俗易懂;
4.图文并茂,对于软件产品的关键对话框、显示结果,应当附加对应的图片,以增加可视性,方便用户理解;
5.提示相关内容,在手册中提及本手册中含有的其他内容时,应指出被提及的内容在手册中的位置,便于用户查阅。
在模拟器或真机中运行待测App,对App功能进行梳理分析,利用平台——产品操作手册模板.docx文件设计产品操作手册,具体规范如下描述:
第一部分:编写待测App的产品定位中心叙述(的总体介绍及特点),以及罗列出核心功能点名称,与运行待测App的基础环境(软硬件环境)。
第二部分:编写软件产品的安装方法以及各种软硬件环境的设置方法。对于可能会出现的问题,如软硬件冲突,给出解决方法。
第三部分:编写上述功能点的指导说明,准确叙述用户操作行为,将功能变为具体化、形象化、更真切,以便于读者理解具体内容,加强说服力。即通过一些例子,介绍完成这些任务的操作方法和过程。
第四部分:编写需要指出使用待测APP的常规注意事项,进行说明,提示用户规避使用不规范等操作。对用户使用容易发生的问题或是用户常见的错误给出解决方法。
三、成果物提交
本模块竞赛结束前,将“成果物.rar”文件提交到成果物管理平台(http://ip:port/)上,压缩包内包括:测试用例.xlsx、缺陷分析报告.docx和产品操作手册.docx三个文件。
注:根据二次加密分配的账号登录成果物管理平台。
第 38 页 / 共 38 页移动应用开发赛项竞赛试题
(10卷)
竞赛说明
一、竞赛安排
赛卷分模块A、模块B、模块C、模块D四个部分。
模块编号 模块名称 竞赛时间 分数 备注
A 需求分析 3小时 16分 第一天上午
B 初步设计 3小时 16分 第一天下午
C 功能模块开发 6小时 50分 第二天全天
D 测试与交付 3小时 18分 第三天上午
合计 100分
二、竞赛主题
本赛项面向产业主流技术,对接国际标准,旨在通过融合世界技能大赛的技术标准和规则要求,引领和促进教学改革,提升职业教育的国际化水平;通过完成一个完整的工作过程,使参赛选手、裁判、教师等相关人员,熟悉并掌握世界技能大赛的技术规范和技术标准,检验教学质量,达到“以赛促教”“以赛促学”“以赛促改”“以赛促建”的目的。
本赛项以智慧城市为背景,重点考查参赛选手在移动应用开发实际工程项目中的综合分析能力、架构设计能力、编码能力、文档编写能力、数据分析能力、创意创新能力、产品测试和交付能力;展现移动应用开发专业学生技能与风采,使教师和学生更全面的了解岗位需求,提升移动应用开发专业人才培养质量和就业质量。同时培养选手的沟通与交流能力、抗压能力、6S规范等职业素质;激发学生的求知欲和教师的爱岗敬业的工匠精神,带动广大青年学生钻研技术、苦练技能、走技能成才之路。
三、成果物管理平台
移动应用开发赛项提供的成果管理平台,选手根据分配的账号登录系统,把A、B、C、D四个模块的任务要求提交对应的成果物,裁判基于平台下载对应选手竞赛成果物,进行评判。
1.用户登录
图1 成果物管理平台登录界面
输入预先发放给参赛选手的账号和密码登录成果物管理平台,登录界面见图1,每个模块比赛结束后系统进入锁定状态,选手无法登录。
2.模块成果物上传
图2 成果物管理平台后台管理界面
参赛选手在比赛结束前可以自愿修改重新上传成果物,比赛结束后系统自动锁定。参赛选手成果物提交情况将实时同步比赛现场大屏幕。
四、竞赛注意事项
提交的文档、原型、代码、App等资源内容中不能填写与选手相关的信息,如赛位号、姓名和院校。如出现上述标记,本模块成绩按照零分处理。
模块A:需求分析
一、竞赛任务
此模块竞赛时间为3小时,分数为16分。
(一)竞赛主题描述
图1 智慧城市系统架构
本次竞赛任务,以需求分析为目标,以智慧城市为背景,通过限选主题和固定主题(便民服务)结合的形式,对需求进行理解、分析,并最终以提供的需求分析说明书为模板,编写一份完整的需求规格说明书。
编写需求规格说明书是为了详细呈现智慧城市移动App产品需求和系统的功能描述,以进一步定制移动App开发的细节问题,便于与项目开发协调工作,希望能使本软件开发工作更明确、更具体。
(二)功能概述
本次竞赛分为两部分任务:
第一个任务,按照选定的一个主题方向,进行需求的自定义梳理与规划,依据给定的需求规格说明书(模板),进行需求规格的逐一描述,编制对应业务流程图/活动图、原型草图、用例图、类图、时序图和对应模块概要设计。
第二个任务,依据给定便民服务主题的需求说明,进行需求分析设计,结合功能需求编制对应业务流程图/活动图、原型草图、类图、时序图和对应模块概要设计。
(三)基本要求
使用平台——模块A:需求分析——资源下载——《需求规格说明书(模板)》进行需求分析文档编制。
二、任务:限选主题分析设计(4分)
(一)主题背景
随着工作生活信息化、网络化、数据化持续加深,消除贫困是社会主义制度的本质要求,是贯彻落实群众路线的生动体现,更是推进经济跨越发展、全面建设小康社会。我国是世界上人口最多的发展中国家,农村经济不平衡现象突出。特别是农村贫困人口多,给扶贫工作造成很大的困扰。
促进社会和谐稳定的迫切需要。深入推进扶贫工作事关党的执政基础,事关国家的长治久安,现实意义十分重大。
通过精准扶贫系统建设,主要解决帮扶人员与贫困户缺少互动沟通平台,扶贫信息难以精准推送,帮扶工作考核难建设目标。主要包括以下功能模块。
1.新闻:首页幻灯片轮播图显示,扶贫的最新资讯新闻;
2.扶贫案例:包括扶贫案例展示,点赞等;
3.村情村貌:包括扶贫对象的村子情况,村子环境等;
4.收到求助:可查看收到的扶贫求助信息;
5.入户走访:深入基层,了解生活状况,为扶贫方案提供基本信息;
6.案例发布:发布优秀的扶贫案例以及可查看自己发布的扶贫案例。
(二)任务要求
1.基于智慧城市系统架构,以为背景,规划整理精准扶贫App需求,设计App功能架构体系图,并做说明。
2.在功能架构体系中至少规划设计6个功能,并编制每个功能模块对应业务流程图/活动图、原型草图、用例图、类图、时序图和对应模块概要设计。
三、任务:固定主题分析设计(12分)
(一)主题背景
智慧城市是一个比较大的系统工程,涉及领域众多,但在终极目标上简单明确,那就是服务民众,让民众的城市生活更美好。在便民惠民服务中,可以看到医疗、教育、金融、交通等领域成为热门。
搭建智慧城市的便民服务平台不仅要利用最先进的互联网线上手段,做好线上渠道,还要利用好传统的线下渠道,实现多渠道、广覆盖。如今提到一站式的服务平台,首先想到的就是各种移动客户端,利用线上线下更好的服务大众。便民服务平台作为智慧城市在产品层面的一个重要体现,成为一个大众参与的产品是其发展趋势和出路。
(二)任务要求
基于给定活动、爱心捐赠、政府服务热线、数据分析、个人中心等5个功能需求描述,撰写流程图/活动图、用例图、类图、时序图等概要设计。
任务1:主页面功能模块描述(2分)
智慧城市App启动后,进行主页面。
任务说明:
1.主页显示搜索输入框,输入搜索内容后,点击软键盘“搜索”按钮,跳转至搜索结果相关新闻资讯列表页面。
2.显示轮播图,点击轮播图跳转至对应页面。
3.显示智慧城市各领域推荐应用服务入口,以图标和名称为单元宫格方式显示,手机端每行显示5个,按照优先级从高到低排序(数值越大优先级越高),共两行,第2行最后一个显示“更多服务”,点击“更多服务”进入对应页面。每个领域应用入口布局显示为圆形图标,图标下为名称,点击图标可进入对应的领域应用页面。
4.显示热门主题模块,手机端每行显示2个热门主题,每个主题入口布局为圆角(20dp)矩形图标,图标下为标题名称,多出的标题名称用省略号显示,点击“热门主题”进入到对应的主题页面。
5.显示新闻专栏,上方标签页方式显示新闻类别,下方显示新闻列表,列表项包括图片、新闻标题、新闻内容缩写(多出的字用省略号显示),评论总数,发布时间等信息。
6.显示底部导航栏,采用图标加文字方式显示,图标在上,文字在下,共四个图标分别为首页、全部服务、新闻、个人中心,点击标签进入对应页面,并颜色标记当前页面所在导航栏。
任务2:个人中心功能模块描述(2分)
在智慧城市App中,点击底部导航“个人中心”图标信息,进入个人中心页面。
任务说明:
1.首先进入个人中心页面,个人中心页面显示用户头像、账户、个人信息页面入口、订单列表页面入口、修改密码页面入口、意见反馈页面入口,点击“退出”按钮可退出登录。
2.点击个人信息跳转至个人信息页面,标签栏显示本页面标题,点击返回图标可返回到上一页,点击修改可保存修改的信息,可修改内容为:头像、昵称、性别、联系电话,注:证件号只显示前两位与后四位数字其他使用 * 号代替。
3.点击修改密码可进入修改密码页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入原密码与新密码,点击“确定”按钮可保存修改的信息。
4.点击订单列表可跳转到订单页面,标签栏显示本页面标题,点击返回图标可返回到上一页,页面内容展示所有订单、订单分类数据信息,订单显示信息有:订单号、订单类型、订单生成日期。点击订单可跳转至对应功能模块生成订单的详情页面。
5.点击意见反馈可跳转至意见反馈页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入反馈的内容,字数限制在150字以内,点击提交可提交反馈的意见。
任务3:活动功能模块描述(2分)
在智慧城市App主页面上的各个领域应用服务入口或全部服务,点击“活动”图标信息。进入活动页面。
任务说明:
1.列表页面包含:轮播图、活动分类、活动列表等三个部分。
2.点击轮播图片可以跳转到活动详情页面,活动分类展示活动类别名称,活动列表依据最新发布时间排序,活动列表显示:活动图片、活动名称、报名人数、点赞数等;
3.在活动列表页面点击活动名称跳转到活动详情页面,信息如下:
(1)详情页面顶部栏显示活动名称,点击“返回”按钮,返回上级目录。
(2)活动详情内容按照(图片+文字)的形式进行展示,详情页面具有活动评论与查看功能,查看评论显示评论条数,以及列表形式展现的评论内容,还可以对该活动进行评论。
(3)详情页面包括活动推荐,以列表形式展示1-3篇推荐活动。
(4)活动页面包括报名按钮,点击加入该活动。
任务4:爱心捐赠功能模块描述(2分)
在智慧城市App主页面上的各个领域应用服务入口或全部服务,点击“爱心捐赠”图标信息。进入爱心捐赠服务页面。
任务说明:
1.进入爱心捐赠主页面,页面显示返回上一页按钮,搜索输入框、广告轮播图、捐赠次数和实时捐赠列表、公益分类、推荐公益列表。
(1)搜索输入框:输入搜索内容后,点击软键盘“搜索”按钮,跳转至搜索结果公益列表页面,列表内容包括公益类别、公益名称、发布人、已筹善款、项目时间和参与人数。
(2)广告轮播图:每间隔3秒切换广告图。
(3)公益分类:以图标和名称为单元格方式显示,手机端显示4个,共两行,每个类目入口布局显示为圆形图标和名称,点击图标可以进入对应公益分类列表页面。
(4)推荐公益列表项:公益分类图标下面显示推荐公益,类别名称下方显示公益图片、公益项目名称、发布组织、捐赠人数和已筹善款。
2.公益列表页面,点击首页图标或推荐公益进入公益列表页面,列表项包括搜索框、项目类型、公益类别、公益内容、发布人、已筹善款、项目时间、参捐人数。下方显示“我要捐助”按钮,点击按钮即可捐款。公益列表底部显示分页,点击分页可以跳转列表页面。
3.公益详情页,该页面上方展示公益详情,包括信息项:项目图片、项目名称、已募善款、筹款目标、项目备案号、参与人数、捐款进度、项目时间。下方展示项目介绍详细信息,包括文章和对应图片,右侧滚动显示捐助记录。页面底部显示项目预算清单,展示该项目各笔捐款数额去向与使用细则。
任务5:政府服务热线功能模块描述(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“政府服务热线”图标信息,进入政府服务热线页面。
任务说明:
1.进入政府服务热线主页面,页面显示返回上一页按钮、广告轮播图、市民诉求分类、我的诉求。
(1)广告轮播图:每隔3秒自动切换广告图。
(2)市民诉求分类:以图标和名称为单元宫格方式显示,手机端每行显示4个,按照优先级由高到低排序,共两行,左右滑动可切换显示类目。每个类目入口布局显示为圆形图标和名称布局,点击最后一个“其他诉求”图标,进入新建诉求页;点击其他图标可进入对应分类的诉求列表页面。
(3)我的诉求:列表显示我的诉求,列表项信息包括标题、承办单位、提交时间和处理状态,未完结诉求优先顶部显示。
2.进入诉求列表页面,页面包括诉求列表、发布诉求按钮,列表项信息包括标题、承办单位、提交时间和处理状态,点击列表项,跳转至诉求详情页,点击发布诉求按钮,跳转至新建诉求页。诉求详情页包括标题、诉求内容、图片、承办单位、提交时间、反馈处理状态和处理结果。
3.新建诉求页,页面内容包括标题、诉求内容、图片、承办单位、反馈手机号和发布按钮;若是点击其他诉求分类进入的新建诉求页,顶部还要显示诉求分类下拉框,可以更改诉求分类;点击提交按钮完成发布。
任务6:数据分析功能实现(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“数据分析”图标信息,进入数据分析页面。
任务说明:
智慧城市重要职能是采集、存储、分析、挖掘城市运行中的所承受的大数据,具备全面感知和全面分析的能力,同时能够展示和扩展。
智慧城市的建设,有利于解决城市发展问题,有利于提升城市信息管理水平。
主要包括以下功能模块。
1.柱状图:请分析前5条诉求分类的诉求数量,横坐标为诉求分类名称,纵坐标为诉求数量;
2.折线图:请分析诉求记录,横坐标为月份,纵坐标为诉求数量次数;
四、成果物提交
本模块竞赛结束前,将“需求规格说明书.docx”提交到成果物管理平台(http://ip:port/)。
需求规格说明书(模板)文件内容中不能撰写与选手相关的信息,如赛位号、姓名和院校等。如出现上述信息标记,本模块记零分。
注:根据二次加密分配的账号登录成果物管理平台。
模块B:初步设计
一、竞赛任务
此模块竞赛时间为3小时,分数为16分。
(一)竞赛主题
随着第五代移动通信技术(5G)高速发展,推动新一代信息技术与各个行业的融合发展,“智慧城市”这一概念随着城市化进程的快速发展应运而生。
智慧城市是指利用新一代信息技术,以整合、系统的方式管理城市运行体系,让城市中各个功能彼此协调运作,为城市中的企业提供优质的发展空间,为市民提供更高的生活品质,让城市成为适合人全面发展的城市,涵盖了智慧服务、智慧养老、智慧党建、智慧环保、智慧社区、精准扶贫、时代楷模等数十个场景。
图1 智慧城市系统架构
(二)基本要求
1.使用Adobe XD或者Sketch软件,参照模块功能要求,进行该功能模块的页面原型设计,制作页面原型参阅iOS、谷歌的Material Design设计规范。
2.画板尺寸为1080×1920,状态栏高度72px,标题栏高度为144px,标签栏高度为72px。
3.原型绘制画板大小尺寸及各部分内容区尺寸参考。
图2 尺寸参考图
4.当内容超出高度区域时,设置滚动区域来显示内容。
5.画板要对齐,界面版式布局合理、美观,内容完整;同样功能请复用样式,避免一种功能、两种样式的情况。
6.原型要有交互设计内容,用户体验良好。检查存在的漏洞,防止出现异常流程和内容状态。
7.页面所需数据,详见API接口文档,利用Postman工具获取。API接口文档和部分素材详见平台——模块B:初步设计——资源下载——01设计素材。
二、任务:限选主题功能初步设计(4分)
(一)主题背景
随着工作生活信息化、网络化、数据化持续加深,消除贫困是社会主义制度的本质要求,是贯彻落实群众路线的生动体现,更是推进经济跨越发展、全面建设小康社会。我国是世界上人口最多的发展中国家,农村经济不平衡现象突出。特别是农村贫困人口多,给扶贫工作造成很大的困扰。
促进社会和谐稳定的迫切需要。深入推进扶贫工作事关党的执政基础,事关国家的长治久安,现实意义十分重大。
通过精准扶贫系统建设,主要解决帮扶人员与贫困户缺少互动沟通平台,扶贫信息难以精准推送,帮扶工作考核难建设目标。主要包括以下功能模块。
1.新闻:首页幻灯片轮播图显示,扶贫的最新资讯新闻;
2.扶贫案例:包括扶贫案例展示,点赞等;
3.村情村貌:包括扶贫对象的村子情况,村子环境等;
4.收到求助:可查看收到的扶贫求助信息;
5.入户走访:深入基层,了解生活状况,为扶贫方案提供基本信息;
6.案例发布:发布优秀的扶贫案例以及可查看自己发布的扶贫案例。
(二)任务要求
1.基于智慧城市系统架构,以精准扶贫为背景,规划整理精准扶贫App需求,在功能架构体系中至少规划设计6个功能,并自主绘制精准扶贫App初步设计原型。
2.利用Adobe XD或者Sketch软件,新建“初步设计_限选主题.xd”文件,绘制精准扶贫App页面原型,每个功能至少一个画板。
3.画板之间具有交互功能体现。
4.页面设计美观大方,符合人体工学操作逻辑。
三、任务:固定主题功能初步设计(12分)
(一)任务要求
1.基于智慧城市系统中的便民服务功能需求描述,设计智慧服务App进行初步设计。
2.利用Adobe XD/Sketch软件,新建“初步设计_固定主题.xd”文件,绘制便民服务给定的功能页面原型,每个功能至少一个画板。
3.画板之间具有交互功能体现。
4.页面设计美观大方,符合人体工学操作逻辑。
(二)任务说明
任务1:绘制“主页面”模块界面原型(2分)
进入App主页面(主页),彰显智慧城市风采,打造智慧型服务大厅,科技赋能,创新智能,打造视、听、触体验俱佳的业务服务大厅,同时提供多种智慧城市解决方案。
任务说明:
1.主页显示搜索输入框,输入搜索内容后,点击软键盘“搜索”按钮,跳转至搜索结果相关新闻资讯列表页面。
2.显示轮播图,点击轮播图跳转至对应页面。
注:轮播图资源通过服务器API接口获取。
3.显示智慧城市各领域应用服务入口,以图标和名称为单元宫格方式显示,手机端每行显示5个,共两行,第2行最后一个显示“更多服务”,点击“更多服务”进入对应页面。每个领域应用入口布局显示为圆形图标,图标下为名称,点击图标可进入对应的领域应用页面。
4.显示热门主题模块,手机端每行显示2个热门主题,每个主题入口布局为圆角(20dp)矩形图标,图标下为标题名称,多出的标题名称字用省略号显示,点击“热门主题”进入到对应的主题页面。
5.显示新闻专栏,上方标签页方式显示新闻类别,下方显示新闻列表,列表项包括图片、新闻标题、新闻内容缩写(多出的字用省略号显示)、评论总数、发布时间等信息。
6.显示底部导航栏,采用图标加文字方式显示,图标在上,文字在下,共四个图标分别为首页、全部服务、新闻、个人中心,点击标签进入对应页面,并颜色标记当前页面所在导航栏。
任务2:绘制“个人中心”模块界面原型(2分)
在App主页面底部导航栏中,点击“个人中心”图标信息,进入用户个人中心页面。
任务说明:
1.首先进入个人中心页面,个人中心页面显示用户头像、账户、个人信息页面入口、订单列表页面入口、修改密码页面入口、意见反馈页面入口,点击“退出”按钮可退出登录。
2.点击个人信息跳转至个人信息页面,标签栏显示本页面标题,点击返回图标可返回到上一页,点击修改可保存修改的信息,可修改内容为:头像、昵称、性别、联系电话,注:证件号只显示前两位与后四位数字其他使用*号代替。
3.点击修改密码可进入修改密码页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入原密码与新密码,点击“确定”按钮可保存修改的信息。
4.点击订单列表可跳转到订单页面,标签栏显示本页面标题,点击返回图标可返回到上一页,页面内容展示所有订单、订单分类数据信息,订单显示信息有:订单号、订单类型、订单生成日期。点击订单可跳转至对应功能模块生成订单的详情页面。
5.点击意见反馈可跳转至意见反馈页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入反馈的内容,字数限制在150字以内,点击提交可提交反馈的意见。
任务3:绘制“活动”模块界面原型(2分)
在智慧城市App主页面上的各个领域应用服务入口或全部服务,点击“活动”图标信息。进入活动页面。
任务说明:
1.列表页面包含:轮播图、活动分类、活动列表等三个部分。
2.点击轮播图片可以跳转到活动详情页面,活动分类展示活动类别名称,活动列表依据最新发布时间排序,活动列表显示:活动图片、活动名称、报名人数、点赞数等;
3.在活动列表页面点击活动名称跳转到活动详情页面,信息如下:
(1)详情页面顶部栏显示活动名称,点击“返回”按钮,返回上级目录。
(2)活动详情内容按照(图片+文字)的形式进行展示,详情页面具有活动评论与查看功能,查看评论显示评论条数,以及列表形式展现的评论内容,还可以对该活动进行评论。
(3)详情页面包括活动推荐,以列表形式展示1-3篇推荐活动。
(4)活动页面包括报名按钮,点击加入该活动。
任务4:绘制“物流查询”模块界面原型(2分)
在智慧城市App主页面上的各个领域应用服务入口或全部服务,点击“物流查询”图标信息。进入物流查询服务页面。
任务说明:
1.进入物流查询主页面,页面显示返回上一页按钮、搜索输入框、广告轮播图、物流公司推荐、下方显示其他物流公司列表。
(1)搜索输入框:输入搜索内容后,点击软键盘“搜索”按钮,判断输入数据合法性后,跳转至物流运单详情页面。
(2)广告轮播图:每间隔3秒切换广告图。
(3)物流公司推荐:以图标和名称为单元格方式显示,手机端显示4个,共三行,每个类目入口布局显示为公司logo和物流公司名称,点击图标可以进入对应物流公司详情页面。
(4)其他物流公司列表:列表项显示物流公司名称,顺序按照物流公司名称首字母降序排列。
2.物流公司详情页面:点击首页的物流公司推荐图标信息,进入对应物流公司详情页面,页面展示新闻资讯轮播、公司简介、运输方式介绍、运费介绍信息。
3.物流运单详情页:首页搜索框输入运单号,点击搜索后进入运单详情页面,页面上方显示返回按钮及任务名称,下方显示带有运单号的搜索框,物流公司logo、名称和投诉电话图标,下部显示物流派送过程信息步进时间线,信息包括时间、地点和跟踪进度,底部显示物流投诉按钮。
4.投诉页面:点击物流运单详情页的投诉按钮,跳转至以往个人投诉列表页,点击新增按钮进入投诉新增页面,页面展示公司名称、运单号、投诉类别和投诉内容,点击确认按钮,提交成功后自动返回投诉列表页。
任务5:绘制“政府服务热线”模块界面原型(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“政府服务热线”图标信息,进入政府服务热线页面。
任务说明:
1.进入政府服务热线主页面,页面显示返回上一页按钮、广告轮播图、市民诉求分类、我的诉求。
(1)广告轮播图:每隔3秒自动切换广告图。
(2)市民诉求分类:以图标和名称为单元宫格方式显示,手机端每行显示4个,按照优先级由高到低排序,共两行,左右滑动可切换显示类目。每个类目入口布局显示为圆形图标和名称布局,点击最后一个“其他诉求”图标,进入新建诉求页;点击其他图标可进入对应分类的诉求列表页面。
(3)我的诉求:列表显示我的诉求,列表项信息包括标题、承办单位、提交时间和处理状态,未完结诉求优先顶部显示。
2.进入诉求列表页面,页面包括诉求列表、发布诉求按钮,列表项信息包括标题、承办单位、提交时间和处理状态,点击列表项,跳转至诉求详情页,点击发布诉求按钮,跳转至新建诉求页。诉求详情页包括标题、诉求内容、图片、承办单位、提交时间、反馈处理状态和处理结果。
3.新建诉求页,页面内容包括标题、诉求内容、图片、承办单位、反馈手机号和发布按钮;若是点击其他诉求分类进入的新建诉求页,顶部还要显示诉求分类下拉框,可以更改诉求分类;点击提交按钮完成发布。
任务6:绘制“数据分析”模块界面原型(2分)
在智慧城市App主页面上的各个领域应用服务入口或全部服务,点击“数据分析”图标信息。进入数据分析页面。
任务说明:
智慧城市重要职能是采集、存储、分析、挖掘城市运行中的所承受的大数据,具备全面感知和全面分析的能力,同时能够展示和扩展。
智慧城市的建设,有利于解决城市发展问题,有利于提升城市信息管理水平。
主要包括以下功能模块。
1.柱状图:请分析前5条诉求分类的诉求数量,横坐标为诉求分类名称,纵坐标为诉求数量;
2.折线图:请分析诉求记录,横坐标为月份,纵坐标为诉求数量次数;
四、成果物提交
本模块竞赛结束前,将“初步设计.rar”文件提交到成果物管理平台(http://ip:port/),压缩包内包括:初步设计_限选主题.xd和初步设计_固定主题.xd。
注:根据二次加密分配的账号登录成果物管理平台。
模块C:功能模块开发
一、竞赛任务
此模块竞赛时间为6小时,分数为50分。
(一)竞赛主题
随着第五代移动通信技术(5G)高速发展,推动新一代信息技术与各个行业的融合发展,“智慧城市”这一概念随着城市化进程的快速发展应运而生。
智慧城市是指利用新一代信息技术,以整合、系统的方式管理城市运行体系,让城市中各个功能彼此协调运作,为城市中的企业提供优质的发展空间,为市民提供更高的生活品质,让城市成为适合人全面发展的城市,涵盖了智慧服务、智慧养老、智慧党建、智慧环保、智慧社区、精准扶贫、时代楷模等数十个场景。
图1 智慧城市系统架构
(二)基本要求
App UI尺寸自动适配开发电脑中提供的模拟器UI(iOS适配iPhone11模拟器)以及提供的手持手机设备或模拟器UI。
竞赛结束前,选手将“模块C:功能模块开发”的成果物,其中包括Android项目发布文件(SmartCity.apk)或iOS项目代码(SmartCity.zip)提交到平台服务器。
Android:在裁判计算机上,下载项目发布文件SmartCity.apk,安装到模拟器或真机上进行评判。
iOS:在裁判计算机上,下载项目代码,Xcode打开编译运行到iPhone11模拟器上进行评判。
二、任务
(一)任务1:应用架构设计(2分)
设计智慧城市App,利用移动开发工具(Android Studio/Xcode)创建SmartCity项目或HbuilderX打开项目,项目App显示智慧城市名称,实现项目的基本框架设计,并封装App与服务器通讯模块。
(三)任务2:应用主页面实现(4分)
进入App主页面(主页),彰显智慧城市风采,打造智慧型服务大厅,科技赋能,创新智能,打造视、听、触体验俱佳的业务服务大厅,同时供应多种智慧城市解决方案。
任务说明:
1.主页显示搜索输入框,输入搜索内容后,点击软键盘“搜索”按钮,跳转至搜索结果相关新闻资讯列表页面。
2.显示轮播图,点击轮播图跳转至对应页面。
注:轮播图资源通过服务器API接口获取。
3.显示智慧城市各领域应用服务入口,以图标和名称为单元宫格方式显示,手机端每行显示5个,按照优先级从高到低排序(数值越大优先级越高),共两行,第2行最后一个显示“更多服务”,点击“更多服务”进入全部服务页面。每个领域应用入口布局显示为圆形图标+名称布局,点击图标可进入对应的领域应用页面。
4.显示热门主题模块,手机端每行显示2个热门主题,每个主题入口布局为圆角(20dp)矩形图标,图标下为标题名称,多出的标题名称字用省略号显示,点击“热门主题”进入对应的主题页面。
5.显示新闻专栏,上方标签页方式显示新闻类别,下方显示新闻列表,列表项包括图片、新闻标题、新闻内容缩写(多出的字用省略号显示)、评论总数、发布时间等信息。
6.显示底部导航栏,采用图标加文字方式显示,图标在上,文字在下,共五个图标分别为首页、全部服务、智慧养老、新闻、个人中心,点击标签进入对应页面,并颜色标记当前页面所在导航栏。
注:主页数据详见API接口文档。
(二)任务3:找工作页面实现(4分)
在智慧城市APP主页面上的各领域应用服务入口或全部服务(自行设计)中,点击“找工作”图标或信息,进入找工作页面。
任务说明:
找工作功能主要包括找工作、投递记录和个人简历三项功能导航,点击上方导航栏“返回”按钮返回智慧城市主页面。
1.找工作页面,具备宣传幻灯片、职位搜索、热门职位(自行计算,展示招聘职位数量为前三的职位)和职位列表显示功能。
(1)产品功能宣传幻灯片展示(使用首页幻灯片即可)。
(2)职位搜索栏目,实现职位列表查询,点击“搜索”按钮,更新职位列表显示,信息包括职位名称、岗位职责、公司地点、薪资待遇。
(3)以9宫格方式显示职位名称,只显示职位名称,点击职位名称,更新下方相对应职位名称的招聘列表数据。
(4)默认显示所有招聘信息,点击列表中的招聘信息进入招聘详情页面,招聘详情页面分为两部分,第一部分显示信息包括职位名称、岗位职责、公司地点、薪资待遇、联系人、职位描述、职位需求;第二部分显示公司信息包括公司名称、公司简介。最下方显示“投简历”按钮;点击“投简历”按钮实现个人简历投递,如果个人简历中没有工作经历、教育经历信息,则跳转至个人简历页面,完善简历后再进行投递。
2.投递记录页面,列表显示本人已经投简历的公司,信息包括岗位名称、公司名称、薪资和投递简历时间。
3.个人简历页面,实现用户个人简历的管理,包括查询、新增、编辑。个人简历包括用户基本信息、求职信息两部分。基本信息包括用户昵称、邮件、电话号码、性别,求职信息包括工作经验、最高学历、现居住地、期望职位、期望薪资、教育经历、个人简介。
注:接口数据详见API接口文档。
(四)任务4:智慧巴士功能实现(6分)
在主页面的各领域应用服务入口,找到“智慧巴士”图标,进入智慧巴士页面。
1.页面显示巴士列表,列表显示路线名称、起终点、运行时间、票价、以及里程、巴士列表具有扩展显示该路线的各个站点功能。
2.点击班车列表新路线名称跳转到定制班车页面,信息如下:
(1)第一步页面:显示站点路线秒点地图、起点与重点名称、票价、里程等,具有“下一步”点击按钮以及“返回上级目录”按钮。
(2)第二步页面:显示日历日期,选中日历日期则显示出已经选中的日期,并且具有“下一步”点击按钮以及“返回上级目录”按钮。
(3)第三步页面:显示起点与重点名称,还具有乘客姓名、手机号码、上车地点、下车地点输入框,并且具有“下一步”点击按钮以及“返回上级目录”按钮。
(4)第四步页面:显示第三步页面,所填写的乘客信息、手机号码、上车地点、下车地点、乘车日期并且具有“提交订单”按钮以及“返回上级目录”按钮。
3.在应用的个人中心点击“我的订单”页面,页面显示待支付、已支付订单、订单列表显示路线名称、起终点、票价、订单编号、乘车日期。
注:数据详见API接口文档。
(五)任务5:个人中心功能实现(4分)
在智慧城市App主页面底部导航栏中,点击“个人中心”图标信息,进入用户个人中心页面。
任务说明:
1.首先进入个人中心页面,个人中心页面显示用户头像、账户、个人信息页面入口、订单列表页面入口、修改密码页面入口、意见反馈页面入口,点击退出按钮可退出登录。
2.点击个人信息跳转至个人信息页面,标签栏显示本页面标题,点击返回图标可返回到上一页,点击修改可保存修改的信息,可修改内容为:头像、昵称、性别、联系电话,注:证件号只显示前两位与后四位数字其他使用*号代替。
3.点击修改密码可进入修改密码页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入原密码与新密码,点击确定按钮可保存修改的信息。
4.点击订单列表可跳转到订单页面,标签栏显示本页面标题,点击返回图标可返回到上一页,页面内容展示所有订单、订单分类数据信息,订单显示信息有:订单号、订单类型、订单生成日期。点击订单可跳转至对应功能模块生成订单的详情页面。
5.点击意见反馈可跳转至意见反馈页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入反馈的内容,字数限制在150字以内,点击提交可提交反馈的意见。
注:数据详见API接口文档。
(六)任务6:宠物医院功能实现(6分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“宠物医院”图标信息,进入宠物医院页面。
任务说明:
1.进入宠物医院主页面,页面显示返回上一页按钮、宠物种类标题和种类、我的问诊标题和问诊列表、问诊案例标题和案例列表。
(1)宠物种类:包括狗、猫咪、小宠、水族、鸟、爬虫等种类;以宫格形式显示,每行5个,每个宫格内显示种类图标和种类名称,点击种类跳转至找医生页面。
(2)我的问诊列表:列表项显示医生头像、医生姓名和案例描述,点击列表项跳转至问诊详情页面。
(3)问诊案例列表:列表项显示医生头像、医生姓名和案例描述,点击案例跳转至案例详情页面。
2.找医生页面,页面显示医生列表,列表项左侧显示医生头像,右侧显示医生姓名、职称、执业编号、擅长描述和从业年限,点击列表项进入问诊页面。
3.问诊页面,页面显示医生头像、医生姓名、医生职称、执业编号、问题描述多文本输入框、图片和提交按钮,点击提交按钮时弹出提交结果提示,提交成功后跳转至主页面。
4.问诊详情页面,页面显示医生头像、医生姓名、医生职称、执业编号、咨询描述、图片、问答列表、追问输入框和发送按钮,输入问题并点击发送按钮可继续追问医生。
5.案例详情页面,页面显示医生头像、医生姓名、医生职称、执业编号、去提问按钮、咨询描述、图片和医生回复。点击去提问按钮跳转至问诊页面。
注:数据详见API接口文档。
(七)任务7:物流查询功能实现(6分)
在智慧城市App主页面上的各个领域应用服务入口或全部服务,点击“物流查询”图标信息。进入物流查询服务页面。
任务说明:
1.进入物流查询主页面,页面显示返回上一页按钮、搜索输入框、广告轮播图、物流公司推荐、下方显示其他物流公司列表。
(1)搜索输入框:输入搜索内容后,点击软键盘“搜索”按钮,判断输入数据合法性后,跳转至物流运单详情页面。
(2)广告轮播图:每间隔3秒切换广告图。
(3)物流公司推荐:以图标和名称为单元格方式显示,手机端显示4个,共三行,每个类目入口布局显示为公司logo和物流公司名称,点击图标可以进入对应物流公司详情页面。
(4)其他物流公司列表:列表项显示物流公司名称,顺序按照物流公司名称首字母降序排列。
2.物流公司详情页面:点击首页的物流公司推荐图标信息,进入对应物流公司详情页面,页面展示新闻资讯轮播、公司简介、运输方式介绍、运费介绍信息。
3.物流运单详情页:首页搜索框输入运单号,点击搜索后进入运单详情页面,页面上方显示返回按钮及任务名称,下方显示带有运单号的搜索框,物流公司logo、名称和投诉电话图标,下部显示物流派送过程信息步进时间线,信息包括时间、地点和跟踪进度,底部显示物流投诉按钮。
4.投诉页面:点击物流运单详情页的投诉按钮,跳转至以往个人投诉列表页,点击新增按钮进入投诉新增页面,页面展示公司名称、运单号、投诉类别和投诉内容,点击确认按钮,提交成功后自动返回投诉列表页。注:接口数据详见API接口文档。
(八)任务8:智慧养老功能实现(18分)
“智慧养老”是面向居家老人、社区及养老机构提供实时、快捷、高效、低成本智能化的养老服务平台。
随着经济的发展,人民的生活水平得到普遍提高,随之而来的是我国的老龄化程度越来越高,人们已经普遍意识到老龄化问题将会带来的问题。整个社会在趋向于“衰老型”发展,人口老龄化的问题日益严重,空巢老人的现象也日益加剧。呈现出老年人口基数大、增速快、高龄化、失能化、空巢化趋势明显的态势,再加上我国未富先老的国情和家庭小型化的结构叠加在一起,养老问题异常严峻。智慧养老平台主要围绕着利用先进的信息技术手段实现“以入住老人为中心,规范养老服务,强化养老管理”,同时,针对老年人心理生理特点,以信息化技术为核心,采用先进的计算机技术、通信技术、无线传输技术、控制技术,为老人提供一个安全、便捷、高效、舒适的养老综合服务,具体功能如下。
1.养老机构查询,养老机构推荐,养老机构评价。
2.健康评估,提交个人健康相关资料,包括身体基本状况,精神状态(正常、痴呆、抑郁、暴力),活动能力(正常,拄拐、轮椅、卧床),生活自理能力(饮食、洗澡、穿衣、修饰),评估需要配置哪些配套服务,计算出服务费用。
3.预约养老院,通过智慧养老平台,查询养老院的基础配套的设施设备以及服务体系,选择合适的养老院,在线预约预定。
4.现场办理完入住手续后,通过平台监测到老人入住的房间环境信息,如温湿度、二氧化碳浓度、PM2.5等环境数据;同时可以监测到老人健康状况,如心率、血压、体温、运动量、户外活动时间、体重等信息。
5.查询医护人员现场服务巡检记录,老人的餐饮服务记录,服务人员评价。
6.通过集中监测,观察其他入住老人的入住情况和身体概况。如入住率,老人的年龄分布,平均运动量,平均户外活动时间等。
根据上述说明,自行设计功能页面,无API接口,素材可参阅竞赛管理平台右侧资源下载区。
三、成果物提交
本模块竞赛结束前,将“成果物.rar”提交到成果物管理平台(http://ip:port/)上,如利用Android平台开发,压缩包内包括:SmartCity.apk;如利用iOS平台开发,压缩包内包括:SmartCity工程文件夹。
Android:在裁判计算机上,下载项目发布文件SmartCity.apk,安装到模拟器或真机上进行评判。
iOS平台:在裁判计算机上,下载项目代码SmartCity.rar,编译运行到iPhone11模拟器上进行评判。
注:根据二次加密分配的账号登录成果物管理平台。
模块D:测试与交付
一、竞赛任务
此模块竞赛时间为3小时,分数为18分。
(一)待测系统描述
图1 智慧城市系统架构
随着第五代移动通信技术(5G)高速发展,推动新一代信息技术与各个行业的融合发展,“智慧城市”这一概念随着城市化进程的快速发展应运而生。
智慧城市是指利用新一代信息技术,以整合、系统的方式管理城市运行体系,让城市中各个功能彼此协调运作,为城市中的企业提供优质的发展空间,为市民提供更高的生活品质,让城市成为适合人全面发展的城市,涵盖了智慧服务、智慧养老、智慧党建、智慧环保、智慧社区、精准扶贫、时代楷模等数十个场景。
(二)待测应用安装
1.从平台——模块D:测试与交付——资源下载——智慧城市.apk文件开发计算机中。
2.运行开发机中的Android模拟器,将apk文件安装到模拟器或真机中,启动App,配置服务器的IP和端口,准备运行测试。
(三)基本要求
使用平台——模块D:测试与交付——资源下载目录中的资源进行操作和设计。
二、任务要求
本模块主要考查产品测试以及交付工作,考查测试用例设计编写能力,考生需了解被测系统的功能设计,掌握测试流程和测试规范,具备撰写操作文档的综合能力。以下为每个任务的具体说明,考生请按照要求,逐一完成任务并结合成果提交的模板要求,提交成果物。
(一)任务1:编写并执行测试用例(6分)
基于指定功能模块,按照表1要求完成。
表1 功能模块说明
序号 功能模块 说明
1 引导页 本功能模块编写至少4个测试用例。
2 主页面 本功能模块编写至少6个测试用例。
3 个人中心 本功能模块编写至少10个测试用例。
4 全部服务 本功能模块编写至少3个测试用例。
5 新闻 本功能模块编写至少2个测试用例。
6 地铁查询 本功能模块编写至少4个测试用例。
7 停车场 本功能模块编写至少5个测试用例。
8 定制班车 本功能模块编写至少5个测试用例。
9 违章查询 本功能模块编写至少5个测试用例。
10 生活缴费 本功能模块编写至少5个测试用例。
11 门诊预约 本功能模块编写至少5个测试用例。
测试用例样例见表2(具体详见平台——模块D:测试与交付——测试用例模板.xlsx):
表2 测试用例样例
系统 模块 用例 编号 用例 描述 前置条件 操作步骤 预期 结果 测试结果
1.登录验证 1.1.1 新增用户动作 系统用户已经登录系统,点击新增,已经跳转到新增页面 输入正确用户基本信息,并点击确定 点击确定保存成功 测试通过
(二)任务2:缺陷分析(6分)
针对本次被测系统进行全范围测查找出至少10个Bug,根据找出的Bug进行缺陷分析。
缺陷表格样例见表3(具体详见平台——模块D:测试与交付——缺陷分析报告模板.docx):
表3 缺陷表格样例
缺陷编号 001
缺陷简要描述 点击紧急调度功能,查看选择在线医生在线查房功能,无法分配医生。
缺陷重现步骤 1.用户成功登录系统; 2.点击紧急调度功能; 3.查看选择在线医生在线查房功能,无法分配医生。
缺陷验证程度 严重 等级分:(致命、严重、一般、提示)
涉及功能模块 登录校验
缺陷分析原因 已经达到最大分配最大额度查房数量,无法分配该医生进行查房。
(三)任务3:撰写产品操作手册(6分)
编写手册的重要指导原则包括:
1.语言通俗易懂,手册中应当使用大众化的语言,便于使用者理解;
2.对关键词语加以解释,在手册中出现特定的概念或是可能引起歧义的词语应当加以解释,减少误解;
3.说明尽量详细,在对产品功能、使用方法进行介绍时,应尽量详细并通俗易懂;
4.图文并茂,对于软件产品的关键对话框、显示结果,应当附加对应的图片,以增加可视性,方便用户理解;
5.提示相关内容,在手册中提及本手册中含有的其他内容时,应指出被提及的内容在手册中的位置,便于用户查阅。
在模拟器或真机中运行待测App,对App功能进行梳理分析,利用平台——产品操作手册模板.docx文件设计产品操作手册,具体规范如下描述:
第一部分:编写待测App的产品定位中心叙述(的总体介绍及特点),以及罗列出核心功能点名称,与运行待测App的基础环境(软、硬件环境)。
第二部分:编写软件产品的安装方法以及各种软硬件环境的设置方法。对于可能会出现的问题,如软硬件冲突,给出解决方法。
第三部分:编写上述功能点的指导说明,准确叙述用户操作行为,将功能变为具体化、形象化、更真切,以便于读者理解具体内容,加强说服力。即通过一些例子,介绍完成这些任务的操作方法和过程。
第四部分:编写需要指出使用待测App的常规注意事项,进行说明,提示用户规避使用不规范等操作。对用户使用容易发生的问题或是用户常见的错误给出解决方法。
三、成果物提交
本模块竞赛结束前,将“成果物.rar”文件提交到成果物管理平台(http://ip:port/)上,压缩包内包括:测试用例.xlsx、缺陷分析报告.docx和产品操作手册.docx三个文件。
注:根据二次加密分配的账号登录成果物管理平台。
第 2 页 / 共 37 页移动应用开发赛项竞赛试题
(07卷)
竞赛说明
一、竞赛安排
赛卷分模块A、模块B、模块C、模块D四个部分。
模块编号 模块名称 竞赛时间 分数 备注
A 需求分析 3小时 16分 第一天上午
B 初步设计 3小时 16分 第一天下午
C 功能模块开发 6小时 50分 第二天全天
D 测试与交付 3小时 18分 第三天上午
合计 100分
二、竞赛主题
本赛项面向产业主流技术,对接国际标准,旨在通过融合世界技能大赛的技术标准和规则要求,引领和促进教学改革,提升职业教育的国际化水平;通过完成一个完整的工作过程,使参赛选手、裁判、教师等相关人员,熟悉并掌握世界技能大赛的技术规范和技术标准,检验教学质量,达到“以赛促教”“以赛促学”“以赛促改”“以赛促建”的目的。
本赛项以智慧城市为背景,重点考查参赛选手在移动应用开发实际工程项目中的综合分析能力、架构设计能力、编码能力、文档编写能力、数据分析能力、创意创新能力、产品测试和交付能力;展现移动应用开发专业学生技能与风采,使教师和学生更全面的了解岗位需求,提升移动应用开发专业人才培养质量和就业质量。同时培养选手的沟通与交流能力、抗压能力、6S规范等职业素质;激发学生的求知欲和教师的爱岗敬业的工匠精神,带动广大青年学生钻研技术、苦练技能、走技能成才之路。
三、成果物管理平台
移动应用开发赛项提供的成果管理平台,选手根据分配的账号登录系统,把A、B、C、D四个模块的任务要求提交对应的成果物,裁判基于平台下载对应选手竞赛成果物,进行评判。
1.用户登录
图1 成果物管理平台登录界面
输入预先发放给参赛选手的账号和密码登录成果物管理平台,登录界面见图1,每个模块比赛结束后系统进入锁定状态,选手无法登录。
2.模块成果物上传
图2 成果物管理平台后台管理界面
参赛选手在比赛结束前可以自愿修改重新上传成果物,比赛结束后系统自动锁定。参赛选手成果物提交情况将实时同步比赛现场大屏幕。
四、竞赛注意事项
提交的文档、原型、代码、App等资源内容中不能填写与选手相关的信息,如赛位号、姓名和院校。如出现上述标记,本模块成绩按照零分处理。
模块A:需求分析
一、竞赛任务
此模块竞赛时间为3小时,分数为16分。
竞赛主题描述
图1 智慧城市系统架构
本次竞赛任务,以需求分析为目标,以智慧城市为背景,通过限选主题和固定主题(便民服务)结合的形式,对需求进行理解、分析,并最终以提供的需求分析说明书为模板,编写一份完整的需求规格说明书。
编写需求规格说明书是为了详细呈现智慧城市移动App产品需求和系统的功能描述,以进一步定制移动App开发的细节问题,便于与项目开发协调工作,希望能使本软件开发工作更明确、更具体。
(二)功能概述
本次竞赛分为两部分任务:
第一个任务,按照选定的一个主题方向,进行需求的自定义梳理与规划,依据给定的需求规格说明书(模板),进行需求规格的逐一描述,编制对应业务流程图/活动图/活动图、原型草图、用例图、类图、时序图和对应模块概要设计。
第二个任务,依据给定便民服务主题的需求说明,进行需求分析设计,结合功能需求编制对应业务流程图/活动图/活动图、原型草图、类图、时序图和对应模块概要设计。
(三)基本要求
使用平台——模块A:需求分析——资源下载——《需求规格说明书(模板)》进行需求分析文档编制。
二、任务:限选主题分析设计(4分)
(一)主题背景
“时代楷模”是由中宣部集中组织宣传的全国重大先进典型。时代楷模充分体现“爱国、敬业、诚信、友善”的价值准则,充分体现中华传统美德,是具有很强先进性、代表性、时代性和典型性的先进人物。时代楷模事迹厚重感人、道德情操高尚、影响广泛深远。根据时代楷模的职业身份,以中宣部和有关部门名义发布。在中央电视台设立“时代楷模”发布厅。
随着经济快速发展,计算机的普及率越来越高,网民数量逐年增多,在多元的网络文化中,很容易被负面文化影响,误入歧途。时代楷模App是运用信息化新技术,整合各方资源,让更多的年轻人通过该平台看要闻,了解两会,学新思想,明历史,长知识,知晓时政综合,紧跟党的步伐,不断武装思想。主要包括以下功能模块:
1.楷模公告:首页幻灯片轮播图显示,时代楷模精神,往期公告列表;
2.楷模列表:包括楷模介绍、楷模事迹视频、致敬、评论等;
3.英雄故事:包括英雄事迹介绍、致敬、评论等,事迹内容包括文章、视频等资源;
4.学习心得:包括学习笔记、学习感言、学习历史等;
5.公益活动:包括活动发起、活动展示、活动报名等,活动内容包括文章、视频等资源;
6.身边的英雄:将身边的符合时代楷模的事迹,发布到平台,传递正能量,事迹内容包括文章、照片、视频等资源。
(二)任务要求
1.基于智慧城市系统架构,以为背景,规划整理时代楷模App需求,设计App功能架构体系图,并做说明。
2.在功能架构体系中至少规划设计6个功能,并编制每个功能模块对应业务流程图/活动图、原型草图、用例图、类图、时序图和对应模块概要设计。
三、任务:固定主题分析设计(12分)
(一)主题背景
智慧城市是一个比较大的系统工程,涉及领域众多,但在终极目标上简单明确,那就是服务民众,让民众的城市生活更美好。在便民惠民服务中,可以看到医疗、教育、金融、交通等领域成为热门。
搭建智慧城市的便民服务平台不仅要利用最先进的互联网线上手段,做好线上渠道,还要利用好传统的线下渠道,实现多渠道、广覆盖。如今提到一站式的服务平台,首先想到的就是各种移动客户端,利用线上线下更好的服务大众。便民服务平台作为智慧城市在产品层面的一个重要体现,成为一个大众参与的产品是其发展趋势和出路。
(二)任务要求
基于给定智慧交管、生活缴费、看电影、志愿服务、个人中心等5个功能需求描述,撰写流程图/活动图、用例图、类图、时序图等概要设计。
任务1:主页面功能模块描述(2分)
智慧城市App启动后,进入主页面。
任务说明:
1.主页显示搜索输入框,输入搜索内容后,点击软键盘“搜索”按钮,跳转至搜索结果相关新闻资讯列表页面。
2.显示轮播图,点击轮播图跳转至对应页面。
3.显示智慧城市各领域推荐应用服务入口,以图标和名称为单元宫格方式显示,手机端每行显示5个,按照优先级从高到低排序(数值越大优先级越高),共两行,第2行最后一个显示“更多服务”,点击“更多服务”进入对应页面。每个领域应用入口布局显示为圆形图标,图标下为名称,点击图标可进入对应的领域应用页面。
4.显示热门主题模块,手机端每行显示2个热门主题,每个主题入口布局为圆角(20dp)矩形图标,图标下为标题名称,多出的标题名称用省略号显示,点击“热门主题”进入到对应的主题页面。
5.显示新闻专栏,上方标签页方式显示新闻类别,下方显示新闻列表,列表项包括图片、新闻标题、新闻内容缩写(多出的字用省略号显示),评论总数,发布时间等信息。
6.显示底部导航栏,采用图标加文字方式显示,图标在上,文字在下,共四个图标分别为首页、全部服务、新闻、个人中心,点击标签进入对应页面,并颜色标记当前页面所在导航栏。
任务2:个人中心功能模块描述(2分)
在智慧城市App中,点击底部导航“个人中心”图标信息,进入个人中心页面。
任务说明:
1.首先进入个人中心页面,个人中心页面显示用户头像、账户、个人信息页面入口、订单列表页面入口、修改密码页面入口、意见反馈页面入口,点击“退出”按钮可退出登录。
2.点击个人信息跳转至个人信息页面,标签栏显示本页面标题,点击返回图标可返回到上一页,点击修改可保存修改的信息,可修改内容为:头像、昵称、性别、联系电话,注:手机号码后四位使用*号显示。
3.点击修改密码可进入修改密码页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入原密码与新密码,点击“确定”按钮可保存修改的信息。
4.点击订单列表可跳转到订单页面,标签栏显示本页面标题,点击返回图标可返回到上一页,页面内容展示所有订单、订单分类数据信息,订单显示信息有:订单号、订单类型、订单生成日期。点击订单可跳转至对应功能模块生成订单的详情页面。
5.点击意见反馈可跳转至意见反馈页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入反馈的内容,字数限制在150字以内,点击提交可提交反馈的意见。
任务3:看电影功能模块描述(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“看电影”图标信息,进入看电影页面。
任务说明:
1.主页面,页面包括顶部导航栏目、宣传幻灯片、搜索、电影信息显示板块。具有返回按钮,点击返回按钮可以返回智慧城市主页面。下方搜索在页面搜索框下面显示电影信息并图文显示。
(1)页面顶部具有返回按钮,点击返回按钮返回智慧城市主页。
(2)产品功能宣传幻灯片展示。
(3)搜索,根据电影名称进行查询,结果列表显示在电影信息展示区。
(4)电影展示区列表均显示图片、影片名称、上映时间、时长等内容,默认显示1-5条,点击“查看更多”可查看所有电影信息。
2.信息详情页,点击电影列表中的某一部电影,进入到电影详情页面。详情页面分别展示电影封面图片、电影名称、评分、上映时间、想看人数等信息。底部展示主页按钮,点击“主页”,返回电影主页。
任务4:智慧交管功能模块描述(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“智慧交管”图标信息,进入智慧交管页面。
任务说明:
1.点击违章查询项进入违章查询页面标签栏显示本页面主题,点击返回按钮返回上一页,输入号牌种类、车牌号码。车牌号码分为两部分,车牌号文字为第一部分,需用户可自己选择;第二部分为字母加数字,为用户自己输入。如京 A123,京为第一部分,A123为第二部分、发动机号。
2.点击“查询”按钮跳转至违章记录页面,标签栏显示本页面标题,点击返回图标返回到上一页,查询出所有违章数据,需有违法时间、违章地点、违章记分、罚款金额、处理状态,默认显示5-6条记录,点击查看更多显示全部违章记录。
3.点击违法记录跳转到违法详情页面,标签栏显示本页面标题,点击返回图标返回到上一页,页面内容包含:违法时间、违法地点、违法行为、通知书号、违章记分、罚款金额。
注:数据详见API接口文档。
任务5:生活缴费功能实现(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“生活缴费”图标信息,进入生活缴费页面。
任务说明:
1.手机缴费页面,上方显示选择运营商(包括:中国移动、中国联通、中国电信,必须单选),中部显示手机号码录入框,输入框下方显示“查询”按钮,点击此按钮进入交费页面,按钮下方显示常用手机号列表,列表行信息包括:运营商名称、手机号、添加时间,点击行进入交费页面。点击右上角的交费历史图标进入交费记录页面。
2.交费页面,上方显示交费项目名称,项目名称下方显示交费手机号,手机号下方显示可供选择的交费金额(包括:50元、100元、200元,要求图片+文件形式显示),最后显示“去支付”按钮,点击此按钮支付成功,点击右上角添加常用手机号图标,保存当前手机号为常用手机号。
3.交费历史记录页以列表形式显示充值记录,信息包括:手机号、交费日期。
注:数据详见API接口文档。
任务6:志愿服务功能实现(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“志愿服务”图标信息,进入志愿服务页面。
任务说明:
1.进入志愿服务主页面,页面显示返回上一页按钮、任务标题、轮播图、新闻列表和底部导航栏。
(1)轮播图:每隔3秒自动切换宣传图片。
(2)新闻列表:列表项信息包括图片、新闻片段、发布时间,优先顶部显示最新发布的新闻。
(3)底部导航栏包括志愿活动按钮和我的活动按钮,按钮以图标和文字为单元宫格方式显示,点击图标按钮跳转到对应页面。
2.进入志愿活动页面,页面包括搜索框、活动列表,列表信息包括活动标题、承办单位、活动开始时间、人员要求和报名按钮。点击列表项,跳转至活动详情页,点击列表项中的报名按钮,提示“报名成功”信息。点击列表项,跳转至活动详情页。搜索框输入搜索内容后,点击软键盘“搜索”按钮,刷新志愿活动列表页。
3.进入我的活动页面,页面分3个标签页,包括“已完成”“已报名”“已取消”,点击标签显示对应的列表页面。列表信息包括活动标题、承办单位、活动开始时间和人员要求。点击列表项,跳转至活动详情页。在已报名的列表项中包含一个“取消报名按钮”,点击取消报名按钮后,出现“已取消”的提示信息,并将相应的活动在已取消列表中显示。
4.进入活动详情页,活动详情页包括活动名称、活动简介、活动开始时间、人员要求、承办单位和工作内容。
四、成果物提交
本模块竞赛结束前,将“需求规格说明书.docx”提交到成果物管理平台(http://ip:port/)。
需求规格说明书(模板)文件内容中不能撰写与选手相关的信息,如赛位号、姓名和院校等。如出现上述信息标记,本模块记零分。
注:根据二次加密分配的账号登录成果物管理平台。
模块B:初步设计
一、竞赛任务
此模块竞赛时间为3小时,分数为16分。
(一)竞赛主题
随着第五代移动通信技术(5G)高速发展,推动新一代信息技术与各个行业的融合发展,“智慧城市”这一概念随着城市化进程的快速发展应运而生。
智慧城市是指利用新一代信息技术,以整合、系统的方式管理城市运行体系,让城市中各个功能彼此协调运作,为城市中的企业提供优质的发展空间,为市民提供更高的生活品质,让城市成为适合人全面发展的城市,涵盖了智慧服务、智慧养老、智慧党建、智慧环保、智慧社区、精准扶贫、时代楷模等数十个场景。
图1 智慧城市系统架构
(二)基本要求
1.使用Adobe XD或者Sketch软件,参照模块功能要求,进行该功能模块的页面原型设计,制作页面原型参阅iOS、谷歌的Material Design设计规范。
2.画板尺寸为750px×1334px,状态栏高度40px,标题栏高度为88px,标签栏高度为98px。
3.原型绘制画板大小尺寸及各部分内容区尺寸参考。
图2 尺寸参考图
4.当内容超出高度区域时,设置滚动区域来显示内容。
5.画板要对齐,界面版式布局合理、美观,内容完整;同样功能请复用样式,避免一种功能、两种样式的情况。
6.原型要有交互设计内容,用户体验良好。检查存在的漏洞,防止出现异常流程和内容状态。
7.页面所需数据,详见API接口文档,利用Postman工具获取。API接口文档和部分素材详见平台——模块B:初步设计——资源下载——01设计素材。
二、任务:限选主题功能初步设计(4分)
(一)主题背景
“时代楷模”是由中宣部集中组织宣传的全国重大先进典型。时代楷模充分体现“爱国、敬业、诚信、友善”的价值准则,充分体现中华传统美德,是具有很强先进性、代表性、时代性和典型性的先进人物。时代楷模事迹厚重感人、道德情操高尚、影响广泛深远。根据时代楷模的职业身份,以中宣部和有关部门名义发布。在中央电视台设立“时代楷模”发布厅。
随着经济快速发展,计算机的普及率越来越高,网民数量逐年增多,在多元的网络文化中,很容易被负面文化影响,误入歧途。时代楷模App是运用信息化新技术,整合各方资源,让更多的年轻人通过该平台看要闻,了解两会,学新思想,明历史,长知识,知晓时政综合,紧跟党的步伐,不断武装思想。主要包括以下功能模块:
1.楷模公告:首页幻灯片轮播图显示,时代楷模精神,往期公告列表;
2.楷模列表:包括楷模介绍、楷模事迹视频、致敬、评论等;
3.英雄故事:包括英雄事迹介绍、致敬、评论等,事迹内容包括文章、视频等资源;
4.学习心得:包括学习笔记、学习感言、学习历史等;
5.公益活动:包括活动发起、活动展示、活动报名等,活动内容包括文章、视频等资源;
6.身边的英雄:将身边的符合时代楷模的事迹,发布到平台,传递正能量,事迹内容包括文章、照片、视频等资源。
(二)任务要求
1.基于智慧城市系统架构,以时代楷模为背景,规划整理时代楷模App需求,在功能架构体系中至少规划设计6个功能,并自主绘制智慧党建App初步设计原型。
2.利用Adobe XD或者Sketch软件,新建“初步设计_限选主题.xd”文件,绘制时代楷模App页面原型,每个功能至少一个画板。
3.画板之间具有交互功能体现。
4.页面设计美观大方,符合人体工学操作逻辑。
三、任务:固定主题功能初步设计(12分)
(一)任务要求
1.基于智慧城市系统中的便民服务功能需求描述,设计智慧服务App进行初步设计。
2.利用Adobe XD/Sketch软件,新建“初步设计_固定主题.xd”文件,绘制便民服务给定的功能页面原型,每个功能至少一个画板。
3.画板之间具有交互功能体现。
4.页面设计美观大方,符合人体工学操作逻辑。
(二)任务说明
任务1:绘制“主页面”模块界面原型(2分)
进入App主页面(主页),彰显智慧城市风采,打造智慧型服务大厅,科技赋能,创新智能,打造视、听、触体验俱佳的业务服务大厅,同时提供多种智慧城市解决方案。
任务说明:
1.主页显示搜索输入框,输入搜索内容后,点击软键盘“搜索”按钮,跳转至搜索结果相关新闻资讯列表页面。
2.显示轮播图,点击轮播图跳转至对应页面。
注:轮播图资源通过服务器API接口获取。
3.显示智慧城市各领域应用服务入口,以图标和名称为单元宫格方式显示,手机端每行显示5个,共两行,第2行最后一个显示“更多服务”,点击“更多服务”进入对应页面。每个领域应用入口布局显示为圆形图标,图标下为名称,点击图标可进入对应的领域应用页面。
4.显示热门主题模块,手机端每行显示2个热门主题,每个主题入口布局为圆角(20dp)矩形图标,图标下为标题名称,多出的标题名称字用省略号显示,点击“热门主题”进入到对应的主题页面。
5.显示新闻专栏,上方标签页方式显示新闻类别,下方显示新闻列表,列表项包括图片、新闻标题、新闻内容缩写(多出的字用省略号显示)、评论总数、发布时间等信息。
6.显示底部导航栏,采用图标加文字方式显示,图标在上,文字在下,共四个图标分别为首页、全部服务、新闻、个人中心,点击标签进入对应页面,并颜色标记当前页面所在导航栏。
任务2:绘制“个人中心”模块界面原型(2分)
在智慧城市App中,点击底部导航“个人中心”图标信息,进入个人中心页面。
任务说明:
1.在App主页面底部导航栏中,点击“个人中心”图标信息,进入用户个人中心页面。
2.首先进入个人中心页面,个人中心页面显示用户头像、账户、个人信息页面入口、订单列表页面入口、修改密码页面入口、意见反馈页面入口,点击“退出”按钮可退出登录。
3.点击个人信息跳转至个人信息页面,标签栏显示本页面标题,点击返回图标可返回到上一页,点击修改可保存修改的信息,可修改内容为:头像、昵称、性别、联系电话。
4.点击修改密码可进入修改密码页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入原密码与新密码,点击“确定”按钮可保存修改的信息。
5.点击订单列表可跳转到订单页面,标签栏显示本页面标题,点击返回图标可返回到上一页,页面内容展示所有订单、订单分类数据信息,订单显示信息有:订单号、订单类型、订单生成日期。点击订单可跳转至对应功能模块生成订单的详情页面。
6.点击意见反馈可跳转至意见反馈页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入反馈的内容,字数限制在150字以内,点击提交可提交反馈的意见。
任务3:绘制“智慧交管”模块界面原型(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“智慧交管”图标信息,进入智慧交管页面。
任务说明:
1.点击违章查询项进入违章查询页面标签栏显示本页面主题,点击返回按钮返回上一页,输入号牌种类、车牌号码。车牌号码分为两部分,车牌号文字为第一部分,需用户可自己选择;第二部分为字母加数字,为用户自己输入。如京 A123,京为第一部分,A123为第二部分、发动机号。
2.点击“查询”按钮跳转至违章记录页面,标签栏显示本页面标题,点击返回图标返回到上一页,查询出所有违章数据,需有违法时间、违章地点、违章记分、罚款金额、处理状态,默认显示5-6条记录,点击查看更多显示全部违章记录。
3.点击违法记录跳转到违法详情页面,标签栏显示本页面标题,点击返回图标返回到上一页,页面内容包含:违法时间、违法地点、违法行为、通知书号、违章记分、罚款金额。
注:数据详见API接口文档。
任务4:绘制“生活缴费”模块界面原型(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“生活缴费”图标信息,进入生活缴费页面。
任务说明:
1.手机缴费页面,上方显示选择运营商(包括:中国移动、中国联通、中国电信,必须单选),中部显示手机号码录入框,输入框下方显示“查询”按钮,点击此按钮进入交费页面,按钮下方显示常用手机号列表,列表行信息包括:运营商名称、手机号、添加时间,点击行进入交费页面。点击右上角的交费历史图标进入交费记录页面。
2.交费页面,上方显示交费项目名称,项目名称下方显示交费手机号,手机号下方显示可供选择的交费金额(包括:50元、100元、200元,要求图片+文件形式显示),最后显示“去支付”按钮,点击此按钮支付成功,点击右上角添加常用手机号图标,保存当前手机号为常用手机号。
3.交费历史记录页以列表形式显示充值记录,信息包括:手机号、交费日期。
注:数据详见API接口文档。
任务5:绘制“垃圾分类”模块界面原型(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“垃圾分类宝典”图标信息,进入垃圾分类宝典页面。
任务说明:
1.进入垃圾分类宝典页面。页面左上角显示返回上一页按钮。
(1)顶部展示垃圾分类新闻宣传轮播图。
(2)轮播图下方两个长方形导航图片按钮,搜索与分类。
(3)接下来为4个选项卡。分别为新时尚,党员在行动,分类达人,社区动态。每个选项卡内,新闻条目按时间降序排列。每条显示两行标题文字,多余采用缩略符。标题下面为日期时间。右侧为长方形新闻图片。点击新闻条目进入详情页。详细页内显示标题,发布人,发布时间,正文。
(4)新闻正文页底部可以匿名评论,文本框30字,点击评论按钮后发布评论。
2.点击搜索长方形导航图片按钮导航到搜索页。页面左上角显示返回上一页按钮。
(1)顶部展示垃圾分类宣传海报轮播图。
(2)下方为垃圾物品分类搜索框,输入分类,点击搜索,结果页居中显示分类图片名称,下面是分类文字描述。中部显示4列4行图片宫格,为该类常见垃圾物品,宫格以图片和文字进行展示。底部为可回收物投放指导,说明该物品丢弃前的必要环节处理。
(3)搜索框下方为热门搜索,列出最热门的可回收物品词汇。
3.点击分类导航图片按钮跳转至分类页。页面左上角显示返回上一页按钮。
(1)上部展示一张垃圾分类宣传海报,给人以直观感受。
(2)下方为4个正方形不同颜色的分类按钮,分别为可回收物,有害垃圾,湿垃圾,干垃圾。点击分类按钮,进入分类介绍页,顶部左侧为正方形分类图标,右侧为分类说明,分类介绍页下部为投放要求。
(3)分类按钮下面为4栏常见分类的关键词索引,即每栏4列5行20种常见该类垃圾。点击常见垃圾关键词,进入详情页,页面左上角显示返回上一页按钮,顶部标题指出该垃圾所属分类下方为分类介绍,左侧为正方形分类图标,右侧为分类说明,分类介绍页下部为投放要求。
任务6:绘制“志愿服务”模块界面原型(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“志愿服务”图标信息,进入志愿服务页面。
任务说明:
1.进入志愿服务主页面,页面显示返回上一页按钮、任务标题、轮播图、新闻列表和底部导航栏。
(1)轮播图:每隔3秒自动切换宣传图片。
(2)新闻列表:列表项信息包括图片、新闻片段、发布时间,优先顶部显示最新发布的新闻。
(3)底部导航栏包括志愿活动按钮和我的活动按钮,按钮以图标和文字为单元宫格方式显示,点击图标按钮跳转到对应页面。
2.进入志愿活动页面,页面包括搜索框、活动列表,列表信息包括活动标题、承办单位、活动开始时间、人员要求和报名按钮。点击列表项,跳转至活动详情页,点击列表项中的报名按钮,提示“报名成功”信息。点击列表项,跳转至活动详情页。搜索框输入搜索内容后,点击软键盘“搜索”按钮,刷新志愿活动列表页。
3.进入我的活动页面,页面分3个标签页,包括“已完成”,“已报名”,“已取消”,点击标签显示对应的列表页面。列表信息包括活动标题、承办单位、活动开始时间和人员要求。点击列表项,跳转至活动详情页。在已报名的列表项中包含一个“取消报名按钮”,点击取消报名按钮后,出现“已取消”的提示信息,并将相应的活动在已取消列表中显示。
4.进入活动详情页,活动详情页包括活动名称、活动简介、活动开始时间、人员要求、承办单位和工作内容。
四、成果物提交
本模块竞赛结束前,将“初步设计.rar”文件提交到成果物管理平台(http://ip:port/),压缩包内包括:初步设计_限选主题.xd和初步设计_固定主题.xd。
注:根据二次加密分配的账号登录成果物管理平台。
模块C:功能模块开发
一、竞赛任务
此模块竞赛时间为6小时,分数为50分。
(一)竞赛主题
随着第五代移动通信技术(5G)高速发展,推动新一代信息技术与各个行业的融合发展,“智慧城市”这一概念随着城市化进程的快速发展应运而生。
智慧城市是指利用新一代信息技术,以整合、系统的方式管理城市运行体系,让城市中各个功能彼此协调运作,为城市中的企业提供优质的发展空间,为市民提供更高的生活品质,让城市成为适合人全面发展的城市,涵盖了智慧服务、智慧养老、智慧党建、智慧环保、智慧社区、精准扶贫、时代楷模等数十个场景。
图1 智慧城市系统架构
(二)基本要求
App UI尺寸自动适配开发电脑中提供的模拟器UI(iOS适配iPhone11模拟器)以及提供的手持手机设备或模拟器UI。
竞赛结束前,选手将“模块C:功能模块开发”的成果物,其中包括Android项目发布文件(SmartCity.apk)或iOS项目代码(SmartCity.zip)提交到平台服务器。
Android:在裁判计算机上,下载项目发布文件SmartCity.apk,安装到模拟器或真机上进行评判。
iOS:在裁判计算机上,下载项目代码,Xcode打开编译运行到iPhone11模拟器上进行评判。
二、任务
(一)任务1:应用架构设计(2分)
设计智慧城市App,利用移动开发工具(Android Studio/Xcode)创建SmartCity项目或HbuilderX打开项目,项目App显示智慧城市名称,实现项目的基本框架设计,并封装App与服务器通讯模块。
(二)任务2:应用主页面实现(4分)
进入App主页面(主页),彰显智慧城市风采,打造智慧型服务大厅,科技赋能,创新智能,打造视、听、触体验俱佳的业务服务大厅,同时供应多种智慧城市解决方案。
任务说明:
1.主页显示搜索输入框,输入搜索内容后,点击软键盘“搜索”按钮,跳转至搜索结果相关新闻资讯列表页面。
2.显示轮播图,点击轮播图跳转至对应页面。
注:轮播图资源通过服务器API接口获取。
3.显示智慧城市各领域应用服务入口,以图标和名称为单元宫格方式显示,手机端每行显示5个,按照优先级从高到低排序(数值越大优先级越高),共两行,第2行最后一个显示“更多服务”,点击“更多服务”进入全部服务页面。每个领域应用入口布局显示为圆形图标+名称布局,点击图标可进入对应的领域应用页面。
4.显示热门主题模块,手机端每行显示2个热门主题,每个主题入口布局为圆角(20dp)矩形图标,图标下为标题名称,多出的标题名称字用省略号显示,点击“热门主题”进入对应的主题页面。
5.显示新闻专栏,上方标签页方式显示新闻类别,下方显示新闻列表,列表项包括图片、新闻标题、新闻内容缩写(多出的字用省略号显示)、评论总数、发布时间等信息。
6.显示底部导航栏,采用图标加文字方式显示,图标在上,文字在下,共五个图标分别为首页、全部服务、智慧党建、新闻、个人中心,点击标签进入对应页面,并颜色标记当前页面所在导航栏。
注:主页数据详见API接口文档。
(三)任务3:宠物医院功能实现(6分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“宠物医院”图标信息,进入宠物医院页面。
任务说明:
1.进入宠物医院主页面,页面显示返回上一页按钮、宠物种类标题和种类、我的问诊标题和问诊列表、问诊案例标题和案例列表。
(1)宠物种类:包括狗、猫咪、小宠、水族、鸟、爬虫等种类;以宫格形式显示,每行5个,每个宫格内显示种类图标和种类名称,点击种类跳转至找医生页面。
(2)我的问诊列表:列表项显示医生头像、医生姓名和案例描述,点击列表项跳转至问诊详情页面。
(3)问诊案例列表:列表项显示医生头像、医生姓名和案例描述,点击案例跳转至案例详情页面。
2.找医生页面,页面显示医生列表,列表项左侧显示医生头像,右侧显示医生姓名、职称、执业编号、擅长描述和从业年限,点击列表项进入问诊页面。
3.问诊页面,页面显示医生头像、医生姓名、医生职称、执业编号、问题描述多文本输入框、图片和提交按钮,点击提交按钮时弹出提交结果提示,提交成功后跳转至主页面。
4.问诊详情页面,页面显示医生头像、医生姓名、医生职称、执业编号、咨询描述、图片、问答列表、追问输入框和发送按钮,输入问题并点击发送按钮可继续追问医生。
5.案例详情页面,页面显示医生头像、医生姓名、医生职称、执业编号、去提问按钮、咨询描述、图片和医生回复。点击去提问按钮跳转至问诊页面。
(四)任务4:地铁查询功能实现(6分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“地铁查询”图标信息,进入地铁查询页面。
任务说明:
1.首先进入地铁主页面,系统可自动获取用户当前位置(默认定位为北京建国门站位置),根据当前用户所在地铁站进行优先排序,使用虚线分隔符展示推送的所有线路主要信息,包含地铁路线名称、下一站名称、到达本站时长等。
2.地铁详情页面信息如下:
(1)点击地铁路线名称可跳转该条地铁路线的详情页面,本页面顶部栏显示当前地铁线路名称,左侧提供返回按钮支持返回上一页面;
(2)详情页面上方显示该条线路始发站——终点站信息,用高亮颜色在下方标注即将到站的地铁相关信息,如:剩余时间、间隔几站、剩余距离等;
(3)详情页主要信息显示需占据本页面1/2的位置,用横向时间轴显示该条地铁线路经过的全部站点名称,用特定图标标明地铁目前所在站点。
3.点击应用首页右上角图标可跳转到总览图页面,左侧显示城市全部地铁路线名称,每条路线对应不同的颜色,右侧显示地铁站总览路线图。
注:数据详见API接口文档。
(五)任务5:个人中心功能实现(4分)
在智慧城市App中,点击底部导航“个人中心”图标信息,进入个人中心页面。
任务说明:
1.首先进入个人中心页面,个人中心页面显示用户头像、账户、个人信息页面入口、订单列表页面入口、修改密码页面入口、意见反馈页面入口,点击退出按钮可退出登录。
2.点击个人信息跳转至个人信息页面,标签栏显示本页面标题,点击返回图标可返回到上一页,点击修改可保存修改的信息,可修改内容为:头像、昵称、性别、联系电话。
3.点击修改密码可进入修改密码页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入原密码与新密码,点击确定按钮可保存修改的信息。
4.点击订单列表可跳转到订单页面,标签栏显示本页面标题,点击返回图标可返回到上一页,页面内容展示所有订单、订单分类数据信息,订单显示信息有:订单号、订单类型、订单生成日期。点击订单可跳转至对应功能模块生成订单的详情页面。
5.点击意见反馈可跳转至意见反馈页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入反馈的内容,字数限制在150字以内,点击提交可提交反馈的意见。
注:数据详见API接口文档。
(六)任务6:全部服务功能实现(4分)
在智慧城市App主页面上的各领域应用服务入口,点击“更多服务”或底部导航栏的“全部服务”图标信息,进入全部服务页面。
任务说明:
1.在全部服务页面,页面具有搜索服务应用功能,输入服务名称点击确定按钮,会弹出搜索结果对话框,点击搜索结果图标,跳转至对应功能页面。
2.列表结构显示类别名称,点击对应分类名称显示该类别对应的服务,以宫格的形式进行排列,服务应用具有图标和服务名称。类别之间利用灰色直线分隔显示。
注:数据详见API接口文档。
(七)任务7:物流查询功能实现(6分)
在智慧城市App主页面上的各个领域应用服务入口或全部服务,点击“物流查询”图标信息。进入物流查询服务页面。
任务说明:
1.进入物流查询主页面,页面显示返回上一页按钮、搜索输入框、广告轮播图、物流公司推荐、下方显示其他物流公司列表。
(1)搜索输入框:输入搜索内容后,点击软键盘“搜索”按钮,判断输入数据合法性后,跳转至物流运单详情页面。
(2)广告轮播图:每间隔3秒切换广告图。
(3)物流公司推荐:以图标和名称为单元格方式显示,手机端显示4个,共三行,每个类目入口布局显示为公司logo和物流公司名称,点击图标可以进入对应物流公司详情页面。
(4)其他物流公司列表:列表项显示物流公司名称,顺序按照物流公司名称首字母降序排列。
2.物流公司详情页面:点击首页的物流公司推荐图标信息,进入对应物流公司详情页面,页面展示新闻资讯轮播、公司简介、运输方式介绍、运费介绍信息。
3.物流运单详情页:首页搜索框输入运单号,点击搜索后进入运单详情页面,页面上方显示返回按钮及任务名称,下方显示带有运单号的搜索框,物流公司logo、名称和投诉电话图标,下部显示物流派送过程信息步进时间线,信息包括时间、地点和跟踪进度,底部显示物流投诉按钮。
4.投诉页面:点击物流运单详情页的投诉按钮,跳转至以往个人投诉列表页,点击新增按钮进入投诉新增页面,页面展示公司名称、运单号、投诉类别和投诉内容,点击确认按钮,提交成功后自动返回投诉列表页。
(八)任务8:精准扶贫功能实现(18分)
在智慧城市App主页面上的各个领域应用服务入口或全部服务,点击“精准扶贫”图标信息。进入精准扶贫服务页面。
任务说明:
随着工作生活信息化、网络化、数据化持续加深,消除贫困是社会主义制度的本质要求,是贯彻落实群众路线的生动体现,更是推进经济跨越发展、全面建设小康社会。我国是世界上人口最多的发展中国家,农村经济不平衡现象突出。特别是农村贫困人口多,给扶贫工作造成很大的困扰。
促进社会和谐稳定的迫切需要。深入推进扶贫工作事关党的执政基础,事关国家的长治久安,现实意义十分重大。
通过精准扶贫系统建设,主要解决帮扶人员与贫困户缺少互动沟通平台,扶贫信息难以精准推送,帮扶工作考核难建设目标。主要包括以下功能模块。
1.新闻:首页幻灯片轮播图显示,扶贫的最新资讯新闻。
2.扶贫案例:包括扶贫案例展示,点赞等。
3.村情村貌:包括扶贫对象的村子情况,村子环境等。
4.收到求助:可查看收到的扶贫求助信息。
5.入户走访:深入基层,了解生活状况,为扶贫方案提供基本信息。
6.案例发布:发布优秀的扶贫案例以及可查看自己发布的扶贫案例。
根据上述说明,自行设计功能页面,无API接口,素材可参阅竞赛管理平台右侧资源下载区。
三、成果物提交
本模块竞赛结束前,将“成果物.rar”提交到成果物管理平台(http://ip:port/)上,如利用Android平台开发,压缩包内包括:SmartCity.apk;如利用iOS平台开发,压缩包内包括:SmartCity工程文件夹。
Android:在裁判计算机上,下载项目发布文件SmartCity.apk,安装到模拟器或真机上进行评判。
iOS平台:在裁判计算机上,下载项目代码SmartCity.rar,编译运行到iPhone11模拟器上进行评判。
注:根据二次加密分配的账号登录成果物管理平台。
模块D:测试与交付
一、竞赛任务
此模块竞赛时间为3小时,分数为18分。
(一)待测系统描述
图1 智慧城市系统架构
随着第五代移动通信技术(5G)高速发展,推动新一代信息技术与各个行业的融合发展,“智慧城市”这一概念随着城市化进程的快速发展应运而生。
智慧城市是指利用新一代信息技术,以整合、系统的方式管理城市运行体系,让城市中各个功能彼此协调运作,为城市中的企业提供优质的发展空间,为市民提供更高的生活品质,让城市成为适合人全面发展的城市,涵盖了智慧服务、智慧养老、智慧党建、智慧环保、智慧社区、精准扶贫、时代楷模等数十个场景。
(二)待测应用安装
1.从平台——模块D:测试与交付——资源下载——智慧城市.apk文件开发计算机中。
2.运行开发机中的Android模拟器,将apk文件安装到模拟器或真机中,启动App,配置服务器的IP和端口,准备运行测试。
(三)基本要求
使用平台——模块D:测试与交付——资源下载目录中的资源进行操作和设计。
二、任务要求
本模块主要考查产品测试以及交付工作,考查测试用例设计编写能力,考生需了解被测系统的功能设计,掌握测试流程和测试规范,具备撰写操作文档的综合能力。以下为每个任务的具体说明,考生请按照要求,逐一完成任务并结合成果提交的模板要求,提交成果物。
(一)任务1:编写并执行测试用例(6分)
基于指定功能模块,按照表1要求完成。
表1 功能模块说明
序号 功能模块 说明
1 引导页 本功能模块编写至少4个测试用例。
2 主页面 本功能模块编写至少6个测试用例。
3 个人中心 本功能模块编写至少10个测试用例。
4 全部服务 本功能模块编写至少3个测试用例。
5 新闻 本功能模块编写至少2个测试用例。
6 地铁查询 本功能模块编写至少4个测试用例。
7 停车场 本功能模块编写至少5个测试用例。
8 定制班车 本功能模块编写至少5个测试用例。
9 违章查询 本功能模块编写至少5个测试用例。
10 生活缴费 本功能模块编写至少5个测试用例。
11 门诊预约 本功能模块编写至少5个测试用例。
测试用例样例见表2(具体详见平台——模块D:测试与交付——测试用例模板.xlsx):
表2 测试用例样例
系统 模块 用例 编号 用例 描述 前置条件 操作步骤 预期 结果 测试结果
1.登录验证 1.1.1 新增用户动作 系统用户已经登录系统,点击新增,已经跳转到新增页面 输入正确用户基本信息,并点击确定 点击确定保存成功 测试通过
(二)任务2:缺陷分析(6分)
针对本次被测系统进行全范围测查找出至少10个Bug,根据找出的Bug进行缺陷分析。
缺陷表格样例见表3(具体详见平台——模块D:测试与交付——缺陷分析报告模板.docx):
表3 缺陷表格样例
缺陷编号 001
缺陷简要描述 点击紧急调度功能,查看选择在线医生在线查房功能,无法分配医生。
缺陷重现步骤 1.用户成功登录系统; 2.点击紧急调度功能; 3.查看选择在线医生在线查房功能,无法分配医生。
缺陷验证程度 严重 等级分:(致命、严重、一般、提示)
涉及功能模块 登录校验
缺陷分析原因 已经达到最大分配最大额度查房数量,无法分配该医生进行查房。
(三)任务3:撰写产品操作手册(6分)
编写手册的重要指导原则包括:
1.语言通俗易懂,手册中应当使用大众化的语言,便于使用者理解;
2.对关键词语加以解释,在手册中出现特定的概念或是可能引起歧义的词语应当加以解释,减少误解;
3.说明尽量详细,在对产品功能、使用方法进行介绍时,应尽量详细并通俗易懂;
4.图文并茂,对于软件产品的关键对话框、显示结果,应当附加对应的图片,以增加可视性,方便用户理解;
5.提示相关内容,在手册中提及本手册中含有的其他内容时,应指出被提及的内容在手册中的位置,便于用户查阅。
在模拟器或真机中运行待测App,对App功能进行梳理分析,利用平台——产品操作手册模板.docx文件设计产品操作手册,具体规范如下描述:
第一部分:编写待测App的产品定位中心叙述(的总体介绍及特点),以及罗列出核心功能点名称,与运行待测App的基础环境(软、硬件环境)。
第二部分:编写软件产品的安装方法以及各种软硬件环境的设置方法。对于可能会出现的问题,如软、硬件冲突,给出解决方法。
第三部分:编写上述功能点的指导说明,准确叙述用户操作行为,将功能变为具体化、形象化、更真切,以便于读者理解具体内容,加强说服力。即通过一些例子,介绍完成这些任务的操作方法和过程。
第四部分:编写需要指出使用待测App的常规注意事项,进行说明,提示用户规避使用不规范等操作。对用户使用容易发生的问题或用户常见的错误给出解决方法。
三、成果物提交
本模块竞赛结束前,将“成果物.rar”文件提交到成果物管理平台(http://ip:port/)上,压缩包内包括:测试用例.xlsx、缺陷分析报告.docx和产品操作手册.docx三个文件。
注:根据二次加密分配的账号登录成果物管理平台。
第 21 页 / 共 37 页移动应用开发赛项竞赛试题
(01卷)
竞赛说明
一、竞赛安排
赛卷分模块A、模块B、模块C、模块D四个部分。
模块编号 模块名称 竞赛时间 分数 备注
A 需求分析 3小时 16分 第一天上午
B 初步设计 3小时 16分 第一天下午
C 功能模块开发 6小时 50分 第二天全天
D 测试与交付 3小时 18分 第三天上午
合计 100分
二、竞赛主题
本赛项面向产业主流技术,对接国际标准,旨在通过融合世界技能大赛的技术标准和规则要求,引领和促进教学改革,提升职业教育的国际化水平;通过完成一个完整的工作过程,使参赛选手、裁判、教师等相关人员,熟悉并掌握世界技能大赛的技术规范和技术标准,检验教学质量,达到“以赛促教”“以赛促学”“以赛促改”“以赛促建”的目的。
本赛项以智慧城市为背景,重点考查参赛选手在移动应用开发实际工程项目中的综合分析能力、架构设计能力、编码能力、文档编写能力、数据分析能力、创意创新能力、产品测试和交付能力;展现移动应用开发专业学生技能与风采,使教师和学生更全面的了解岗位需求,提升移动应用开发专业人才培养质量和就业质量。同时培养选手的沟通与交流能力、抗压能力、6S规范等职业素质;激发学生的求知欲和教师的爱岗敬业的工匠精神,带动广大青年学生钻研技术、苦练技能、走技能成才之路。
三、成果物管理平台
移动应用开发赛项提供的成果管理平台,选手根据分配的账号登录系统,把A、B、C、D四个模块的任务要求提交对应的成果物,裁判基于平台下载对应选手竞赛成果物,进行评判。
1.用户登录
图1 成果物管理平台登录界面
输入预先发放给参赛选手的账号和密码登录成果物管理平台,登录界面见图1,每个模块比赛结束后系统进入锁定状态,选手无法登录。
2.模块成果物上传
图2 成果物管理平台后台管理界面
参赛选手在比赛结束前可以自愿修改重新上传成果物,比赛结束后系统自动锁定。参赛选手成果物提交情况将实时同步比赛现场大屏幕。
四、竞赛注意事项
提交的文档、原型、代码、App等资源内容中不能填写与选手相关的信息,如赛位号、姓名和院校。如出现上述标记,本模块成绩按照零分处理。
模块A:需求分析
一、竞赛任务
此模块竞赛时间为3小时,分数为16分。
竞赛主题描述
图1 智慧城市系统架构
本次竞赛任务,以需求分析为目标,以智慧城市为背景,通过限选主题和固定主题(便民服务)结合的形式,对需求进行理解、分析,并最终以提供的需求分析说明书为模板,编写一份完整的需求规格说明书。
编写需求规格说明书是为了详细呈现智慧城市移动App产品需求和系统的功能描述,以进一步定制移动App开发的细节问题,便于与项目开发协调工作,希望能使本软件开发工作更明确、更具体。
(二)功能概述
本次竞赛分为两部分任务:
第一个任务,按照选定的一个主题方向,进行需求的自定义梳理与规划,依据给定的需求规格说明书(模板),进行需求规格的逐一描述,编制对应业务流程图/活动图、原型草图、用例图、类图、时序图和对应模块概要设计。
第二个任务,依据给定便民服务主题的需求说明,进行需求分析设计,结合功能需求编制对应业务流程图/活动图、原型草图、类图、时序图和对应模块概要设计。
(三)基本要求
使用平台——模块A:需求分析——资源下载——《需求规格说明书(模板)》进行需求分析文档编制。
二、任务:限选主题分析设计(4分)
(一)主题背景
“智慧养老”是面向居家老人、社区及养老机构提供实时、快捷、高效、低成本智能化的养老服务平台。
随着经济的发展,人民的生活水平得到普遍提高,随之而来的是我国的老龄化程度越来越高,人们已经普遍意识到老龄化问题将会带来的问题。整个社会在趋向于“衰老型”发展,人口老龄化的问题日益严重,空巢老人的现象也日益加剧。呈现出老年人口基数大、增速快、高龄化、失能化、空巢化趋势明显的态势,再加上我国未富先老的国情和家庭小型化的结构叠加在一起,养老问题异常严峻。智慧养老平台主要围绕着利用先进的信息技术手段实现“以入住老人为中心,规范养老服务,强化养老管理”,同时,针对老年人心理生理特点,以信息化技术为核心,采用先进的计算机技术、通信技术、无线传输技术、控制技术,为老人提供一个安全、便捷、高效、舒适的养老综合服务,具体功能如下。
1.养老机构查询,养老机构推荐,养老机构评价。
2.健康评估,提交个人健康相关资料,包括身体基本状况,精神状态(正常、痴呆、抑郁、暴力),活动能力(正常,拄拐、轮椅、卧床),生活自理能力(饮食、洗澡、穿衣、修饰),评估需要配置哪些配套服务,计算出服务费用。
3.预约养老院,通过智慧养老平台,查询养老院的基础配套的设施设备以及服务体系,选择合适的养老院,在线预约预定。
4.现场办理完入住手续后,通过平台监测到老人入住的房间环境信息,如温湿度、二氧化碳浓度、PM2.5等环境数据;同时可以监测到老人健康状况,如心率、血压、体温、运动量、户外活动时间、体重等信息。
5.查询医护人员现场服务巡检记录,老人的餐饮服务记录,服务人员评价。
6.通过集中监测,观察其他入住老人的入住情况和身体概况。如入住率,老人的年龄分布,平均运动量,平均户外活动时间等。
(二)任务要求
1.基于智慧城市系统架构,以智慧养老为背景,规划整理智慧养老App需求,设计App功能架构体系图,并做说明。
2.在功能架构体系中至少规划设计6个功能,并编制每个功能模块对应业务流程图/活动图、原型草图、用例图、类图、时序图和对应模块概要设计。
三、任务:固定主题分析设计(12分)
(一)主题背景
智慧城市是一个比较大的系统工程,涉及领域众多,但在终极目标上简单明确,那就是服务民众,让民众的城市生活更美好。在便民惠民服务中,可以看到医疗、教育、金融、交通等领域成为热门。
搭建智慧城市的便民服务平台不仅要利用最先进的互联网线上手段,做好线上渠道,还要利用好传统的线下渠道,实现多渠道、广覆盖。如今提到一站式的服务平台,首先想到的就是各种移动客户端,利用线上线下更好的服务大众。便民服务平台作为智慧城市在产品层面的一个重要体现,成为一个大众参与的产品是其发展趋势和出路。
(二)任务要求
基于给定便民服务的地铁、个人中心等5个功能需求描述,撰写流程图/活动图、用例图、类图、时序图等概要设计。
任务1:主页面功能模块描述(2分)
智慧城市App启动,首先进入主页面。
任务说明:
1.主页显示搜索输入框,输入搜索内容后,点击软键盘“搜索”按钮,跳转至搜索结果相关新闻资讯列表页面。
2.显示轮播图,点击轮播图跳转至对应页面。
3.显示智慧城市各领域推荐应用服务入口,以图标和名称为单元宫格方式显示,手机端每行显示5个,按照优先级从高到低排序(数值越大优先级越高),共两行,第2行最后一个显示“更多服务”,点击“更多服务”进入对应页面。每个领域应用入口布局显示为圆形图标,图标下为名称,点击图标可进入对应的领域应用页面。
4.显示热门主题模块,手机端每行显示2个热门主题(Pad端每行显示4个),每个主题入口布局为圆角(20dp)矩形图标,图标下为标题名称,多出的标题名称用省略号显示,点击“热门主题”进入到对应的主题页面。
5.显示新闻专栏,上方标签页方式显示新闻类别,下方显示新闻列表,列表项包括图片、新闻标题、新闻内容缩写(多出的字用省略号显示),评论总数,发布时间等信息。
6.显示底部导航栏,采用图标加文字方式显示,图标在上,文字在下,共四个图标分别为首页、全部服务、新闻、个人中心,点击标签进入对应页面,并颜色标记当前页面所在导航栏。
任务2:个人中心功能模块描述(2分)
在智慧城市App中,点击底部导航“个人中心”图标信息,进入个人中心页面。
任务说明:
1.首先进入个人中心页面,个人中心页面显示用户头像、账户、个人信息页面入口、订单列表页面入口、修改密码页面入口、意见反馈页面入口,点击“退出”按钮可退出登录。
2.点击个人信息跳转至个人信息页面,标签栏显示本页面标题,点击返回图标可返回到上一页,点击修改可保存修改的信息,可修改内容为:头像、昵称、性别、联系电话,注:手机号码后四位使用*号显示。
3.点击修改密码可进入修改密码页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入原密码与新密码,点击“确定”按钮可保存修改的信息。
4.点击订单列表可跳转到订单页面,标签栏显示本页面标题,点击返回图标可返回到上一页,页面内容展示所有订单、订单分类数据信息,订单显示信息有:订单号、订单类型、订单生成日期。点击订单可跳转至对应功能模块生成订单的详情页面。
5.点击意见反馈可跳转至意见反馈页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入反馈的内容,字数限制在150字以内,点击提交可提交反馈的意见。
任务3:全部服务功能模块描述(2分)
在智慧城市App中,点击底部导航“全部服务”图标信息,进入全部服务页面。
任务说明:
1.在全部服务页面,页面具有搜索服务应用功能,输入服务名称点击确定按钮,会弹出搜索结果对话框,点击搜索结果图标,跳转至对应功能页面。
2.列表结构显示类别名称,点击左侧对应分类名称右侧显示该类别对应的服务,以宫格的形式进行排列,服务应用具有图标和服务名称。类别之间利用灰色直线分隔显示。
任务4:地铁功能模块描述(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“地铁”图标信息,进入地铁页面。
任务说明:
1.首先进入地铁主页面,系统可自动获取用户当前位置(默认定位为北京建国门站位置),根据当前用户所在地铁站进行优先排序,使用虚线分隔符展示推送的所有线路主要信息,包含地铁路线名称、下一站名称、到达本站时长等。
2.地铁详情页面信息如下:
(1)点击地铁路线名称可跳转该条地铁路线的详情页面,本页面顶部栏显示当前地铁线路名称,左侧提供返回按钮支持返回上一页面;
(2)详情页面上方显示该条线路始发站——终点站信息,用高亮颜色在下方标注即将到站的地铁相关信息,如:剩余时间、间隔几站、剩余距离等;
(3)详情页主要信息显示需占据本页面1/2的位置,用横向时间轴显示该条地铁线路经过的全部站点名称,用特定图标标明地铁目前所在站点。
3.点击应用首页右上角图标可跳转到总览图页面,左侧显示城市全部地铁路线名称,每条路线对应不同的颜色,右侧显示地铁站总览路线图。
任务5:宠物医院功能模块描述(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“宠物医院”图标信息,进入宠物医院页面。
任务说明:
1.进入宠物医院主页面,页面显示返回上一页按钮、宠物种类标题和种类、我的问诊标题和问诊列表、问诊案例标题和案例列表。
(1)宠物种类:包括狗、猫咪、小宠、水族、鸟、爬虫等种类;以宫格形式显示,每行5个,每个宫格内显示种类图标和种类名称,点击种类跳转至找医生页面。
(2)我的问诊列表:列表项显示医生头像、医生姓名和案例描述,点击列表项跳转至问诊详情页面。
(3)问诊案例列表:列表项显示医生头像、医生姓名和案例描述,点击案例跳转至案例详情页面。
2.找医生页面,页面显示医生列表,列表项左侧显示医生头像,右侧显示医生姓名、职称、执业编号、擅长描述和从业年限,点击列表项进入问诊页面。
3.问诊页面,页面显示医生头像、医生姓名、医生职称、执业编号、问题描述多文本输入框、图片和提交按钮,点击提交按钮时弹出提交结果提示,提交成功后跳转至主页面。
4.问诊详情页面,页面显示医生头像、医生姓名、医生职称、执业编号、咨询描述、图片、问答列表、追问输入框和发送按钮,输入问题并点击发送按钮可继续追问医生。
5.案例详情页面,页面显示医生头像、医生姓名、医生职称、执业编号、去提问按钮、咨询描述、图片和医生回复,。点击去提问按钮跳转至问诊页面。
任务6:物流功能模块描述(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“物流查询”图标信息,进入物流查询页面。
任务说明:
1.进入物流查询主页面,页面显示返回上一页按钮、搜索输入框、广告轮播图、物流公司推荐、下方显示其他物流公司列表。
(1)搜索输入框:输入搜索内容后,点击软键盘“搜索”按钮,判断输入数据合法性后,跳转至物流运单详情页面。
(2)广告轮播图:每3秒间隔切换广告图。
(3)物流公司推荐:以图标和名称为单元格方式显示,手机端显示4个,共三行,每个类目入口布局显示为公司logo和物流公司名称,点击图标可以进入对应物流公司详情页面。
(4)其他物流公司列表:列表项显示物流公司名称,顺序按照物流公司名称首字母降序排列。
2.物流公司详情页面:点击首页的物流公司推荐图标信息,进入对应物流公司详情页面,页面展示新闻资讯轮播、公司简介、运输方式介绍、运费介绍信息。
3.物流运单详情页:首页搜索框输入运单号,点击搜索后进入运单详情页面,页面上方显示返回按钮及任务名称,下方显示带有运单号的搜索框,物流公司logo、名称和投诉电话图标,下部显示物流派送过程信息步进时间线,信息包括时间、地点和跟踪进度,底部显示物流投诉按钮。
4.投诉页面:点击物流运单详情页的投诉按钮,跳转至以往个人投诉列表页,点击新增按钮进入投诉新增页面,页面展示公司名称、运单号、投诉类别和投诉内容,点击确认按钮,提交成功后自动返回投诉列表页。
四、成果物提交
本模块竞赛结束前,将“需求规格说明书.docx”提交到成果物管理平台(http://ip:port/)。
需求规格说明书(模板)文件内容中不能撰写与选手相关的信息,如赛位号、姓名和院校等。如出现上述信息标记,本模块记零分。
注:根据二次加密分配的账号登录成果物管理平台。
模块B:初步设计
一、竞赛任务
此模块竞赛时间为3小时,分数为16分。
(一)竞赛主题
随着第五代移动通信技术(5G)高速发展,推动新一代信息技术与各个行业的融合发展,“智慧城市”这一概念随着城市化进程的快速发展应运而生。
智慧城市是指利用新一代信息技术,以整合、系统的方式管理城市运行体系,让城市中各个功能彼此协调运作,为城市中的企业提供优质的发展空间,为市民提供更高的生活品质,让城市成为适合人全面发展的城市,涵盖了智慧服务、智慧养老、智慧党建、智慧环保、智慧社区、精准扶贫、时代楷模等数十个场景。
图1 智慧城市系统架构
(二)基本要求
1.使用Adobe XD或者Sketch软件,参照模块功能要求,进行该功能模块的页面原型设计,制作页面原型参阅iOS、谷歌的Material Design设计规范。
2.画板尺寸为1080×1920,状态栏高度72px,标题栏高度为144px,标签栏高度为72px。
3.原型绘制画板大小尺寸及各部分内容区尺寸参考。
图2 尺寸参考图
4.当内容超出高度区域时,设置滚动区域来显示内容。
5.画板要对齐,界面版式布局合理、美观,内容完整;同样功能请复用样式,避免一种功能、两种样式的情况。
6.原型要有交互设计内容,用户体验良好。检查存在的漏洞,防止出现异常流程和内容状态。
7.页面所需数据,详见API接口文档,利用Postman工具获取。API接口文档和部分素材详见平台——模块B:初步设计——资源下载——01设计素材。
二、任务:限选主题功能初步设计(4分)
(一)主题背景
“智慧养老”是面向居家老人、社区及养老机构提供实时、快捷、高效、低成本智能化的养老服务平台。
随着经济的发展,人民的生活水平得到普遍提高,随之而来的是我国的老龄化程度越来越高,人们已经普遍意识到老龄化问题将会带来的问题。整个社会在趋向于“衰老型”发展,人口老龄化的问题日益严重,空巢老人的现象也日益加剧。呈现出老年人口基数大、增速快、高龄化、失能化、空巢化趋势明显的态势,再加上我国未富先老的国情和家庭小型化的结构叠加在一起,养老问题异常严峻。智慧养老平台主要围绕着利用先进的信息技术手段实现“以入住老人为中心,规范养老服务,强化养老管理”,同时,针对老年人心理生理特点,以信息化技术为核心,采用先进的计算机技术、通信技术、无线传输技术、控制技术,为老人提供一个安全、便捷、高效、舒适的养老综合服务,具体功能如下。
1.养老机构查询,养老机构推荐,养老机构评价。
2.健康评估,提交个人健康相关资料,包括身体基本状况,精神状态(正常、痴呆、抑郁、暴力),活动能力(正常,拄拐、轮椅、卧床),生活自理能力(饮食、洗澡、穿衣、修饰),评估需要配置哪些配套服务,计算出服务费用。
3.预约养老院,通过智慧养老平台,查询养老院的基础配套的设施设备以及服务体系,选择合适的养老院,在线预约预定。
4.现场办理完入住手续后,通过平台监测到老人入住的房间环境信息,如温湿度、二氧化碳浓度、PM2.5等环境数据;同时可以监测到老人健康状况,如心率、血压、体温、运动量、户外活动时间、体重等信息。
5.查询医护人员现场服务巡检记录,老人的餐饮服务记录,服务人员评价。
6.通过集中监测,观察其他入住老人的入住情况和身体概况。如入住率,老人的年龄分布,平均运动量,平均户外活动时间等。
(二)任务要求
1.基于智慧城市系统架构,以智慧养老为背景,规划整理智慧养老App需求,在功能架构体系中至少规划设计6个功能,并自主绘制智慧养老App初步设计原型。
2.利用Adobe XD或者Sketch软件,新建“初步设计_限选主题.xd”文件,绘制智慧养老App页面原型,每个功能至少一个画板。
3.画板之间具有交互功能体现。
4.页面设计美观大方,符合人体工学操作逻辑。
三、任务:固定主题功能初步设计(12分)
(一)任务要求
1.基于智慧城市系统中的便民服务功能需求描述,设计智慧服务App进行初步设计。
2.利用Adobe XD/Sketch软件,新建“初步设计_固定主题.xd”文件,绘制便民服务给定的功能页面原型,每个功能至少一个画板。
3.画板之间具有交互功能体现。
4.页面设计美观大方,符合人体工学操作逻辑。
(二)任务说明
任务1:绘制“主页面”模块界面原型(2分)
进入App主页面(主页),彰显智慧城市风采,打造智慧型服务大厅,科技赋能,创新智能,打造视、听、触体验俱佳的业务服务大厅,同时提供多种智慧城市解决方案。
任务说明:
1.主页显示搜索输入框,输入搜索内容后,点击软键盘“搜索”按钮,跳转至搜索结果相关新闻资讯列表页面。
2.显示轮播图,点击轮播图跳转至对应页面。
注:轮播图资源通过服务器API接口获取。
3.显示智慧城市各领域应用服务入口,以图标和名称为单元宫格方式显示,手机端每行显示5个,共两行,第2行最后一个显示“更多服务”,点击“更多服务”进入对应页面。每个领域应用入口布局显示为圆形图标,图标下为名称,点击图标可进入对应的领域应用页面。
4.显示热门主题模块,手机端每行显示2个热门主题,每个主题入口布局为圆角(20dp)矩形图标,图标下为标题名称,多出的标题名称字用省略号显示,点击“热门主题”进入到对应的主题页面。
5.显示新闻专栏,上方标签页方式显示新闻类别,下方显示新闻列表,列表项包括图片、新闻标题、新闻内容缩写(多出的字用省略号显示)、评论总数、发布时间等信息。
6.显示底部导航栏,采用图标加文字方式显示,图标在上,文字在下,共四个图标分别为首页、全部服务、新闻、个人中心,点击标签进入对应页面,并颜色标记当前页面所在导航栏。
任务2:绘制“个人中心”模块界面原型(2分)
在App主页面底部导航栏中,点击“个人中心”图标信息,进入用户个人中心页面。
任务说明:
1.进入个人中心页面,个人中心页面显示用户头像、账户、个人信息页面入口、订单列表页面入口、修改密码页面入口、意见反馈页面入口,点击“退出”按钮可退出登录。
2.点击个人信息跳转至个人信息页面,标签栏显示本页面标题,点击返回图标可返回到上一页,点击修改可保存修改的信息,可修改内容为:头像、昵称、性别、联系电话,注:手机号码后四位使用*号代替。
3.点击修改密码可进入修改密码页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入原密码与新密码,点击“确定”按钮可保存修改的信息。
4.点击订单列表可跳转到订单页面,标签栏显示本页面标题,点击返回图标可返回到上一页,页面内容展示所有订单、订单分类数据信息,订单显示信息有:订单号、订单类型、订单生成日期。点击订单可跳转至对应功能模块生成订单的详情页面。
5.点击意见反馈可跳转至意见反馈页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入反馈的内容,字数限制在150字以内,点击提交可提交反馈的意见。
任务3:绘制“地铁查询”模块界面原型(2分)
在App主页面上的各领域应用服务入口,点击地铁查询图标信息,进入地铁页面。
任务说明:
1.首先进入地铁主页面,系统可自动获取用户当前位置(默认定位为北京建国门站位置),根据当前用户所在地铁站进行优先排序,使用虚线分隔符展示推送的所有线路主要信息,包含地铁路线名称、下一站名称、到达本站时长等。
2.地铁详情页面信息如下:
(1)点击地铁路线名称可跳转该条地铁路线的详情页面,本页面顶部栏显示当前地铁线路名称,左侧提供返回按钮支持返回上一页面;
(2)详情页面上方显示该条线路始发站——终点站信息,用高亮颜色在下方标注即将到站的地铁相关信息,如:剩余时间、间隔几站、剩余距离等;
(3)详情页主要信息显示需占据本页面1/2的位置,用横向时间轴显示该条地铁线路经过的全部站点名称,用特定图标标明地铁目前所在站点。
3.点击应用首页右上角图标可跳转到总览图页面,左侧显示城市全部地铁路线名称,每条路线对应不同的颜色,右侧显示地铁站总览路线图。
任务4:绘制“全部服务”模块界面原型(2分)
在App主页面底部导航栏中,点击“全部服务”图标信息,进入全部服务页面。
任务说明:
1.在全部服务页面,页面具有搜索服务应用功能,输入服务名称点击确定按钮,会弹出搜索结果对话框,点击搜索结果图标,跳转至对应功能页面。
2.列表结构显示类别名称,点击对应分类名称显示该类别对应的服务,以宫格的形式进行排列,服务应用具有图标和服务名称。类别之间利用灰色直线分隔显示。
任务5:绘制“看电影”模块界面原型(2分)
在App主页面上的各领域应用服务入口,点击看电影图标信息,进入看电影页面。
任务说明:
1.主页面,页面包括顶部导航栏目、宣传幻灯片、搜索、电影信息显示板块。具有返回按钮,点击返回按钮可以返回智慧城市主页面。下方搜索在页面搜索框下面显示电影信息并图文显示。
(1)页面顶部具有返回按钮,点击返回按钮返回智慧城市主页。
(2)产品功能宣传幻灯片展示。
(3)搜索,根据电影名称进行查询,结果列表显示在电影信息展示区。
(4)电影展示区列表均显示图片、影片名称、上映时间、时长等内容,默认显示1—5条,点击“查看更多”可查看所有电影信息。
2.信息详情页,点击电影列表中的某一部电影,进入到电影详情页面。详情页面分别展示电影封面图片、电影名称、评分、上映时间、想看人数等信息。底部展示主页按钮,点击“主页”,返回电影主页。
任务6:绘制“宠物医院”模块界面原型(2分)
在App主页面上的各领域应用服务入口,点击宠物医院图标信息,进入宠物医院页面。
任务说明:
1.进入宠物医院主页面,页面显示返回上一页按钮、宠物种类标题和种类、我的问诊标题和问诊列表、问诊案例标题和案例列表。
(1)宠物种类:包括狗、猫咪、小宠、水族、鸟、爬虫等种类;以宫格形式显示,每行5个,每个宫格内显示种类图标和种类名称,点击种类跳转至找医生页面。
(2)我的问诊列表:列表项显示医生头像、医生姓名和案例描述,点击列表项跳转至问诊详情页面。
(3)问诊案例列表:列表项显示医生头像、医生姓名和案例描述,点击案例跳转至案例详情页面。
2.找医生页面,页面显示医生列表,列表项左侧显示医生头像,右侧显示医生姓名、职称、执业编号、擅长描述和从业年限,点击列表项进入问诊页面。
3.问诊页面,页面显示医生头像、医生姓名、医生职称、执业编号、问题描述多文本输入框、图片和提交按钮,点击提交按钮时弹出提交结果提示,提交成功后跳转至主页面。
4.问诊详情页面,页面显示医生头像、医生姓名、医生职称、执业编号、咨询描述、图片、问答列表、追问输入框和发送按钮,输入问题并点击发送按钮可继续追问医生。
5.案例详情页面,页面显示医生头像、医生姓名、医生职称、执业编号、去提问按钮、咨询描述、图片和医生回复。点击去提问按钮跳转至问诊页面。
四、成果物提交
本模块竞赛结束前,将“初步设计.rar”文件提交到成果物管理平台(http://ip:port/),压缩包内包括:初步设计_限选主题.xd和初步设计_固定主题.xd。
注:根据二次加密分配的账号登录成果物管理平台。
模块C:功能模块开发
一、竞赛任务
此模块竞赛时间为6小时,分数为50分。
(一)竞赛主题
随着第五代移动通信技术(5G)高速发展,推动新一代信息技术与各个行业的融合发展,“智慧城市”这一概念随着城市化进程的快速发展应运而生。
智慧城市是指利用新一代信息技术,以整合、系统的方式管理城市运行体系,让城市中各个功能彼此协调运作,为城市中的企业提供优质的发展空间,为市民提供更高的生活品质,让城市成为适合人全面发展的城市,涵盖了智慧服务、智慧养老、智慧党建、智慧环保、智慧社区、精准扶贫、时代楷模等数十个场景。
图1 智慧城市系统架构
(二)基本要求
App UI尺寸自动适配开发电脑中提供的模拟器UI(iOS适配iPhone11模拟器)以及提供的手持手机设备或模拟器UI。
竞赛结束前,选手将“模块C:功能模块开发”的成果物,其中包括Android项目发布文件(SmartCity.apk)或iOS项目代码(SmartCity.zip)提交到平台服务器。
Android:在裁判计算机上,下载项目发布文件SmartCity.apk,安装到模拟器或真机上进行评判。
iOS:在裁判计算机上,下载项目代码,Xcode打开编译运行到iPhone11模拟器上进行评判。
二、任务
(一)任务1:应用架构设计(2分)
设计智慧城市App,利用移动开发工具(Android Studio/Xcode)创建SmartCity项目或HbuilderX打开项目,项目App显示智慧城市名称,实现项目的基本框架设计,并封装App与服务器通讯模块。
(二)任务2:引导页面实现(4分)
当第一次打开智慧城市App时,首先显示引导页。通过引导页提前告知用户产品功能、特点等信息,极大地提高用户体验。再次进入App将不显示引导页面。
任务说明:
1.利用U盘中提供的5张引导页面图片,设计引导页面。
2.引导页面下方显示5个小圆圈标识,提示用户当前引导页面位置。
3.进入最后引导页。
(1)显示“网络设置”按钮,点击弹出服务器IP地址(如192.168.1.10)和端口(如8080)设置对话框,并实现服务器IP地址和端口的保存和修改功能。
(2)显示“进入主页”按钮,点击进入主页面。
(三)任务3:应用主页面实现(4分)
进入App主页面(主页),彰显智慧城市风采,打造智慧型服务大厅,科技赋能,创新智能,打造视、听、触体验俱佳的业务服务大厅,同时供应多种智慧城市解决方案。
任务说明:
1.主页显示搜索输入框,输入搜索内容后,点击软键盘“搜索”按钮,跳转至搜索结果相关新闻资讯列表页面。
2.显示轮播图,点击轮播图跳转至对应页面。
注:轮播图资源通过服务器API接口获取。
3.显示智慧城市各领域应用服务入口,以图标和名称为单元宫格方式显示,手机端每行显示5个,按照优先级从高到低排序(数值越大优先级越高),共两行,第2行最后一个显示“更多服务”,点击“更多服务”进入全部服务页面。每个领域应用入口布局显示为圆形图标+名称布局,点击图标可进入对应的领域应用页面。
4.显示热门主题模块,手机端每行显示2个热门主题(Pad端每行显示4个),每个主题入口布局为圆角(20dp)矩形图标,图标下为标题名称,多出的标题名称字用省略号显示,点击“热门主题”进入对应的主题页面。
5.显示新闻专栏,上方标签页方式显示新闻类别,下方显示新闻列表,列表项包括图片、新闻标题、新闻内容缩写(多出的字用省略号显示)、评论总数、发布时间等信息。
6.显示底部导航栏,采用图标加文字方式显示,图标在上,文字在下,共五个图标分别为首页、全部服务、精准扶贫、新闻、个人中心,点击标签进入对应页面,并颜色标记当前页面所在导航栏。
注:主页数据详见API接口文档。
(四)任务4:停哪儿功能实现(5分)
在智慧城市App主页面上的各领域应用服务入口,点击“停车场”图标信息,进入停车场页面。
任务说明:
(1)停车场页面显示所有停车场,距离最近的优先显示,标签栏显示本页面标题,点击返回图标可返回到上一页,点击“列表”图标可查看历史停车记录。
(2)停车场页面内容显示停车场基本信息,基本信息包括停车场名、空位数量、地址、收费价格、距离点击可进入到详情页面,点击“查看更多”按钮可查看更多的停车场信息,默认显示5-6条数据。
(3)进入停车场详情页面后,点击返回图标可返回到上一页,顶部标签栏显示本页面标题。显示停车详细信息,页面内容包括: 停车场名称、地址、距离、是否对外开放,如不对外开放或对外开放、车位信息,如停车费3元/小时,剩余车位、收费参考如每小时3元,最高40元/天。
(4)进入停车记录页面,显示所有停车记录,点击返回图标可返回到上一页,顶部标签栏显示停车记录标题。输入入场时间或出场时间点击查询图标,可查询输入时间段之间的所有停车记录。停车记录内容包括车牌号、收费金额、入场时间、出场时间、停车场名称。点击“查看更多”按钮可查看更多停车记录,默认显示5-6条停车记录。
注:数据详见API接口文档。
(五)任务5:个人中心功能实现(5分)
在智慧城市App主页面底部导航栏中,点击“个人中心”图标信息,进入用户个人中心页面。
任务说明:
1.首先进入个人中心页面,个人中心页面显示用户头像、账户、个人信息页面入口、订单列表页面入口、修改密码页面入口、意见反馈页面入口,点击退出按钮可退出登录。
2.点击个人信息跳转至个人信息页面,标签栏显示本页面标题,点击返回图标可返回到上一页,点击修改可保存修改的信息,可修改内容为:头像、昵称、性别、联系电话,注:手机号码后四位使用*号代替。
3.点击修改密码可进入修改密码页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入原密码与新密码,点击确定按钮可保存修改的信息。
4.点击订单列表可跳转到订单页面,标签栏显示本页面标题,点击返回图标可返回到上一页,页面内容展示所有订单、订单分类数据信息,订单显示信息有:订单号、订单类型、订单生成日期。点击订单可跳转至对应功能模块生成订单的详情页面。
5.点击意见反馈可跳转至意见反馈页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入反馈的内容,字数限制在150字以内,点击提交可提交反馈的意见。
注:数据详见API接口文档。
(六)任务6:数字图书馆功能实现(6分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“数字图书馆”图标信息,进入数字图书馆页面。
任务说明:
1.进入数字图书馆主页面,页面显示返回上一页按钮、标题、图书馆列表。图书馆列表,列表项信息包括图书馆名称、图书馆具体地址、营业时间和营业状态,营业中的图书馆将优先展示。点击列表项,进入图书馆详情。
2.进入图书馆详情页面,页面包括图书馆位置图片和图书馆信息。页面上方固定显示图书馆的位置图片,图片可缩放。图书馆信息包括图书馆名称、图书馆具体地址、图书馆介绍、营业时间、营业状态和评论按钮。点击评论按钮,进入到评论页面。
3.进入评论页面,页面包括评论列表,写评论文本框,发表按钮。评论列表项信息包括评论人名称、评论内容、点赞数,“点赞”按钮,点击“点赞”按钮可以进行点赞。点赞数高的优先展示。点击发表按钮发送已填写的评论,并在评论列表中显示。
注:数据详见API接口文档。
(七)任务7:青年驿站功能实现(6分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“青年驿站”图标信息,进入青年驿站页面。
任务说明:
1.进入青年驿站页面,页面左上角显示返回上一页按钮。
(1)上部展示一张青年驿站照片,在该图片下方对青年驿站做简单的文字概述。
(2)中部显示3列宫格,分别为各区标志性建筑,点击方格进入后为该区人才政策页。
(3)下部为青年驿站列表。列表项第一行左侧方形该青年驿站正方形照片,右侧为青年驿站名称。青年驿站名称下方要显示剩余床位数,分男女两项。床位数下方显示该驿站所在详细地址,单行过长要折行。点击第一行进入该驿站详情页。第二行为可以上下收缩的站点介绍,点击前显示站点介绍按钮,点击后向下展示该驿站详情,再次点击收缩。
2.进入驿站详情页页面,页面左上角显示返回上一页按钮。
(1)顶端展示7张该驿站轮播照片,下方为该驿站地址,地址过长需换行,地址下面显示该驿站联系电话和提示办理入住时间段,入住时间下方显示男女显示剩余床位数。
(2)下部为驿站详细介绍,文本分为4部分:驿站简介、房间配置、周边配套和特色服务。
3.从各区人才政策导航宫格按钮进入人才页,页面左上角显示返回上一页按钮。
(1)区人才政策页上方为该区标志性建筑图片,图片下方为该区简介,简介下方为该区人才政策文件列表,按发布时间顺序从新到旧,每条分为两行,一行标题,一行日期。
(2)政策列表条目点击进入后为内容页,信息包括标题、日期、内容和发布者。
注:接口数据详见API接口文档。
(八)任务8:精准扶贫板块实现(18分)
在智慧城市App主页面上,点击底部导航栏“精准扶贫”,进入精准扶贫页面。
任务说明:
随着工作生活信息化、网络化、数据化持续加深,消除贫困是社会主义制度的本质要求,是贯彻落实群众路线的生动体现,更是推进经济跨越发展、全面建设小康社会。我国是世界上人口最多的发展中国家,农村经济不平衡现象突出。特别是农村贫困人口多,给扶贫工作造成很大的困扰。
促进社会和谐稳定的迫切需要。深入推进扶贫工作事关党的执政基础,事关国家的长治久安,现实意义十分重大。
通过精准扶贫系统建设,主要解决帮扶人员与贫困户缺少互动沟通平台,扶贫信息难以精准推送,帮扶工作考核难建设目标。主要包括以下功能模块。
1.新闻:首页幻灯片轮播图显示,扶贫的最新资讯新闻。
2.扶贫案例:包括扶贫案例展示,点赞等。
3.村情村貌:包括扶贫对象的村子情况,村子环境等。
4.收到求助:可查看收到的扶贫求助信息。
5.入户走访:深入基层,了解生活状况,为扶贫方案提供基本信息。
6.案例发布:发布优秀的扶贫案例以及可查看自己发布的扶贫案例。
根据上述说明,自行设计功能页面,无API接口,素材可参阅竞赛管理平台右侧资源下载区。
三、成果物提交
本模块竞赛结束前,将“成果物.rar”提交到成果物管理平台(http://ip:port/)上,如利用Android平台开发,压缩包内包括:SmartCity.apk;如利用iOS平台开发,压缩包内包括:SmartCity工程文件夹。
Android:在裁判计算机上,下载项目发布文件SmartCity.apk,安装到模拟器或真机上进行评判。
iOS平台:在裁判计算机上,下载项目代码SmartCity.rar,编译运行到iPhone11模拟器上进行评判。
注:根据二次加密分配的账号登录成果物管理平台。
模块D:测试与交付
一、竞赛任务
此模块竞赛时间为3小时,分数为18分。
(一)待测系统描述
图1 智慧城市系统架构
随着第五代移动通信技术(5G)高速发展,推动新一代信息技术与各个行业的融合发展,“智慧城市”这一概念随着城市化进程的快速发展应运而生。
智慧城市是指利用新一代信息技术,以整合、系统的方式管理城市运行体系,让城市中各个功能彼此协调运作,为城市中的企业提供优质的发展空间,为市民提供更高的生活品质,让城市成为适合人全面发展的城市,涵盖了智慧服务、智慧养老、智慧党建、智慧环保、智慧社区、精准扶贫、时代楷模等数十个场景。
(二)待测应用安装
1.从平台——模块D:测试与交付——资源下载——智慧城市.apk文件开发计算机中。
2.运行开发机中的Android模拟器,将apk文件安装到模拟器或真机中,启动App,配置服务器的IP和端口,准备运行测试。
(三)基本要求
使用平台——模块D:测试与交付——资源下载目录中的资源进行操作和设计。
二、任务要求
本模块主要考查产品测试以及交付工作,考查测试用例设计编写能力,考生需了解被测系统的功能设计,掌握测试流程和测试规范,具备撰写操作文档的综合能力。以下为每个任务的具体说明,考生请按照要求,逐一完成任务并结合成果提交的模板要求,提交成果物。
(一)任务1:编写并执行测试用例(6分)
基于指定功能模块,按照表1要求完成。
表1 功能模块说明
序号 功能模块 说明
1 引导页 本功能模块编写至少4个测试用例。
2 主页面 本功能模块编写至少6个测试用例。
3 个人中心 本功能模块编写至少10个测试用例。
4 全部服务 本功能模块编写至少3个测试用例。
5 新闻 本功能模块编写至少2个测试用例。
6 地铁查询 本功能模块编写至少4个测试用例。
7 停车场 本功能模块编写至少5个测试用例。
8 定制班车 本功能模块编写至少5个测试用例。
9 违章查询 本功能模块编写至少5个测试用例。
10 生活缴费 本功能模块编写至少5个测试用例。
11 门诊预约 本功能模块编写至少5个测试用例。
测试用例样例见表2(具体详见平台——模块D:测试与交付——测试用例模板.xlsx):
表2 测试用例样例
系统 模块 用例 编号 用例 描述 前置条件 操作步骤 预期 结果 测试结果
1.登录验证 1.1.1 新增用户动作 系统用户已经登录系统,点击新增,已经跳转到新增页面 输入正确用户基本信息,并点击确定 点击确定保存成功 测试通过
(二)任务2:缺陷分析(6分)
针对本次被测系统进行全范围测查找出至少10个Bug,根据找出的Bug进行缺陷分析。
缺陷表格样例见表3(具体详见平台——模块D:测试与交付——缺陷分析报告模板.docx):
表3 缺陷表格样例
缺陷编号 001
缺陷简要描述 点击紧急调度功能,查看选择在线医生在线查房功能,无法分配医生。
缺陷重现步骤 1.用户成功登录系统; 2.点击紧急调度功能; 3.查看选择在线医生在线查房功能,无法分配医生。
缺陷验证程度 严重 等级分:(致命、严重、一般、提示)
涉及功能模块 登录校验
缺陷分析原因 已经达到最大分配最大额度查房数量,无法分配该医生进行查房。
(三)任务3:撰写产品操作手册(6分)
编写手册的重要指导原则包括:
(1)语言通俗易懂,手册中应当使用大众化的语言,便于使用者理解;
(2)对关键词语加以解释,在手册中出现特定的概念或是可能引起歧义的词语应当加以解释,减少误解;
(3)说明尽量详细,在对产品功能、使用方法进行介绍时,应尽量详细并通俗易懂;
(4)图文并茂,对于软件产品的关键对话框、显示结果,应当附加对应的图片,以增加可视性,方便用户理解;
(5)提示相关内容,在手册中提及本手册中含有的其他内容时,应指出被提及的内容在手册中的位置,便于用户查阅。
在模拟器或真机中运行待测App,对App功能进行梳理分析,利用平台——产品操作手册模板.docx文件设计产品操作手册,具体规范如下描述:
第一部分:编写待测App的产品定位中心叙述(的总体介绍及特点),以及罗列出核心功能点名称,与运行待测App的基础环境(软硬件环境)。
第二部分:编写软件产品的安装方法以及各种软硬件环境的设置方法。对于可能会出现的问题,如软硬件冲突,给出解决方法。
第三部分:编写上述功能点的指导说明,准确叙述用户操作行为,将功能变为具体化、形象化、更真切,以便于读者理解具体内容,加强说服力。即通过一些例子,介绍完成这些任务的操作方法和过程。
第四部分:编写需要指出使用待测App的常规注意事项,进行说明,提示用户规避使用不规范等操作。对用户使用容易发生的问题或是用户常见的错误给出解决方法。
三、成果物提交
本模块竞赛结束前,将“成果物.rar”文件提交到成果物管理平台(http://ip:port/)上,压缩包内包括:测试用例.xlsx、缺陷分析报告.docx和产品操作手册.docx三个文件。
注:根据二次加密分配的账号登录成果物管理平台。
第 20 页 / 共 36 页移动应用开发赛项竞赛试题
(05卷)
竞赛说明
一、竞赛安排
赛卷分模块A、模块B、模块C、模块D四个部分。
模块编号 模块名称 竞赛时间 分数 备注
A 需求分析 3小时 16分 第一天上午
B 初步设计 3小时 16分 第一天下午
C 功能模块开发 6小时 50分 第二天全天
D 测试与交付 3小时 18分 第三天上午
合计 100分
二、竞赛主题
本赛项面向产业主流技术,对接国际标准,旨在通过融合世界技能大赛的技术标准和规则要求,引领和促进教学改革,提升职业教育的国际化水平;通过完成一个完整的工作过程,使参赛选手、裁判、教师等相关人员,熟悉并掌握世界技能大赛的技术规范和技术标准,检验教学质量,达到“以赛促教”“以赛促学”“以赛促改”“以赛促建”的目的。
本赛项以智慧城市为背景,重点考查参赛选手在移动应用开发实际工程项目中的综合分析能力、架构设计能力、编码能力、文档编写能力、数据分析能力、创意创新能力、产品测试和交付能力;展现移动应用开发专业学生技能与风采,使教师和学生更全面的了解岗位需求,提升移动应用开发专业人才培养质量和就业质量。同时培养选手的沟通与交流能力、抗压能力、6S规范等职业素质;激发学生的求知欲和教师的爱岗敬业的工匠精神,带动广大青年学生钻研技术、苦练技能、走技能成才之路。
三、成果物管理平台
移动应用开发赛项提供的成果管理平台,选手根据分配的账号登录系统,把A、B、C、D四个模块的任务要求提交对应的成果物,裁判基于平台下载对应选手竞赛成果物,进行评判。
1.用户登录
图1 成果物管理平台登录界面
输入预先发放给参赛选手的账号和密码登录成果物管理平台,登录界面见图1,每个模块比赛结束后系统进入锁定状态,选手无法登录。
2.模块成果物上传
图2 成果物管理平台后台管理界面
参赛选手在比赛结束前可以自愿修改重新上传成果物,比赛结束后系统自动锁定。参赛选手成果物提交情况将实时同步比赛现场大屏幕。
四、竞赛注意事项
提交的文档、原型、代码、App等资源内容中不能填写与选手相关的信息,如赛位号、姓名和院校。如出现上述标记,本模块成绩按照零分处理。
模块A:需求分析
一、竞赛任务
此模块竞赛时间为3小时,分数为16分。
(一)竞赛主题描述
图1 智慧城市系统架构
本次竞赛任务,以需求分析为目标,以智慧城市为背景,通过限选主题和固定主题(便民服务)结合的形式,对需求进行理解、分析,并最终以提供的需求分析说明书为模板,编写一份完整的需求规格说明书。
编写需求规格说明书是为了详细呈现智慧城市移动App产品需求和系统的功能描述,以进一步定制移动App开发的细节问题,便于与项目开发协调工作,希望能使本软件开发工作更明确、更具体。
(二)功能概述
本次竞赛分为两部分任务:
第一个任务,按照选定的一个主题方向,进行需求的自定义梳理与规划,依据给定的需求规格说明书(模板),进行需求规格的逐一描述,编制对应业务流程图/活动图、原型草图、用例图、类图、时序图和对应模块概要设计。
第二个任务,依据给定便民服务主题的需求说明,进行需求分析设计,结合功能需求编制对应业务流程图/活动图、原型草图、类图、时序图和对应模块概要设计。
(三)基本要求
使用平台——模块A:需求分析——资源下载——《需求规格说明书(模板)》进行需求分析文档编制。
二、任务:限选主题分析设计(4分)
(一)主题背景
“智慧社区”是面向居家老人、社区及养老机构提供实时、快捷、高效、低成本智能化的养老服务平台。
随着经济的发展,人民的生活水平得到普遍提高,随之而来的是我国的老龄化程度越来越高,人们已经普遍意识到老龄化问题将会带来的问题。整个社会在趋向于“衰老型”发展,人口老龄化的问题日益严重,空巢老人的现象也日益加剧。呈现出老年人口基数大、增速快、高龄化、失能化、空巢化趋势明显的态势,再加上我国未富先老的国情和家庭小型化的结构叠加在一起,养老问题异常严峻。智慧社区平台主要围绕着利用先进的信息技术手段实现“以入住老人为中心,规范养老服务,强化养老管理”,同时,针对老年人心理生理特点,以信息化技术为核心,采用先进的计算机技术、通信技术、无线传输技术、控制技术,为老人提供一个安全、便捷、高效、舒适的养老综合服务。
1.养老机构查询,养老机构推荐,养老机构评价。
2.健康评估,提交个人健康相关资料,包括身体基本状况,精神状态(正常、痴呆、抑郁、暴力),活动能力(正常,拄拐、轮椅、卧床),生活自理能力(饮食、洗澡、穿衣、修饰),评估需要配置哪些配套服务,计算出服务费用。
3.预约养老院,通过智慧社区平台,查询养老院的基础配套的设施设备以及服务体系,选择合适的养老院,在线预约预定。
4.现场办理完入住手续后,通过平台监测到老人入住的房间环境信息,如温湿度、二氧化碳浓度、PM2.5等环境数据;同时可以监测到老人健康状况,如心率、血压、体温、运动量、户外活动时间、体重等信息。
5.查询医护人员现场服务巡检记录,老人的餐饮服务记录,服务人员评价。
6.通过集中监测,观察其他入住老人的入住情况和身体概况。如入住率,老人的年龄分布,平均运动量,平均户外活动时间等。
(二)任务要求
1.基于智慧城市系统架构,以智慧社区为背景,规划整理智慧社区App需求,设计App功能架构体系图,并做说明。
2.在功能架构体系中至少规划设计6个功能,并编制每个功能模块对应业务流程图/活动图、原型草图、用例图、类图、时序图和对应模块概要设计。
三、任务:固定主题分析设计(12分)
(一)主题背景
智慧城市是一个比较大的系统工程,涉及领域众多,但在终极目标上简单明确,那就是服务民众,让民众的城市生活更美好。在便民惠民服务中,可以看到医疗、教育、金融、交通等领域成为热门。
搭建智慧城市的便民服务平台不仅要利用最先进的互联网线上手段,做好线上渠道,还要利用好传统的线下渠道,实现多渠道、广覆盖。如今提到一站式的服务平台,首先想到的就是各种移动客户端,利用线上线下更好的服务大众。便民服务平台作为智慧城市在产品层面的一个重要体现,成为一个大众参与的产品是其发展趋势和出路。
(二)任务要求
基于给定便民服务的停哪儿、个人中心等5个功能需求描述,撰写流程图/活动图、用例图、类图、时序图等概要设计。
任务1:主页面功能模块描述(2分)
智慧城市App启动后,进入主页面。
任务说明:
1.主页显示搜索输入框,输入搜索内容后,点击软键盘“搜索”按钮,跳转至搜索结果相关新闻资讯列表页面。
2.显示轮播图,点击轮播图跳转至对应页面。
3.显示智慧城市各领域推荐应用服务入口,以图标和名称为单元宫格方式显示,手机端每行显示5个,按照优先级从高到低排序(数值越大优先级越高),共两行,第2行最后一个显示“更多服务”,点击“更多服务”进入对应页面。每个领域应用入口布局显示为圆形图标,图标下为名称,点击图标可进入对应的领域应用页面。
4.显示热门主题模块,手机端每行显示2个热门主题,每个主题入口布局为圆角(20dp)矩形图标,图标下为标题名称,多出的标题名称用省略号显示,点击“热门主题”进入到对应的主题页面。
5.显示新闻专栏,上方标签页方式显示新闻类别,下方显示新闻列表,列表项包括图片、新闻标题、新闻内容缩写(多出的字用省略号显示),评论总数,发布时间等信息。
6.显示底部导航栏,采用图标加文字方式显示,图标在上,文字在下,共四个图标分别为首页、全部服务、新闻、个人中心,点击标签进入对应页面,并颜色标记当前页面所在导航栏。
任务2:停哪儿功能模块描述(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“停车场”图标信息,进入停车场页面。
任务说明:
1.停车场页面显示所有停车场,距离最近的优先显示,标签栏显示本页面标题,点击返回图标可返回到上一页,点击“列表”图标可查看历史停车记录。
2.停车场页面内容显示停车场基本信息,基本信息包括停车场名、空位数量、地址、收费价格、距离点击可进入到详情页面,点击“查看更多”按钮可查看更多的停车场信息,默认显示5-6条数据。
3.进入停车场详情页面后,点击返回图标可返回到上一页,顶部标签栏显示本页面标题。显示停车详细信息,页面内容包括:停车场名称、地址、距离、是否对外开放,如不对外开放或对外开放、车位信息,如停车费3元/小时,剩余车位、收费参考如每小时3元,最高40元/天。
4.进入停车记录页面,显示所有停车记录,点击返回图标可返回到上一页,顶部标签栏显示停车记录标题。输入入场时间或出场时间点击查询图标,可查询输入时间段之间的所有停车记录。停车记录内容包括车牌号、收费金额、入场时间、出场时间、停车场名称。点击“查看更多”按钮可查看更多停车记录,默认显示5-6条停车记录。
任务3:个人中心功能模块描述(2分)
在智慧城市App中,点击底部导航“个人中心”图标信息,进入个人中心页面。
任务说明:
1.首先进入个人中心页面,个人中心页面显示用户头像、账户、个人信息页面入口、订单列表页面入口、修改密码页面入口、意见反馈页面入口,点击“退出”按钮可退出登录。
2.点击个人信息跳转至个人信息页面,标签栏显示本页面标题,点击返回图标可返回到上一页,点击修改可保存修改的信息,可修改内容为:头像、昵称、性别、联系电话。
3.点击修改密码可进入修改密码页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入原密码与新密码,点击“确定”按钮可保存修改的信息。
4.点击订单列表可跳转到订单页面,标签栏显示本页面标题,点击返回图标可返回到上一页,页面内容展示所有订单、订单分类数据信息,订单显示信息有:订单号、订单类型、订单生成日期。点击订单可跳转至对应功能模块生成订单的详情页面。
5.点击意见反馈可跳转至意见反馈页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入反馈的内容,字数限制在150字以内,点击提交可提交反馈的意见。
任务4:爱心捐赠功能模块描述(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“爱心捐赠”图标信息,进入爱心捐赠页面。
任务说明:
1.进入爱心公益主页面,页面显示返回上一页按钮,搜索输入框、广告轮播图、捐赠次数和实时捐赠列表、公益分类、推荐公益列表。
(1)搜索输入框:输入搜索内容后,点击软键盘“搜索”按钮,跳转至搜索结果公益列表页面,列表内容包括公益类别、公益名称、发布人、已筹善款、项目时间和参与人数。
(2)广告轮播图:每间隔3秒切换广告图。
(3)公益分类:以图标和名称为单元格方式显示,手机端显示4个,共两行,每个类目入口布局显示为圆形图标和名称,点击图标可以进入对应公益分类列表页面。
(4)推荐公益列表项:公益分类图标下面显示推荐公益,类别名称下方显示公益图片、公益项目名称、发布组织、捐赠人数和已筹善款。
2.公益列表页面,点击首页图标或推荐公益进入公益列表页面,列表项包括搜索框、项目类型、公益类别、公益内容、发布人、已筹善款、项目时间、参捐人数。下方显示“我要捐助”按钮,点击按钮即可捐款。公益列表底部显示分页,点击分页可以跳转列表页面。
3.公益详情页,该页面上方展示公益详情,包括信息项:项目图片、项目名称、已募善款、筹款目标、项目备案号、参与人数、捐款进度、项目时间。下方展示项目介绍详细信息,包括文章和对应图片,右侧滚动显示捐助记录。页面底部显示项目预算清单,展示该项目各笔捐款数额去向与使用细则。
任务4:律师咨询主页功能模块描述(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“律师咨询”图标信息,进入律师咨询页面。
任务说明:
1.进入律师咨询主页面,页面显示返回上一页按钮、搜索输入框、广告轮播图、法律专长、我的咨询图片和本月上榜优选律师。
(1)搜索输入框:输入搜索内容后,点击软键盘“搜索”按钮,跳转至搜索结果律师列表页面,列表内容包括头像、名称、从业年限、咨询人数、法律专长、好评率和咨询按钮,点击咨询按钮,跳转至律师详情页。
(2)广告轮播图:每隔3秒自动切换广告图。
(3)法律专长:以图标和名称为单元宫格方式显示,手机端每行显示4个,按照优先级由高到低排序,共两行,左右滑动可切换显示类目。每个类目入口布局显示为圆形图标和名称布局,点击图标,进入法律专长列表页。
(4)我的咨询:显示我的咨询图片。
(5)本月上榜优选律师:显示当月好评率最高的10位律师列表和查看更多,列表内容包括律师头像、名称、从业年限、咨询人数、法律专长、好评率和咨询按钮,点击咨询按钮,跳转至律师详情页;点击查看更多跳转至律师列表页。
2.法律专长列表页,页面显示所有类目,以图标和名称为单元宫格方式显示,手机端每行显示4个,按照优先级由高到低排序,每个类目入口布局显示为圆形图标和名称布局,点击图标可进入对应的律师列表页面。
3.律师列表页,上部显示排序方式和筛选,排序方式包括默认排序、从业年限、服务人数和好评率,点击后改变列表排序方式,点击筛选,弹出全部法律专长列表,以图标和名称为单元宫格方式显示,手机端每行显示4个,按照优先级由高到低排序,点击图标,选定法律专长,并隐藏法律专长列表;下方显示律师列表,列表内容包括头像、名称、从业年限、咨询人数、法律专长、好评率和咨询按钮,点击咨询按钮,跳转至律师详情页。
4.律师详情页,上部显示头像、名称、法律专长、咨询人数和服务次数;下部显示两个tab页,分别是服务方式和用户评价,点击服务方式,展示律师基本信息、律师个人简介和律师证展示照片,律师基本信息包括教育背景、从业年限和执业证号;点击用户评价,展示评价列表,内容包括用户头像、昵称、评价时间、评价内容、点赞按钮和点赞数量,点击点赞按钮切换点赞状态;底部显示免费咨询按钮。
任务5:律师咨询功能模块描述(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“律师咨询”图标信息,进入律师咨询页面。
任务说明:
1.在律师咨询主页面,点击我的咨询图片,跳转至咨询列表页。页面上部显示受理状态筛选条件,可以筛选列表,下部显示咨询列表,列表内容包括律师信息、受理状态和提交时间;律师信息包括头像、名称、法律专长,点击咨询项,跳转到咨询详情页。
2.咨询详情页,上部显示律师信息,包括头像、名称、从业年限、咨询人数、法律专长和好评率;下部显示问题信息。内容包括:受理状态、问题类型、问题描述、上传的图片和联系电话;如果咨询已完结,则底部显示评价按钮,点击评价按钮页面跳转至服务评价页。
3.服务评价页,显示评分选项、评价本文框和提交评价按钮,评分最多可选5颗星,最少可选1颗星,点击评价按钮完成评价。
4.在律师详情页面中,点击免费咨询按钮,跳转至咨询页;上部显示律师信息,包括头像、名称、从业年限、咨询人数、法律专长和好评率;下部显示问题填写信息,内容包括:问题类型、问题描述、上传的图片和联系电话;点击请选择问题类型,弹出全部法律专长列表,以名称为单元宫格方式显示,手机端每行显示4个,按照优先级由高到低排序,点击名称,选定法律专长,并隐藏法律专长列表;底部显示提交按钮,点击提交按钮,完成问题提交,跳转至上一页。
任务6:爱心公益功能模块描述(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“爱心公益”图标信息,进入爱心公益页面。
任务说明:
1.进入爱心公益主页面,页面显示返回上一页按钮,搜索输入框、广告轮播图、捐赠次数和实时捐赠列表、公益分类、推荐公益列表。
(1)搜索输入框:输入搜索内容后,点击软键盘“搜索”按钮,跳转至搜索结果公益列表页面,列表内容包括公益类别、公益名称、发布人、已筹善款、项目时间和参与人数。
(2)广告轮播图:每间隔3秒切换广告图。
(3)公益分类:以图标和名称为单元格方式显示,手机端显示4个,共两行,每个类目入口布局显示为圆形图标和名称,点击图标可以进入对应公益分类列表页面。
(4)推荐公益列表项:公益分类图标下面显示推荐公益,类别名称下方显示公益图片、公益项目名称、发布组织、捐赠人数和已筹善款。
2.公益列表页面,点击首页图标或推荐公益进入公益列表页面,列表项包括搜索框、项目类型、公益类别、公益内容、发布人、已筹善款、项目时间、参捐人数。下方显示“我要捐助”按钮,点击按钮即可捐款。公益列表底部显示分页,点击分页可以跳转列表页面。
3.公益详情页,该页面上方展示公益详情,包括信息项:项目图片、项目名称、已募善款、筹款目标、项目备案号、参与人数、捐款进度、项目时间。下方展示项目介绍详细信息,包括文章和对应图片,右侧滚动显示捐助记录。页面底部显示项目预算清单,展示该项目各笔捐款数额去向与使用细则。
四、成果物提交
本模块竞赛结束前,将“需求规格说明书.docx”提交到成果物管理平台(http://ip:port/)。
需求规格说明书(模板)文件内容中不能撰写与选手相关的信息,如赛位号、姓名和院校等。如出现上述信息标记,本模块记零分。
注:根据二次加密分配的账号登录成果物管理平台。
模块B:初步设计
一、竞赛任务
此模块竞赛时间为3小时,分数为16分。
(一)竞赛主题
随着第五代移动通信技术(5G)高速发展,推动新一代信息技术与各个行业的融合发展,“智慧城市”这一概念随着城市化进程的快速发展应运而生。
智慧城市是指利用新一代信息技术,以整合、系统的方式管理城市运行体系,让城市中各个功能彼此协调运作,为城市中的企业提供优质的发展空间,为市民提供更高的生活品质,让城市成为适合人全面发展的城市,涵盖了智慧服务、智慧养老、智慧党建、智慧环保、智慧社区、精准扶贫、时代楷模等数十个场景。
图1 智慧城市系统架构
(二)基本要求
1.使用Adobe XD或者Sketch软件,参照模块功能要求,进行该功能模块的页面原型设计,制作页面原型参阅iOS、谷歌的Material Design设计规范。
2.画板尺寸为750px×1334px,状态栏高度40px,标题栏高度为88px,标签栏高度为98px。
3.原型绘制画板大小尺寸及各部分内容区尺寸参考。
图2 尺寸参考图
4.当内容超出高度区域时,设置滚动区域来显示内容。
5.画板要对齐,界面版式布局合理、美观,内容完整;同样功能请复用样式,避免一种功能、两种样式的情况。
6.原型要有交互设计内容,用户体验良好。检查存在的漏洞,防止出现异常流程和内容状态。
7.页面所需数据,详见API接口文档,利用Postman工具获取。API接口文档和部分素材详见平台——模块B:初步设计——资源下载——01设计素材。
二、任务:限选主题功能初步设计(4分)
(一)主题背景
“智慧社区”是面向居家老人、社区及养老机构提供实时、快捷、高效、低成本智能化的养老服务平台。
随着经济的发展,人民的生活水平得到普遍提高,随之而来的是我国的老龄化程度越来越高,人们已经普遍意识到老龄化问题将会带来的问题。整个社会在趋向于“衰老型”发展,人口老龄化的问题日益严重,空巢老人的现象也日益加剧。呈现出老年人口基数大、增速快、高龄化、失能化、空巢化趋势明显的态势,再加上我国未富先老的国情和家庭小型化的结构叠加在一起,养老问题异常严峻。智慧社区平台主要围绕着利用先进的信息技术手段实现“以入住老人为中心,规范养老服务,强化养老管理”,同时,针对老年人心理生理特点,以信息化技术为核心,采用先进的计算机技术、通信技术、无线传输技术、控制技术,为老人提供一个安全、便捷、高效、舒适的养老综合服务。
1.养老机构查询,养老机构推荐,养老机构评价。
2.健康评估,提交个人健康相关资料,包括身体基本状况,精神状态(正常、痴呆、抑郁、暴力),活动能力(正常,拄拐、轮椅、卧床),生活自理能力(饮食、洗澡、穿衣、修饰),评估需要配置哪些配套服务,计算出服务费用。
3.预约养老院,通过智慧社区平台,查询养老院的基础配套的设施设备以及服务体系,选择合适的养老院,在线预约预定。
4.现场办理完入住手续后,通过平台监测到老人入住的房间环境信息,如温湿度、二氧化碳浓度、PM2.5等环境数据;同时可以监测到老人健康状况,如心率、血压、体温、运动量、户外活动时间、体重等信息。
5.查询医护人员现场服务巡检记录,老人的餐饮服务记录,服务人员评价。
6.通过集中监测,观察其他入住老人的入住情况和身体概况。如入住率,老人的年龄分布,平均运动量,平均户外活动时间等。
(二)任务要求
1.基于智慧城市系统架构,以智慧社区为背景,规划整理智慧社区App需求,在功能架构体系中至少规划设计6个功能,并自主绘制智慧社区App初步设计原型。
2.利用Adobe XD或者Sketch软件,新建“初步设计_限选主题.xd”文件,绘制智慧社区App页面原型,每个功能至少一个画板。
3.画板之间具有交互功能体现。
4.页面设计美观大方,符合人体工学操作逻辑。
三、任务:固定主题功能初步设计(12分)
(一)任务要求
1.基于智慧城市系统中的便民服务功能需求描述,设计智慧服务App进行初步设计。
2.利用Adobe XD/Sketch软件,新建“初步设计_固定主题.xd”文件,绘制便民服务给定的功能页面原型,每个功能至少一个画板。
3.画板之间具有交互功能体现。
4.页面设计美观大方,符合人体工学操作逻辑。
(二)任务说明
任务1:绘制“主页面”模块界面原型(2分)
进入App主页面(主页),彰显智慧城市风采,打造智慧型服务大厅,科技赋能,创新智能,打造视、听、触体验俱佳的业务服务大厅,同时提供多种智慧城市解决方案。
任务说明:
1.主页显示搜索输入框,输入搜索内容后,点击软键盘“搜索”按钮,跳转至搜索结果相关新闻资讯列表页面。
2.显示轮播图,点击轮播图跳转至对应页面。
注:轮播图资源通过服务器API接口获取。
3.显示智慧城市各领域应用服务入口,以图标和名称为单元宫格方式显示,手机端每行显示5个,共两行,第2行最后一个显示“更多服务”,点击“更多服务”进入对应页面。每个领域应用入口布局显示为圆形图标,图标下为名称,点击图标可进入对应的领域应用页面。
4.显示热门主题模块,手机端每行显示2个热门主题,每个主题入口布局为圆角(20dp)矩形图标,图标下为标题名称,多出的标题名称字用省略号显示,点击“热门主题”进入到对应的主题页面。
5.显示新闻专栏,上方标签页方式显示新闻类别,下方显示新闻列表,列表项包括图片、新闻标题、新闻内容缩写(多出的字用省略号显示)、评论总数、发布时间等信息。
6.显示底部导航栏,采用图标加文字方式显示,图标在上,文字在下,共四个图标分别为首页、全部服务、新闻、个人中心,点击标签进入对应页面,并颜色标记当前页面所在导航栏。
任务2:绘制“个人中心”模块界面原型(2分)
在智慧城市App中,点击底部导航“个人中心”图标信息,进入个人中心页面。
任务说明:
1.在App主页面底部导航栏中,点击“个人中心”图标信息,进入用户个人中心页面。
2.首先进入个人中心页面,个人中心页面显示用户头像、账户、个人信息页面入口、订单列表页面入口、修改密码页面入口、意见反馈页面入口,点击“退出”按钮可退出登录。
3.点击个人信息跳转至个人信息页面,标签栏显示本页面标题,点击返回图标可返回到上一页,点击修改可保存修改的信息,可修改内容为:头像、昵称、性别、联系电话。
4.点击修改密码可进入修改密码页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入原密码与新密码,点击“确定”按钮可保存修改的信息。
5.点击订单列表可跳转到订单页面,标签栏显示本页面标题,点击返回图标可返回到上一页,页面内容展示所有订单、订单分类数据信息,订单显示信息有:订单号、订单类型、订单生成日期。点击订单可跳转至对应功能模块生成订单的详情页面。
6.点击意见反馈可跳转至意见反馈页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入反馈的内容,字数限制在150字以内,点击提交可提交反馈的意见。
任务3:绘制“停哪儿”模块界面原型(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“停车场”图标信息,进入停车场页面。
任务说明:
1.停车场页面显示所有停车场,距离最近的优先显示,标签栏显示本页面标题,点击返回图标可返回到上一页,点击“列表”图标可查看历史停车记录。
2.停车场页面内容显示停车场基本信息,基本信息包括停车场名、空位数量、地址、收费价格、距离点击可进入到详情页面,点击“查看更多”按钮可查看更多的停车场信息,默认显示5-6条数据。
3.进入停车场详情页面后,点击返回图标可返回到上一页,顶部标签栏显示本页面标题。显示停车详细信息,页面内容包括:停车场名称、地址、距离、是否对外开放,如不对外开放或对外开放、车位信息,如停车费3元/小时,剩余车位、收费参考如每小时3元,最高40元/天。
4.进入停车记录页面,显示所有停车记录,点击返回图标可返回到上一页,顶部标签栏显示停车记录标题。输入入场时间或出场时间点击查询图标,可查询输入时间段之间的所有停车记录。停车记录内容包括车牌号、收费金额、入场时间、出场时间、停车场名称。点击“查看更多”按钮可查看更多停车记录,默认显示5-6条停车记录。
任务4:绘制“宠物医院”模块界面原型(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“宠物医院”图标信息,进入宠物医院页面。
任务说明:
1.进入宠物医院主页面,页面显示返回上一页按钮、宠物种类标题和种类、我的问诊标题和问诊列表、问诊案例标题和案例列表。
(1)宠物种类:包括狗、猫咪、小宠、水族、鸟、爬虫等种类;以宫格形式显示,每行5个,每个宫格内显示种类图标和种类名称,点击种类跳转至找医生页面。
(2)我的问诊列表:列表项显示医生头像、医生姓名和案例描述,点击列表项跳转至问诊详情页面。
(3)问诊案例列表:列表项显示医生头像、医生姓名和案例描述,点击案例跳转至案例详情页面。
2.找医生页面,页面显示医生列表,列表项左侧显示医生头像,右侧显示医生姓名、职称、执业编号、擅长描述和从业年限,点击列表项进入问诊页面。
3.问诊页面,页面显示医生头像、医生姓名、医生职称、执业编号、问题描述多文本输入框、图片和提交按钮,点击提交按钮时弹出提交结果提示,提交成功后跳转至主页面。
4.问诊详情页面,页面显示医生头像、医生姓名、医生职称、执业编号、咨询描述、图片、问答列表、追问输入框和发送按钮,输入问题并点击发送按钮可继续追问医生。
5.案例详情页面,页面显示医生头像、医生姓名、医生职称、执业编号、去提问按钮、咨询描述、图片和医生回复。点击去提问按钮跳转至问诊页面。
任务5:律师咨询主页功能模块描述(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“律师咨询”图标信息,进入律师咨询页面。
任务说明:
1.进入律师咨询主页面,页面显示返回上一页按钮、搜索输入框、广告轮播图、法律专长、我的咨询图片和本月上榜优选律师。
(1)搜索输入框:输入搜索内容后,点击软键盘“搜索”按钮,跳转至搜索结果律师列表页面,列表内容包括头像、名称、从业年限、咨询人数、法律专长、好评率和咨询按钮,点击咨询按钮,跳转至律师详情页。
(2)广告轮播图:每隔3秒自动切换广告图。
(3)法律专长:以图标和名称为单元宫格方式显示,手机端每行显示4个,按照优先级由高到低排序,共两行,左右滑动可切换显示类目。每个类目入口布局显示为圆形图标和名称布局,点击图标,进入法律专长列表页。
(4)我的咨询:显示我的咨询图片。
(5)本月上榜优选律师:显示当月好评率最高的10位律师列表和查看更多,列表内容包括律师头像、名称、从业年限、咨询人数、法律专长、好评率和咨询按钮,点击咨询按钮,跳转至律师详情页;点击查看更多跳转至律师列表页。
2.法律专长列表页,页面显示所有类目,以图标和名称为单元宫格方式显示,手机端每行显示4个,按照优先级由高到低排序,每个类目入口布局显示为圆形图标和名称布局,点击图标可进入对应的律师列表页面。
3.律师列表页,上部显示排序方式和筛选,排序方式包括默认排序、从业年限、服务人数和好评率,点击后改变列表排序方式,点击筛选,弹出全部法律专长列表,以图标和名称为单元宫格方式显示,手机端每行显示4个,按照优先级由高到低排序,点击图标,选定法律专长,并隐藏法律专长列表;下方显示律师列表,列表内容包括头像、名称、从业年限、咨询人数、法律专长、好评率和咨询按钮,点击咨询按钮,跳转至律师详情页。
4.律师详情页,上部显示头像、名称、法律专长、咨询人数和服务次数;下部显示两个tab页,分别是服务方式和用户评价,点击服务方式,展示律师基本信息、律师个人简介和律师证展示照片,律师基本信息包括教育背景、从业年限和执业证号;点击用户评价,展示评价列表,内容包括用户头像、昵称、评价时间、评价内容、点赞按钮和点赞数量,点击点赞按钮切换点赞状态;底部显示免费咨询按钮。
任务6:律师咨询功能模块描述(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“律师咨询”图标信息,进入律师咨询页面。
任务说明:
1.在律师咨询主页面,点击我的咨询图片,跳转至咨询列表页。页面上部显示受理状态筛选条件,可以筛选列表,下部显示咨询列表,列表内容包括律师信息、受理状态和提交时间;律师信息包括头像、名称、法律专长,点击咨询项,跳转到咨询详情页。
2.咨询详情页,上部显示律师信息,包括头像、名称、从业年限、咨询人数、法律专长和好评率;下部显示问题信息。内容包括:受理状态、问题类型、问题描述、上传的图片和联系电话;如果咨询已完结,则底部显示评价按钮,点击评价按钮页面跳转至服务评价页。
3.服务评价页,显示评分选项、评价本文框和提交评价按钮,评分最多可选5颗星,最少可选1颗星,点击评价按钮完成评价。
4.在律师详情页面中,点击免费咨询按钮,跳转至咨询页;上部显示律师信息,包括头像、名称、从业年限、咨询人数、法律专长和好评率;下部显示问题填写信息,内容包括:问题类型、问题描述、上传的图片和联系电话;点击请选择问题类型,弹出全部法律专长列表,以名称为单元宫格方式显示,手机端每行显示4个,按照优先级由高到低排序,点击名称,选定法律专长,并隐藏法律专长列表;底部显示提交按钮,点击提交按钮,完成问题提交,跳转至上一页。
四、成果物提交
本模块竞赛结束前,将“初步设计.rar”文件提交到成果物管理平台(http://ip:port/),压缩包内包括:初步设计_限选主题.xd和初步设计_固定主题.xd。
注:根据二次加密分配的账号登录成果物管理平台。
模块C:功能模块开发
一、竞赛任务
此模块竞赛时间为6小时,分数为50分。
(一)竞赛主题
随着第五代移动通信技术(5G)高速发展,推动新一代信息技术与各个行业的融合发展,“智慧城市”这一概念随着城市化进程的快速发展应运而生。
智慧城市是指利用新一代信息技术,以整合、系统的方式管理城市运行体系,让城市中各个功能彼此协调运作,为城市中的企业提供优质的发展空间,为市民提供更高的生活品质,让城市成为适合人全面发展的城市,涵盖了智慧服务、智慧养老、智慧党建、智慧环保、智慧社区、精准扶贫、时代楷模等数十个场景。
图1 智慧城市系统架构
(二)基本要求
App UI尺寸自动适配开发电脑中提供的模拟器UI(iOS适配iPhone11模拟器)以及提供的手持手机设备或模拟器UI。
竞赛结束前,选手将“模块C:功能模块开发”的成果物,其中包括Android项目发布文件(SmartCity.apk)或iOS项目代码(SmartCity.zip)提交到平台服务器。
Android:在裁判计算机上,下载项目发布文件SmartCity.apk,安装到模拟器或真机上进行评判。
iOS:在裁判计算机上,下载项目代码,Xcode打开编译运行到iPhone11模拟器上进行评判。
二、任务
(一)任务1:应用架构设计(2分)
设计智慧城市App,利用移动开发工具(Android Studio/Xcode)创建SmartCity项目或HbuilderX打开项目,项目App显示智慧城市名称,实现项目的基本框架设计,并封装App与服务器通讯模块。
(二)任务2:应用主页面实现(4分)
进入App主页面(主页),彰显智慧城市风采,打造智慧型服务大厅,科技赋能,创新智能,打造视、听、触体验俱佳的业务服务大厅,同时供应多种智慧城市解决方案。
任务说明:
1.主页显示搜索输入框,输入搜索内容后,点击软键盘“搜索”按钮,跳转至搜索结果相关新闻资讯列表页面。
2.显示轮播图,点击轮播图跳转至对应页面。
注:轮播图资源通过服务器API接口获取。
3.显示智慧城市各领域应用服务入口,以图标和名称为单元宫格方式显示,手机端每行显示5个,按照优先级从高到低排序(数值越大优先级越高),共两行,第2行最后一个显示“更多服务”,点击“更多服务”进入全部服务页面。每个领域应用入口布局显示为圆形图标+名称布局,点击图标可进入对应的领域应用页面。
4.显示热门主题模块,手机端每行显示2个热门主题,每个主题入口布局为圆角(20dp)矩形图标,图标下为标题名称,多出的标题名称字用省略号显示,点击“热门主题”进入对应的主题页面。
5.显示新闻专栏,上方标签页方式显示新闻类别,下方显示新闻列表,列表项包括图片、新闻标题、新闻内容缩写(多出的字用省略号显示)、评论总数、发布时间等信息。
6.显示底部导航栏,采用图标加文字方式显示,图标在上,文字在下,共五个图标分别为首页、垃圾分类、数据分析、律师咨询主页、个人中心,点击标签进入对应页面,并颜色标记当前页面所在导航栏。
注:主页数据详见API接口文档。
(三)任务3:垃圾分类功能实现(6分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“垃圾分类宝典”图标信息,进入垃圾分类宝典页面。
任务说明:
1.进入垃圾分类宝典页面。页面左上角显示返回上一页按钮。
(1)顶部展示垃圾分类新闻宣传轮播图。
(2)轮播图下方两个长方形导航图片按钮,搜索与分类。
(3)接下来为4个选项卡。分别为新时尚,党员在行动,分类达人,社区动态。每个选项卡内,新闻条目按时间降序排列。每条显示两行标题文字,多余采用缩略符。标题下面为日期时间。右侧为长方形新闻图片。点击新闻条目进入详情页。详细页内显示标题,发布人,发布时间,正文。
(4)新闻正文页底部可以匿名评论,文本框30字,点击评论按钮后发布评论。
2.点击搜索长方形导航图片按钮导航到搜索页。页面左上角显示返回上一页按钮。
(1)顶部展示垃圾分类宣传海报轮播图。
(2)下方为垃圾物品分类搜索框,输入分类,点击搜索,结果页居中显示分类图片名称,下面是分类文字描述。中部显示4列4行图片宫格,为该类常见垃圾物品,宫格以图片和文字进行展示。底部为可回收物投放指导,说明该物品丢弃前的必要环节处理。
(3)搜索框下方为热门搜索,列出最热门的可回收物品词汇。
3.点击分类导航图片按钮跳转至分类页。页面左上角显示返回上一页按钮。
(1)上部展示一张垃圾分类宣传海报,给人以直观感受。
(2)下方为4个正方形不同颜色的分类按钮,分别为可回收物,有害垃圾,湿垃圾,干垃圾。点击分类按钮,进入分类介绍页,顶部左侧为正方形分类图标,右侧为分类说明,分类介绍页下部为投放要求。
(3)分类按钮下面为4栏常见分类的关键词索引,即每栏4列5行20种常见该类垃圾。点击常见垃圾关键词,进入详情页,页面左上角显示返回上一页按钮,顶部标题指出该垃圾所属分类下方为分类介绍,左侧为正方形分类图标,右侧为分类说明,分类介绍页下部为投放要求。
注:数据详见API接口文档。
(四)任务4:个人中心功能实现(4分)
在智慧城市App主页面底部导航栏中,点击“个人中心”图标信息,进入用户个人中心页面。
任务说明:
1.首先进入个人中心页面,个人中心页面显示用户头像、账户、个人信息页面入口、订单列表页面入口、修改密码页面入口、意见反馈页面入口,点击退出按钮可退出登录。
2.点击个人信息跳转至个人信息页面,标签栏显示本页面标题,点击返回图标可返回到上一页,点击修改可保存修改的信息,可修改内容为:头像、昵称、性别、联系电话。
3.点击修改密码可进入修改密码页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入原密码与新密码,点击确定按钮可保存修改的信息。
4.点击订单列表可跳转到订单页面,标签栏显示本页面标题,点击返回图标可返回到上一页,页面内容展示所有订单、订单分类数据信息,订单显示信息有:订单号、订单类型、订单生成日期。点击订单可跳转至对应功能模块生成订单的详情页面。
5.点击意见反馈可跳转至意见反馈页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入反馈的内容,字数限制在150字以内,点击提交可提交反馈的意见。
注:数据详见API接口文档。
(五)任务5:律师咨询主页功能模块描述(6分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“律师咨询”图标信息,进入律师咨询页面。
任务说明:
1.进入律师咨询主页面,页面显示返回上一页按钮、搜索输入框、广告轮播图、法律专长、我的咨询图片和本月上榜优选律师。
(1)搜索输入框:输入搜索内容后,点击软键盘“搜索”按钮,跳转至搜索结果律师列表页面,列表内容包括头像、名称、从业年限、咨询人数、法律专长、好评率和咨询按钮,点击咨询按钮,跳转至律师详情页。
(2)广告轮播图:每隔3秒自动切换广告图。
(3)法律专长:以图标和名称为单元宫格方式显示,手机端每行显示4个,按照优先级由高到低排序,共两行,左右滑动可切换显示类目。每个类目入口布局显示为圆形图标和名称布局,点击图标,进入法律专长列表页。
(4)我的咨询:显示我的咨询图片。
(5)本月上榜优选律师:显示当月好评率最高的10位律师列表和查看更多,列表内容包括律师头像、名称、从业年限、咨询人数、法律专长、好评率和咨询按钮,点击咨询按钮,跳转至律师详情页;点击查看更多跳转至律师列表页。
2.法律专长列表页,页面显示所有类目,以图标和名称为单元宫格方式显示,手机端每行显示4个,按照优先级由高到低排序,每个类目入口布局显示为圆形图标和名称布局,点击图标可进入对应的律师列表页面。
3.律师列表页,上部显示排序方式和筛选,排序方式包括默认排序、从业年限、服务人数和好评率,点击后改变列表排序方式,点击筛选,弹出全部法律专长列表,以图标和名称为单元宫格方式显示,手机端每行显示4个,按照优先级由高到低排序,点击图标,选定法律专长,并隐藏法律专长列表;下方显示律师列表,列表内容包括头像、名称、从业年限、咨询人数、法律专长、好评率和咨询按钮,点击咨询按钮,跳转至律师详情页。
4.律师详情页,上部显示头像、名称、法律专长、咨询人数和服务次数;下部显示两个tab页,分别是服务方式和用户评价,点击服务方式,展示律师基本信息、律师个人简介和律师证展示照片,律师基本信息包括教育背景、从业年限和执业证号;点击用户评价,展示评价列表,内容包括用户头像、昵称、评价时间、评价内容、点赞按钮和点赞数量,点击点赞按钮切换点赞状态;底部显示免费咨询按钮。
(六)任务6:律师咨询功能模块描述(6分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“律师咨询”图标信息,进入律师咨询页面。
任务说明:
1.在律师咨询主页面,点击我的咨询图片,跳转至咨询列表页。页面上部显示受理状态筛选条件,可以筛选列表,下部显示咨询列表,列表内容包括律师信息、受理状态和提交时间;律师信息包括头像、名称、法律专长,点击咨询项,跳转到咨询详情页。
2.咨询详情页,上部显示律师信息,包括头像、名称、从业年限、咨询人数、法律专长和好评率;下部显示问题信息。内容包括:受理状态、问题类型、问题描述、上传的图片和联系电话;如果咨询已完结,则底部显示评价按钮,点击评价按钮页面跳转至服务评价页。
3.服务评价页,显示评分选项、评价本文框和提交评价按钮,评分最多可选5颗星,最少可选1颗星,点击评价按钮完成评价。
4.在律师详情页面中,点击免费咨询按钮,跳转至咨询页;上部显示律师信息,包括头像、名称、从业年限、咨询人数、法律专长和好评率;下部显示问题填写信息,内容包括:问题类型、问题描述、上传的图片和联系电话;点击请选择问题类型,弹出全部法律专长列表,以名称为单元宫格方式显示,手机端每行显示4个,按照优先级由高到低排序,点击名称,选定法律专长,并隐藏法律专长列表;底部显示提交按钮,点击提交按钮,完成问题提交,跳转至上一页。
(七)任务7:数据分析块实现(4分)
在智慧城市App主页面底部导航栏中,点击“数据分析”图标信息,进入数据分析页面。
任务说明:
1.柱状图:请分析北京市16号线(始发站为西苑,终点站为北安河)、14号线东段(始发站为北京南站,终点站为善各庄)的客运周转量(从进站到出站所经历的站点数作为出行距离,比如:乘客乘坐16号线,从A站经过B站到C站,则出行距离为3)。
假设乘客乘坐某条地铁从进站到出站所经历的站点数作为出行距离,例如,某乘客乘坐某条地铁,从甲站经历乙站到丙站,那么出行距离为3。
客运周转量实际为用线路客流量与其相对应运距(即乘客的出行距离)的乘积表示,人·站数/天。
其中,表示第i个乘客的出行距。
2.折线图:请分析2021年-10月-22日至2021年-10月29日7天,北京市西苑、石厂、阎村东、香山地铁站出站的客流量多条变化曲线,进行数据挖掘分析,不同站点数据变化曲线使用不同的颜色,横坐标为时间/天,纵坐标为客流量/人。
(八)任务8:中国智造板块实现(18分)
在智慧城市App主页面底部导航栏中,点击“中国智造”图标信息,进入中国智造页面。
任务说明:
中国是世界第一制造大国,按照联合国工业发展组织的数据,中国22个制造业大类行业的增加值均居世界前列,其中纺织、服装、皮革、基本金属等产业增加值占世界的比重超过30%。在联合国全部19大类制造业行业中,中国有18个大类超越美国成为世界第一。
尽管中国制造业增加值占世界比重在不断加大,但与发达国家相比,制造业发展水平相对较低。目前,中国在钢铁、铜、水泥、化肥、化纤、发电量、造船、汽车、计算机、笔记本电脑、打印机、电视机、空调、洗衣机等数百种制造业产品的产量居世界第一位,但这些产业技术密集度不高,属于中低度技术密集型。在高端芯片、电子制造、消费电子、工业软件、高端数控机床等领域自给率严重不足。
我国需要突破自主核心技术、关键共性技术、精密工艺技术、测试控制技术等研制瓶颈,打破发达国家对我国工业制造的限制和制约,实现中国制造在高端领域的重点突破。而智能制造能对现有制造业进行提升,包括缩短开发周期、降低成本、提升效率等;此外,智能制造将会推动制造业发展出全新的制造模式,包括柔性制造、生物制造、绿色制造、分形制造等。智能制造已成为全球制造业竞争的战略制高点。通过为中国智造提供信息资源共享整合,可以极大的促进行业发展。主要包括以下功能模块:
1.首页推荐:轮播图展示近期展会宣传海报。推荐厂商,包括厂商文字介绍,视频宣传片。推荐产品与解决方案,包括图文介绍,视频演示。
2.厂商列表:厂商分类,厂商文字介绍,视频宣传片。厂商业界新闻,合作动态。
3.产品列表:产品与解决方案分类,产品与解决方案图文介绍,视频演示。
4.展会活动:包括最新展会活动发布,展会信息,参展报名。过往展会图文与视频记录。
5.厂商招聘:包括厂商发布招聘需求,校企合作动态,校企合作科研转化成果典型案例图文介绍,视频宣传片。
6.厂商入驻:厂商填写入驻申请信息表,供运营人员线下联系厂商。
根据上述说明,自行设计功能页面,无API接口,素材可参阅竞赛管理平台右侧资源下载区。
三、成果物提交
本模块竞赛结束前,将“成果物.rar”提交到成果物管理平台(http://ip:port/)上,如利用Android平台开发,压缩包内包括:SmartCity.apk;如利用iOS平台开发,压缩包内包括:SmartCity工程文件夹。
Android:在裁判计算机上,下载项目发布文件SmartCity.apk,安装到模拟器或真机上进行评判。
iOS平台:在裁判计算机上,下载项目代码SmartCity.rar,编译运行到iPhone11模拟器上进行评判。
注:根据二次加密分配的账号登录成果物管理平台。
模块D:测试与交付
一、竞赛任务
此模块竞赛时间为3小时,分数为18分。
(一)待测系统描述
图1 智慧城市系统架构
随着第五代移动通信技术(5G)高速发展,推动新一代信息技术与各个行业的融合发展,“智慧城市”这一概念随着城市化进程的快速发展应运而生。
智慧城市是指利用新一代信息技术,以整合、系统的方式管理城市运行体系,让城市中各个功能彼此协调运作,为城市中的企业提供优质的发展空间,为市民提供更高的生活品质,让城市成为适合人全面发展的城市,涵盖了智慧服务、智慧养老、智慧党建、智慧环保、智慧社区、精准扶贫、时代楷模等数十个场景。
(二)待测应用安装
1.从平台——模块D:测试与交付——资源下载——智慧城市.apk文件开发计算机中。
2.运行开发机中的Android模拟器,将apk文件安装到模拟器或真机中,启动App,配置服务器的IP和端口,准备运行测试。
(三)基本要求
使用平台——模块D:测试与交付——资源下载目录中的资源进行操作和设计。
二、任务要求
本模块主要考查产品测试以及交付工作,考查测试用例设计编写能力,考生需了解被测系统的功能设计,掌握测试流程和测试规范,具备撰写操作文档的综合能力。以下为每个任务的具体说明,考生请按照要求,逐一完成任务并结合成果提交的模板要求,提交成果物。
(一)任务1:编写并执行测试用例(6分)
基于指定功能模块,按照表1要求完成。
表1 功能模块说明
序号 功能模块 说明
1 引导页 本功能模块编写至少4个测试用例。
2 主页面 本功能模块编写至少6个测试用例。
3 个人中心 本功能模块编写至少10个测试用例。
4 全部服务 本功能模块编写至少3个测试用例。
5 新闻 本功能模块编写至少2个测试用例。
6 地铁查询 本功能模块编写至少4个测试用例。
7 停车场 本功能模块编写至少5个测试用例。
8 定制班车 本功能模块编写至少5个测试用例。
9 违章查询 本功能模块编写至少5个测试用例。
10 生活缴费 本功能模块编写至少5个测试用例。
11 门诊预约 本功能模块编写至少5个测试用例。
测试用例样例见表2(具体详见平台——模块D:测试与交付——测试用例模板.xlsx):
表2 测试用例样例
系统 模块 用例 编号 用例 描述 前置条件 操作步骤 预期 结果 测试结果
1.登录验证 1.1.1 新增用户动作 系统用户已经登录系统,点击新增,已经跳转到新增页面 输入正确用户基本信息,并点击确定 点击确定保存成功 测试通过
(二)任务2:缺陷分析(6分)
针对本次被测系统进行全范围测查找出至少10个Bug,根据找出的Bug进行缺陷分析。
缺陷表格样例见表3(具体详见平台——模块D:测试与交付——缺陷分析报告模板.docx):
表3 缺陷表格样例
缺陷编号 001
缺陷简要描述 点击紧急调度功能,查看选择在线医生在线查房功能,无法分配医生。
缺陷重现步骤 1.用户成功登录系统; 2.点击紧急调度功能; 3.查看选择在线医生在线查房功能,无法分配医生。
缺陷验证程度 严重 等级分:(致命、严重、一般、提示)
涉及功能模块 登录校验
缺陷分析原因 已经达到最大分配最大额度查房数量,无法分配该医生进行查房。
(三)任务3:撰写产品操作手册(6分)
编写手册的重要指导原则包括:
1.语言通俗易懂,手册中应当使用大众化的语言,便于使用者理解;
2.对关键词语加以解释,在手册中出现特定的概念或是可能引起歧义的词语应当加以解释,减少误解;
3.说明尽量详细,在对产品功能、使用方法进行介绍时,应尽量详细并通俗易懂;
4.图文并茂,对于软件产品的关键对话框、显示结果,应当附加对应的图片,以增加可视性,方便用户理解;
5.提示相关内容,在手册中提及本手册中含有的其他内容时,应指出被提及的内容在手册中的位置,便于用户查阅。
在模拟器或真机中运行待测App,对App功能进行梳理分析,利用平台——产品操作手册模板.docx文件设计产品操作手册,具体规范如下描述:
第一部分:编写待测App的产品定位中心叙述(的总体介绍及特点),以及罗列出核心功能点名称,与运行待测App的基础环境(软、硬件环境)。
第二部分:编写软件产品的安装方法以及各种软硬件环境的设置方法。对于可能会出现的问题,如软硬件冲突,给出解决方法。
第三部分:编写上述功能点的指导说明,准确叙述用户操作行为,将功能变为具体化、形象化、更真切,以便于读者理解具体内容,加强说服力。即通过一些例子,介绍完成这些任务的操作方法和过程。
第四部分:编写需要指出使用待测APP的常规注意事项,进行说明,提示用户规避使用不规范等操作。对用户使用容易发生的问题或用户常见的错误给出解决方法。
三、成果物提交
本模块竞赛结束前,将“成果物.rar”文件提交到成果物管理平台(http://ip:port/)上,压缩包内包括:测试用例.xlsx、缺陷分析报告.docx和产品操作手册.docx三个文件。
注:根据二次加密分配的账号登录成果物管理平台。
第 22 页 / 共 42 页移动应用开发赛项竞赛试题
(04卷)
竞赛说明
一、竞赛安排
赛卷分模块A、模块B、模块C、模块D四个部分。
模块编号 模块名称 竞赛时间 分数 备注
A 需求分析 3小时 16分 第一天上午
B 初步设计 3小时 16分 第一天下午
C 功能模块开发 6小时 50分 第二天全天
D 测试与交付 3小时 18分 第三天上午
合计 100分
二、竞赛主题
本赛项面向产业主流技术,对接国际标准,旨在通过融合世界技能大赛的技术标准和规则要求,引领和促进教学改革,提升职业教育的国际化水平;通过完成一个完整的工作过程,使参赛选手、裁判、教师等相关人员,熟悉并掌握世界技能大赛的技术规范和技术标准,检验教学质量,达到“以赛促教”“以赛促学”“以赛促改”“以赛促建”的目的。
本赛项以智慧城市为背景,重点考查参赛选手在移动应用开发实际工程项目中的综合分析能力、架构设计能力、编码能力、文档编写能力、数据分析能力、创意创新能力、产品测试和交付能力;展现移动应用开发专业学生技能与风采,使教师和学生更全面的了解岗位需求,提升移动应用开发专业人才培养质量和就业质量。同时培养选手的沟通与交流能力、抗压能力、6S规范等职业素质;激发学生的求知欲和教师的爱岗敬业的工匠精神,带动广大青年学生钻研技术、苦练技能、走技能成才之路。
三、成果物管理平台
移动应用开发赛项提供的成果管理平台,选手根据分配的账号登录系统,把A、B、C、D四个模块的任务要求提交对应的成果物,裁判基于平台下载对应选手竞赛成果物,进行评判。
1.用户登录
图1 成果物管理平台登录界面
输入预先发放给参赛选手的账号和密码登录成果物管理平台,登录界面见图1,每个模块比赛结束后系统进入锁定状态,选手无法登录。
2.模块成果物上传
图2 成果物管理平台后台管理界面
参赛选手在比赛结束前可以自愿修改重新上传成果物,比赛结束后系统自动锁定。参赛选手成果物提交情况将实时同步比赛现场大屏幕。
四、竞赛注意事项
提交的文档、原型、代码、App等资源内容中不能填写与选手相关的信息,如赛位号、姓名和院校。如出现上述标记,本模块成绩按照零分处理。
模块A:需求分析
一、竞赛任务
此模块竞赛时间为3小时,分数为16分。
竞赛主题描述
图1 智慧城市系统架构
本次竞赛任务,以需求分析为目标,以智慧城市为背景,通过限选主题和固定主题(便民服务)结合的形式,对需求进行理解、分析,并最终以提供的需求分析说明书为模板,编写一份完整的需求规格说明书。
编写需求规格说明书是为了详细呈现智慧城市移动App产品需求和系统的功能描述,以进一步定制移动App开发的细节问题,便于与项目开发协调工作,希望能使本软件开发工作更明确、更具体。
(二)功能概述
本次竞赛分为两部分任务:
第一个任务,按照选定的一个主题方向,进行需求的自定义梳理与规划,依据给定的需求规格说明书(模板),进行需求规格的逐一描述,编制对应业务流程图/活动图、原型草图、用例图、类图、时序图和对应模块概要设计。
第二个任务,依据给定便民服务主题的需求说明,进行需求分析设计,结合功能需求编制对应业务流程图/活动图、原型草图、类图、时序图和对应模块概要设计。
(三)基本要求
使用平台——模块A:需求分析——资源下载——《需求规格说明书(模板)》进行需求分析文档编制。
二、任务:限选主题分析设计(4分)
(一)主题背景
随着工作生活信息化、网络化、数据化持续加深,消除贫困是社会主义制度的本质要求,是贯彻落实群众路线的生动体现,更是推进经济跨越发展、全面建设小康社会。我国是世界上人口最多的发展中国家,农村经济不平衡现象突出。特别是农村贫困人口多,给扶贫工作造成很大的困扰。
促进社会和谐稳定的迫切需要。深入推进扶贫工作事关党的执政基础,事关国家的长治久安,现实意义十分重大。
通过精准扶贫系统建设,主要解决帮扶人员与贫困户缺少互动沟通平台,扶贫信息难以精准推送,帮扶工作考核难建设目标。主要包括以下功能模块。
1.新闻:首页幻灯片轮播图显示,扶贫的最新资讯新闻。
2.扶贫案例:包括扶贫案例展示,点赞等。
3.村情村貌:包括扶贫对象的村子情况,村子环境等。
4.收到求助:可查看收到的扶贫求助信息。
5.入户走访:深入基层,了解生活状况,为扶贫方案提供基本信息。
6.案例发布:发布优秀的扶贫案例以及可查看自己发布的扶贫案例。
(二)任务要求
1.基于智慧城市系统架构,以精准扶贫为背景,规划整理精准扶贫App需求,设计App功能架构体系图,并做说明。
2.在功能架构体系中至少规划设计6个功能,并编制每个功能模块对应业务流程图/活动图、原型草图、用例图、类图、时序图和对应模块概要设计。
三、任务:固定主题分析设计(12分)
(一)主题背景
智慧城市是一个比较大的系统工程,涉及领域众多,但在终极目标上简单明确,那就是服务民众,让民众的城市生活更美好。在便民惠民服务中,可以看到医疗、教育、金融、交通等领域成为热门。
搭建智慧城市的便民服务平台不仅要利用最先进的互联网线上手段,做好线上渠道,还要利用好传统的线下渠道,实现多渠道、广覆盖。如今提到一站式的服务平台,首先想到的就是各种移动客户端,利用线上线下更好的服务大众。便民服务平台作为智慧城市在产品层面的一个重要体现,成为一个大众参与的产品是其发展趋势和出路。
(二)任务要求
基于给定便民服务的找房子、个人中心等5个功能需求描述,撰写流程图/活动图、用例图、类图、时序图等概要设计。
任务1:引导页功能模块描述(2分)
1.App启动,首先进入引导页,引导页面下方显示5个小圆圈标识,提示用户当前引导页面位置。
2.进入最后引导页。
(1)显示“网络设置”按钮,点击弹出服务器IP地址(如192.168.1.10)和端口(如8080)设置对话框,并实现服务器IP地址和端口的保存和修改功能。
(2)显示“进入主页”按钮,点击进入主页面。
任务2:主页面功能模块描述(2分)
进入智慧城市App主页面。
1.主页显示搜索输入框,输入搜索内容后,点击软键盘“搜索”按钮,跳转至搜索结果相关新闻资讯列表页面。
2.显示轮播图,点击轮播图跳转至对应页面。
3.显示智慧城市各领域推荐应用服务入口,以图标和名称为单元宫格方式显示,手机端每行显示5个,按照优先级从高到低排序(数值越大优先级越高),共两行,第2行最后一个显示“更多服务”,点击“更多服务”进入对应页面。每个领域应用入口布局显示为圆形图标,图标下为名称,点击图标可进入对应的领域应用页面。
4.显示热门主题模块,手机端每行显示2个热门主题,每个主题入口布局为圆角(20dp)矩形图标,图标下为标题名称,多出的标题名称用省略号显示,点击“热门主题”进入到对应的主题页面。
5.显示新闻专栏,上方标签页方式显示新闻类别,下方显示新闻列表,列表项包括图片、新闻标题、新闻内容缩写(多出的字用省略号显示),评论总数,发布时间等信息。
6.显示底部导航栏,采用图标加文字方式显示,图标在上,文字在下,共四个图标分别为首页、全部服务、新闻、个人中心,点击标签进入对应页面,并颜色标记当前页面所在导航栏。
任务3:找房子功能模块描述(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“找房子”图标信息,进入找房子页面。
任务说明:
找房子功能主要包括主页和信息详情两个页面,点击上方导航栏“返回”按钮返回智慧城市主页面。
1.主页面,页面包括顶部导航栏目、搜索、功能分类和房源展示板块。具有返回按钮,点击返回按钮可以返回智慧城市主页面。下方搜索在页面搜索框下面显示4大分类按钮,分别为:二手、租房、楼盘、中介,并图文显示。
(1)页面顶部具有返回按钮,点击返回按钮返回智慧城市主页。
(2)搜索,根据房源名称模糊查询,结果列表显示在房源展示区。
(3)功能分类,搜索下面显示四大分类,分别为:二手、租房、楼盘、中介,并图文显示。点击四大分类按钮,房源展示区更新该分类相应的房源信息并在页面下方以列表的形式展示,列表项每一房源均显示图片、所在小区或商圈名称、房源面积以及价格、房源简介等内容。
(4)房源展示分类栏目下方,展示默认最新发布的房源列表信息,列表页每一房源均显示房源图片、房源面积以及价格、房源简介等内容。
2.信息详情页,点击房源列表中的某个房源,进入到房源详情页面。详情页面分别展示房源图片、房源名称、建筑面积、房源单价、房源类型、房源介绍等信息。底部展示主页按钮,点击“主页”,返回找房主主页。
任务4:个人中心功能模块描述(2分)
在智慧城市App主页面底部导航栏“个人中心”图标或信息,进入个人中心页面。
任务说明:
1.首先进入个人中心页面,个人中心页面显示用户头像、账户、个人信息页面入口、订单列表页面入口、修改密码页面入口、意见反馈页面入口,点击“退出”按钮可退出登录。
2.点击个人信息跳转至个人信息页面,标签栏显示本页面标题,点击返回图标可返回到上一页,点击修改可保存修改的信息,可修改内容为:头像、昵称、性别、联系电话,注:手机号码最后四位使用 * 号代替。
3.点击修改密码可进入修改密码页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入原密码与新密码,点击“确定”按钮可保存修改的信息。
4.点击订单列表可跳转到订单页面,标签栏显示本页面标题,点击返回图标可返回到上一页,页面内容展示所有订单、订单分类数据信息,订单显示信息有:订单号、订单类型、订单生成日期。点击订单可跳转至对应功能模块生成订单的详情页面。
5.点击意见反馈可跳转至意见反馈页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入反馈的内容,字数限制在150字以内,点击提交可提交反馈的意见。
任务5:青年驿站功能模块描述(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“青年驿站”图标信息,进入青年驿站页面。
任务说明:
1.进入青年驿站页面,页面左上角显示返回上一页按钮。
(1)上部展示一张青年驿站照片,在该图片下方对青年驿站做简单的文字概述。
(2)中部显示3列宫格,分别为各区标志性建筑,点击方格进入后为该区人才政策页。
(3)下部为青年驿站列表。列表项第一行左侧方形该青年驿站正方形照片,右侧为青年驿站名称。青年驿站名称下方要显示剩余床位数,分男女两项。床位数下方显示该驿站所在详细地址,单行过长要折行。点击第一行进入该驿站详情页。第二行为可以上下收缩的站点介绍,点击前显示站点介绍按钮,点击后向下展示该驿站详情,再次点击收缩。
2.进入驿站详情页页面,页面左上角显示返回上一页按钮。
(1)顶端展示7张该驿站轮播照片,下方为该驿站地址,地址过长需换行,地址下面显示该驿站联系电话和提示办理入住时间段,入住时间下方显示男女显示剩余床位数。
(2)下部为驿站详细介绍,文本分为4部分:驿站简介、房间配置、周边配套和特色服务。
3.从各区人才政策导航宫格按钮进入人才页,页面左上角显示返回上一页按钮。
(1)区人才政策页上方为该区标志性建筑图片,图片下方为该区简介,简介下方为该区人才政策文件列表,按发布时间顺序从新到旧,每条分为两行,一行标题,一行日期。
(2)政策列表条目点击进入后为内容页,信息包括标题、日期、内容和发布者。
任务6:政府服务热线功能模块描述(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“政府服务热线”图标信息,进入政府服务热线页面。
任务说明:
1.进入政府服务热线主页面,页面显示返回上一页按钮、广告轮播图、市民诉求分类、我的诉求。
(1)广告轮播图:每隔3秒自动切换广告图。
(2)市民诉求分类:以图标和名称为单元宫格方式显示,手机端每行显示4个,按照优先级由高到低排序,共两行,左右滑动可切换显示类目。每个类目入口布局显示为圆形图标和名称布局,点击最后一个“其他诉求”图标,进入新建诉求页;点击其他图标可进入对应分类的诉求列表页面。
(3)我的诉求:列表显示我的诉求,列表项信息包括标题、承办单位、提交时间和处理状态,未完结诉求优先顶部显示。
2.进入诉求列表页面,页面包括诉求列表、发布诉求按钮,列表项信息包括标题、承办单位、提交时间和处理状态,点击列表项,跳转至诉求详情页,点击发布诉求按钮,跳转至新建诉求页。诉求详情页包括标题、诉求内容、图片、承办单位、提交时间、反馈处理状态和处理结果。
3.新建诉求页,页面内容包括标题、诉求内容、图片、承办单位、反馈手机号和发布按钮;若是点击其他诉求分类进入的新建诉求页,顶部还要显示诉求分类下拉框,可以更改诉求分类;点击提交按钮完成发布。
四、成果物提交
本模块竞赛结束前,将“需求规格说明书.docx”提交到成果物管理平台(http://ip:port/)。
需求规格说明书(模板)文件内容中不能撰写与选手相关的信息,如赛位号、姓名和院校等。如出现上述信息标记,本模块记零分。
注:根据二次加密分配的账号登录成果物管理平台。
模块B:初步设计
一、竞赛任务
此模块竞赛时间为3小时,分数为16分。
(一)竞赛主题
随着第五代移动通信技术(5G)高速发展,推动新一代信息技术与各个行业的融合发展,“智慧城市”这一概念随着城市化进程的快速发展应运而生。
智慧城市是指利用新一代信息技术,以整合、系统的方式管理城市运行体系,让城市中各个功能彼此协调运作,为城市中的企业提供优质的发展空间,为市民提供更高的生活品质,让城市成为适合人全面发展的城市,涵盖了智慧服务、智慧养老、智慧党建、智慧环保、智慧社区、精准扶贫、时代楷模等数十个场景。
图1 智慧城市系统架构
(二)基本要求
1.使用Adobe XD或者Sketch软件,参照模块功能要求,进行该功能模块的页面原型设计,制作页面原型参阅iOS、谷歌的Material Design设计规范。
2.画板尺寸为750px×1334px,状态栏高度40px,标题栏高度为88px,标签栏高度为98px。
3.原型绘制画板大小尺寸及各部分内容区尺寸参考。
图2 尺寸参考图
4.当内容超出高度区域时,设置滚动区域来显示内容。
5.画板要对齐,界面版式布局合理、美观,内容完整;同样功能请复用样式,避免一种功能、两种样式的情况。
6.原型要有交互设计内容,用户体验良好。检查存在的漏洞,防止出现异常流程和内容状态。
7.页面所需数据,详见API接口文档,利用Postman工具获取。API接口文档和部分素材详见平台——模块B:初步设计——资源下载——01设计素材。
二、任务:限选主题功能初步设计(4分)
(一)主题背景
随着工作生活信息化、网络化、数据化持续加深,消除贫困是社会主义制度的本质要求,是贯彻落实群众路线的生动体现,更是推进经济跨越发展、全面建设小康社会。我国是世界上人口最多的发展中国家,农村经济不平衡现象突出。特别是农村贫困人口多,给扶贫工作造成很大的困扰。
促进社会和谐稳定的迫切需要。深入推进扶贫工作事关党的执政基础,事关国家的长治久安,现实意义十分重大。
通过精准扶贫系统建设,主要解决帮扶人员与贫困户缺少互动沟通平台,扶贫信息难以精准推送,帮扶工作考核难建设目标。主要包括以下功能模块。
1.新闻:首页幻灯片轮播图显示,扶贫的最新资讯新闻。
2.扶贫案例:包括扶贫案例展示,点赞等。
3.村情村貌:包括扶贫对象的村子情况,村子环境等。
4.收到求助:可查看收到的扶贫求助信息。
5.入户走访:深入基层,了解生活状况,为扶贫方案提供基本信息。
6.案例发布:发布优秀的扶贫案例以及可查看自己发布的扶贫案例。
(二)任务要求
1.基于智慧城市系统架构,以精准扶贫为背景,规划整理精准扶贫App需求,在功能架构体系中至少规划设计6个功能,并自主绘制智慧党建App初步设计原型。
2.利用Adobe XD或者Sketch软件,新建“初步设计_限选主题.xd”文件,绘制精准扶贫App页面原型,每个功能至少一个画板。
3.画板之间具有交互功能体现。
4.页面设计美观大方,符合人体工学操作逻辑。
三、任务:固定主题功能初步设计(12分)
(一)任务要求
1.基于智慧城市系统中的便民服务功能需求描述,设计智慧服务App进行初步设计。
2.利用Adobe XD/Sketch软件,新建“初步设计_固定主题.xd”文件,绘制便民服务给定的功能页面原型,每个功能至少一个画板。
3.画板之间具有交互功能体现。
4.页面设计美观大方,符合人体工学操作逻辑。
(二)任务说明
任务1:绘制“引导页”模块界面原型(2分)
1.App启动时首先显示引导页。
2.利用U盘中提供的5张引导页面图片,设计引导页面。
3.引导页面下方显示5个小圆圈标识,提示用户当前引导页面位置。
4.进入最后引导页,显示信息如下。
(1)显示“网络设置”按钮,点击弹出服务器IP地址(如192.168.1.10)和端口(如8080)设置对话框,并实现服务器IP地址和端口的保存和修改功能。
(2)显示“进入主页”按钮,点击进入主页面。
5.页面间具备交互功能体现。
任务2:绘制“主页面”模块界面原型(2分)
进入智慧城市App主页面(主页),彰显智慧城市风采,打造智慧型服务大厅,科技赋能,创新智能,打造视、听、触体验俱佳的业务服务大厅,同时提供多种智慧城市解决方案。
任务说明:
1.主页显示搜索输入框,输入搜索内容后,点击软键盘“搜索”按钮,跳转至搜索结果相关新闻资讯列表页面。
2.显示轮播图,点击轮播图跳转至对应页面。
注:轮播图资源通过服务器API接口获取。
3.显示智慧城市各领域应用服务入口,以图标和名称为单元宫格方式显示,手机端每行显示5个,共两行,第2行最后一个显示“更多服务”,点击“更多服务”进入对应页面。每个领域应用入口布局显示为圆形图标,图标下为名称,点击图标可进入对应的领域应用页面。
4.显示热门主题模块,手机端每行显示2个热门主题,每个主题入口布局为圆角(20dp)矩形图标,图标下为标题名称,多出的标题名称字用省略号显示,点击“热门主题”进入到对应的主题页面。
5.显示新闻专栏,上方标签页方式显示新闻类别,下方显示新闻列表,列表项包括图片、新闻标题、新闻内容缩写(多出的字用省略号显示)、评论总数、发布时间等信息。
6.显示底部导航栏,采用图标加文字方式显示,图标在上,文字在下,共四个图标分别为首页、全部服务、新闻、个人中心,点击标签进入对应页面,并颜色标记当前页面所在导航栏。
任务3:绘制“个人中心”模块界面原型(2分)
在智慧城市App主页面底部导航栏“个人中心”图标或信息,进入个人中心页面。
任务说明:
1.在App主页面底部导航栏中,点击“个人中心”图标信息,进入用户个人中心页面。
2.首先进入个人中心页面,个人中心页面显示用户头像、账户、个人信息页面入口、订单列表页面入口、修改密码页面入口、意见反馈页面入口,点击“退出”按钮可退出登录。
3.点击个人信息跳转至个人信息页面,标签栏显示本页面标题,点击返回图标可返回到上一页,点击修改可保存修改的信息,可修改内容为:头像、昵称、性别、联系电话,注:手机号码最后四位使用 * 号代替。
4.点击修改密码可进入修改密码页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入原密码与新密码,点击“确定”按钮可保存修改的信息。
5.点击订单列表可跳转到订单页面,标签栏显示本页面标题,点击返回图标可返回到上一页,页面内容展示所有订单、订单分类数据信息,订单显示信息有:订单号、订单类型、订单生成日期。点击订单可跳转至对应功能模块生成订单的详情页面。
6.点击意见反馈可跳转至意见反馈页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入反馈的内容,字数限制在150字以内,点击提交可提交反馈的意见。
任务4:绘制“找房子”模块界面原型(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“找房子”图标信息,进入找房子页面。
任务说明:
1.在智慧城市App主页面底部导航栏“找房子”图标或信息,进入找房子页面。
2.找房子功能主要包括主页和信息详情两个页面,点击上方导航栏“返回”按钮返回智慧城市主页面。
3.主页面,页面包括顶部导航栏目、搜索、功能分类和房源展示板块。具有返回按钮,点击返回按钮可以返回智慧城市主页面。下方搜索在页面搜索框下面显示4大分类按钮,分别为:二手、租房、楼盘、中介,并图文显示。
(1)页面顶部具有返回按钮,点击返回按钮返回智慧城市主页。
(2)搜索,根据房源名称模糊查询,结果列表显示在房源展示区。
(3)功能分类,搜索下面显示四大分类,分别为:二手、租房、楼盘、中介,并图文显示。点击四大分类按钮,房源展示区更新该分类相应的房源信息并在页面下方以列表的形式展示,列表项每一房源均显示图片、所在小区或商圈名称、房源面积以及价格、房源简介等内容。
(4)房源展示分类栏目下方,展示默认最新发布的房源列表信息,列表页每一房源均显示房源图片、房源面积以及价格、房源简介等内容。
4.信息详情页,点击房源列表中的某个房源,进入到房源详情页面。详情页面分别展示房源图片、房源名称、建筑面积、房源单价、房源类型、房源介绍等信息。底部展示主页按钮,点击“主页”,返回找房主主页。
任务5:绘制“爱心公益”模块界面原型(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“爱心公益”图标信息,进入爱心公益页面。
任务说明:
1.进入爱心公益主页面,页面显示返回上一页按钮,搜索输入框、广告轮播图、捐赠次数和实时捐赠列表、公益分类、推荐公益列表。
(1)搜索输入框:输入搜索内容后,点击软键盘“搜索”按钮,跳转至搜索结果公益列表页面,列表内容包括公益类别、公益名称、发布人、已筹善款、项目时间和参与人数。
(2)广告轮播图:每间隔3秒切换广告图。
(3)公益分类:以图标和名称为单元格方式显示,手机端显示4个,共两行,每个类目入口布局显示为圆形图标和名称,点击图标可以进入对应公益分类列表页面。
(4)推荐公益列表项:公益分类图标下面显示推荐公益,类别名称下方显示公益图片、公益项目名称、发布组织、捐赠人数和已筹善款。
2.公益列表页面,点击首页图标或推荐公益进入公益列表页面,列表项包括搜索框、项目类型、公益类别、公益内容、发布人、已筹善款、项目时间、参捐人数。下方显示“我要捐助”按钮,点击按钮即可捐款。公益列表底部显示分页,点击分页可以跳转列表页面。
3.公益详情页,该页面上方展示公益详情,包括信息项:项目图片、项目名称、已募善款、筹款目标、项目备案号、参与人数、捐款进度、项目时间。下方展示项目介绍详细信息,包括文章和对应图片,右侧滚动显示捐助记录。页面底部显示项目预算清单,展示该项目各笔捐款数额去向与使用细则。
任务6:绘制“政府服务热线”模块界面原型(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“政府服务热线”图标信息,进入政府服务热线页面。
任务说明:
1.进入政府服务热线主页面,页面显示返回上一页按钮、广告轮播图、市民诉求分类、我的诉求。
(1)广告轮播图:每隔3秒自动切换广告图。
(2)市民诉求分类:以图标和名称为单元宫格方式显示,手机端每行显示4个,按照优先级由高到低排序,共两行,左右滑动可切换显示类目。每个类目入口布局显示为圆形图标和名称布局,点击最后一个“其他诉求”图标,进入新建诉求页;点击其他图标可进入对应分类的诉求列表页面。
(3)我的诉求:列表显示我的诉求,列表项信息包括标题、承办单位、提交时间和处理状态,未完结诉求优先顶部显示。
2.进入诉求列表页面,页面包括诉求列表、发布诉求按钮,列表项信息包括标题、承办单位、提交时间和处理状态,点击列表项,跳转至诉求详情页,点击发布诉求按钮,跳转至新建诉求页。诉求详情页包括标题、诉求内容、图片、承办单位、提交时间、反馈处理状态和处理结果。
3.新建诉求页,页面内容包括标题、诉求内容、图片、承办单位、反馈手机号和发布按钮;若是点击其他诉求分类进入的新建诉求页,顶部还要显示诉求分类下拉框,可以更改诉求分类;点击提交按钮完成发布。
四、成果物提交
本模块竞赛结束前,将“初步设计.rar”文件提交到成果物管理平台(http://ip:port/),压缩包内包括:初步设计_限选主题.xd和初步设计_固定主题.xd。
注:根据二次加密分配的账号登录成果物管理平台。
模块C:功能模块开发
一、竞赛任务
此模块竞赛时间为6小时,分数为50分。
(一)竞赛主题
随着第五代移动通信技术(5G)高速发展,推动新一代信息技术与各个行业的融合发展,“智慧城市”这一概念随着城市化进程的快速发展应运而生。
智慧城市是指利用新一代信息技术,以整合、系统的方式管理城市运行体系,让城市中各个功能彼此协调运作,为城市中的企业提供优质的发展空间,为市民提供更高的生活品质,让城市成为适合人全面发展的城市,涵盖了智慧服务、智慧养老、智慧党建、智慧环保、智慧社区、精准扶贫、时代楷模等数十个场景。
图1 智慧城市系统架构
(二)基本要求
App UI尺寸自动适配开发电脑中提供的模拟器UI(iOS适配iPhone11模拟器)以及提供的手持手机设备或模拟器UI。
竞赛结束前,选手将“模块C:功能模块开发”的成果物,其中包括Android项目发布文件(SmartCity.apk)或iOS项目代码(SmartCity.zip)提交到平台服务器。
Android:在裁判计算机上,下载项目发布文件SmartCity.apk,安装到模拟器或真机上进行评判。
iOS:在裁判计算机上,下载项目代码,Xcode打开编译运行到iPhone11模拟器上进行评判。
二、任务
(一)任务1:应用架构设计(2分)
设计智慧城市App,利用移动开发工具(Android Studio/Xcode)创建SmartCity项目或HbuilderX打开项目,项目App显示智慧城市名称,实现项目的基本框架设计,并封装App与服务器通讯模块。
(二)任务2:主页面功能模块描述(6分)
智慧城市App启动后,进入主页面。
任务说明:
1.主页显示搜索输入框,输入搜索内容后,点击软键盘“搜索”按钮,跳转至搜索结果相关新闻资讯列表页面。
2.显示轮播图,点击轮播图跳转至对应页面。
3.显示智慧城市各领域推荐应用服务入口,以图标和名称为单元宫格方式显示,手机端每行显示5个,按照优先级从高到低排序(数值越大优先级越高),共两行,第2行最后一个显示“更多服务”,点击“更多服务”进入对应页面。每个领域应用入口布局显示为圆形图标,图标下为名称,点击图标可进入对应的领域应用页面。
4.显示热门主题模块,手机端每行显示2个热门主题,每个主题入口布局为圆角(20dp)矩形图标,图标下为标题名称,多出的标题名称用省略号显示,点击“热门主题”进入到对应的主题页面。
5.显示新闻专栏,上方标签页方式显示新闻类别,下方显示新闻列表,列表项包括图片、新闻标题、新闻内容缩写(多出的字用省略号显示),评论总数,发布时间等信息。
6.显示底部导航栏,采用图标加文字方式显示,图标在上,文字在下,共五个图标分别为首页、全部服务、时代楷模、新闻、个人中心,点击标签进入对应页面,并颜色标记当前页面所在导航栏。
(三)任务3:个人中心功能模块描述(5分)
在智慧城市App主页面底部导航栏“个人中心”图标或信息,进入个人中心页面。
任务说明:
1.首先进入个人中心页面,个人中心页面显示用户头像、账户、个人信息页面入口、订单列表页面入口、修改密码页面入口、意见反馈页面入口,点击“退出”按钮可退出登录。
2.点击个人信息跳转至个人信息页面,标签栏显示本页面标题,点击返回图标可返回到上一页,点击修改可保存修改的信息,可修改内容为:头像、昵称、性别、联系电话,注:手机号码最后四位使用 * 号代替。
3.点击修改密码可进入修改密码页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入原密码与新密码,点击“确定”按钮可保存修改的信息。
4.点击订单列表可跳转到订单页面,标签栏显示本页面标题,点击返回图标可返回到上一页,页面内容展示所有订单、订单分类数据信息,订单显示信息有:订单号、订单类型、订单生成日期。点击订单可跳转至对应功能模块生成订单的详情页面。
5.点击意见反馈可跳转至意见反馈页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入反馈的内容,字数限制在150字以内,点击提交可提交反馈的意见。
(四)任务4:新闻功能模块描述(4分)
在智慧城市App主页面底部导航栏“新闻”图标或信息,进入新闻页面。
任务说明:
1.新闻页面包含:轮播图、新闻分类、新闻列表等内容。轮播图可跳转新闻详情页面;新闻分类展示各类新闻主题;新闻列表根据最新发布时间排序,列表显示新闻图片、新闻名称、观看人数、点赞数等。
2.在新闻列表页面点击新闻名称跳转到新闻详情页面,信息如下:
(1)详情页面顶部栏显示新闻名称,点击“返回”按钮,返回上级目录。
(2)新闻详情内容按照(图片+文字)的形式进行展示,详情页面具有评论和查看评论列表功能,评论列表显示评论条数以及评论内容,用户可以对该新闻进行评论。
(3)详情页面还包括新闻推荐,以列表形式展示1-3篇推荐新闻,显示新闻名称、观看数、图片等信息。
(五)任务5:门诊预约功能模块描述(6分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“门诊预约”图标信息,进入门诊预约页面。
任务说明:
1.首页为本市医院推荐展示图,顶部栏提供“搜索”和“返回”功能,下方可用列表或矩阵排布的方式展示全市知名医院图片、名称、星级等信息;
2.点击首页展示的医院图标,跳转进入该医院简介页,本页面顶部栏左侧设置“返回”按钮支持返回上一页面,页面布局2/3为医院幻灯片展示,1/2为医院简介的文字,1/3为“预约挂号”功能;
3.预约挂号的流程:点击预约挂号——进入就诊人卡片页面——点击已生成就诊人卡片/新增就诊人——创建或完善就诊人卡片信息(确认返回上一页面)——点击就诊人卡片右侧箭头——跳转门诊科室分诊页面——点击某一科室——全部可挂号的信息列表——点击列表的预约——显示预约的挂号信息(预约成功),以下为相关页面任务要求。
(1)点击在线挂号进入就诊人卡片页面,上方显示通过读取个人中心的用户信息自动生成的就诊人卡片,下方“+”显示新增就诊人的空白卡片,点击两个卡片均跳转到创建就诊人卡片页面。
(2)在创建就诊人卡片信息页面完善就诊人的全部信息,包含如姓名、性别、身份证号、出生日期、手机号、地址等,重要必填项用*号标注。下方设置“确定”按钮,支持跳转到上一级就诊人卡片页面。
(3)已生成的就诊人卡片右侧设置双箭头,点击双箭头跳转到门诊科室分诊页面。
(4)本页面为所有可预约挂号科室列表,包含神经内科、心肾内科、呼吸消化科、慢性病科、普外科、骨外科、妇产科、儿科、眼耳鼻喉科、口腔科、皮肤科、急诊等。
(5)点击某一科室,跳转专家/普通可挂号页面,本页面标题栏分为专家和普通两栏,可支持单页面切换,专家标题栏点击进去显示暂无数据,普通标题栏单页面显示全部可挂号信息列表,如2020-9-21周一,下午14:00,神经内科,依次排列,并提供预约按钮。
(6)点击预约按钮跳转挂号信息页面,本页面展示预约挂号的相关信息卡片,字段信息有,预约科室:神经内科,门诊类型:普通号;预约时间:2020-9-21周一 下午 14:00。页面下方显示“预约成功!”的字样。点击预约成功返回首页。
(六)任务6:垃圾分类功能模块描述(4分)
在智慧城市App主页面底部导航栏“垃圾分类宝典”图标信息,进入垃圾分类宝典页面。
任务说明:
1.进入垃圾分类宝典页面。页面左上角显示返回上一页按钮。
(1)顶部展示垃圾分类新闻宣传轮播图。
(2)轮播图下方两个长方形导航图片按钮,搜索与分类。
(3)接下来为4个选项卡。分别为新时尚,党员在行动,分类达人,社区动态。每个选项卡内,新闻条目按时间降序排列。每条显示两行标题文字,多余采用缩略符。标题下面为日期时间。右侧为长方形新闻图片。点击新闻条目进入详情页。详细页内显示标题,发布人,发布时间,正文。
(4)新闻正文页底部可以匿名评论,文本框30字,点击评论按钮后发布评论。
2.点击搜索长方形导航图片按钮导航到搜索页。页面左上角显示返回上一页按钮。
(1)顶部展示垃圾分类宣传海报轮播图。
(2)下方为垃圾物品分类搜索框,输入分类,点击搜索,结果页居中显示分类图片名称,下面是分类文字描述。中部显示4列4行图片宫格,为该类常见垃圾物品,宫格以图片和文字进行展示。底部为可回收物投放指导,说明该物品丢弃前的必要环节处理。
(3)搜索框下方为热门搜索,列出最热门的可回收物品词汇。
3.点击分类导航图片按钮跳转至分类页。页面左上角显示返回上一页按钮。
(1)上部展示一张垃圾分类宣传海报,给人以直观感受。
(2)下方为4个正方形不同颜色的分类按钮,分别为可回收物,有害垃圾,湿垃圾,干垃圾。点击分类按钮,进入分类介绍页,顶部左侧为正方形分类图标,右侧为分类说明,分类介绍页下部为投放要求。
(3)分类按钮下面为4栏常见分类的关键词索引,即每栏4列5行20种常见该类垃圾。点击常见垃圾关键词,进入详情页,页面左上角显示返回上一页按钮,顶部标题指出该垃圾所属分类下方为分类介绍,左侧为正方形分类图标,右侧为分类说明,分类介绍页下部为投放要求。
(七)任务7:数字图书馆功能模块描述(5分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“数字图书馆”图标信息,进入数字图书馆页面。
任务说明:
1.进入数字图书馆主页面,页面显示返回上一页按钮、标题、图书馆列表。图书馆列表,列表项信息包括图书馆名称、图书馆具体地址、营业时间和营业状态,营业中的图书馆将优先展示。点击列表项,进入图书馆详情。
2.进入图书馆详情页面,页面包括图书馆位置图片和图书馆信息。页面上方固定显示图书馆的位置图片,图片可缩放。图书馆信息包括图书馆名称、图书馆具体地址、图书馆介绍、营业时间、营业状态和评论按钮。点击评论按钮,进入到评论页面。
3.进入评论页面,页面包括评论列表,写评论文本框,发表按钮。评论列表项信息包括评论人名称、评论内容、点赞数,“点赞”按钮,点击“点赞”按钮可以进行点赞。点赞数高的优先展示。点击发表按钮发送已填写的评论,并在评论列表中显示。
(八)任务8:时代楷模板块实现(18分)
在智慧城市App主页面底部导航栏中,点击“时代楷模”图标信息,进入时代楷模页面。
任务说明:
“时代楷模”是由中宣部集中组织宣传的全国重大先进典型。时代楷模充分体现“爱国、敬业、诚信、友善”的价值准则,充分体现中华传统美德,是具有很强先进性、代表性、时代性和典型性的先进人物。时代楷模事迹厚重感人、道德情操高尚、影响广泛深远。根据时代楷模的职业身份,以中宣部和有关部门名义发布。在中央电视台设立“时代楷模”发布厅。
随着经济快速发展,计算机的普及率越来越高,网民数量逐年增多,在多元的网络文化中,很容易被负面文化影响,误入歧途。时代楷模App是运用信息化新技术,整合各方资源,让更多的年轻人通过该平台看要闻,了解两会,学新思想,明历史,长知识,知晓时政综合,紧跟党的步伐,不断武装思想。主要包括以下功能模块:
1.楷模公告:首页幻灯片轮播图显示,时代楷模精神,往期公告列表;
2.楷模列表:包括楷模介绍、楷模事迹视频、致敬、评论等;
3.英雄故事:包括英雄事迹介绍、致敬、评论等,事迹内容包括文章、视频等资源;
4.学习心得:包括学习笔记、学习感言、学习历史等;
5.公益活动:包括活动发起、活动展示、活动报名等,活动内容包括文章、视频等资源;
6.身边的英雄:将身边的符合时代楷模的事迹,发布到平台,传递正能量,事迹内容包括文章、照片、视频等资源。
根据上述说明,自行设计功能页面,无API接口,素材可参阅竞赛管理平台右侧资源下载区。
三、成果物提交
本模块竞赛结束前,将“成果物.rar”提交到成果物管理平台(http://ip:port/)上,如利用Android平台开发,压缩包内包括:SmartCity.apk;如利用iOS平台开发,压缩包内包括:SmartCity工程文件夹。
Android:在裁判计算机上,下载项目发布文件SmartCity.apk,安装到模拟器或真机上进行评判。
iOS平台:在裁判计算机上,下载项目代码SmartCity.rar,编译运行到iPhone11模拟器上进行评判。
注:根据二次加密分配的账号登录成果物管理平台。
模块D:测试与交付
一、竞赛任务
此模块竞赛时间为3小时,分数为18分。
(一)待测系统描述
图1 智慧城市系统架构
随着第五代移动通信技术(5G)高速发展,推动新一代信息技术与各个行业的融合发展,“智慧城市”这一概念随着城市化进程的快速发展应运而生。
智慧城市是指利用新一代信息技术,以整合、系统的方式管理城市运行体系,让城市中各个功能彼此协调运作,为城市中的企业提供优质的发展空间,为市民提供更高的生活品质,让城市成为适合人全面发展的城市,涵盖了智慧服务、智慧养老、智慧党建、智慧环保、智慧社区、精准扶贫、时代楷模等数十个场景。
(二)待测应用安装
1.从平台——模块D:测试与交付——资源下载——智慧城市.apk文件开发计算机中。
2.运行开发机中的Android模拟器,将apk文件安装到模拟器或真机中,启动App,配置服务器的IP和端口,准备运行测试。
(三)基本要求
使用平台——模块D:测试与交付——资源下载目录中的资源进行操作和设计。
二、任务要求
本模块主要考查产品测试以及交付工作,考查测试用例设计编写能力,考生需了解被测系统的功能设计,掌握测试流程和测试规范,具备撰写操作文档的综合能力。以下为每个任务的具体说明,考生请按照要求,逐一完成任务并结合成果提交的模板要求,提交成果物。
(一)任务1:编写并执行测试用例(6分)
基于指定功能模块,按照表1要求完成。
表1 功能模块说明
序号 功能模块 说明
1 引导页 本功能模块编写至少4个测试用例。
2 主页面 本功能模块编写至少6个测试用例。
3 个人中心 本功能模块编写至少10个测试用例。
4 全部服务 本功能模块编写至少3个测试用例。
5 新闻 本功能模块编写至少2个测试用例。
6 地铁查询 本功能模块编写至少4个测试用例。
7 停车场 本功能模块编写至少5个测试用例。
8 定制班车 本功能模块编写至少5个测试用例。
9 违章查询 本功能模块编写至少5个测试用例。
10 生活缴费 本功能模块编写至少5个测试用例。
11 门诊预约 本功能模块编写至少5个测试用例。
测试用例样例见表2(具体详见平台——模块D:测试与交付——测试用例模板.xlsx):
表2 测试用例样例
系统 模块 用例 编号 用例 描述 前置条件 操作步骤 预期 结果 测试结果
1.登录验证 1.1.1 新增用户动作 系统用户已经登录系统,点击新增,已经跳转到新增页面 输入正确用户基本信息,并点击确定 点击确定保存成功 测试通过
(二)任务2:缺陷分析(6分)
针对本次被测系统进行全范围测查找出至少10个Bug,根据找出的Bug进行缺陷分析。
缺陷表格样例见表3(具体详见平台——模块D:测试与交付——缺陷分析报告模板.docx):
表3 缺陷表格样例
缺陷编号 001
缺陷简要描述 点击紧急调度功能,查看选择在线医生在线查房功能,无法分配医生。
缺陷重现步骤 1.用户成功登录系统; 2.点击紧急调度功能; 3.查看选择在线医生在线查房功能,无法分配医生。
缺陷验证程度 严重 等级分:(致命、严重、一般、提示)
涉及功能模块 登录校验
缺陷分析原因 已经达到最大分配最大额度查房数量,无法分配该医生进行查房。
(三)任务3:撰写产品操作手册(6分)
编写手册的重要指导原则包括:
1.语言通俗易懂,手册中应当使用大众化的语言,便于使用者理解;
2.对关键词语加以解释,在手册中出现特定的概念或是可能引起歧义的词语应当加以解释,减少误解;
3.说明尽量详细,在对产品功能、使用方法进行介绍时,应尽量详细并通俗易懂;
4.图文并茂,对于软件产品的关键对话框、显示结果,应当附加对应的图片,以增加可视性,方便用户理解;
5.提示相关内容,在手册中提及本手册中含有的其他内容时,应指出被提及的内容在手册中的位置,便于用户查阅。
在模拟器或真机中运行待测App,对App功能进行梳理分析,利用平台——产品操作手册模板.docx文件设计产品操作手册,具体规范如下描述:
第一部分:编写待测App的产品定位中心叙述(的总体介绍及特点),以及罗列出核心功能点名称,与运行待测App的基础环境(软、硬件环境)。
第二部分:编写软件产品的安装方法以及各种软硬件环境的设置方法。对于可能会出现的问题,如软、硬件冲突,给出解决方法。
第三部分:编写上述功能点的指导说明,准确叙述用户操作行为,将功能变为具体化、形象化、更真切,以便于读者理解具体内容,加强说服力。即通过一些例子,介绍完成这些任务的操作方法和过程。
第四部分:编写需要指出使用待测App的常规注意事项,进行说明,提示用户规避使用不规范等操作。对用户使用容易发生的问题或用户常见的错误给出解决方法。
三、成果物提交
本模块竞赛结束前,将“成果物.rar”文件提交到成果物管理平台(http://ip:port/)上,压缩包内包括:测试用例.xlsx、缺陷分析报告.docx和产品操作手册.docx三个文件。
注:根据二次加密分配的账号登录成果物管理平台。
第 36 页 / 共 36 页移动应用开发赛项竞赛试题
(06卷)
竞赛说明
一、竞赛安排
赛卷分模块A、模块B、模块C、模块D四个部分。
模块编号 模块名称 竞赛时间 分数 备注
A 需求分析 3小时 16分 第一天上午
B 初步设计 3小时 16分 第一天下午
C 功能模块开发 6小时 50分 第二天全天
D 测试与交付 3小时 18分 第三天上午
合计 100分
二、竞赛主题
本赛项面向产业主流技术,对接国际标准,旨在通过融合世界技能大赛的技术标准和规则要求,引领和促进教学改革,提升职业教育的国际化水平;通过完成一个完整的工作过程,使参赛选手、裁判、教师等相关人员,熟悉并掌握世界技能大赛的技术规范和技术标准,检验教学质量,达到“以赛促教”“以赛促学”“以赛促改”“以赛促建”的目的。
本赛项以智慧城市为背景,重点考查参赛选手在移动应用开发实际工程项目中的综合分析能力、架构设计能力、编码能力、文档编写能力、数据分析能力、创意创新能力、产品测试和交付能力;展现移动应用开发专业学生技能与风采,使教师和学生更全面的了解岗位需求,提升移动应用开发专业人才培养质量和就业质量。同时培养选手的沟通与交流能力、抗压能力、6S规范等职业素质;激发学生的求知欲和教师的爱岗敬业的工匠精神,带动广大青年学生钻研技术、苦练技能、走技能成才之路。
三、成果物管理平台
移动应用开发赛项提供的成果管理平台,选手根据分配的账号登录系统,把A、B、C、D四个模块的任务要求提交对应的成果物,裁判基于平台下载对应选手竞赛成果物,进行评判。
1.用户登录
图1 成果物管理平台登录界面
输入预先发放给参赛选手的账号和密码登录成果物管理平台,登录界面见图1,每个模块比赛结束后系统进入锁定状态,选手无法登录。
2.模块成果物上传
图2 成果物管理平台后台管理界面
参赛选手在比赛结束前可以自愿修改重新上传成果物,比赛结束后系统自动锁定。参赛选手成果物提交情况将实时同步比赛现场大屏幕。
四、竞赛注意事项
提交的文档、原型、代码、App等资源内容中不能填写与选手相关的信息,如赛位号、姓名和院校。如出现上述标记,本模块成绩按照零分处理。
模块A:需求分析
一、竞赛任务
此模块竞赛时间为3小时,分数为16分。
(一)竞赛主题描述
图1 智慧城市系统架构
本次竞赛任务,以需求分析为目标,以智慧城市为背景,通过限选主题和固定主题(便民服务)结合的形式,对需求进行理解、分析,并最终以提供的需求分析说明书为模板,编写一份完整的需求规格说明书。
编写需求规格说明书是为了详细呈现智慧城市移动App产品需求和系统的功能描述,以进一步定制移动App开发的细节问题,便于与项目开发协调工作,希望能使本软件开发工作更明确、更具体。
(二)功能概述
本次竞赛分为两部分任务:
第一个任务,按照选定的一个主题方向,进行需求的自定义梳理与规划,依据给定的需求规格说明书(模板),进行需求规格的逐一描述,编制对应业务流程图/活动图、原型草图、用例图、类图、时序图和对应模块概要设计。
第二个任务,依据给定便民服务主题的需求说明,进行需求分析设计,结合功能需求编制对应业务流程图/活动图、原型草图、类图、时序图和对应模块概要设计。
(三)基本要求
使用平台——模块A:需求分析——资源下载——《需求规格说明书(模板)》进行需求分析文档编制。
二、任务:限选主题分析设计(4分)
(一)主题背景
中国是世界第一制造大国,按照联合国工业发展组织的数据,中国22个制造业大类行业的增加值均居世界前列,其中纺织、服装、皮革、基本金属等产业增加值占世界的比重超过30%。在联合国全部19大类制造业行业中,中国有18个大类超越美国成为世界第一。
尽管中国制造业增加值占世界比重在不断加大,但与发达国家相比,制造业发展水平相对较低。目前,中国在钢铁、铜、水泥、化肥、化纤、发电量、造船、汽车、计算机、笔记本电脑、打印机、电视机、空调、洗衣机等数百种制造业产品的产量居世界第一位,但这些产业技术密集度不高,属于中低度技术密集型。在高端芯片、电子制造、消费电子、工业软件、高端数控机床等领域自给率严重不足。
我国需要突破自主核心技术、关键共性技术、精密工艺技术、测试控制技术等研制瓶颈,打破发达国家对我国工业制造的限制和制约,实现中国制造在高端领域的重点突破。而智能制造能对现有制造业进行提升,包括缩短开发周期、降低成本、提升效率等;此外,智能制造将会推动制造业发展出全新的制造模式,包括柔性制造、生物制造、绿色制造、分形制造等。智能制造已成为全球制造业竞争的战略制高点。通过为中国智造提供信息资源共享整合,可以极大地促进行业发展。主要包括以下功能模块:
1.首页推荐:轮播图展示近期展会宣传海报。推荐厂商,包括厂商文字介绍,视频宣传片。推荐产品与解决方案,包括图文介绍,视频演示。
2.厂商列表:厂商分类,厂商文字介绍,视频宣传片。厂商业界新闻,合作动态。
3.产品列表:产品与解决方案分类,产品与解决方案图文介绍,视频演示。
4.展会活动:包括最新展会活动发布,展会信息,参展报名。过往展会图文与视频记录。
5.厂商招聘:包括厂商发布招聘需求,校企合作动态,校企合作科研转化成果典型案例图文介绍,视频宣传片。
6.厂商入驻:厂商填写入驻申请信息表,供运营人员线下联系厂商。
(二)任务要求
1.基于智慧城市系统架构,以为背景,规划整理中国智造App需求,设计App功能架构体系图,并做说明。
2.在功能架构体系中至少规划设计6个功能,并编制每个功能模块对应业务流程图/活动图、原型草图、用例图、类图、时序图和对应模块概要设计。
三、任务:固定主题分析设计(12分)
(一)主题背景
智慧城市是一个比较大的系统工程,涉及领域众多,但在终极目标上简单明确,那就是服务民众,让民众的城市生活更美好。在便民惠民服务中,可以看到医疗、教育、金融、交通等领域成为热门。
搭建智慧城市的便民服务平台不仅要利用最先进的互联网线上手段,做好线上渠道,还要利用好传统的线下渠道,实现多渠道、广覆盖。如今提到一站式的服务平台,首先想到的就是各种移动客户端,利用线上线下更好的服务大众。便民服务平台作为智慧城市在产品层面的一个重要体现,成为一个大众参与的产品是其发展趋势和出路。
(二)任务要求
基于给定智慧巴士、找工作、宠物医院、物流查询、个人中心等5个功能需求描述,撰写流程图/活动图、用例图、类图、时序图等概要设计。
任务1:主页面功能模块描述(2分)
智慧城市App启动后,进入主页面。
任务说明:
1.主页显示搜索输入框,输入搜索内容后,点击软键盘“搜索”按钮,跳转至搜索结果相关新闻资讯列表页面。
2.显示轮播图,点击轮播图跳转至对应页面。
3.显示智慧城市各领域推荐应用服务入口,以图标和名称为单元宫格方式显示,手机端每行显示5个,按照优先级从高到低排序(数值越大优先级越高),共两行,第2行最后一个显示“更多服务”,点击“更多服务”进入对应页面。每个领域应用入口布局显示为圆形图标,图标下为名称,点击图标可进入对应的领域应用页面。
4.显示热门主题模块,手机端每行显示2个热门主题,每个主题入口布局为圆角(20dp)矩形图标,图标下为标题名称,多出的标题名称用省略号显示,点击“热门主题”进入到对应的主题页面。
5.显示新闻专栏,上方标签页方式显示新闻类别,下方显示新闻列表,列表项包括图片、新闻标题、新闻内容缩写(多出的字用省略号显示),评论总数,发布时间等信息。
6.显示底部导航栏,采用图标加文字方式显示,图标在上,文字在下,共四个图标分别为首页、全部服务、新闻、个人中心,点击标签进入对应页面,并颜色标记当前页面所在导航栏。
任务2:智慧巴士模块功能描述(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“智慧巴士”图标信息,进入智慧巴士页面。
任务说明:
1.页面显示巴士列表,列表显示路线名称、起终点、运行时间、票价、以及里程、巴士列表具有扩展显示该路线的各个站点功能。
2.点击班车列表新路线名称跳转到定制班车页面,信息如下:
(1)第一步页面:显示站点路线秒点地图、起点与重点名称、票价、里程等,具有“下一步”点击按钮以及“返回上级目录”按钮。
(2)第二步页面:显示日历日期,选中日历日期则显示出已经选中的日期,并且具有“下一步”点击按钮以及“返回上级目录”按钮。
(3)第三步页面:显示起点与重点名称,还具有乘客姓名、手机号码、上车地点、下车地点输入框,并且具有“下一步”点击按钮以及“返回上级目录”按钮。
(4)第四步页面:显示第三步页面,所填写的乘客信息、手机号码、上车地点、下车地点、乘车日期并且具有“提交订单”按钮以及“返回上级目录”按钮。
3.在应用的个人中心点击“我的订单”页面,页面显示待支付、已支付订单、订单列表显示路线名称、起终点、票价、订单编号、乘车日期。
任务3:个人中心功能模块描述(2分)
在智慧城市App中,点击底部导航“个人中心”图标信息,进入个人中心页面。
任务说明:
1.首先进入个人中心页面,个人中心页面显示用户头像、账户、个人信息页面入口、订单列表页面入口、修改密码页面入口、意见反馈页面入口,点击“退出”按钮可退出登录。
2.点击个人信息跳转至个人信息页面,标签栏显示本页面标题,点击返回图标可返回到上一页,点击修改可保存修改的信息,可修改内容为:头像、昵称、性别、联系电话,注:手机号码后四位使用*号显示。
3.点击修改密码可进入修改密码页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入原密码与新密码,点击“确定”按钮可保存修改的信息。
4.点击订单列表可跳转到订单页面,标签栏显示本页面标题,点击返回图标可返回到上一页,页面内容展示所有订单、订单分类数据信息,订单显示信息有:订单号、订单类型、订单生成日期。点击订单可跳转至对应功能模块生成订单的详情页面。
5.点击意见反馈可跳转至意见反馈页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入反馈的内容,字数限制在150字以内,点击提交可提交反馈的意见。
任务4:找工作功能模块描述(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务(自行设计)中,点击“找工作”图标或信息,进入找工作页面。
任务说明:
找工作功能主要包括找工作、投递记录和个人简历三项功能导航,点击上方导航栏“返回”按钮返回智慧城市主页面。
1.找工作页面,具备宣传幻灯片、职位搜索、热门职位(自行计算,展示招聘职位数量为前三的职位)和职位列表显示功能。
(1)产品功能宣传幻灯片展示(使用首页幻灯片即可)。
(2)职位搜索栏目,实现职位列表查询,点击“搜索”按钮,更新职位列表显示,信息包括职位名称、岗位职责、公司地点、薪资待遇。
(3)以9宫格方式显示职位名称,只显示职位名称,点击职位名称,更新下方相对应职位名称的招聘列表数据。
(4)默认显示所有招聘信息,点击列表中的招聘信息进入招聘详情页面,招聘详情页面分为两部分,第一部分显示信息包括职位名称、岗位职责、公司地点、薪资待遇、联系人、职位描述、职位需求;第二部分显示公司信息包括公司名称、公司简介。最下方显示“投简历”按钮;点击“投简历”按钮实现个人简历投递,如果个人简历中没有工作经历、教育经历信息,则跳转至个人简历页面,完善简历后再进行投递。
2.投递记录页面,列表显示本人已经投简历的公司,信息包括岗位名称、公司名称、薪资和投递简历时间。
3.个人简历页面,实现用户个人简历的管理,包括查询、新增、编辑。个人简历包括用户基本信息、求职信息两部分。基本信息包括用户昵称、邮件、电话号码、性别,求职信息包括工作经验、最高学历、现居住地、期望职位、期望薪资、教育经历、个人简介。
任务5:宠物医院功能实现(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“宠物医院”图标信息,进入宠物医院页面。
任务说明:
1.进入宠物医院主页面,页面显示返回上一页按钮、宠物种类标题和种类、我的问诊标题和问诊列表、问诊案例标题和案例列表。
(1)宠物种类:包括狗、猫咪、小宠、水族、鸟、爬虫等种类;以宫格形式显示,每行5个,每个宫格内显示种类图标和种类名称,点击种类跳转至找医生页面。
(2)我的问诊列表:列表项显示医生头像、医生姓名和案例描述,点击列表项跳转至问诊详情页面。
(3)问诊案例列表:列表项显示医生头像、医生姓名和案例描述,点击案例跳转至案例详情页面。
2.找医生页面,页面显示医生列表,列表项左侧显示医生头像,右侧显示医生姓名、职称、执业编号、擅长描述和从业年限,点击列表项进入问诊页面。
3.问诊页面,页面显示医生头像、医生姓名、医生职称、执业编号、问题描述多文本输入框、图片和提交按钮,点击提交按钮时弹出提交结果提示,提交成功后跳转至主页面。
4.问诊详情页面,页面显示医生头像、医生姓名、医生职称、执业编号、咨询描述、图片、问答列表、追问输入框和发送按钮,输入问题并点击发送按钮可继续追问医生。
5.案例详情页面,页面显示医生头像、医生姓名、医生职称、执业编号、去提问按钮、咨询描述、图片和医生回复。点击去提问按钮跳转至问诊页面。
任务6:物流查询功能实现(2分)
在智慧城市App主页面上的各个领域应用服务入口或全部服务,点击“物流查询”图标信息,进入物流查询服务页面。
任务说明:
1.进入物流查询主页面,页面显示返回上一页按钮、搜索输入框、广告轮播图、物流公司推荐、下方显示其他物流公司列表。
(1)搜索输入框:输入搜索内容后,点击软键盘“搜索”按钮,判断输入数据合法性后,跳转至物流运单详情页面。
(2)广告轮播图:每间隔3秒切换广告图。
(3)物流公司推荐:以图标和名称为单元格方式显示,手机端显示4个,共三行,每个类目入口布局显示为公司logo和物流公司名称,点击图标可以进入对应物流公司详情页面。
(4)其他物流公司列表:列表项显示物流公司名称,顺序按照物流公司名称首字母降序排列。
2.物流公司详情页面:点击首页的物流公司推荐图标信息,进入对应物流公司详情页面,页面展示新闻资讯轮播、公司简介、运输方式介绍、运费介绍信息。
3.物流运单详情页:首页搜索框输入运单号,点击搜索后进入运单详情页面,页面上方显示返回按钮及任务名称,下方显示带有运单号的搜索框,物流公司logo、名称和投诉电话图标,下部显示物流派送过程信息步进时间线,信息包括时间、地点和跟踪进度,底部显示物流投诉按钮。
4.投诉页面:点击物流运单详情页的投诉按钮,跳转至以往个人投诉列表页,点击新增按钮进入投诉新增页面,页面展示公司名称、运单号、投诉类别和投诉内容,点击确认按钮,提交成功后自动返回投诉列表页。
四、成果物提交
本模块竞赛结束前,将“需求规格说明书.docx”提交到成果物管理平台(http://ip:port/)。
需求规格说明书(模板)文件内容中不能撰写与选手相关的信息,如赛位号、姓名和院校等。如出现上述信息标记,本模块记零分。
注:根据二次加密分配的账号登录成果物管理平台。
模块B:初步设计
一、竞赛任务
此模块竞赛时间为3小时,分数为16分。
(一)竞赛主题
随着第五代移动通信技术(5G)高速发展,推动新一代信息技术与各个行业的融合发展,“智慧城市”这一概念随着城市化进程的快速发展应运而生。
智慧城市是指利用新一代信息技术,以整合、系统的方式管理城市运行体系,让城市中各个功能彼此协调运作,为城市中的企业提供优质的发展空间,为市民提供更高的生活品质,让城市成为适合人全面发展的城市,涵盖了智慧服务、智慧养老、智慧党建、智慧环保、智慧社区、精准扶贫、时代楷模等数十个场景。
图1 智慧城市系统架构
(二)基本要求
1.使用Adobe XD或者Sketch软件,参照模块功能要求,进行该功能模块的页面原型设计,制作页面原型参阅iOS、谷歌的Material Design设计规范。
2.画板尺寸为750px×1334px,状态栏高度40px,标题栏高度为88px,标签栏高度为98px。
3.原型绘制画板大小尺寸及各部分内容区尺寸参考。
图2 尺寸参考图
4.当内容超出高度区域时,设置滚动区域来显示内容。
5.画板要对齐,界面版式布局合理、美观,内容完整;同样功能请复用样式,避免一种功能、两种样式的情况。
6.原型要有交互设计内容,用户体验良好。检查存在的漏洞,防止出现异常流程和内容状态。
7.页面所需数据,详见API接口文档,利用Postman工具获取。API接口文档和部分素材详见平台——模块B:初步设计——资源下载——01设计素材。
二、任务:限选主题功能初步设计(4分)
(一)主题背景
中国是世界第一制造大国,按照联合国工业发展组织的数据,中国22个制造业大类行业的增加值均居世界前列,其中纺织、服装、皮革、基本金属等产业增加值占世界的比重超过30%。在联合国全部19大类制造业行业中,中国有18个大类超越美国成为世界第一。
尽管中国制造业增加值占世界比重在不断加大,但与发达国家相比,制造业发展水平相对较低。目前,中国在钢铁、铜、水泥、化肥、化纤、发电量、造船、汽车、计算机、笔记本电脑、打印机、电视机、空调、洗衣机等数百种制造业产品的产量居世界第一位,但这些产业技术密集度不高,属于中低度技术密集型。在高端芯片、电子制造、消费电子、工业软件、高端数控机床等领域自给率严重不足。
我国需要突破自主核心技术、关键共性技术、精密工艺技术、测试控制技术等研制瓶颈,打破发达国家对我国工业制造的限制和制约,实现中国制造在高端领域的重点突破。而智能制造能对现有制造业进行提升,包括缩短开发周期、降低成本、提升效率等;此外,智能制造将会推动制造业发展出全新的制造模式,包括柔性制造、生物制造、绿色制造、分形制造等。智能制造已成为全球制造业竞争的战略制高点。通过为中国智造提供信息资源共享整合,可以极大地促进行业发展。主要包括以下功能模块:
1.首页推荐:轮播图展示近期展会宣传海报。推荐厂商,包括厂商文字介绍,视频宣传片。推荐产品与解决方案,包括图文介绍,视频演示。
2.厂商列表:厂商分类,厂商文字介绍,视频宣传片。厂商业界新闻,合作动态。
3.产品列表:产品与解决方案分类,产品与解决方案图文介绍,视频演示。
4.展会活动:包括最新展会活动发布,展会信息,参展报名。过往展会图文与视频记录。
5.厂商招聘:包括厂商发布招聘需求,校企合作动态,校企合作科研转化成果典型案例图文介绍,视频宣传片。
6.厂商入驻:厂商填写入驻申请信息表,供运营人员线下联系厂商。
(二)任务要求
1.基于智慧城市系统架构,以中国智造为背景,规划整理中国智造App需求,在功能架构体系中至少规划设计6个功能,并自主绘制中国智造App初步设计原型。
2.利用Adobe XD或者Sketch软件,新建“初步设计_限选主题.xd”文件,绘制中国智造App页面原型,每个功能至少一个画板。
3.画板之间具有交互功能体现。
4.页面设计美观大方,符合人体工学操作逻辑。
三、任务:固定主题功能初步设计(12分)
(一)任务要求
1.基于智慧城市系统中的便民服务功能需求描述,设计智慧服务App进行初步设计。
2.利用Adobe XD/Sketch软件,新建“初步设计_固定主题.xd”文件,绘制便民服务给定的功能页面原型,每个功能至少一个画板。
3.画板之间具有交互功能体现。
4.页面设计美观大方,符合人体工学操作逻辑。
(二)任务说明
任务1:绘制“主页面”模块界面原型(2分)
进入App主页面(主页),彰显智慧城市风采,打造智慧型服务大厅,科技赋能,创新智能,打造视、听、触体验俱佳的业务服务大厅,同时提供多种智慧城市解决方案。
任务说明:
1.主页显示搜索输入框,输入搜索内容后,点击软键盘“搜索”按钮,跳转至搜索结果相关新闻资讯列表页面。
2.显示轮播图,点击轮播图跳转至对应页面。
注:轮播图资源通过服务器API接口获取。
3.显示智慧城市各领域应用服务入口,以图标和名称为单元宫格方式显示,手机端每行显示5个,共两行,第2行最后一个显示“更多服务”,点击“更多服务”进入对应页面。每个领域应用入口布局显示为圆形图标,图标下为名称,点击图标可进入对应的领域应用页面。
4.显示热门主题模块,手机端每行显示2个热门主题,每个主题入口布局为圆角(20dp)矩形图标,图标下为标题名称,多出的标题名称字用省略号显示,点击“热门主题”进入到对应的主题页面。
5.显示新闻专栏,上方标签页方式显示新闻类别,下方显示新闻列表,列表项包括图片、新闻标题、新闻内容缩写(多出的字用省略号显示)、评论总数、发布时间等信息。
6.显示底部导航栏,采用图标加文字方式显示,图标在上,文字在下,共四个图标分别为首页、全部服务、新闻、个人中心,点击标签进入对应页面,并颜色标记当前页面所在导航栏。
任务2:绘制“个人中心”模块界面原型(2分)
在智慧城市App中,点击底部导航“个人中心”图标信息,进入个人中心页面。
任务说明:
1.在App主页面底部导航栏中,点击“个人中心”图标信息,进入用户个人中心页面。
2.首先进入个人中心页面,个人中心页面显示用户头像、账户、个人信息页面入口、订单列表页面入口、修改密码页面入口、意见反馈页面入口,点击“退出”按钮可退出登录。
3.点击个人信息跳转至个人信息页面,标签栏显示本页面标题,点击返回图标可返回到上一页,点击修改可保存修改的信息,可修改内容为:头像、昵称、性别、联系电话。
4.点击修改密码可进入修改密码页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入原密码与新密码,点击“确定”按钮可保存修改的信息。
5.点击订单列表可跳转到订单页面,标签栏显示本页面标题,点击返回图标可返回到上一页,页面内容展示所有订单、订单分类数据信息,订单显示信息有:订单号、订单类型、订单生成日期。点击订单可跳转至对应功能模块生成订单的详情页面。
6.点击意见反馈可跳转至意见反馈页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入反馈的内容,字数限制在150字以内,点击提交可提交反馈的意见。
任务3:绘制“智慧巴士”模块界面原型(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“智慧巴士”图标信息,进入智慧巴士页面。
任务说明:
1.页面显示巴士列表,列表显示路线名称、起终点、运行时间、票价、以及里程、巴士列表具有扩展显示该路线的各个站点功能。
2.点击班车列表新路线名称跳转到定制班车页面,信息如下:
(1)第一步页面:显示站点路线秒点地图、起点与重点名称、票价、里程等,具有“下一步”点击按钮以及“返回上级目录”按钮。
(2)第二步页面:显示日历日期,选中日历日期则显示出已经选中的日期,并且具有“下一步”点击按钮以及“返回上级目录”按钮。
(3)第三步页面:显示起点与重点名称,还具有乘客姓名、手机号码、上车地点、下车地点输入框,并且具有“下一步”点击按钮以及“返回上级目录”按钮。
(4)第四步页面:显示第三步页面,所填写的乘客信息、手机号码、上车地点、下车地点、乘车日期并且具有“提交订单”按钮以及“返回上级目录”按钮。
3.在应用的个人中心点击“我的订单”页面,页面显示待支付、已支付订单、订单列表显示路线名称、起终点、票价、订单编号、乘车日期。
任务4:绘制“找工作”模块界面原型(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“找工作”图标或信息,进入找工作页面。
任务说明:
找工作功能主要包括找工作、投递记录和个人简历三项功能导航,点击上方导航栏“返回”按钮返回智慧城市主页面。
1.找工作页面,具备宣传幻灯片、职位搜索、热门职位(自行计算,展示招聘职位数量为前三的职位)和职位列表显示功能。
(1)产品功能宣传幻灯片展示(使用首页幻灯片即可)。
(2)职位搜索栏目,实现职位列表查询,点击“搜索”按钮,更新职位列表显示,信息包括职位名称、岗位职责、公司地点、薪资待遇。
(3)以9宫格方式显示职位名称,只显示职位名称,点击职位名称,更新下方相对应职位名称的招聘列表数据。
(4)默认显示所有招聘信息,点击列表中的招聘信息进入招聘详情页面,招聘详情页面分为两部分,第一部分显示信息包括职位名称、岗位职责、公司地点、薪资待遇、联系人、职位描述、职位需求;第二部分显示公司信息包括公司名称、公司简介。最下方显示“投简历”按钮;点击“投简历”按钮实现个人简历投递,如果个人简历中没有工作经历、教育经历信息,则跳转至个人简历页面,完善简历后再进行投递。
2.投递记录页面,列表显示本人已经投简历的公司,信息包括岗位名称、公司名称、薪资和投递简历时间。
3.个人简历页面,实现用户个人简历的管理,包括查询、新增、编辑。个人简历包括用户基本信息、求职信息两部分。基本信息包括用户昵称、邮件、电话号码、性别,求职信息包括工作经验、最高学历、现居住地、期望职位、期望薪资、教育经历、个人简介。
任务5:绘制“看电影”模块界面原型(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“看电影”图标信息,进入看电影页面。
任务说明:
1.主页面,页面包括顶部导航栏目、宣传幻灯片、搜索、电影信息显示板块。具有返回按钮,点击返回按钮可以返回智慧城市主页面。下方搜索在页面搜索框下面显示电影信息并图文显示。
(1)页面顶部具有返回按钮,点击返回按钮返回智慧城市主页。
(2)产品功能宣传幻灯片展示。
(3)搜索,根据电影名称进行查询,结果列表显示在电影信息展示区。
(4)电影展示区列表均显示图片、影片名称、上映时间、时长等内容,默认显示1-5条,点击“查看更多”可查看所有电影信息。
2.信息详情页,点击电影列表中的某一部电影,进入到电影详情页面。详情页面分别展示电影封面图片、电影名称、评分、上映时间、想看人数等信息。底部展示主页按钮,点击“主页”,返回电影主页。
任务6:绘制“物流查询”模块界面原型(2分)
在智慧城市App主页面上的各个领域应用服务入口或全部服务,点击“物流查询”图标信息。进入物流查询服务页面。
任务说明:
1.进入物流查询主页面,页面显示返回上一页按钮、搜索输入框、广告轮播图、物流公司推荐、下方显示其他物流公司列表。
(1)搜索输入框:输入搜索内容后,点击软键盘“搜索”按钮,判断输入数据合法性后,跳转至物流运单详情页面。
(2)广告轮播图:每间隔3秒切换广告图。
(3)物流公司推荐:以图标和名称为单元格方式显示,手机端显示4个,共三行,每个类目入口布局显示为公司logo和物流公司名称,点击图标可以进入对应物流公司详情页面。
(4)其他物流公司列表:列表项显示物流公司名称,顺序按照物流公司名称首字母降序排列。
2.物流公司详情页面:点击首页的物流公司推荐图标信息,进入对应物流公司详情页面,页面展示新闻资讯轮播、公司简介、运输方式介绍、运费介绍信息。
3.物流运单详情页:首页搜索框输入运单号,点击搜索后进入运单详情页面,页面上方显示返回按钮及任务名称,下方显示带有运单号的搜索框,物流公司logo、名称和投诉电话图标,下部显示物流派送过程信息步进时间线,信息包括时间、地点和跟踪进度,底部显示物流投诉按钮。
4.投诉页面:点击物流运单详情页的投诉按钮,跳转至以往个人投诉列表页,点击新增按钮进入投诉新增页面,页面展示公司名称、运单号、投诉类别和投诉内容,点击确认按钮,提交成功后自动返回投诉列表页。
四、成果物提交
本模块竞赛结束前,将“初步设计.rar”文件提交到成果物管理平台(http://ip:port/),压缩包内包括:初步设计_限选主题.xd和初步设计_固定主题.xd。
注:根据二次加密分配的账号登录成果物管理平台。
模块C:功能模块开发
一、竞赛任务
此模块竞赛时间为6小时,分数为50分。
(一)竞赛主题
随着第五代移动通信技术(5G)高速发展,推动新一代信息技术与各个行业的融合发展,“智慧城市”这一概念随着城市化进程的快速发展应运而生。
智慧城市是指利用新一代信息技术,以整合、系统的方式管理城市运行体系,让城市中各个功能彼此协调运作,为城市中的企业提供优质的发展空间,为市民提供更高的生活品质,让城市成为适合人全面发展的城市,涵盖了智慧服务、智慧养老、智慧党建、智慧环保、智慧社区、精准扶贫、时代楷模等数十个场景。
图1 智慧城市系统架构
(二)基本要求
App UI尺寸自动适配开发电脑中提供的模拟器UI(iOS适配iPhone11模拟器)以及提供的手持手机设备或模拟器UI。
竞赛结束前,选手将“模块C:功能模块开发”的成果物,其中包括Android项目发布文件(SmartCity.apk)或iOS项目代码(SmartCity.zip)提交到平台服务器。
Android:在裁判计算机上,下载项目发布文件SmartCity.apk,安装到模拟器或真机上进行评判。
iOS:在裁判计算机上,下载项目代码,Xcode打开编译运行到iPhone11模拟器上进行评判。
二、任务
(一)任务1:应用架构设计(2分)
设计智慧城市App,利用移动开发工具(Android Studio/Xcode)创建SmartCity项目或HbuilderX打开项目,项目App显示智慧城市名称,实现项目的基本框架设计,并封装App与服务器通讯模块。
(二)任务2:应用主页面实现(4分)
进入App主页面(主页),彰显智慧城市风采,打造智慧型服务大厅,科技赋能,创新智能,打造视、听、触体验俱佳的业务服务大厅,同时供应多种智慧城市解决方案。
任务说明:
1.主页显示搜索输入框,输入搜索内容后,点击软键盘“搜索”按钮,跳转至搜索结果相关新闻资讯列表页面。
2.显示轮播图,点击轮播图跳转至对应页面。
注:轮播图资源通过服务器API接口获取。
3.显示智慧城市各领域应用服务入口,以图标和名称为单元宫格方式显示,手机端每行显示5个,按照优先级从高到低排序(数值越大优先级越高),共两行,第2行最后一个显示“更多服务”,点击“更多服务”进入全部服务页面。每个领域应用入口布局显示为圆形图标+名称布局,点击图标可进入对应的领域应用页面。
4.显示热门主题模块,手机端每行显示2个热门主题,每个主题入口布局为圆角(20dp)矩形图标,图标下为标题名称,多出的标题名称字用省略号显示,点击“热门主题”进入对应的主题页面。
5.显示新闻专栏,上方标签页方式显示新闻类别,下方显示新闻列表,列表项包括图片、新闻标题、新闻内容缩写(多出的字用省略号显示)、评论总数、发布时间等信息。
6.显示底部导航栏,采用图标加文字方式显示,图标在上,文字在下,共五个图标分别为首页、全部服务、中国智造、新闻、个人中心,点击标签进入对应页面,并颜色标记当前页面所在导航栏。
注:主页数据详见API接口文档。
(三)任务3:智慧巴士页面实现(6分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“智慧巴士”图标信息,进入智慧巴士页面。
任务说明:
1.页面显示巴士列表,列表显示路线名称、起终点、运行时间、票价、以及里程、巴士列表具有扩展显示该路线的各个站点功能。
2.点击班车列表新路线名称跳转到定制班车页面,信息如下:
(1)第一步页面:显示站点路线秒点地图、起点与重点名称、票价、里程等,具有“下一步”点击按钮以及“返回上级目录”按钮。
(2)第二步页面:显示日历日期,选中日历日期则显示出已经选中的日期,并且具有“下一步”点击按钮以及“返回上级目录”按钮。
(3)第三步页面:显示起点与重点名称,还具有乘客姓名、手机号码、上车地点、下车地点输入框,并且具有“下一步”点击按钮以及“返回上级目录”按钮。
(4)第四步页面:显示第三步页面,所填写的乘客信息、手机号码、上车地点、下车地点、乘车日期并且具有“提交订单”按钮以及“返回上级目录”按钮。
3.在应用的个人中心点击“我的订单”页面,页面显示待支付、已支付订单、订单列表显示路线名称、起终点、票价、订单编号、乘车日期。
(四)任务4:预约检车功能实现(6分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“预约检车”图标信息,进入预约检车页面。
任务说明:
1.默认进入“预约须知”进入预约须知页面,显示车辆预约须知提示等信息。
2.点击“车辆管理”进入车辆管理页面,列表显示车牌号、车架号、车辆类型、公里数、手机号等输入框信息,并可编辑。点击“添加”按钮可根据列表项的信息设计添加车辆信息功能。
3.点击“立即预约”,进入立即预约页面,具体如下:
(1)列表显示用户录入的车辆和单选框,单选预约的车辆,如果无车辆信息,则自动跳转至车辆管理页面。
(2)点击“选择时间”弹出时间(日期和小时)弹框,选择时间后点击“确认”获取并显示预约时间。
(3)点击“检车地点”弹出检车地点弹框列表,选择地点后点击“确认”获取检查地点。
(4)点击“预约”按钮,显示预约成功信息后自动跳转至“我的预约”页面。
4.点击“我的预约”进入我的预约页面,列表显示已经预约成功的车辆信息订单,包括车牌号、预约时间、预约检车地点等信息。
注:数据详见API接口文档。
(五)任务5:个人中心功能实现(4分)
在智慧城市App中,点击底部导航“个人中心”图标信息,进入个人中心页面。
任务说明:
1.首先进入个人中心页面,个人中心页面显示用户头像、账户、个人信息页面入口、订单列表页面入口、修改密码页面入口、意见反馈页面入口,点击退出按钮可退出登录。
2.点击个人信息跳转至个人信息页面,标签栏显示本页面标题,点击返回图标可返回到上一页,点击修改可保存修改的信息,可修改内容为:头像、昵称、性别、联系电话,注:手机号码后四位使用*号显示。
3.点击修改密码可进入修改密码页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入原密码与新密码,点击确定按钮可保存修改的信息。
4.点击订单列表可跳转到订单页面,标签栏显示本页面标题,点击返回图标可返回到上一页,页面内容展示所有订单、订单分类数据信息,订单显示信息有:订单号、订单类型、订单生成日期。点击订单可跳转至对应功能模块生成订单的详情页面。
5.点击意见反馈可跳转至意见反馈页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入反馈的内容,字数限制在150字以内,点击提交可提交反馈的意见。
注:数据详见API接口文档。
(六)任务6:看电影功能实现(5分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“看电影”图标信息,进入看电影页面。
任务说明:
1.主页面,页面包括顶部导航栏目、宣传幻灯片、搜索、电影信息显示板块。具有返回按钮,点击返回按钮可以返回智慧城市主页面。下方搜索在页面搜索框下面显示电影信息并图文显示。
(1)页面顶部具有返回按钮,点击返回按钮返回智慧城市主页。
(2)产品功能宣传幻灯片展示。
(3)搜索,根据电影名称进行查询,结果列表显示在电影信息展示区。
(4)电影展示区列表均显示图片、影片名称、上映时间、时长等内容,默认显示1-5条,点击“查看更多”可查看所有电影信息。
2.信息详情页,点击电影列表中的某一部电影,进入到电影详情页面。详情页面分别展示电影封面图片、电影名称、评分、上映时间、想看人数等信息。底部展示主页按钮,点击“主页”,返回电影主页。
(七)任务7:志愿服务功能实现(5分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“志愿服务”图标信息,进入志愿服务页面。
任务说明:
1.进入志愿服务主页面,页面显示返回上一页按钮、任务标题、轮播图、新闻列表和底部导航栏。
(1)轮播图:每隔3秒自动切换宣传图片。
(2)新闻列表:列表项信息包括图片、新闻片段、发布时间,优先顶部显示最新发布的新闻。
(3)底部导航栏包括志愿活动按钮和我的活动按钮,按钮以图标和文字为单元宫格方式显示,点击图标按钮跳转到对应页面。
2.进入志愿活动页面,页面包括搜索框、活动列表,列表信息包括活动标题、承办单位、活动开始时间、人员要求和报名按钮。点击列表项,跳转至活动详情页,点击列表项中的报名按钮,提示“报名成功”信息。点击列表项,跳转至活动详情页。搜索框输入搜索内容后,点击软键盘“搜索”按钮,刷新志愿活动列表页。
3.进入我的活动页面,页面分3个标签页,包括“已完成”“已报名”“已取消”,点击标签显示对应的列表页面。列表信息包括活动标题、承办单位、活动开始时间和人员要求。点击列表项,跳转至活动详情页。在已报名的列表项中包含一个“取消报名按钮”,点击取消报名按钮后,出现“已取消”的提示信息,并将相应的活动在已取消列表中显示。
4.进入活动详情页,活动详情页包括活动名称、活动简介、活动开始时间、人员要求、承办单位和工作内容。
根据上述说明,自行设计功能页面,无API接口,素材可参阅U盘。
(八)任务8:智慧社区功能实现(18分)
在智慧城市App中,点击底部导航“智慧社区”图标信息,进入智慧社区页面。
任务说明:
“智慧社区”是面向居家老人、社区及养老机构提供实时、快捷、高效、低成本智能化的养老服务平台。
随着经济的发展,人民的生活水平得到普遍提高,随之而来的是我国的老龄化程度越来越高,人们已经普遍意识到老龄化问题将会带来的问题。整个社会在趋向于“衰老型”发展,人口老龄化的问题日益严重,空巢老人的现象也日益加剧。呈现出老年人口基数大、增速快、高龄化、失能化、空巢化趋势明显的态势,再加上我国未富先老的国情和家庭小型化的结构叠加在一起,养老问题异常严峻。智慧社区平台主要围绕着利用先进的信息技术手段实现“以入住老人为中心,规范养老服务,强化养老管理”,同时,针对老年人心理生理特点,以信息化技术为核心,采用先进的计算机技术、通信技术、无线传输技术、控制技术,为老人提供一个安全、便捷、高效、舒适的养老综合服务。主要包括以下功能模块。
1.养老机构查询,养老机构推荐,养老机构评价。
2.健康评估,提交个人健康相关资料,包括身体基本状况,精神状态(正常、痴呆、抑郁、暴力),活动能力(正常,拄拐、轮椅、卧床),生活自理能力(饮食、洗澡、穿衣、修饰),评估需要配置哪些配套服务,计算出服务费用。
3.预约养老院,通过智慧社区平台,查询养老院的基础配套的设施设备以及服务体系,选择合适的养老院,在线预约预定。
4.现场办理完入住手续后,通过平台监测到老人入住的房间环境信息,如温湿度、二氧化碳浓度、PM2.5等环境数据;同时可以监测到老人健康状况,如心率、血压、体温、运动量、户外活动时间、体重等信息。
5.查询医护人员现场服务巡检记录,老人的餐饮服务记录,服务人员评价。
6.通过集中监测,观察其他入住老人的入住情况和身体概况。如入住率,老人的年龄分布,平均运动量,平均户外活动时间等。
根据上述说明,自行设计功能页面,无API接口,素材可参阅竞赛管理平台右侧资源下载区。
三、成果物提交
本模块竞赛结束前,将“成果物.rar”提交到成果物管理平台(http://ip:port/)上,如利用Android平台开发,压缩包内包括:SmartCity.apk;如利用iOS平台开发,压缩包内包括:SmartCity工程文件夹。
Android:在裁判计算机上,下载项目发布文件SmartCity.apk,安装到模拟器或真机上进行评判。
iOS平台:在裁判计算机上,下载项目代码SmartCity.rar,编译运行到iPhone11模拟器上进行评判。
注:根据二次加密分配的账号登录成果物管理平台。
模块D:测试与交付
一、竞赛任务
此模块竞赛时间为3小时,分数为18分。
(一)待测系统描述
图1 智慧城市系统架构
随着第五代移动通信技术(5G)高速发展,推动新一代信息技术与各个行业的融合发展,“智慧城市”这一概念随着城市化进程的快速发展应运而生。
智慧城市是指利用新一代信息技术,以整合、系统的方式管理城市运行体系,让城市中各个功能彼此协调运作,为城市中的企业提供优质的发展空间,为市民提供更高的生活品质,让城市成为适合人全面发展的城市,涵盖了智慧服务、智慧养老、智慧党建、智慧环保、智慧社区、精准扶贫、时代楷模等数十个场景。
(二)待测应用安装
1.从平台——模块D:测试与交付——资源下载——智慧城市.apk文件开发计算机中。
2.运行开发机中的Android模拟器,将apk文件安装到模拟器或真机中,启动App,配置服务器的IP和端口,准备运行测试。
(三)基本要求
使用平台——模块D:测试与交付——资源下载目录中的资源进行操作和设计。
二、任务要求
本模块主要考查产品测试以及交付工作,考查测试用例设计编写能力,考生需了解被测系统的功能设计,掌握测试流程和测试规范,具备撰写操作文档的综合能力。以下为每个任务的具体说明,考生请按照要求,逐一完成任务并结合成果提交的模板要求,提交成果物。
(一)任务1:编写并执行测试用例(6分)
基于指定功能模块,按照表1要求完成。
表1 功能模块说明
序号 功能模块 说明
1 引导页 本功能模块编写至少4个测试用例。
2 主页面 本功能模块编写至少6个测试用例。
3 个人中心 本功能模块编写至少10个测试用例。
4 全部服务 本功能模块编写至少3个测试用例。
5 新闻 本功能模块编写至少2个测试用例。
6 地铁查询 本功能模块编写至少4个测试用例。
7 停车场 本功能模块编写至少5个测试用例。
8 定制班车 本功能模块编写至少5个测试用例。
9 违章查询 本功能模块编写至少5个测试用例。
10 生活缴费 本功能模块编写至少5个测试用例。
11 门诊预约 本功能模块编写至少5个测试用例。
测试用例样例见表2(具体详见平台——模块D:测试与交付——测试用例模板.xlsx):
表2 测试用例样例
系统 模块 用例 编号 用例 描述 前置条件 操作步骤 预期 结果 测试结果
1.登录验证 1.1.1 新增用户动作 系统用户已经登录系统,点击新增,已经跳转到新增页面 输入正确用户基本信息,并点击确定 点击确定保存成功 测试通过
(二)任务2:缺陷分析(6分)
针对本次被测系统进行全范围测查找出至少10个Bug,根据找出的Bug进行缺陷分析。
缺陷表格样例见表3(具体详见平台——模块D:测试与交付——缺陷分析报告模板.docx):
表3 缺陷表格样例
缺陷编号 001
缺陷简要描述 点击紧急调度功能,查看选择在线医生在线查房功能,无法分配医生。
缺陷重现步骤 1.用户成功登录系统; 2.点击紧急调度功能; 3.查看选择在线医生在线查房功能,无法分配医生。
缺陷验证程度 严重 等级分:(致命、严重、一般、提示)
涉及功能模块 登录校验
缺陷分析原因 已经达到最大分配最大额度查房数量,无法分配该医生进行查房。
(三)任务3:撰写产品操作手册(6分)
编写手册的重要指导原则包括:
1.语言通俗易懂,手册中应当使用大众化的语言,便于使用者理解;
2.对关键词语加以解释,在手册中出现特定的概念或是可能引起歧义的词语应当加以解释,减少误解;
3.说明尽量详细,在对产品功能、使用方法进行介绍时,应尽量详细并通俗易懂;
4.图文并茂,对于软件产品的关键对话框、显示结果,应当附加对应的图片,以增加可视性,方便用户理解;
5.提示相关内容,在手册中提及本手册中含有的其他内容时,应指出被提及的内容在手册中的位置,便于用户查阅。
在模拟器或真机中运行待测App,对App功能进行梳理分析,利用平台——产品操作手册模板.docx文件设计产品操作手册,具体规范如下描述:
第一部分:编写待测App的产品定位中心叙述(的总体介绍及特点),以及罗列出核心功能点名称,与运行待测App的基础环境(软、硬件环境)。
第二部分:编写软件产品的安装方法以及各种软硬件环境的设置方法。对于可能会出现的问题,如软、硬件冲突,给出解决方法。
第三部分:编写上述功能点的指导说明,准确叙述用户操作行为,将功能变为具体化、形象化、更真切,以便于读者理解具体内容,加强说服力。即通过一些例子,介绍完成这些任务的操作方法和过程。
第四部分:编写需要指出使用待测App的常规注意事项,进行说明,提示用户规避使用不规范等操作。对用户使用容易发生的问题或用户常见的错误给出解决方法。
三、成果物提交
本模块竞赛结束前,将“成果物.rar”文件提交到成果物管理平台(http://ip:port/)上,压缩包内包括:测试用例.xlsx、缺陷分析报告.docx和产品操作手册.docx三个文件。
注:根据二次加密分配的账号登录成果物管理平台。
第 40 页 / 共 40 页移动应用开发赛项竞赛试题
(08卷)
竞赛说明
一、竞赛安排
赛卷分模块A、模块B、模块C、模块D四个部分。
模块编号 模块名称 竞赛时间 分数 备注
A 需求分析 3小时 16分 第一天上午
B 初步设计 3小时 16分 第一天下午
C 功能模块开发 6小时 50分 第二天全天
D 测试与交付 3小时 18分 第三天上午
合计 100分
二、竞赛主题
本赛项面向产业主流技术,对接国际标准,旨在通过融合世界技能大赛的技术标准和规则要求,引领和促进教学改革,提升职业教育的国际化水平;通过完成一个完整的工作过程,使参赛选手、裁判、教师等相关人员,熟悉并掌握世界技能大赛的技术规范和技术标准,检验教学质量,达到“以赛促教”“以赛促学”“以赛促改”“以赛促建”的目的。
本赛项以智慧城市为背景,重点考查参赛选手在移动应用开发实际工程项目中的综合分析能力、架构设计能力、编码能力、文档编写能力、数据分析能力、创意创新能力、产品测试和交付能力;展现移动应用开发专业学生技能与风采,使教师和学生更全面的了解岗位需求,提升移动应用开发专业人才培养质量和就业质量。同时培养选手的沟通与交流能力、抗压能力、6S规范等职业素质;激发学生的求知欲和教师的爱岗敬业的工匠精神,带动广大青年学生钻研技术、苦练技能、走技能成才之路。
三、成果物管理平台
移动应用开发赛项提供的成果管理平台,选手根据分配的账号登录系统,把A、B、C、D四个模块的任务要求提交对应的成果物,裁判基于平台下载对应选手竞赛成果物,进行评判。
1.用户登录
图1 成果物管理平台登录界面
输入预先发放给参赛选手的账号和密码登录成果物管理平台,登录界面见图1,每个模块比赛结束后系统进入锁定状态,选手无法登录。
2.模块成果物上传
图2 成果物管理平台后台管理界面
参赛选手在比赛结束前可以自愿修改重新上传成果物,比赛结束后系统自动锁定。参赛选手成果物提交情况将实时同步比赛现场大屏幕。
四、竞赛注意事项
提交的文档、原型、代码、App等资源内容中不能填写与选手相关的信息,如赛位号、姓名和院校。如出现上述标记,本模块成绩按照零分处理。
模块A:需求分析
一、竞赛任务
此模块竞赛时间为3小时,分数为16分。
竞赛主题描述
图1 智慧城市系统架构
本次竞赛任务,以需求分析为目标,以智慧城市为背景,通过限选主题和固定主题(便民服务)结合的形式,对需求进行理解、分析,并最终以提供的需求分析说明书为模板,编写一份完整的需求规格说明书。
编写需求规格说明书是为了详细呈现智慧城市移动App产品需求和系统的功能描述,以进一步定制移动App开发的细节问题,便于与项目开发协调工作,希望能使本软件开发工作更明确、更具体。
(二)功能概述
本次竞赛分为两部分任务:
第一个任务,按照选定的一个主题方向,进行需求的自定义梳理与规划,依据给定的需求规格说明书(模板),进行需求规格的逐一描述,编制对应业务流程图/活动图、原型草图、用例图、类图、时序图和对应模块概要设计。
第二个任务,依据给定便民服务主题的需求说明,进行需求分析设计,结合功能需求编制对应业务流程图/活动图、原型草图、类图、时序图和对应模块概要设计。
(三)基本要求
使用平台——模块A:需求分析——资源下载——《需求规格说明书(模板)》进行需求分析文档编制。
二、任务:限选主题分析设计(4分)
(一)主题背景
“智慧社区”是面向居家老人、社区及养老机构提供实时、快捷、高效、低成本智能化的养老服务平台。
随着经济的发展,人民的生活水平得到普遍提高,随之而来的是我国的老龄化程度越来越高,人们已经普遍意识到老龄化问题将会带来的问题。整个社会在趋向于“衰老型”发展,人口老龄化的问题日益严重,空巢老人的现象也日益加剧。呈现出老年人口基数大、增速快、高龄化、失能化、空巢化趋势明显的态势,再加上我国未富先老的国情和家庭小型化的结构叠加在一起,养老问题异常严峻。智慧社区平台主要围绕着利用先进的信息技术手段实现“以入住老人为中心,规范养老服务,强化养老管理”,同时,针对老年人心理生理特点,以信息化技术为核心,采用先进的计算机技术、通信技术、无线传输技术、控制技术,为老人提供一个安全、便捷、高效、舒适的养老综合服务。
1.养老机构查询,养老机构推荐,养老机构评价。
2.健康评估,提交个人健康相关资料,包括身体基本状况,精神状态(正常、痴呆、抑郁、暴力),活动能力(正常,拄拐、轮椅、卧床),生活自理能力(饮食、洗澡、穿衣、修饰),评估需要配置哪些配套服务,计算出服务费用。
3.预约养老院,通过智慧社区平台,查询养老院的基础配套的设施设备以及服务体系,选择合适的养老院,在线预约预定。
4.现场办理完入住手续后,通过平台监测到老人入住的房间环境信息,如温湿度、二氧化碳浓度、PM2.5等环境数据;同时可以监测到老人健康状况,如心率、血压、体温、运动量、户外活动时间、体重等信息。
5.查询医护人员现场服务巡检记录,老人的餐饮服务记录,服务人员评价。
6.通过集中监测,观察其他入住老人的入住情况和身体概况。如入住率,老人的年龄分布,平均运动量,平均户外活动时间等。
三、任务:固定主题分析设计(12分)
(一)主题背景
智慧城市是一个比较大的系统工程,涉及领域众多,但在终极目标上简单明确,那就是服务民众,让民众的城市生活更美好。在便民惠民服务中,可以看到医疗、教育、金融、交通等领域成为热门。
搭建智慧城市的便民服务平台不仅要利用最先进的互联网线上手段,做好线上渠道,还要利用好传统的线下渠道,实现多渠道、广覆盖。如今提到一站式的服务平台,首先想到的就是各种移动客户端,利用线上线下更好的服务大众。便民服务平台作为智慧城市在产品层面的一个重要体现,成为一个大众参与的产品是其发展趋势和出路。
(二)任务要求
基于给定垃圾分类、律师咨询主页面、数据分析、个人中心等5个功能需求描述,撰写流程图/活动图、用例图、类图、时序图等概要设计。
任务1:主页面功能模块描述(2分)
智慧城市App启动后,进入主页面。
任务说明:
1.主页显示搜索输入框,输入搜索内容后,点击软键盘“搜索”按钮,跳转至搜索结果相关新闻资讯列表页面。
2.显示轮播图,点击轮播图跳转至对应页面。
3.显示智慧城市各领域推荐应用服务入口,以图标和名称为单元宫格方式显示,手机端每行显示5个,按照优先级从高到低排序(数值越大优先级越高),共两行,第2行最后一个显示“更多服务”,点击“更多服务”进入对应页面。每个领域应用入口布局显示为圆形图标,图标下为名称,点击图标可进入对应的领域应用页面。
4.显示热门主题模块,手机端每行显示2个热门主题,每个主题入口布局为圆角(20dp)矩形图标,图标下为标题名称,多出的标题名称用省略号显示,点击“热门主题”进入到对应的主题页面。
5.显示新闻专栏,上方标签页方式显示新闻类别,下方显示新闻列表,列表项包括图片、新闻标题、新闻内容缩写(多出的字用省略号显示),评论总数,发布时间等信息。
6.显示底部导航栏,采用图标加文字方式显示,图标在上,文字在下,共四个图标分别为首页、全部服务、新闻、个人中心,点击标签进入对应页面,并颜色标记当前页面所在导航栏。
任务2:个人中心功能模块描述(2分)
在智慧城市App中,点击底部导航“个人中心”图标信息,进入个人中心页面。
任务说明:
1.首先进入个人中心页面,个人中心页面显示用户头像、账户、个人信息页面入口、订单列表页面入口、修改密码页面入口、意见反馈页面入口,点击“退出”按钮可退出登录。
2.点击个人信息跳转至个人信息页面,标签栏显示本页面标题,点击返回图标可返回到上一页,点击修改可保存修改的信息,可修改内容为:头像、昵称、性别、联系电话,注:手机号码后四位使用*号显示。
3.点击修改密码可进入修改密码页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入原密码与新密码,点击“确定”按钮可保存修改的信息。
4.点击订单列表可跳转到订单页面,标签栏显示本页面标题,点击返回图标可返回到上一页,页面内容展示所有订单、订单分类数据信息,订单显示信息有:订单号、订单类型、订单生成日期。点击订单可跳转至对应功能模块生成订单的详情页面。
5.点击意见反馈可跳转至意见反馈页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入反馈的内容,字数限制在150字以内,点击提交可提交反馈的意见。
任务3:垃圾分类功能模块描述(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“垃圾分类宝典”图标信息,进入垃圾分类宝典页面。
任务说明:
1.进入垃圾分类宝典页面。页面左上角显示返回上一页按钮。
(1)顶部展示垃圾分类新闻宣传轮播图。
(2)轮播图下方两个长方形导航图片按钮,搜索与分类。
(3)接下来为4个选项卡。分别为新时尚,党员在行动,分类达人,社区动态。每个选项卡内,新闻条目按时间降序排列。每条显示两行标题文字,多余采用缩略符。标题下面为日期时间。右侧为长方形新闻图片。点击新闻条目进入详情页。详细页内显示标题,发布人,发布时间,正文。
(4)新闻正文页底部可以匿名评论,文本框30字,点击评论按钮后发布评论。
2.点击搜索长方形导航图片按钮导航到搜索页。页面左上角显示返回上一页按钮。
(1)顶部展示垃圾分类宣传海报轮播图。
(2)下方为垃圾物品分类搜索框,输入分类,点击搜索,结果页居中显示分类图片名称,下面是分类文字描述。中部显示4列4行图片宫格,为该类常见垃圾物品,宫格以图片和文字进行展示。底部为可回收物投放指导,说明该物品丢弃前的必要环节处理。
(3)搜索框下方为热门搜索,列出最热门的可回收物品词汇。
3.点击分类导航图片按钮跳转至分类页。页面左上角显示返回上一页按钮。
(1)上部展示一张垃圾分类宣传海报,给人以直观感受。
(2)下方为4个正方形不同颜色的分类按钮,分别为可回收物,有害垃圾,湿垃圾,干垃圾。点击分类按钮,进入分类介绍页,顶部左侧为正方形分类图标,右侧为分类说明,分类介绍页下部为投放要求。
(3)分类按钮下面为4栏常见分类的关键词索引,即每栏4列5行20种常见该类垃圾。点击常见垃圾关键词,进入详情页,页面左上角显示返回上一页按钮,顶部标题指出该垃圾所属分类下方为分类介绍,左侧为正方形分类图标,右侧为分类说明,分类介绍页下部为投放要求。
任务4:律师咨询主页功能模块描述(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“律师咨询主页”图标信息,进入律师咨询页面。
任务说明:
1.进入律师咨询主页面,页面显示返回上一页按钮、搜索输入框、广告轮播图、法律专长、我的咨询图片和本月上榜优选律师。
(1)搜索输入框:输入搜索内容后,点击软键盘“搜索”按钮,跳转至搜索结果律师列表页面,列表内容包括头像、名称、从业年限、咨询人数、法律专长、好评率和咨询按钮,点击咨询按钮,跳转至律师详情页。
(2)广告轮播图:每隔3秒自动切换广告图。
(3)法律专长:以图标和名称为单元宫格方式显示,手机端每行显示4个,按照优先级由高到低排序,共两行,左右滑动可切换显示类目。每个类目入口布局显示为圆形图标和名称布局,点击图标,进入法律专长列表页。
(4)我的咨询:显示我的咨询图片。
(5)本月上榜优选律师:显示当月好评率最高的10位律师列表和查看更多,列表内容包括律师头像、名称、从业年限、咨询人数、法律专长、好评率和咨询按钮,点击咨询按钮,跳转至律师详情页;点击查看更多跳转至律师列表页。
2.法律专长列表页,页面显示所有类目,以图标和名称为单元宫格方式显示,手机端每行显示4个,按照优先级由高到低排序,每个类目入口布局显示为圆形图标和名称布局,点击图标可进入对应的律师列表页面。
3.律师列表页,上部显示排序方式和筛选,排序方式包括默认排序、从业年限、服务人数和好评率,点击后改变列表排序方式,点击筛选,弹出全部法律专长列表,以图标和名称为单元宫格方式显示,手机端每行显示4个,按照优先级由高到低排序,点击图标,选定法律专长,并隐藏法律专长列表;下方显示律师列表,列表内容包括头像、名称、从业年限、咨询人数、法律专长、好评率和咨询按钮,点击咨询按钮,跳转至律师详情页。
4.律师详情页,上部显示头像、名称、法律专长、咨询人数和服务次数;下部显示两个tab页,分别是服务方式和用户评价,点击服务方式,展示律师基本信息、律师个人简介和律师证展示照片,律师基本信息包括教育背景、从业年限和执业证号;点击用户评价,展示评价列表,内容包括用户头像、昵称、评价时间、评价内容、点赞按钮和点赞数量,点击点赞按钮切换点赞状态;底部显示免费咨询按钮。
任务5:律师咨询功能模块描述(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“律师咨询”图标信息,进入律师咨询页面。
任务说明:
1.在律师咨询主页面,点击我的咨询图片,跳转至咨询列表页。页面上部显示受理状态筛选条件,可以筛选列表,下部显示咨询列表,列表内容包括律师信息、受理状态和提交时间;律师信息包括头像、名称、法律专长,点击咨询项,跳转到咨询详情页。
2.咨询详情页,上部显示律师信息,包括头像、名称、从业年限、咨询人数、法律专长和好评率;下部显示问题信息。内容包括:受理状态、问题类型、问题描述、上传的图片和联系电话;如果咨询已完结,则底部显示评价按钮,点击评价按钮页面跳转至服务评价页。
3.服务评价页,显示评分选项、评价本文框和提交评价按钮,评分最多可选5颗星,最少可选1颗星,点击评价按钮完成评价。
4.在律师详情页面中,点击免费咨询按钮,跳转至咨询页;上部显示律师信息,包括头像、名称、从业年限、咨询人数、法律专长和好评率;下部显示问题填写信息,内容包括:问题类型、问题描述、上传的图片和联系电话;点击请选择问题类型,弹出全部法律专长列表,以名称为单元宫格方式显示,手机端每行显示4个,按照优先级由高到低排序,点击名称,选定法律专长,并隐藏法律专长列表;底部显示提交按钮,点击提交按钮,完成问题提交,跳转至上一页。
任务6:数据分析功能实现(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“数据分析”图标信息,进入数据分析页面。
任务说明:
智慧城市重要职能是采集、存储、分析、挖掘城市运行中的所承受的大数据,具备全面感知和全面分析的能力,同时能够展示和扩展。
智慧城市的建设,有利于解决城市发展问题,有利于提升城市信息管理水平。
主要包括以下功能模块。
1.柱状图:请分析前5条法律专长的咨询数量,横坐标为法律专长名称,纵坐标为咨询数量;
2.折线图:请分析法律咨询记录,横坐标为月份,纵坐标为咨询数量次数;
四、成果物提交
本模块竞赛结束前,将“需求规格说明书.docx”提交到成果物管理平台(http://ip:port/)。
需求规格说明书(模板)文件内容中不能撰写与选手相关的信息,如赛位号、姓名和院校等。如出现上述信息标记,本模块记零分。
注:根据二次加密分配的账号登录成果物管理平台。
模块B:初步设计
一、竞赛任务
此模块竞赛时间为3小时,分数为16分。
(一)竞赛主题
随着第五代移动通信技术(5G)高速发展,推动新一代信息技术与各个行业的融合发展,“智慧城市”这一概念随着城市化进程的快速发展应运而生。
智慧城市是指利用新一代信息技术,以整合、系统的方式管理城市运行体系,让城市中各个功能彼此协调运作,为城市中的企业提供优质的发展空间,为市民提供更高的生活品质,让城市成为适合人全面发展的城市,涵盖了智慧服务、智慧养老、智慧党建、智慧环保、智慧社区、精准扶贫、时代楷模等数十个场景。
图1 智慧城市系统架构
(二)基本要求
1.使用Adobe XD或者Sketch软件,参照模块功能要求,进行该功能模块的页面原型设计,制作页面原型参阅iOS、谷歌的Material Design设计规范。
2.画板尺寸为750px×1334px,状态栏高度40px,标题栏高度为88px,标签栏高度为98px。
3.原型绘制画板大小尺寸及各部分内容区尺寸参考。
图2 尺寸参考图
4.当内容超出高度区域时,设置滚动区域来显示内容。
5.画板要对齐,界面版式布局合理、美观,内容完整;同样功能请复用样式,避免一种功能、两种样式的情况。
6.原型要有交互设计内容,用户体验良好。检查存在的漏洞,防止出现异常流程和内容状态。
7.页面所需数据,详见API接口文档,利用Postman工具获取。API接口文档和部分素材详见平台——模块B:初步设计——资源下载——01设计素材。
二、任务:限选主题功能初步设计(4分)
“智慧社区”是面向居家老人、社区及养老机构提供实时、快捷、高效、低成本智能化的养老服务平台。
随着经济的发展,人民的生活水平得到普遍提高,随之而来的是我国的老龄化程度越来越高,人们已经普遍意识到老龄化问题将会带来的问题。整个社会在趋向于“衰老型”发展,人口老龄化的问题日益严重,空巢老人的现象也日益加剧。呈现出老年人口基数大、增速快、高龄化、失能化、空巢化趋势明显的态势,再加上我国未富先老的国情和家庭小型化的结构叠加在一起,养老问题异常严峻。智慧社区平台主要围绕着利用先进的信息技术手段实现“以入住老人为中心,规范养老服务,强化养老管理”,同时,针对老年人心理生理特点,以信息化技术为核心,采用先进的计算机技术、通信技术、无线传输技术、控制技术,为老人提供一个安全、便捷、高效、舒适的养老综合服务。
1.养老机构查询,养老机构推荐,养老机构评价。
2.健康评估,提交个人健康相关资料,包括身体基本状况,精神状态(正常、痴呆、抑郁、暴力),活动能力(正常,拄拐、轮椅、卧床),生活自理能力(饮食、洗澡、穿衣、修饰),评估需要配置哪些配套服务,计算出服务费用。
3.预约养老院,通过智慧社区平台,查询养老院的基础配套的设施设备以及服务体系,选择合适的养老院,在线预约预定。
4.现场办理完入住手续后,通过平台监测到老人入住的房间环境信息,如温湿度、二氧化碳浓度、PM2.5等环境数据;同时可以监测到老人健康状况,如心率、血压、体温、运动量、户外活动时间、体重等信息。
5.查询医护人员现场服务巡检记录,老人的餐饮服务记录,服务人员评价。
6.通过集中监测,观察其他入住老人的入住情况和身体概况。如入住率,老人的年龄分布,平均运动量,平均户外活动时间等。
(二)任务要求
1.基于智慧城市系统架构,以智慧社区为背景,规划整理智慧社区App需求,在功能架构体系总至少规划设计6个功能,并自主绘制智慧社区App初步设计原型。
2.利用Adobe XD或者Sketch软件,新建“初步设计_限选主题.xd”文件,绘制智慧社区App页面原型,每个功能至少一个画板。
3.画板之间具有交互功能体现。
4.页面设计美观大方,符合人体工学操作逻辑。
三、任务:固定主题功能初步设计(12分)
(一)任务要求
1.基于智慧城市系统中的便民服务功能需求描述,设计智慧服务App进行初步设计。
2.利用Adobe XD/Sketch软件,新建“初步设计_固定主题.xd”文件,绘制便民服务给定的功能页面原型,每个功能至少一个画板。
3.画板之间具有交互功能体现。
4.页面设计美观大方,符合人体工学操作逻辑。
(二)任务说明
任务1:绘制“主页面”模块界面原型(2分)
智慧城市App启动后,进入App主页面(主页),彰显智慧城市风采,打造智慧型服务大厅,科技赋能,创新智能,打造视、听、触体验具佳的业务服务大厅,同时提供多种智慧城市解决方案。
任务说明:
1.主页显示搜索输入框,输入搜索内容后,点击软键盘“搜索”按钮,跳转至搜索结果相关新闻资讯列表页面。
2.显示轮播图,点击轮播图跳转至对应页面。
注:轮播图资源通过服务器API接口获取。
3.显示智慧城市各领域应用服务入口,以图标和名称为单元宫格方式显示,手机端每行显示5个,共两行,第2行最后一个显示“更多服务”,点击“更多服务”进入对应页面。每个领域应用入口布局显示为圆形图标,图标下为名称,点击图标可进入对应的领域应用页面。
4.显示热门主题模块,手机端每行显示2个热门主题,每个主题入口布局为圆角(20dp)矩形图标,图标下为标题名称,多出的标题名称字用省略号显示,点击“热门主题”进入到对应的主题页面。
5.显示新闻专栏,上方标签页方式显示新闻类别,下方显示新闻列表,列表项包括图片、新闻标题、新闻内容缩写(多出的字用省略号显示)、评论总数、发布时间等信息。
6.显示底部导航栏,采用图标加文字方式显示,图标在上,文字在下,共四个图标分别为首页、全部服务、新闻、个人中心,点击标签进入对应页面,并颜色标记当前页面所在导航栏。
任务2:绘制“个人中心”模块界面原型(2分)
在智慧城市App中,点击底部导航“个人中心”图标信息,进入个人中心页面。
任务说明:
1.首先进入个人中心页面,个人中心页面显示用户头像、账户、个人信息页面入口、订单列表页面入口、修改密码页面入口、意见反馈页面入口,点击“退出”按钮可退出登录。
2.点击个人信息跳转至个人信息页面,标签栏显示本页面标题,点击返回图标可返回到上一页,点击修改可保存修改的信息,可修改内容为:头像、昵称、性别、联系电话,注:手机号码后四位使用*号显示。
3.点击修改密码可进入修改密码页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入原密码与新密码,点击“确定”按钮可保存修改的信息。
4.点击订单列表可跳转到订单页面,标签栏显示本页面标题,点击返回图标可返回到上一页,页面内容展示所有订单、订单分类数据信息,订单显示信息有:订单号、订单类型、订单生成日期。点击订单可跳转至对应功能模块生成订单的详情页面。
5.点击意见反馈可跳转至意见反馈页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入反馈的内容,字数限制在150字以内,点击提交可提交反馈的意见。
任务3:绘制“青年驿站”模块界面原型(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“青年驿站”图标信息,进入青年驿站页面。
任务说明:
1.进入青年驿站页面,页面左上角显示返回上一页按钮。
(1)上部展示一张青年驿站照片,在该图片下方对青年驿站做简单的文字概述。
(2)中部显示3列宫格,分别为各区标志性建筑,点击方格进入后为该区人才政策页。
(3)下部为青年驿站列表。列表项第一行左侧方形该青年驿站正方形照片,右侧为青年驿站名称。青年驿站名称下方要显示剩余床位数,分男女两项。床位数下方显示该驿站所在详细地址,单行过长要折行。点击第一行进入该驿站详情页。第二行为可以上下收缩的站点介绍,点击前显示站点介绍按钮,点击后向下展示该驿站详情,再次点击收缩。
2.进入驿站详情页页面,页面左上角显示返回上一页按钮。
(1)顶端展示7张该驿站轮播照片,下方为该驿站地址,地址过长需换行,地址下面显示该驿站联系电话和提示办理入住时间段,入住时间下方显示男女显示剩余床位数。
(2)下部为驿站详细介绍,文本分为4部分:驿站简介、房间配置、周边配套和特色服务。
3.从各区人才政策导航宫格按钮进入人才页,页面左上角显示返回上一页按钮。
(1)区人才政策页上方为该区标志性建筑图片,图片下方为该区简介,简介下方为该区人才政策文件列表,按发布时间顺序从新到旧,每条分为两行,一行标题,一行日期。
(2)政策列表条目点击进入后为内容页,信息包括标题、日期、内容和发布者。
任务4:绘制“律师咨询主页”模块界面原型(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“律师咨询主页”图标信息,进入律师咨询页面。
任务说明:
1.进入律师咨询主页面,页面显示返回上一页按钮、搜索输入框、广告轮播图、法律专长、我的咨询图片和本月上榜优选律师。
(1)搜索输入框:输入搜索内容后,点击软键盘“搜索”按钮,跳转至搜索结果律师列表页面,列表内容包括头像、名称、从业年限、咨询人数、法律专长、好评率和咨询按钮,点击咨询按钮,跳转至律师详情页。
(2)广告轮播图:每隔3秒自动切换广告图。
(3)法律专长:以图标和名称为单元宫格方式显示,手机端每行显示4个,按照优先级由高到低排序,共两行,左右滑动可切换显示类目。每个类目入口布局显示为圆形图标和名称布局,点击图标,进入法律专长列表页。
(4)我的咨询:显示我的咨询图片。
(5)本月上榜优选律师:显示当月好评率最高的10位律师列表和查看更多,列表内容包括律师头像、名称、从业年限、咨询人数、法律专长、好评率和咨询按钮,点击咨询按钮,跳转至律师详情页;点击查看更多跳转至律师列表页。
2.法律专长列表页,页面显示所有类目,以图标和名称为单元宫格方式显示,手机端每行显示4个,按照优先级由高到低排序,每个类目入口布局显示为圆形图标和名称布局,点击图标可进入对应的律师列表页面。
3.律师列表页,上部显示排序方式和筛选,排序方式包括默认排序、从业年限、服务人数和好评率,点击后改变列表排序方式,点击筛选,弹出全部法律专长列表,以图标和名称为单元宫格方式显示,手机端每行显示4个,按照优先级由高到低排序,点击图标,选定法律专长,并隐藏法律专长列表;下方显示律师列表,列表内容包括头像、名称、从业年限、咨询人数、法律专长、好评率和咨询按钮,点击咨询按钮,跳转至律师详情页。
4.律师详情页,上部显示头像、名称、法律专长、咨询人数和服务次数;下部显示两个tab页,分别是服务方式和用户评价,点击服务方式,展示律师基本信息、律师个人简介和律师证展示照片,律师基本信息包括教育背景、从业年限和执业证号;点击用户评价,展示评价列表,内容包括用户头像、昵称、评价时间、评价内容、点赞按钮和点赞数量,点击点赞按钮切换点赞状态;底部显示免费咨询按钮。
任务5:绘制“律师咨询”模块界面原型(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“律师咨询”图标信息,进入律师咨询页面。
任务说明:
1.在律师咨询主页面,点击我的咨询图片,跳转至咨询列表页。页面上部显示受理状态筛选条件,可以筛选列表,下部显示咨询列表,列表内容包括律师信息、受理状态和提交时间;律师信息包括头像、名称、法律专长,点击咨询项,跳转到咨询详情页。
2.咨询详情页,上部显示律师信息,包括头像、名称、从业年限、咨询人数、法律专长和好评率;下部显示问题信息。内容包括:受理状态、问题类型、问题描述、上传的图片和联系电话;如果咨询已完结,则底部显示评价按钮,点击评价按钮页面跳转至服务评价页。
3.服务评价页,显示评分选项、评价本文框和提交评价按钮,评分最多可选5颗星,最少可选1颗星,点击评价按钮完成评价。
4.在律师详情页面中,点击免费咨询按钮,跳转至咨询页;上部显示律师信息,包括头像、名称、从业年限、咨询人数、法律专长和好评率;下部显示问题填写信息,内容包括:问题类型、问题描述、上传的图片和联系电话;点击请选择问题类型,弹出全部法律专长列表,以名称为单元宫格方式显示,手机端每行显示4个,按照优先级由高到低排序,点击名称,选定法律专长,并隐藏法律专长列表;底部显示提交按钮,点击提交按钮,完成问题提交,跳转至上一页。
任务6:绘制“数据分析”模块界面原型(2分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“数据分析”图标信息,进入数据分析页面。
任务说明:
智慧城市重要职能是采集、存储、分析、挖掘城市运行中的所承受的大数据,具备全面感知和全面分析的能力,同时能够展示和扩展。
智慧城市的建设,有利于解决城市发展问题,有利于提升城市信息管理水平。
主要包括以下功能模块。
1.柱状图:请分析前5条法律专长的咨询数量,横坐标为法律专长名称,纵坐标为咨询数量;
2.折线图:请分析法律咨询记录,横坐标为月份,纵坐标为咨询数量次数;
注:接口数据详见API接口文档(需要自行处理、合并封装、解析相应接口返回的数据)。
四、成果物提交
本模块竞赛结束前,将“初步设计.rar”文件提交到成果物管理平台(http://ip:port/),压缩包内包括:初步设计_限选主题.xd和初步设计_固定主题.xd。
注:根据二次加密分配的账号登录成果物管理平台。
模块C:功能模块开发
一、竞赛任务
此模块竞赛时间为6小时,分数为50分。
(一)竞赛主题
随着第五代移动通信技术(5G)高速发展,推动新一代信息技术与各个行业的融合发展,“智慧城市”这一概念随着城市化进程的快速发展应运而生。
智慧城市是指利用新一代信息技术,以整合、系统的方式管理城市运行体系,让城市中各个功能彼此协调运作,为城市中的企业提供优质的发展空间,为市民提供更高的生活品质,让城市成为适合人全面发展的城市,涵盖了智慧服务、智慧养老、智慧党建、智慧环保、智慧社区、精准扶贫、时代楷模等数十个场景。
图1 智慧城市系统架构
(二)基本要求
App UI尺寸自动适配开发电脑中提供的模拟器UI(iOS适配iPhone11模拟器)以及提供的手持手机设备或模拟器UI。
竞赛结束前,选手将“模块C:功能模块开发”的成果物,其中包括Android项目发布文件(SmartCity.apk)或iOS项目代码(SmartCity.zip)提交到平台服务器。
Android:在裁判计算机上,下载项目发布文件SmartCity.apk,安装到模拟器或真机上进行评判。
iOS:在裁判计算机上,下载项目代码,Xcode打开编译运行到iPhone11模拟器上进行评判。
二、任务
(一)任务1:应用架构设计(2分)
设计智慧城市App,利用移动开发工具(Android Studio/Xcode)创建SmartCity项目或HbuilderX打开项目,项目App显示智慧城市名称,实现项目的基本框架设计,并封装App与服务器通讯模块。
(二)任务2:应用主页面实现(2分)
进入App主页面(主页),彰显智慧城市风采,打造智慧型服务大厅,科技赋能,创新智能,打造视、听、触体验具佳的业务服务大厅,同时供应多种智慧城市解决方案。
任务说明:
1.主页显示搜索输入框,输入搜索内容后,点击软键盘“搜索”按钮,跳转至搜索结果相关新闻资讯列表页面。
2.显示轮播图,点击轮播图跳转至对应页面。
注:轮播图资源通过服务器API接口获取。
3.显示智慧城市各领域应用服务入口,以图标和名称为单元宫格方式显示,手机端每行显示5个,按照优先级从高到底排序(数值越大优先级越高),共两行,第2行最后一个显示“更多服务”,点击“更多服务”进入全部服务页面。每个领域应用入口布局显示为圆形图标+名称布局,点击图标可进入对应的领域应用页面。
4.显示热门主题模块,手机端每行显示2个热门主题,每个主题入口布局为圆角(20dp)矩形图标,图标下为标题名称,多出的标题名称字用省略号显示,点击“热门主题”进入对应的主题页面。
5.显示新闻专栏,上方标签页方式显示新闻类别,下方显示新闻列表,列表项包括图片、新闻标题、新闻内容缩写(多出的字用省略号显示)、评论总数、发布时间等信息。
6.显示底部导航栏,采用图标加文字方式显示,图标在上,文字在下,共五个图标分别为首页、全部服务、智慧环保、新闻、个人中心,点击标签进入对应页面,并颜色标记当前页面所在导航栏。
注:主页数据详见API接口文档。
(三)任务3:停哪儿功能实现(4分)
在智慧城市App主页面上的各领域应用服务入口,点击“停车场”图标信息,进入停车场页面。
任务说明:
1.停车场页面显示所有停车场,距离最近的优先显示,标签栏显示本页面标题,点击返回图标可返回到上一页,点击“列表”图标可查看历史停车记录。
2.停车场页面内容显示停车场基本信息,基本信息包括停车场名、空位数量、地址、收费价格、距离点击可进入到详情页面,点击“查看更多”按钮可查看更多的停车场信息,默认显示5-6条数据。
3.进入停车场详情页面后,点击返回图标可返回到上一页,顶部标签栏显示本页面标题。显示停车详细信息,页面内容包括: 停车场名称、地址、距离、是否对外开放,如不对外开放或对外开放、车位信息,如停车费3元/小时,剩余车位、收费参考如每小时3元,最高40元/天。
4.进入停车记录页面,显示所有停车记录,点击返回图标可返回到上一页,顶部标签栏显示停车记录标题。输入入场时间或出场时间点击查询图标,可查询输入时间段之间的所有停车记录。停车记录内容包括车牌号、收费金额、入场时间、出场时间、停车场名称。点击“查看更多”按钮可查看更多停车记录,默认显示5-6条停车记录。
(四)任务4:爱心捐赠功能实现(6分)
在智慧城市App主页面上的各个领域应用服务入口或全部服务,点击“爱心捐赠”图标信息。进入爱心捐赠服务页面。
任务说明:
1.进入爱心捐赠主页面,页面显示返回上一页按钮,搜索输入框、广告轮播图、捐赠次数和实时捐赠列表、公益分类、推荐公益列表。
(1)搜索输入框:输入搜索内容后,点击软键盘“搜索”按钮,跳转至搜索结果公益列表页面,列表内容包括公益类别、公益名称、发布人、已筹善款、项目时间和参与人数。
(2)广告轮播图:每间隔3秒切换广告图。
(3)公益分类:以图标和名称为单元格方式显示,手机端显示4个,共两行,每个类目入口布局显示为圆形图标和名称,点击图标可以进入对应公益分类列表页面。
(4)推荐公益列表项:公益分类图标下面显示推荐公益,类别名称下方显示公益图片、公益项目名称、发布组织、捐赠人数和已筹善款。
2.公益列表页面,点击首页图标或推荐公益进入公益列表页面,列表项包括搜索框、项目类型、公益类别、公益内容、发布人、已筹善款、项目时间、参捐人数。下方显示“我要捐助”按钮,点击按钮即可捐款。公益列表底部显示分页,点击分页可以跳转列表页面。
3.公益详情页,该页面上方展示公益详情,包括信息项:项目图片、项目名称、已募善款、筹款目标、项目备案号、参与人数、捐款进度、项目时间。下方展示项目介绍详细信息,包括文章和对应图片,右侧滚动显示捐助记录。页面底部显示项目预算清单,展示该项目各笔捐款数额去向与使用细则。
(五)任务5:律师咨询主页功能实现(6分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“律师咨询主页”图标信息,进入律师咨询页面。
任务说明:
1.进入律师咨询主页面,页面显示返回上一页按钮、搜索输入框、广告轮播图、法律专长、我的咨询图片和本月上榜优选律师。
(1)搜索输入框:输入搜索内容后,点击软键盘“搜索”按钮,跳转至搜索结果律师列表页面,列表内容包括头像、名称、从业年限、咨询人数、法律专长、好评率和咨询按钮,点击咨询按钮,跳转至律师详情页。
(2)广告轮播图:每隔3秒自动切换广告图。
(3)法律专长:以图标和名称为单元宫格方式显示,手机端每行显示4个,按照优先级由高到低排序,共两行,左右滑动可切换显示类目。每个类目入口布局显示为圆形图标和名称布局,点击图标,进入法律专长列表页。
(4)我的咨询:显示我的咨询图片。
(5)本月上榜优选律师:显示当月好评率最高的10位律师列表和查看更多,列表内容包括律师头像、名称、从业年限、咨询人数、法律专长、好评率和咨询按钮,点击咨询按钮,跳转至律师详情页;点击查看更多跳转至律师列表页。
2.法律专长列表页,页面显示所有类目,以图标和名称为单元宫格方式显示,手机端每行显示4个,按照优先级由高到低排序,每个类目入口布局显示为圆形图标和名称布局,点击图标可进入对应的律师列表页面。
3.律师列表页,上部显示排序方式和筛选,排序方式包括默认排序、从业年限、服务人数和好评率,点击后改变列表排序方式,点击筛选,弹出全部法律专长列表,以图标和名称为单元宫格方式显示,手机端每行显示4个,按照优先级由高到低排序,点击图标,选定法律专长,并隐藏法律专长列表;下方显示律师列表,列表内容包括头像、名称、从业年限、咨询人数、法律专长、好评率和咨询按钮,点击咨询按钮,跳转至律师详情页。
4.律师详情页,上部显示头像、名称、法律专长、咨询人数和服务次数;下部显示两个tab页,分别是服务方式和用户评价,点击服务方式,展示律师基本信息、律师个人简介和律师证展示照片,律师基本信息包括教育背景、从业年限和执业证号;点击用户评价,展示评价列表,内容包括用户头像、昵称、评价时间、评价内容、点赞按钮和点赞数量,点击点赞按钮切换点赞状态;底部显示免费咨询按钮。
(六)任务6:律师咨询功能实现(7分)
在智慧城市App主页面上的各领域应用服务入口或全部服务,点击“律师咨询”图标信息,进入律师咨询页面。
任务说明:
1.在律师咨询主页面,点击我的咨询图片,跳转至咨询列表页。页面上部显示受理状态筛选条件,可以筛选列表,下部显示咨询列表,列表内容包括律师信息、受理状态和提交时间;律师信息包括头像、名称、法律专长,点击咨询项,跳转到咨询详情页。
2.咨询详情页,上部显示律师信息,包括头像、名称、从业年限、咨询人数、法律专长和好评率;下部显示问题信息。内容包括:受理状态、问题类型、问题描述、上传的图片和联系电话;如果咨询已完结,则底部显示评价按钮,点击评价按钮页面跳转至服务评价页。
3.服务评价页,显示评分选项、评价本文框和提交评价按钮,评分最多可选5颗星,最少可选1颗星,点击评价按钮完成评价。
4.在律师详情页面中,点击免费咨询按钮,跳转至咨询页;上部显示律师信息,包括头像、名称、从业年限、咨询人数、法律专长和好评率;下部显示问题填写信息,内容包括:问题类型、问题描述、上传的图片和联系电话;点击请选择问题类型,弹出全部法律专长列表,以名称为单元宫格方式显示,手机端每行显示4个,按照优先级由高到低排序,点击名称,选定法律专长,并隐藏法律专长列表;底部显示提交按钮,点击提交按钮,完成问题提交,跳转至上一页。
注:数据详见API接口文档。
(七)任务7:个人中心功能实现(5分)
在智慧城市App中,点击底部导航“个人中心”图标信息,进入个人中心页面。
任务说明:
1.首先进入个人中心页面,个人中心页面显示用户头像、账户、个人信息页面入口、订单列表页面入口、修改密码页面入口、意见反馈页面入口,点击退出按钮可退出登录。
2.点击个人信息跳转至个人信息页面,标签栏显示本页面标题,点击返回图标可返回到上一页,点击修改可保存修改的信息,可修改内容为:头像、昵称、性别、联系电话,注:手机号码后四位使用*号显示。
3.点击修改密码可进入修改密码页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入原密码与新密码,点击确定按钮可保存修改的信息。
4.点击订单列表可跳转到订单页面,标签栏显示本页面标题,点击返回图标可返回到上一页,页面内容展示所有订单、订单分类数据信息,订单显示信息有:订单号、订单类型、订单生成日期。点击订单可跳转至对应功能模块生成订单的详情页面。
5.点击意见反馈可跳转至意见反馈页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入反馈的内容,字数限制在150字以内,点击提交可提交反馈的意见。
(八)任务8:智慧环保功能实现(18分)
如今,城市化进程越来越快,社会发展形态也发生改变,因此,我国提出了创造智慧城市、提高城市管理水平以及提供多元化城市服务的发展战略。在此背景下人们利用各种先进信息技术,有效整合城市各项配套系统和功能模块,进一步促进城市朝工业化、信息化、城镇化方向发展。目前,城市环境保护工作有序开展,但仍然存在环境控制力度不足、污染加剧等诸多问题。所以,本文深入分析了智慧城市背景下的智慧环保体系问题,并提出了合理的智慧环保体系建设策略。
在这一背景下,基于各项信息技术将城市各项配套系统与功能模块进行高度整合、推动了城市信息化、工业化与城镇化的深度融合。但在城市环境保护层面上仍旧存在污染恶化程度不断加剧、环境控制力度不足等问题。因此,提出智慧环保系统的功能建设,主要包括以下功能模块。
在智慧城市App中,点击底部导航“智慧环保”图标信息,进入智慧环保页面。
任务说明:
1.环境首页:展示环境宣传,快捷功能通道。
2.垃圾物品展示:让用户了解哪些垃圾是属于可回收垃圾,以便到垃圾回收更好选择回收类型。
3.预约上门回收垃圾:选择需要回收垃圾种类,让工作人员了解需求。
4.预约回收垃圾历史:查询已经预约过的回收历史。
5.信息预留:预约上门信息填写,让工作人员上门服务。
6.附近回收机:查看回收物品的种类、价格。
根据上述说明,自行设计功能页面,无API接口,素材可参阅竞赛管理平台右侧资源下载区。
三、成果物提交
本模块竞赛结束前,将“成果物.rar”提交到成果物管理平台(http://ip:port/)上,如利用Android平台开发,压缩包内包括:SmartCity.apk;如利用iOS平台开发,压缩包内包括:SmartCity工程文件夹。
Android:在裁判计算机上,下载项目发布文件SmartCity.apk,安装到模拟器或真机上进行评判。
iOS平台:在裁判计算机上,下载项目代码SmartCity.rar,编译运行到iPhone11模拟器上进行评判。
注:根据二次加密分配的账号登录成果物管理平台。
模块D:测试与交付
一、竞赛任务
此模块竞赛时间为3小时,分数为18分。
(一)待测系统描述
图1 智慧城市系统架构
随着第五代移动通信技术(5G)高速发展,推动新一代信息技术与各个行业的融合发展,“智慧城市”这一概念随着城市化进程的快速发展应运而生。
智慧城市是指利用新一代信息技术,以整合、系统的方式管理城市运行体系,让城市中各个功能彼此协调运作,为城市中的企业提供优质的发展空间,为市民提供更高的生活品质,让城市成为适合人全面发展的城市,涵盖了智慧服务、智慧养老、智慧党建、智慧环保、智慧社区、精准扶贫、时代楷模等数十个场景。
(二)待测应用安装
1.从平台——模块D:测试与交付——资源下载——智慧城市.apk文件开发计算机中。
2.运行开发机中的Android模拟器,将apk文件安装到模拟器或真机中,启动App,配置服务器的IP和端口,准备运行测试。
(三)基本要求
使用平台——模块D:测试与交付——资源下载目录中的资源进行操作和设计。
二、任务要求
本模块主要考查产品测试以及交付工作,考查测试用例设计编写能力,考生需了解被测系统的功能设计,掌握测试流程和测试规范,具备撰写操作文档的综合能力。以下为每个任务的具体说明,考生请按照要求,逐一完成任务并结合成果提交的模板要求,提交成果物。
(一)任务1:编写并执行测试用例(6分)
基于指定功能模块,按照表1要求完成。
表1 功能模块说明
序号 功能模块 说明
1 引导页 本功能模块编写至少4个测试用例。
2 主页面 本功能模块编写至少6个测试用例。
3 个人中心 本功能模块编写至少10个测试用例。
4 全部服务 本功能模块编写至少3个测试用例。
5 新闻 本功能模块编写至少2个测试用例。
6 地铁查询 本功能模块编写至少4个测试用例。
7 停车场 本功能模块编写至少5个测试用例。
8 定制班车 本功能模块编写至少5个测试用例。
9 违章查询 本功能模块编写至少5个测试用例。
10 生活缴费 本功能模块编写至少5个测试用例。
11 门诊预约 本功能模块编写至少5个测试用例。
测试用例样例见表2(具体详见平台——模块D:测试与交付——测试用例模板.xlsx):
表2 测试用例样例
系统 模块 用例 编号 用例 描述 前置条件 操作步骤 预期 结果 测试结果
1.登录验证 1.1.1 新增用户动作 系统用户已经登录系统,点击新增,已经跳转到新增页面 输入正确用户基本信息,并点击确定 点击确定保存成功 测试通过
(二)任务2:缺陷分析(6分)
针对本次被测系统进行全范围测查找出至少10个Bug,根据找出的Bug进行缺陷分析。
缺陷表格样例见表3(具体详见平台——模块D:测试与交付——缺陷分析报告模板.docx):
表3 缺陷表格样例
缺陷编号 001
缺陷简要描述 点击紧急调度功能,查看选择在线医生在线查房功能,无法分配医生。
缺陷重现步骤 1.用户成功登录系统; 2.点击紧急调度功能; 3.查看选择在线医生在线查房功能,无法分配医生。
缺陷验证程度 严重 等级分:(致命、严重、一般、提示)
涉及功能模块 登录校验
缺陷分析原因 已经达到最大分配最大额度查房数量,无法分配该医生进行查房。
(三)任务3:撰写产品操作手册(6分)
编写手册的重要指导原则包括:
1.语言通俗易懂,手册中应当使用大众化的语言,便于使用者理解;
2.对关键词语加以解释,在手册中出现特定的概念或是可能引起歧义的词语应当加以解释,减少误解;
3.说明尽量详细,在对产品功能、使用方法进行介绍时,应尽量详细并通俗易懂;
4.图文并茂,对于软件产品的关键对话框、显示结果,应当附加对应的图片,以增加可视性,方便用户理解;
5.提示相关内容,在手册中提及本手册中含有的其他内容时,应指出被提及的内容在手册中的位置,便于用户查阅。
在模拟器或真机中运行待测App,对App功能进行梳理分析,利用平台——产品操作手册模板.docx文件设计产品操作手册,具体规范如下描述:
第一部分:编写待测App的产品定位中心叙述(的总体介绍及特点),以及罗列出核心功能点名称,与运行待测App的基础环境(软、硬件环境)。
第二部分:编写软件产品的安装方法以及各种软硬件环境的设置方法。对于可能会出现的问题,如软硬件冲突,给出解决方法。
第三部分:编写上述功能点的指导说明,准确叙述用户操作行为,将功能变为具体化、形象化、更真切,以便于读者理解具体内容,加强说服力。即通过一些例子,介绍完成这些任务的操作方法和过程。
第四部分:编写需要指出使用待测App的常规注意事项,进行说明,提示用户规避使用不规范等操作。对用户使用容易发生的问题或是用户常见的错误给出解决方法。
三、成果物提交
本模块竞赛结束前,将“成果物.rar”文件提交到成果物管理平台(http://ip:port/)上,压缩包内包括:测试用例.xlsx、缺陷分析报告.docx和产品操作手册.docx三个文件。
注:根据二次加密分配的账号登录成果物管理平台。
第 3 页 / 共 41 页

展开更多......

收起↑

资源列表