2023年江西省职业技能大赛小程序设计与开发”赛项

 

“小程序设计与开发”赛项（高职组TGZ008）

【竞赛样题任务书】

第一部分：竞赛安排

竞赛内容、时间及各模块权重分配大致如下表所示：

编号	模块名称	竞赛时间 min	分数
			评价分	测量分	合计
A	理论测试	0.75小时	0	20	20
B	需求分析	0.75小时	8	2	10
C	原型设计	0.5小时	8	12	20
D	功能开发	2小时	10	40	50
总计		4小时	26	74	100

第二部分：理论知识

模块A：理论测试

一、单选题（占比60%理论总分25分）

1.微信小程序是于何时正式发布?（  ）

A. 2017年1月9日

B. 2018年1月9日

C. 2016年1月9日

D. 2015年1月9日

2.app.json中的tabBar属性可以用于规定tab工具栏用于切换多页面效果。其中页面最少必须有2个,最多只能有多少个?（  ）

A. 4

B. 5

C. 3

D. 6

3.小程序页面的所有路径地址是保存在以下哪个文件中的?（  ）

A. app.json

B. project.config.json

C. app.wxss

D. app.js

4.以下哪个不是正确的小程序入口?（  ）

A. 微信对话分享进入

B. 搜索关键词进入

C. 扫码进入

D. 点击url地址进入

5.主体文件都是app开头加上不同后缀名组成的,以下哪个文件是可选的?（  ）

A. app.json

B. app.wxss

C. app.js

D. 以上都不正确

6.新建项目时需要填写AppID,关于此项内容以下说法不正确的是?（  ）

A. AppID也称为小程序ID,每个账号的ID都是唯一的。

B. 如果填写了与开发者无关的AppID是无法创建成功的。

C. 只有填写了AppID的项目才可以进行手机预览。

D. 不填写AppID就无法成功创建项目。

二、多选题（占比20%理论总分25分）

1.下面哪个属性会让 div 脱离文档流（normal flow）（  ）。

A.position: absolute;

B.position: fixed;

C.position: relative;

D.float: left;

2.在MySQL中,创建一个购物表,其中一个字段是记录购物时间(要求精确到秒),则该字段比较合适的数据类型是( )。

A. DATE

B. TIME

C. DATETIME

D. TIMESTAMP

三、判断题（占比20%理论总分25分）

1.微信小程序中的this指的是window对象。（ ）

2.小程序的全局逻辑文件是app.json。（ ）

第三部分：实践操作

模块B：需求分析

一、竞赛任务

竞赛主题

智慧医疗是利用现代信息技术，如物联网、人工智能、大数据等，将医疗服务与技术相结合，以提供更加高效、精确和个性化的医疗和健康管理服务的一种医疗模式。

随着人口老龄化趋势的加剧，智慧医疗技术可以提供更加便捷、高效的医疗服务，满足老龄人口对医疗和健康管理的需求。智慧医疗可以通过远程监测、健康管理平台等技术手段，实现对慢性疾病患者的及时管理和监测。同时也可以通过远程诊疗、远程手术等方式，实现医疗资源的共享和流动，提高医疗服务的公平性。智慧医疗技术也可以实现远程医疗、随时随地的健康管理，患者可以通过手机、平板电脑等终端设备，与医生进行在线咨询和交流，获得及时的诊疗建议。

（二）基本要求

1.对小程序进行需求分析，建立需求文档，详细写出该小程序的使用场景、优缺点、判断该小程序设计是否合理，以经济利益为中心，判断小程序各方面是否可行，是否符合市场需求，是否具有较大的使用价值。

2.设计小程序的流程图、小程序的时序图、小程序的草图、小程序的类图等内容。

模块C：原型设计

（一）基本要求

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

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

3..当内容超出高度区域时，设置滚动区域来显示内容。

4.画板要对齐，界面版式布局合理、美观，内容完整；同样功能 请复用样式，避免一种功能、两种样式的情况。

5.原型要有交互设计内容，用户体验良好。检查存在的漏洞，防止出现异常流程和内容状态。

5.比赛结束后提交.XD结尾的文件。

（二）任务要求：

1.使用AdobeXD对小程序进行原型设计使，创建和导入图形，添加图像和文本，使用XD构建小程序原型图，小程序的原型图满足页面的实际功能，文件名称“智慧医疗”。

2.显示底部导航栏，采用图标加文字方式显示，图标在上，文字在下，共三个图标分别为首页、诊断查询、健康咨询，我的点击标签进入对应页面所在导航栏。

首页设计

3.首页顶部完成搜索栏功能。

4.搜索栏下方制作轮播图效果，放置多张图片于此模块内，进行自动轮播即可。

5.轮播图下方摆放八个板块按钮（预约挂号、咨询服务、专家医师、投诉建议、预约记录、文章咨询、来源导航、就诊卡片），点击对应按钮跳转至相应页面。

6.完成为您推荐板块的设计。该板块内应含有医生信息以及立即预约、在线咨询功能。

诊断查询

7.在此模块中，患者可以看到自己所诊断的基本情况，以及医生的基本信息。

健康咨询

8.健康咨询应显示为多个文章模块，每个文章模块中应具有相关基本信息。

我的主页

9.我的主页，可以查看用户的头像图片，同时设有评价与反馈和绑定手机号两个功能。

注：主页数据详见 API接口。

模块D：功能开发

在本阶段，你将基于已经完成的成果，继续开发小程序。如果你未能全部完成上一阶段的可交付成果，请根据实际情况完成本阶段的开发任务，确保本阶段交付成果的完整。选手说明在本阶段结束时，你需要交付以下可交付成果，以便所开发的系统能够准时完成。

1.确保在整个系统开发中都遵循统一的风格。

2.确保在整个系统开发中提供合适的验证和错误提示信息。例如：无网络时，显示无网络页面或提示当无网络。

3.确保在本阶段结束时，所有相关的页面展示，按钮、链接跳转，弹框，都运转正常，服务器数据获取与内容展示完整，真实，有效。

4.确保在整个系统中的名称都有统一的命名规范。

5.比赛结束后提交源码。

（一）任务1：应用架构设计

设计智慧医疗小程序，利用微信开发者工具创建“智慧医疗”项目，项目小程序显示“智慧医疗”名称，实现项目的基本框架设计，并封装小程序的各个模块。

（二）应用主页面实现

进入小程序主页面（主页），彰显“智慧医疗”风采，打造精准求医，快速搜索的目的，帮助用户得到更好的就医体验。

任务说明：

1.首页顶部完成搜索栏功能，实现用户输入对应内容，可跳转到对应信息页面，能做到准确搜索即可。

2.制作轮播图效果，放置多张图片于此模块内，进行自动轮播即可。

3.完成如下八个板块按钮的编写（预约挂号、咨询服务、专家医师、投诉建议、预约记录、文章咨询、来源导航、就诊卡片）。

4.完成为您推荐板块的开发。该板块内应含有医生信息以及立即预约、在线咨询功能。

6.显示底部导航栏，采用图标加文字方式显示。

（1）预约挂号详情页

预约挂号详情页应显示为一个表单，并体现提交预约、重新填写、点击拨打电话预约这三个功能。

（2）咨询服务详情页

咨询服务分为多种咨询，对应每种咨询做出对应模块，以及立即咨询按钮功能。

（3）专家医师详情页

专家医师详情页显示专家医师的各类信息以及该医生的问诊类别、问诊通道。

（4）投诉建议详情页

投诉建议详情页应显示为一个表单以及体现提交功能。

（5）预约纪录详情页

预约纪录详情页应显示为多个纪录模块，每个纪录模块包含病人相关信息。

（6）文章咨询详情页

文章咨询详情页应显示为多个文章模块，每个文章模块中应具有相关基本信息。

（7）来院导航详情页

来院导航详情页应具有地图模块，并设置到这里去按钮，点击即可跳转到外部导航。

（8）就诊卡片

就诊卡片详情页应具有用户本人的基础信息就诊信息。

（三）诊断查询

在此模块中，患者可以看到自己所诊断的基本情况，以及医生的基本信息。

（四）健康咨询

健康咨询应显示为多个文章模块，每个文章模块中应具有相关基本信息。

（五）我的主页

通过我的主页，可以更改用户的头像图片，同时设有评价与反馈功能模块。