竞赛说明

一、竞赛安排

赛卷分模块A、模块B、模块C、模块D四个部分。

移动应用开发赛项竞赛试题 (01卷)

二、竞赛主题

本赛项面向产业主流技术,对接国际标准,旨在通过融合世界技能大赛的技术标准和规则要求,引领和促进教学改革,提升职业教育的国际化水平;通过完成一个完整的工作过程,使参赛选手、裁判、教师等相关人员,熟悉并掌握世界技能大赛的技术规范和技术标准,检验教学质量,达到“以赛促教”“以赛促学”“以赛促改”“以赛促建”的目的。

本赛项以智慧城市为背景,重点考查参赛选手在移动应用开发实际工程项目中的综合分析能力、架构设计能力、编码能力、文档编写能力、数据分析能力、创意创新能力、产品测试和交付能力;展现移动应用开发专业学生技能与风采,使教师和学生更全面的了解岗位需求,提升移动应用开发专业人才培养质量和就业质量。同时培养选手的沟通与交流能力、抗压能力、6S规范等职业素质;激发学生的求知欲和教师的爱岗敬业的工匠精神,带动广大青年学生钻研技术、苦练技能、走技能成才之路。

三、成果物管理平台

移动应用开发赛项提供的成果管理平台,选手根据分配的账号登录系统,把A、B、C、D四个模块的任务要求提交对应的成果物,裁判基于平台下载对应选手竞赛成果物,进行评判。

1.用户登录

图1 成果物管理平台登录界面
图1 成果物管理平台登录界面

输入预先发放给参赛选手的账号和密码登录成果物管理平台,登录界面见图1,每个模块比赛结束后系统进入锁定状态,选手无法登录。

2.模块成果物上传

图2 成果物管理平台后台管理界面
图2 成果物管理平台后台管理界面

参赛选手在比赛结束前可以自愿修改重新上传成果物,比赛结束后系统自动锁定。参赛选手成果物提交情况将实时同步比赛现场大屏幕。

四、竞赛注意事项

提交的文档、原型、代码、App等资源内容中不能填写与选手相关的信息,如赛位号、姓名和院校。如出现上述标记,本模块成绩按照零分处理。

第一天上午

模块A:需求分析

一、竞赛任务

此模块竞赛时间为3小时,分数为16分

(一)    竞赛主题描述

图1 智慧城市系统架构
图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.点击个人信息跳转至个人信息页面,标签栏显示本页面标题,点击返回图标可返回到上一页,点击修改可保存修改的信息,可修改内容为:头像、昵称、性别、联系电话,注:手机号码后四位使用*号显示。

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 智慧城市系统架构

(二)基本要求

1.使用Adobe XD或者Sketch软件,参照模块功能要求,进行该功能模块的页面原型设计,制作页面原型参阅iOS、谷歌的Material Design设计规范。

2.画板尺寸为750px×1334px,状态栏高度40px,标题栏高度为88px,标签栏高度为98px。

3.原型绘制画板大小尺寸及各部分内容区尺寸参考。

移动应用开发赛项竞赛试题 (07卷)

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 智慧城市系统架构
图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 智慧城市系统架构
图1 智慧城市系统架构

随着第五代移动通信技术(5G)高速发展,推动新一代信息技术与各个行业的融合发展,“智慧城市”这一概念随着城市化进程的快速发展应运而生。

智慧城市是指利用新一代信息技术,以整合、系统的方式管理城市运行体系,让城市中各个功能彼此协调运作,为城市中的企业提供优质的发展空间,为市民提供更高的生活品质,让城市成为适合人全面发展的城市,涵盖了智慧服务、智慧养老、智慧党建、智慧环保、智慧社区、精准扶贫、时代楷模等数十个场景。

(二)待测应用安装

1.从平台——模块D:测试与交付——资源下载——智慧城市.apk文件开发计算机中。

2.运行开发机中的Android模拟器,将apk文件安装到模拟器或真机中,启动App,配置服务器的IP和端口,准备运行测试。

(三)基本要求

使用平台——模块D:测试与交付——资源下载目录中的资源进行操作和设计。

二、任务要求

本模块主要考查产品测试以及交付工作,考查测试用例设计编写能力,考生需了解被测系统的功能设计,掌握测试流程和测试规范,具备撰写操作文档的综合能力。以下为每个任务的具体说明,考生请按照要求,逐一完成任务并结合成果提交的模板要求,提交成果物。

(一)任务1:编写并执行测试用例(6分)

基于指定功能模块,按照表1要求完成。

表1 功能模块说明
表1 功能模块说明

测试用例样例见表2(具体详见平台——模块D:测试与交付——测试用例模板.xlsx):

表2 测试用例样例
表2 测试用例样例

(二)任务2:缺陷分析(6分)

针对本次被测系统进行全范围测查找出至少10个Bug,根据找出的Bug进行缺陷分析。

缺陷表格样例见表3(具体详见平台——模块D:测试与交付——缺陷分析报告模板.docx):

表3 缺陷表格样例
表3 缺陷表格样例

三)任务3:撰写产品操作手册(6分)

编写手册的重要指导原则包括:

(1)语言通俗易懂,手册中应当使用大众化的语言,便于使用者理解;

(2)对关键词语加以解释,在手册中出现特定的概念或是可能引起歧义的词语应当加以解释,减少误解;

(3)说明尽量详细,在对产品功能、使用方法进行介绍时,应尽量详细并通俗易懂;

(4)图文并茂,对于软件产品的关键对话框、显示结果,应当附加对应的图片,以增加可视性,方便用户理解;

(5)提示相关内容,在手册中提及本手册中含有的其他内容时,应指出被提及的内容在手册中的位置,便于用户查阅。

在模拟器或真机中运行待测App,对App功能进行梳理分析,利用平台——产品操作手册模板.docx文件设计产品操作手册,具体规范如下描述:

第一部分:编写待测App的产品定位中心叙述(的总体介绍及特点),以及罗列出核心功能点名称,与运行待测App的基础环境(软硬件环境)。

第二部分:编写软件产品的安装方法以及各种软硬件环境的设置方法。对于可能会出现的问题,如软硬件冲突,给出解决方法。

第三部分:编写上述功能点的指导说明,准确叙述用户操作行为,将功能变为具体化、形象化、更真切,以便于读者理解具体内容,加强说服力。即通过一些例子,介绍完成这些任务的操作方法和过程。

第四部分:编写需要指出使用待测App的常规注意事项,进行说明,提示用户规避使用不规范等操作。对用户使用容易发生的问题或是用户常见的错误给出解决方法。

三、成果物提交

本模块竞赛结束前,将“成果物.rar”文件提交到成果物管理平台(http://ip:port/)上,压缩包内包括:测试用例.xlsx、缺陷分析报告.docx和产品操作手册.docx三个文件。

注:根据二次加密分配的账号登录成果物管理平台。

相关新闻

联系我们

027-87870986

在线咨询:点击这里给我发消息

邮件:931234110@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信