刘建桥 陈艳* 唐世勇 刘帅

（湖北大学知行学院，湖北武汉 430011）

1 概述

近年来，受全球气候变暖影响，出现越来越多的极端恶劣气候，导致地质灾害频繁爆发，给人民群众带来严重损失，使得政府及民众愈发重视灾害发生的预防和救治工作。由于灾害的突发性，在救援行动中涉及众多部门，各部门建立的信息体系较为混乱，且不能及时有效共享；二是灾情信息获取准确性不高，无法具体明确救助者真实救助信息，容易导致救灾过程中救援力量和救援物资分配不均衡。[1-2]

本团队成员调研发现当前传统救灾设施设备功能相对单一，发展更新较慢，没有信息沟通设施，无法实现精准救助，救助效率低下。基于此，我们借助现代信息化技术，利用微信开发者工具开发一款以帐篷为基本单元格，对救助对象、救助信息等各方资讯的上报和反馈的实用小程序，实现信息互通，提高救灾精准度，给救援工作提供便利，以期实现提升救灾效率和质量。

微信开发者工具集成了开发调试、代码编辑及程序发布等功能，帮助开发者简单和高效地开发微信小程序[3]，使之具有体量轻小，无需安装、卸载，触手可及、用完即走的技术创新特点，越来越多地被应用于不同场景中。小程序开发主要用到WXML语言、WXSS 样式、JS 逻辑交互等前端知识，后台数据运用微信开发者工具的“云开发”功能，在云数据库中对数据进行操作，实现界面技术[4]。

2 救灾救助信息管理系统设计

2.1 信息管理系统功能分析与设计

在救灾救助信息管理系统设计方面，以救灾现场单个帐篷作为基本网格单元，基于信息通讯需求，实现帐篷内部救助人员信息上报与后台统计、救援物资需求上报与后台统计、紧急信息上报与后台反馈、后台志愿服务讯息发布及前台申请、接收救灾实时信息、心理健康疏导等功能，做到单帐篷救灾信息与救灾指挥部的精准互通，提高救助时效性，满足救助者的物质需求、心理需求和精神需求等。

系统设计包含管理员端和用户端，用于信息的发布、上报、查看和统计查询等。

系统用户端设置四大模块，分别是“新闻通知”、“信息提交”、“我的帐篷”和“我的”。用户可在“新闻通知”页面可查看受灾地区灾情信息、紧急通知、辟谣信息、物资发放、心理疏导等信息，也可通过“信息提交”页面提交本人的基本信息及必要的需求信息上报，方便管理人员统计管理。在“我的帐篷”页面，用户可查看自己所在帐篷人员的一些基本信息。在“我的”页面，用户可以进行“志愿者申请”成为志愿者，根据管理员分配的志愿服务项目任务为灾区救援和人们的生活贡献自己的力量；用户也可以点击“失物招领”，可发布用户捡到的或丢失的物品。如果缺少一些基本生活物资，或需要接受心理咨询等可通过此处“信息反馈”或“信息提交”页面提交申请。系统用户端设计基本框架如图1 所示。

图1 系统用户端设计基本框架图

在系统“我的”页面设置“管理员登陆”接口，将系统管理员端嵌入到用户端页面，可以实现用户端和管理员端共用同一系统，减少独立开发管理员端的系统，合二为一，提高系统适用性和融合性。为防止用户误登入管理员端，在系统设置管理员登陆专用账号和登陆密码即可。

系统管理员端主要分为“新闻管理”、“志愿者管理”、“物资管理”、“帐篷人员管理”等板块。“新闻管理”可实现灾情紧急通知、辟谣专区、灾情信息、物资发放、心理疏导等信息的发布，发布内容将在“新闻通知”界面以模块化界面显示。“志愿者管理”可发布志愿者招募信息，可对提交申请的人员进行志愿工作的分配。“物资管理”可查看受灾人员提交的需求申请，及时予以反馈。“帐篷人员管理”可查看受灾人员信息，对受灾人员进行网格化管理。系统管理员端设计基本框架图如图2 所示。

图2 系统管理员端设计基本框架图

2.2 系统模块功能实现

微信开发者工具使用流程为点击新建项目，输入项目名称，AppID 等信息，确认即可进入开发页面。在开发者页面app.json中配置各个项目文件，在pages 文件夹中为每个页面建立文件夹，在子文件中编写对应页面的代码，点击编译在左侧模拟器中可查看效果，可以根据展示效果对代码进行补充和修改。

2.2.1 用户端模块设计

2.2.1.1 总体设计

根据图1 布局，本小程序设计四个主要模块页面，即“新闻通知”、“信息提交”、“我的帐篷”和“我的”，在底部导航栏予以显示（如图3 所示），需首先完成app.json 中的设置，其核心代码为

2.2.1.2“新闻通知”模块的实现

该部分模块内容主要调取管理员端发布的相关数据，实现前端显示，顶部导航栏包含“紧急通知”“辟谣专区”等5 个单元。以“紧急通知”为例，界面如图3 所示，前端显示新闻标题、图片、正文内容、发布时间以及消息来源，用户可以实时浏览管理员端发布的最新通知详情内容，其相关核心代码为

图3“紧急通知”界面

图4“信息提交”界面

图5“我的”界面

图6“失物招领”界面

2.2.1.4“我的帐篷”模块的实现

该模块内容显示单帐篷内各成员基本情况，方便相互了解情况，有助于互帮互助，数据内容主要调取后台从“信息提交”页面获得的数据，根据相关设定，展现基本关键信息，其实现的核心代码为

2.2.1.5“我的”模块的实现

该模块内容主要以个人事务性行为相关的信息收集为单元（管理员登陆除外），其界面如图5 所示，方便开展行为信息交流，包括发布失物招领、志愿活动申请、信息反馈等，加强不同帐篷单元内救助者之间的互帮互助，以失物招领为例，用户可以点击页面发布按钮以文字或图片形式发布捡到的物品或丢失的物品内容，发布成功后可在捡到物品界面以及丢失物品界面予以展示，并可对物品信息状态予以更新展示，界面如图6 所示。该模块主要实现形式主要同信息提交模块相似，此处不再赘述。

2.2.2 管理员端模块设计

在上文已述，管理员端登陆接口嵌在用户端“我的”模块之下，管理员通过此处进行信息数据的发布与管理，为避免普通用户误入，特在系统设置管理员账户及密码，需通过校验后予以登陆，登陆成功后，显示管理员页面，界面如图7 所示。顶部显示欢迎图片，主体部分是4 个模块的入口，采用不同颜色进行渲染，包含新闻管理，志愿者管理，需求统计和帐篷人员管理。

图7 管理员操作界面

新闻管理模块主要实现后台发布数据内容，管理员以文字、图片等形式上传后，在前端显示给救助者用户有关新闻通知类，管理员点击新闻发布按钮按界面图显示步骤操作即可完成各类信息发布，亦可对已发布资讯进行删除操作，单击已发布文档即可进行操作。

志愿者管理模块为管理员根据需求按类别发布具体服务内容，并根据志愿者申请填报信息可对志愿申请进行统筹安排，并下发具体安排信息至申请者前端，实现志愿服务信息互通。帐篷人员管理模块主要是对用户端救助者进行信息提交后，管理员在后台根据实际管理需求，按一定条件对数据进行统计管理，可用于服务管理者进行动态决策管理，界面如图8 所示。需求统计模块主要是对用户端救助者进行需求信息提交后，管理员在后台按类别对数据进行统计管理，界面实现如图9 所示。

图8 帐篷人员管理搜索界面

图9 需求统计界面

3 结论

本文以救灾救助为应用场景，利用JavaScript + WXSS +WXML 等界面实现技术，完成了一种基于小程序的救灾救助信息管理系统设计与实现，构筑了应急救灾事故现场信息的社会化采集渠道，为应急管理部门或救灾指挥部快速获取现场情况提供精准信息，同时设计有发布信息的功能，可为受灾群众及时了解灾情信息提供便利。

小程序页面人性化设置，操作流程简单，功能实用，可以很好实现信息互通，提高救灾精准度，极大程度上减少救灾人员的工作量，提高了救灾人员的工作效率，同时方便了受灾人员的妥善安置，提升救灾效率和质量，给灾后救援工作提供便利，保障受灾群众的切身利益，具有较好的实用性，实现以人为本。同时本系统可以搭载在各救灾设施运用场景，使之在智能化与多功能化方面有较大突破，在救灾领域有很好的运用市场，具备极高的市场推广价值，同时为救灾产品的设计提供新的指导方向。