“急救课堂”微信小程序的设计与开发

倪改玲，王会霞，邹 超，单煜景

江苏第二师范学院教育科学学院， 南京 210013

中国医学科学院阜外医院的调查结果显示,中国心脏性猝死(sudden cardiac death，SCD)的发病率为每年41.84/10万。以13亿人口推算,中国每年发生SCD的人数约为54.4万例,位居全球之首[1]。当患者出现突发性疾病时，是否可以在最短的时间内获得有效的帮助显得尤为重要，这会在很大程度上决定患者的生命安全。因此，急救业务的发展和日常急救知识的普及是非常有必要的。为了更好地宣传急救知识，文章使用微信官方的微信开发者工具，结合JavaScript语言和WXML语言，设计制作一款供学习急救知识的小程序，并对心脏复苏这一知识点进行真人演示操作，以达到充分利用学习者视觉和听觉获取操作要点，使用户面对突发状况时可以做到“能救、会救和敢救”。

1 “急救课堂”微信小程序设计

1.1 结构设计

急救课堂微信小程序结构设计包括学习资源分析、建立急救知识学习资源库、急救知识微信小程序的功能模块设计三部分(如图1所示)。

图1 小程序设计结构

学习资源分析包括结构分析和内容分析。在结构方面，需要明确微信小程序的学习模块如何划分，每一个模块安排哪些学习资源；在内容方面，将急救知识分为基础型知识和应用型知识，根据学习者的特点将两种类型的知识以不同的方式呈现出来。

建立急救知识学习资源库，实现学习资源共享。知识点分为急救知识和急救手法，这些资源以文字、图片和视频的形式呈现。在建立学习资源库时还应该注意将每个知识点进行标签化处理，以便学习者快捷地通过标签进行资源检索，从而提高学习者的效率。

急救课堂微信小程序的功能模块设计包括“首页、急救知识、知识闯关、我的”四个部分，可以实现学习资源分享、关键词检索、一对一答疑等功能。

1.2 内容设计

小程序在内容方面的设计理念是简洁、通俗、易懂，使学习者快速掌握正确的急救知识，积极开展现场自救互救，减少不必要的损失。而在日常生活中，一旦发生意外人身事故，不少人往往因缺乏急救知识，亲属或周围群众不能先行妥善处理，而失去抢救的最佳时机。为了使人们可以应对这一突发情况,要加强对医疗急救知识的宣传[2]。

小程序有理论知识与救护技能实际操作，其中包括救护新概念、创伤救护、心肺复苏和意外伤害防护等四个方面，具体如图2所示。为了方便学习者快速检索，小程序对救护的四个方面进行了标签化处理，并划分到人体的头颅，躯干和四肢三个部位。例如：头颅部位包含脑血栓、异物入眼、耳鼻喉的异物堵塞、流鼻血等4项；躯干部位包含烧烫伤、中暑、哮喘、心梗、心肺复苏等10项；四肢部位包括关节扭伤、抽筋、骨折固定、外伤包扎等4项。

图2 内容设计

微信小程序平台支持文本、图片、视频和语音等格式[3]，在设计的过程中文本应该考虑到学习者碎片阅读的特点：首先，通过浏览一个信息，学生能够完成一个较为完整的概念学习，因此微信小程序上的知识点应该具有小的模块化特点；其次，知识要有相关性，才能方便读者进行分类查找，高效学习：基于此，设计者对急救知识的学习资源进行了再次加工，将基础型知识按标签化的方式进行了分类，对于该类消息将以图文结合的方式来呈现；将难以理解且操作步骤过多的应用型知识以视频的方式来呈现：最终以调动学习者多感官为主，多种媒体呈现方式为辅助的学习方式进行内容设计。

1.3 界面设计

“急救课堂”微信小程序由“首页”“急救知识”“知识闯关”“我的”四个版块构成。

“首页”提供急救知识的宣传信息和紧急按钮。当用户处于首页界面时，首页按钮呈现红色，其他模块呈现灰色。学习者可以在首页进行“我要咨询”“我要呼救”“我要分享”，并通过下滑首页进入到视频学习模块。

“急救知识”页面用于展示有关急救的所有学习资料。该页面展示各种急救症状的图标，小程序以标签化的方式对众多急救症状进行分类，分为头部、四肢、躯干等，并以不同颜色进行区分，方便学习者进行检索，快速根据自己的学习需求进行学习。

“知识闯关”页面用于呈现不同难度的复习题目。整个页面通过三个难度的按钮随机链接到学习资源库准备的多套习题，难度根据人们的常识认知到专业医学依次递增，主要分为简单、中等和困难。

“我的”页面就是用户主页页面，将显示登录按钮、用户头像显示和用户昵称显示。用户通过点击登录按钮是否授权于小程序使用微信信息，当用户同意授权时，登录页面就会显示该学习者的头像和昵称，以及积分排行榜等个人信息，在这个面上还包括开发小组的成员信息。

1.4 功能模块设计

“急救课堂”微信小程序的使用者可以分为学习者和管理员两类角色，而每一类角色具有不同的操作权限。对于学习者而言，不仅要满足学习者获取学习资源的需求，还应该为学习者提供一个简便的、具有互动的、可以提供反馈意见的平台。管理员能够对小程序上的各类数据进行修改，可以看到学习者提供的反馈建议，拥有最高的使用权限。因此，微信小程序设计了“知识模块”“答题模块”“管理模块”共3个模块。

“知识模块”主要为学习者提供急救知识的学习资源，在小程序中将以学习卡片和视频的方式进行呈现，学习者可以根据自己的学习需求进行浏览学习。管理员可以在后台添加和删除学习资源。

“答题模块”主要是区别于单调的“灌输式”学习方式，为学习者带来一些挑战和互动，以答题闯关的方式获取相应的积分，并对积分进行排名。答对一题获得2分，邀请好友一起答题，分数达到一定要求可以得到管理员的奖励，此设计是为了激发学习者的学习兴趣，引导学习者对知识模块的内容进行复习，帮助学习者更好地掌握所学习的知识。管理员可以在开发端进行积分机制的设计以及奖励设计。

“管理模块”将赋予管理员最高权限。管理员要根据用户需求和交互对学习者提供帮助，根据学习者在反馈系统提出的建议对小程序进行优化等操作。

2 “急救课堂”微信小程序开发

2.1 工具的选用

开发“急救知识”微信小程序的移动学习平台，需要使用PC设备和移动智能设备。PC设备的主要功能是编写程序代码，而移动智能设备的主要功能则是用于真机测试，查看小程序在移动智能设备上的应用效果。

在PC端采用微信官方提供的微信开发者工具开发，集中了开发、调试、预览、上传等功能[4]。一个完成的微信小程序页面包含如表1所示的各种文件及功能。

表1 不同文件格式的功能

2.2 界面的制作

2.2.1“首页”界面制作

急救知识小程序首页采用轮转方式展示了急救知识宣传图，给予用户动态美感，把最贴合时代信息的图片筛选展示出来，让用户在第一时间获取到最新资讯。轮播图下方的三个紧急按钮：“我要呼救”，用户可以点击此链接发送紧急呼救，如图3所示；“我要分享”，用户可以点击此链接分享，如图4所示；“我要咨询”，用户可以点击此链接联系专业人员。首页往下滑动就是视频学习资源，视频演示是最直接的教学方式。考虑到心肺复苏的操作步骤比较繁琐且需要谨慎应对，有别于网络视频笼统的概括，心肺复苏操作视频由小组成员拍摄和pr剪辑，使视频达到最详尽的操作细节呈现。视频资料以竖排顺次排序，方便用户滑动观看，小程序的视频支持手机适配全屏播放，让学习者可以极佳的体验进行相关知识的学习，如图5所示。

图3 “我要呼救”按钮制作 图4 “我要分享”按钮制作 图5 “首页”界面制作

2.2.2“急救知识”界面制作

这一页面是小程序的主体版块，将急救知识进行分类，包括头颅、躯干、四肢三大部分，每一部分内容都有特定图标与详细生动的科普性知识，头颅部分为红色，躯干部分为黄色，四肢部分为蓝色，如图6所示，帮助用户了解具体的急救知识并为下一版块的知识闯关做准备。文字资料来源于百度文库、中国大学慕课、中国知网以及一些B站up主的分享等，力求做到最严谨、最详尽、最通俗易懂。急救知识包含急救课堂，以文字图片的形式展示，让用户可以在使用小程序的过程中避免枯燥乏味，能充满兴趣地学习急救知识。

图6 “急救知识”界面制作

2.2.3“知识闯关”界面制作

“知识闯关”版块为巩固急救相关知识。考虑到用户理解速度阶段的不同，题库共设置易、中、难三种难度等级；同时为满足不同阶段用户的能力水平，共有六篇题库，每种难度题库分为两篇，每篇二十题，一题两个积分，可随时显示答对题数与最终得分。点进题库后，题干在最上方，接下来依次竖排排列ABCD四个选项，选项下是横排三个按钮“上一题”“下一题”“显示答案”，最下方有积分显示，方便用户查阅自己的积分。对于积分的处理，微信小程序有专门的处理机制，可以根据积分来兑换相对应的礼品，礼品模式对于用户来说也是一种激励，管理员会根据使用情况及其用户反馈进行礼品调整，以贴合用户的需求。

2.2.4“我的”界面制作

“我的”版块为个人中心。个人中心页面便于查看客人信息以及意见反馈等。下方居中是用户登录后的头像及昵称，接下来竖排四个按钮“关于我们”“礼物兑换”“开发日志”“意见反馈”，方便用户点击使用功能。“关于我们”留有该文作者的联系方式，您可以通过此联系作者；“礼物兑换”可根据答题积分兑换相应积分礼物，不同的积分数量可兑换不同的礼品，以满足不同积分用户的需求，方便用户兑换实物；“开发日志”记录是记录微信小程序的生命周期的过程；“意见反馈”可以实现学习者与作者的零距离沟通。

2.3 素材的来源与制作

“急救课堂”小程序的文本资料主要来源于腾讯医典、丁香医师和医学微视。视频则是引用在急救知识小程序制作的过程中，对文本的要求是严谨，对图片的要求是美观，对视频的要求是科普。

2.3.1文本制作

学习者对于医学科普的需求极强，在收集资料的过程中秉承严谨的学术态度，并对学习资源进行二次加工处理，对知识进行标签化处理以便于分类。将系统的知识分成小的模块，便于学习者进行碎片化学习。在加工整合好文稿之后，需要对它进行排版，内容排版工具主要用于文章内容的排版美化，可以起到优化页面的作用，主要运用秀米编辑器和135编辑器来实现。微信小程序支持doc、docx、pdf等格式的文档资源，整合保存好文档后，调用wx.openDoc- ument()根据存储文档的临时路径在新页面打开文档供学习者查看。

2.3.2图片制作

“急救课堂”小程序使用了大量的图片，起到为文字解释说明的作用，图文结合的方式使医学知识变得更加生动直观。除此之外，小程序的Logo设计、“急救知识”界面使用到的大量图标都是利用Photoshop软件设计完成的，并全部导出为PNG的格式。“首页”的轮播图采用了GIF动画软件。调用wx.previewImage()，该API允许用户可以在新页面以全屏的方式预览图片，使用该 API 时，需要配置 urls 属性，该属性的数据类型为数组类型，用于存放需要预览图片的链接地址。

2.3.3视频制作

视频的来源分为两部分：一部分来自网络，文章中将展示B站推出的“一分钟教你遇到哮喘突发患者该如何自救.mp4”和“AED的使用.mp4”。据了解，B站上发布了许多关于急救的微视频，即通过降低知识的门槛，以诙谐搞笑的动画形态带你轻松涨知识，并且视频是在中华医学会科学普及分会指导下，由专业医师监制的，专注于医学科普知识的传播，由各大医院专家讲述；都是短小的视频，由专家出镜，适合习惯看到专家真人亲口讲述的朋友。用户可以按关键词搜索后按需观看。另外一部分视频是“急救课堂之心肺复苏.mp4”,是由作者根据脚本的设计，利用摄像机拍摄，以现场操作演示的方式呈现给学习者，其主要内容是心肺复苏的操作步骤和讲解以及注意事项。拍摄完成后，将视频导入到视频编辑器Adobe Premiere Pro，对视频进行衔接处理，对亮度进行调节处理，并添加字幕，最后对音频进行降噪处理。微信小程序提供了Video组件用来播放视频资源。Video组件支持播放多种格式的视频资源，但是与iOS系统和Android系统支持的视频格式有所不同，需要特别注意。

2.4 功能模块的制作

2.4.1“知识模块”的制作

小程序将学习资源以文本、图片和视频的方式呈现。其中，知识卡片是图文结合的方式，为了让用户快速找到所遇到的疾病病情，知识卡片根据出现症状的头颅部分、躯干部分和四肢部分来划分各种应急症状。视频大部分来源于多个网站的视频内容，以满足学习者的各方面需求，还有开发团队录制的实操视频。通过心肺复苏具体步骤的讲解和相关的视频可以供学习者学习；还可以通过视频分享的方式，让学习者可以将在看的内容分享给亲朋好友，扩大用户群体，和身边的人共同学习、共同进步，让自救互救的意识深入人心。

2.4.2“答题模块”的制作

急救知识小程序设计了三种难度的题目，分别是一般、较难和困难。每种难度有两套题目，一套题目包含20道小题，在题库中随机抽题，每答对1题积分加2分，每天限制1次答题次数。当积分累积到50/100/200分时，可以兑换由管理员精心准备的急救相关的礼品。题库中难度的标准由生活常识向医学专业递进，同时开发团队也会对题库进行实时地更新扩展，让用户学习到最前沿、最安全的急救知识。小程序设定有积分排行榜，用户可以通过“我要分享”将此小程序发送给好友，提升用户活跃量和用户黏性，让学习者在竞争的环境中越学越勇，以此来增加小程序的趣味性。

2.4.3“管理模块”的制作

在此微信小程序中，管理员拥有最高权限，可以和学习者进行交互，为用户解决在使用小程序过程中可能会遇到的问题；设计者在首页增添了“我要咨询”按钮，在这里可以咨询到小程序中与急救相关的内容。

考虑到用户使用后体验与意见的汇总，可通过在“我的”版块中提交反馈意见和截图与客服交流。小程序会对反馈数据进行记录，并采用大数据筛选的方式拿出最好及最优的建议进行采纳。

3 “急救课堂”微信小程序效果分析

小程序开发完成后，经过测试，已上线正常运行。小程序效果分析将从使用者是否有意愿持续使用微信小程序的角度，对微信小程序进行效果分析[5]。开发小组与初次使用该小程序的学习者就界面效果、操作难易程度、是否解决用户问题等进行了访谈。综合访谈结果，大部分学习者认同该款小程序容易学习使用、可以熟练操作和具备清楚直观的图形界面，并可以解决自己遇到的实际问题。学习者还提出“界面有些简单，美化一些会更好”“边界部分可以添加一些线条”等建议，开发团队将及时进行完善。

4 结束语

“急救课堂”小程序的使用用户无需安装，操作简单，推广性强，且占内存小，将公众急救知识利用数字信息化技术对学习内容进行处理，可将急救常识在微信小程序上进行宣传与学习。学习者只要利用好碎片时间就可以随时随地获取文字、图片和视频等类型的学习内容，答题模块更是将学习和巩固充分结合，不仅提高了学习质量，也提高了学习者的兴趣，更是将急救重点——心肺复苏进行了真人演示操作拍摄教学，讲解透彻、操作到位，相较于文字或图片版更为简单易懂，为学习者实践操作奠定良好基础。

“急救课堂”小程序会根据用户体验进行优化迭代，为学习者带来更新的使用体验和最前沿的急救小知识；同时引入版本控制系统以应对突发情况，并引入权限控制以实现普通用户与管理员用户的需求。