2022年山东省职业院校技能大赛高职移动应用开发赛项竞赛试题(A卷).pdf

本赛项面向产业主流技术,对接国际标准,旨在通过融合世界技

能大赛的技术标准和规则要求,引领和促进教学改革,提升职业教育

的国际化水平。通过完成一个完整的工作过程,使参赛选手、裁判、

检验教学质量,达到“以赛促教、以赛促学、以赛促改、以赛促建”

的目的。

本赛项重点考查参赛选手在移动应用开发实际工程项目中的综

合分析能力、架构设计能力、编码能力、创意创新能力、产品测试能

力,通过比赛展现移动应用开发专业学生的技能与风采,使教师和学

生更全面地了解行业企业岗位对学生职业技能的最新要求,提升移动

应用开发专业人才培养质量和就业质量。同时培养选手的沟通与交流

能力、抗压能力、6S规范等职业素质;激发学生的求知欲和爱岗敬

业的工匠精神,带动广大青年学生钻研技术、苦练技能,走技能成才、

技能报国之路。

第2页/共13页

三、智慧城市API

智慧城市后台服务数据,请访5:10193/并

进行数据通讯。

四、成果物提交

移动应用开发赛项提供了技能竞赛平台,选手根据分配的账号登

录系统,竞赛结束前,在系统下方成果物提交区,上传A、B两个模

块的“成果物.rar”文件,压缩包内包括发布文件“SmartCity.apk”

和“缺陷分析.docx”两个文件。

裁判基于竞赛平台下载选手竞赛成果物,进行评判。

图2。

2.模块成果物上传

第3页/共13页

图3成果物上传界面

参赛选手在比赛结束前可以自愿修改重新上传成果物,比赛结束

时系统自动锁定,选手无法提交成果物,如图3所示。

五、竞赛注意事项

号、姓名和院校。如出现上述标记,成绩按照零分处理。

第4页/共13页

模块A:功能模块开发

一、竞赛任务

此模块分数88分。

(一)竞赛主题

随着第五代移动通信技术(5G)高速发展,推动新一代信息技术

与各个行业的融合发展,“智慧城市”这一概念随着城市化进程的快

速发展应运而生。

智慧城市是指利用新一代信息技术,以整合、系统的方式管理城

市运行体系,让城市中各个功能彼此协调运作,为城市中的企业提供

优质的发展空间,为市民提供更高的生活品质,让城市成为适合人全

面发展的城市,涵盖了智慧政务、智慧环保、智慧安防、智慧交通、

智慧教育、智慧医疗、智慧生活等数十个场景。

图1智慧城市系统架构

(二)基本要求

1.APPUI尺寸自动适配开发电脑中提供的Android模拟器UI。

2.通过竞赛成果物管理系统右侧资源下载区下载竞赛所需素材

和第三方API插件。

第5页/共13页

3.SmartCity.apk必须为发布版(release),非debug版,可以

安装到模拟器中。

4.竞赛结束前根据“四、成果物提交”要求提交

“SmartCity.apk”。

二、任务

(一)任务1:应用架构设计

设计智慧城市APP,利用移动开发工具(Android

Studio/HBuilder)创建SmartCity项目,项目APP显示智慧城市名

称,实现项目的基本框架设计,并封装APP与服务器通讯模块。

(二)任务2:应用主页面实现

进入APP主页面(主页),彰显智慧城市风采,打造智慧型服务

大厅,科技赋能,创新智能,打造视、听、触体验具佳的业务服务大

厅,同时供应多种智慧城市解决方案。

任务说明:

1.显示轮播图,点击轮播图跳转至新闻对应页面。

注:轮播图资源通过服务器API接口获取。

2.显示智慧城市各领域应用服务入口,以图标和名称为单元

宫格方式显示,手机端每行显示4个,共两行,第2行最后一个显示

“更多服务”。每个领域应用入口布局显示为圆形图标+名称布局,

点击图标可进入对应的领域应用页面。

3.点击“更多服务”进入全部服务页面,全部服务列表结构显示

类别名称,点击对应分类名称显示该类别对应的服务,以宫格的形式

进行排列,服务应用具有图标和服务名称。类别之间利用灰色直线分

第6页/共13页

隔显示。

4.显示新闻专栏,上方标签页方式显示新闻类别,下方显示新闻

列表,列表项包括图片、新闻标题、新闻内容缩写(多出的字用省略

5.显示底部导航栏,采用图标加文字方式显示,图标在上,文字

在下,共五个图标分别为首页、全部服务、新闻、数据分析、个人中

心,点击标签进入对应页面,并颜色标记当前页面所在导航栏。

注:主页数据详见API接口文档。

(三)任务3:个人中心功能实现

在智慧城市APP主页面底部导航栏中,点击“个人中心”图标信

息,进入用户个人中心页面。

1.首先进入个人中心页面,个人中心页面显示用户头像、个人信

息页面入口、修改密码页面入口、意见反馈页面入口,点击退出按钮

2.点击个人信息跳转至个人信息页面,标签栏显示本页面标题,

点击返回图标可返回到上一页,点击修改可保存修改的信息,可修改

号代替。

3.点击修改密码可进入修改密码页面,标签栏显示本页面标题,

点击返回图标可返回到上一页,输入原密码与新密码,点击确定按钮

可保存修改的信息。

4.点击意见反馈可跳转至意见反馈页面,标签栏显示本页面标题,

点击返回图标可返回到上一页,输入反馈的内容,字数限制在100字

第7页/共13页

以内,点击提交可提交反馈的意见。

(1)提交按钮下方设有反馈历史按钮,点击反馈历史按钮跳转

至历史意见反馈页面,标签栏显示本页面标题,点击返回图标可返回

到上一页,显示意见反馈列表,列表项包括反馈标题、反馈内容。

注:数据详见API接口文档。

(四)任务4:青年驿站功能实现

在智慧城市App主页面上的各领域应用服务入口或全部服务,点

击“青年驿站”图标信息,进入青年驿站页面。

1.进入青年驿站页面,页面左上角显示返回上一页按钮。

(1)上部展示一张青年驿站照片,在该图片下方对青年驿站做

简单的文字概述。

(2)中部显示3列宫格,分别为各区标志性建筑,点击方格进

入后为该区人才政策页。

(3)下部为青年驿站列表。列表项第一行左侧方形该青年驿站

正方形照片,右侧为青年驿站名称。青年驿站名称下方要显示剩余床

位数,分男女两项。床位数下方显示该驿站所在详细地址,单行过长

要折行。点击第一行进入该驿站详情页。第二行为可以上下收缩的站

点介绍,点击前显示站点介绍按钮,点击后向下展示该驿站详情,再

次点击收缩。

2.进入驿站详情页页面,页面左上角显示返回上一页按钮。

第8页/共13页

(1)顶端展示7张该驿站轮播照片,下方为该驿站地址,地址

(2)下部为驿站详细介绍,文本分为4部分:驿站简介、房间

配置、周边配套和特色服务。

3.从各区人才政策导航宫格按钮进入人才页,页面左上角显示返

回上一页按钮。

(1)区人才政策页上方为该区标志性建筑图片,图片下方为该

旧,每条分为两行,一行标题,一行日期。

(2)政策列表条目点击进入后为内容页,信息包括标题、日期、

内容和发布者。

(五)任务5:数据分析模块实现

智慧城市APP主页面上,点击底部导航栏“数据分析”,进入数

据分析页面。

智慧城市重要职能是采集、存储、分析、挖掘城市运行中的所承

受的大数据,具备全面感知和全面分析的能力,同时能够展示和扩展。

智慧城市的建设,有利于解决城市发展问题,有利于提升城市信

息管理水平。

主要包括以下功能模块。

第9页/共13页

1.混合图:请分析5-8月的缴费记录,其中电费、水费和燃气费

的总金额,横坐标为月份,纵坐标为总金额;(每组数据需有三个数

据列,第一个为电费(折线图),第二个为水费(折线图),第三个为燃

气费(柱形图))。

2.折线图:分析统计类型为“楼盘”的房源列表总价排名前五的

房源。(总价=面积×价格)纵坐标为总价,横坐标为房源名称(显

示名称前3个字,其余使用“..”代替)。(如出现小数请保留后三

位)。

3.饼状图:请分析所有的的违章记录,每个处理状态(已处理未

缴款,未处理,已处理)的总数占所有状态的百分比。(图内显示相

应处理状态及比例值)(如出现小数请保留后三位)。

4.水平双柱图:请分析所有门诊预约记录中,每个月专家诊和普

通诊的预约总金额。横坐标为总金额,纵坐标为月份。(每组数据需

有两个数据列,第一个为专家诊总额,第二个为普通诊总额)

注:接口数据详见API接口文档(需要自行处理、合并封装、解

析相应接口返回的数据)。

(六)任务6:政府服务热线功能实现

击“政府服务热线”图标信息,进入政府服务热线页面。

播图、市民诉求分类、我的诉求。

第10页/共13页

(2)市民诉求分类:以图标和名称为单元宫格方式显示,手机

端每行显示4个,按照优先级由高到低排序,共两行,左右滑动可切

换显示类目。每个类目入口布局显示为圆形图标和名称布局,点击最

后一个“其他诉求”图标,进入新建诉求页;点击其他图标可进入对

应分类的诉求列表页面。

(3)我的诉求:列表显示我的诉求,列表项信息包括标题、承

2.进入诉求列表页面,页面包括诉求列表、发布诉求按钮,列表

转至诉求详情页,点击发布诉求按钮,跳转至新建诉求页。诉求详情

和处理结果。

3.新建诉求页,页面内容包括标题、诉求内容、图片、承办单位、

反馈手机号和发布按钮;若是点击其他诉求分类进入的新建诉求页,

顶部还要显示诉求分类下拉框,可以更改诉求分类;点击提交按钮完

成发布。

注:接口数据详见API接口文档。

(七)任务7:新闻功能实现

智慧城市APP主页面上,点击底部导航栏“新闻”按钮,进入

新闻中心页面。

新闻中心页面包含:轮播图、新闻分类、新闻列表等内容。轮播

图可跳转新闻详情页面;新闻分类展示各类新闻主题;列表显示新闻

图片、新闻名称、观看人数、点赞数。

第11页/共13页

在新闻列表页面点击新闻名称跳转到新闻详情页面,信息如下:

详情页面顶部栏显示新闻名称,点击“返回”按钮,返回上级目

录。

新闻详情内容按照(图片+文字)的形式进行展示,详情页面具

详情页面还包括新闻推荐,以列表形式展示1-3篇推荐新闻,

显示新闻名称、观看数、图片等信息。

模块B:测试与交付

1.下载“智慧城市.apk”(竞赛成果物管理系统右侧资源下载区)

文件。

2.将智慧城市.apk文件安装到模拟器中,启动APP,配置服务器

的IP和PORT,准备运行测试。

3.竞赛结束前根据“四、成果物提交”要求提交“缺陷分析报

THE END
1.物联网低代码平台常用《组件介绍》低代码AIRIOT所有组件共分为 20 类,分别是基础容器、数据容器、数据图表、设备信息、基础组件、数据视图、视图元素、图形元素、三维组件、GIS 组件、视频组件、基础表单、APP 容器、APP 组件、页面元素、装饰组件、版本兼容、其他、业务选择器和自定义组件,下面将一一进行说明。 https://xie.infoq.cn/article/90fc1fb2b56e1a8724abd51c8
2.图片缩放软件有哪些APP推荐图片缩放软件有哪些下载支持图片JPG、PNG格式保存!快压缩,帮助你压缩视频,压缩照片图片,节省空间,再也不用担心手机内存不够!更多 人气下载榜TOP100 ,当前已有1.2万人订阅 安全下载 优先用豌豆荚APP下载 No.3 批量图片缩放 摄影图像|22.82MB 批量图片缩放是一款批量缩放图片的工具箱,能够将多个图片批量进行放大、缩小或者生成缩略图,并且能够...https://www.wandoujia.com/bangdan/400439/
3.网络创业理论考试模拟训练*17.图片尺寸是指在图片的长度和高度,其单位是像素,这个说法正确吗? 对 错 *18.移动端店铺(以淘宝网为例) 装修时,网站为轮播图展示位提供在线制作功能 对 错 *19.微店APP卖家版可在移动端实现店标、店招、轮播的装修操作,正确吗? 对 错 *20.每个店铺(以淘宝网为例)都可以无限量.创建子账号 ...https://www.wjx.cn/jq/119636836.aspx
4.[影视APP轮播]图片免费下载影视APP轮播素材影视APP轮播模板千图网为您找到558张影视APP轮播相关素材,千图网还提供影视APP轮播图片,影视APP轮播素材, 影视APP轮播模板等免费下载服务,千图网是国内专业创意营销服务交易平台,一站式解决企业营销数字化、协同化,实现营销转化效果增长!https://m.58pic.com/tupian/yingshiAPPlunbo.html
1.常见的App设计尺寸有哪些?附高效设计工具手机app设计尺寸支持创建交互原型、获取设计标注、快速切图、团队协作等工作。 https://js.design/?source=csdn&plan=ki11131 了解常见的 App 设计尺寸并掌握高效的设计工具,是每一位 App 设计师必备的技能。只有这样,才能在激烈的移动应用市场竞争中,打造出美观、实用且适配性强的 App 产品,为用户带来优质的移动应用体验。https://blog.csdn.net/haishao520/article/details/143733993
2.揭秘轮播图自适应技巧,轻松应对各种屏幕尺寸!系统资讯本文揭示了轮播图自适应技巧,帮助实现轮播图在各种屏幕尺寸下的完美展示。通过简单易懂的方式,介绍如何根据屏幕大小自动调整轮播图尺寸,确保图片在不同设备上都能清晰展现,提升用户体验。摘要字数在100-200字之间。随着互...https://www.zovps.com/article/index.php/post/367899.html
3.家用智能电器海报尺寸图智能家用电器设计今天给各位分享家用智能电器海报尺寸图的知识,其中也会对智能家用电器设计进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧! 本文目录一览: 1、海报正常大小尺寸是多少?海报尺寸一般是多大的 2、电商手机海报尺寸-手机海报的尺寸是多少 http://fqushui.scandiatrailers.com/post/15976.html
4.固定尺寸横幅广告AndroidGoogleforDevelopersads="http://schemas.android.com/apk/res-auto"android:id="@+id/banner_ad_view"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerHorizontal="true"android:layout_alignParentBottom="true"ads:adSize="BANNER"ads:adUnitId="ca-app-pub-3940256099942544/6300978111...https://developers.google.cn/admob/android/banner/fixed-size
5.ui设计的1屏是什么意思(必知!APP界面尺寸的度量单位)APP界面尺寸的度量单位 (此处已添加圈子卡片,请到今天头条客户端查察) 在手机UI计划中,区分率和尺寸的轻重与手机UI界面计划有着密不因素的干系。在计划时仅有具体了解被计划平台的准确参数,才干确保计划出的作品在该平台正常体现。 英寸 英寸是东方国度长度计数单位,1英寸=2.539 999 918厘米。手机的屏幕尺寸一致使用...https://0duys.com/spzx/333278.html
6.拼多多主图尺寸大小,拼多多主图的尺寸多少短视圈好的!以下是一篇围绕“拼多多主图尺寸大小”撰写的SEO优化文章,字数约为500字。 拼多多主图尺寸大小:最佳设置和优化建议 在拼多多这个竞争激烈的平台上,主图的设计直接关系到商品点击率和销量。要吸引更多的流量和用户,合理优化拼多多主图的尺寸至关重要。本文将详细讲解拼多多主图的最佳尺寸大小要求及优化方法,帮助商家...https://www.dasum.cn/59765.html
7.ios启动页轮播图ios启动页尺寸iPad APP图标尺寸:72X72 高清:144X144 单位:pixel 命名: ipad 启动页尺寸:大小最好是768X1004或768X1024 单位:pixel 命名:Default-Portrait~ipad.png 高清:Default-Portrait@2x~ipad.png 如何代码实现跳转safari,phone或message? 在相应的代码中写入: https://blog.51cto.com/u_16213705/10797558
8....的最上方,类似于首页中的轮播海报,可以展示的内容有()【多选题】无线端流量包手淘app手淘焦点图资源位的要求有以下哪几点?( ) A. 图片尺寸0x200:文件大小150K以内 B. 图片尺寸1120x350:文件大小201K以内 C. 图片尺寸0x200:文件大小200K以内 D. 图片尺寸1120x350:文件大小401K以内 查看完整题目与答案 【单选题】如图所示,O为ABCD两对角线的交点...https://www.shuashuati.com/ti/a9d537e7b9284c609091e6ca43047851.html?fm=bda7d5e00d3bde12e90760beb2a236c81b
9.研究数十个热门APP后,我来教你如何做好「设置头像」功能探探最多可设置 6 张图片或 6 段视频作为轮播头像。其实,轮播头像类似 QQ 照片墙的概念,不过自我展示意味更浓。 采用类似轮播头像做法的还有音遇 APP,虽说主张以歌会友,但谁都喜欢唱歌好听的小哥哥小姐姐还有高颜值。如下图,个人主页背景图即头像轮播。还有一些社交软件可以将个人系列头像设为私密,然后定向开放展示...https://www.uisdc.com/head-setting-design/
10.GitHubHanxueqing/Douban 所以实现组件的显示与隐藏有两种办法: (1)哪里需要就在哪里引用,例如Tabbar。 (2)switch配合路由守卫做判断,哪个地方需要就使用v-if显示,例如Header。 7、Banner轮播图 (1)swiper:轮播图组件 先安装下载两个模块swiper、axios: cnpm i swiper -S或者yarn add swiper -S cnpm i axios -S 最好不要混用,一...https://github.com/Hanxueqing/Douban-Movie
11.全网首发,4万字Instagram从0到1流量变现实操手册二是从手机中选择素材,照片和视频都可以使用,也可以同时选择照片和视频作为合集一并发布,俗称多图轮播、轮播帖,总数不能超过10个,单个视频时长不能超过60秒。 轮播帖Carouselpost:能一定程度上提高算法赋予的权重,因为观众在轮播帖上停留的时间更长。 选择照片或视频完成后点击右上角继续,进入下一步。 https://www.360doc.cn/article/74163855_1125552299.html
12.产品手册还不知道基木鱼平台怎么用?本篇带你快速了解A:目前单图、轮播图支持不同比例及自定义图片大小,其他暂时不支持。 11、PSD图层编辑可以直接上传PSD文件吗? A:在基木鱼编辑器中,自定义组件中,支持PSD功能。 12、线索转化组件怎么删除其中的电话,只保留两个? A: 组件编辑区(即编辑器页面右侧)可以关闭按钮,最多保留3个,至少保留1个; 13、多图上传操作,是否有...https://www.27sem.com/article/4802
13.墨刀帮助中心墨刀使用技巧及常见问题解答在工作台选中文件点击「分享」,在分享设置界面用微信扫描文件二维码,即可在手机上查看原型演示,手机预览支持自动适配尺寸。 使用墨刀手机APP 在手机官网下载“墨刀”移动客户端,登录您的墨刀账号,即可在手机上查看和演示原型文件,手机预览文件可以自动适配尺寸。 https://modao.cc/hc/articles/347
14.ReactNative全栈开发App第12章 App 上线准备工作 12-1 制作导出 App 各尺寸图标 (23:09) 12-2 配置启动过渡画面和 App 名字 (09:01) 12-3 为 App 开发轮播图功能 (22:27) 12-4 打包 App 安装文件并借助蒲公英分发测试 (19:05) 12-5 利用蒲公英做 BUG 探索测试 (10:17) 第13章 二期课程--初识 Redux 框架 13-1...https://coding.m.imooc.com/classindex.html?cid=56
15.AppStore上的“相册图片小组件提供App 内购买项目 iPhone 截屏 简介 用喜欢的照片装饰手机桌面屏幕! 相册图片小组件是一个基于iOS 14 最新功能widget小组件的桌面照片编辑设计工具,支持编辑制作桌面照片墙,在手机桌面显示特定的照片分组,帮助您把爱人、家人、孩子、萌宠等照片在桌面直接显示出来,定制桌面照片图标组件,随心所欲地设计个性化的苹果屏幕...https://apps.apple.com/cn/app/id1536536315
16.转不同技术框架下的APP设计与实现不同的动效类型对CPU性能的消耗不同(图5):对CPU性能要求低的动效类型能运行得更流畅,但如果当你的设计方案是非系统自带的动效类型时(图6),就需要提前跟开发沟通可行性和对CPU性能的消耗问题。 2.2 机型的性能差异:不同的手机机型的CPU性能相差较大,需要了解不同机型在你的App中的占比(图7),因为即在iPhone6上...https://www.jianshu.com/p/2c296dcb53ae
17.你的站外广告格式规范吗?五大海外社交媒体广告投放格式一览Facebook轮播广告允许你在多个图片或视频中展示你的品牌。受众可以浏览内容以查看产品或服务的不同视觉效果。或者你可以创建一个轮播广告,用多张照片展示一个产品。轮播广告可以帮助你向受众展示产品的各种颜色、尺寸和风格。它们还允许你突出显示产品或服务的关键细节、用途和功能。 https://www.cifnews.com/article/53864/
18.微信小程序笔记轮播图容器组件 和 轮播图 item 组件 view view 类似 html 的 div,通过 <view></view> 实现布局 操作步骤 打开项目目录,在 pages 文件夹中找到 list 文件夹,修改里面的 list.wxml 和 list.wxss 参数介绍 效果演示 list.wxml <!--pages/list/list.wxml--><viewclass="containerl"><view>1</view><view...https://smmcat.cn/?page_id=7595
19.8分钟了解移动营销方法(理论&案例)1.APP启动全屏:启动时自动打开,强迫关注,对用户骚扰较为直接。服务于大品牌为主,一般设计精美。 2.首页或内页焦点图:手机网站或APP,在开启后的首页或内页的固定位置设置焦点大图广告,与互联网BANNER广告类似,一般会有三/五轮播。 3.富媒体广告图:手机网站或APP开启后,从屏幕上/下方弹出广告BANNER,类似互联网飘窗...http://www.360doc.com/content/18/0311/22/16534268_736211983.shtml
20.H5如何做手机app(移动WebApp)?图片轮播?ionicMUI3手机APP中的图片轮播(MUI) <!doctype html>.mui-slider-item{width:100%;height:300px;background-color:red;}.mui-slider-title{background-color:rgba(255,0,0,0.7);color:green;}https://www.cnblogs.com/undeceive/p/7617455.html