学会微信小程序的设计与实现

甘艺垚　蔡永香　王荟奥

摘要：为了满足学会的信息移动化需求，该文在调查了当前学会的信息化建设现状、移动端应用等信息的基础上，提出一套基于微信小程序开发的移动端设计方案，并以中国地球物理学会水利电力分会的特定需求为例实现了水电分会微信小程序。经测试，水电分会小程序能够及时传递学会动态信息给会员，达到宣传学会，服务社会的目的，对水电分会会员间的信息交流具有实际应用价值。

关键词：学会;信息化建设;微信小程序;设计方案;水电分会

中图分类号：TP311      文献标识码：A

文章编号：1009-3044（2021）04-0007-03

Abstract： In order to meet the needs of information mobility of academy. Based on the investigation of the information construction status quo of the current society and the application of mobile terminal， this paper proposes a mobile terminal design scheme based on WeChat small program development， and a WeChat small program of the hydro-electric branch of Chinese geophysical academy as an example. Through the test， the small program can timely convey the dynamic information of the academy to the members， so as to achieve the purpose of propagating the academy and serving society. It has practical application value for the information exchange among the members of the hydro-electric branch.

Key words： academy; information construction; WeChat small program; design scheme; hydro-electric branch

1 背景

学会是由科技工作者自愿组成的科技学术性团体， 是科技发展的必然产物。其根本任务是科研、学术交流， 促进学科发展， 发现、培养、推荐人才， 促进科技成果转化，代表科技工作者与政府沟通， 反映科技工作者心声， 维护科技工作者权益[1]。据2020年6月中国科学技术协会官网显示，各级科协所属学会29675个，其中中国科协所属全国学会210个，省级科协所属省级学会3848个。近年来，为了响应国家政策，促进学会交流与发展，很多学会都建设了自己的信息化平台。大部分学会建设有门户网站，便于发布通知、共享信息，为会员提供一个相互交流的平台。但由于移动互联网发展迅速，人们通过手机来获取信息已成为一种必然的趋势，学会会员之间的交流也有基于移动方式的需求，仅仅门户网站已经不满足现今的发展需求了，因此开发信息交流移动端是目前学会信息化建设的新目标。

目前移动端选型主要有H5页面、App和微信小程序。H5页面开发效率高，但是其加载速度慢，兼容性差，容易受到不同机型等因素的影响;App兼容性好，加载速度快，但是其开发周期长，开发成本高，如果全面覆盖移动终端需要开发 2-3 种类型，并且迭代更新麻烦[2];微信小程序开发维护成本低，且兼容性好，加载速度快，相较于另外两种移动应用更纯粹、更流畅、更易得，其中更纯粹指的是使用小程序可以抛去以往互联网产品的烦琐程序，更流畅指的是相对于网站、H5、App等，小程序的用戶体验感更优，更易得表现为线上线下触手可得、随时可用[3]。故本文基于微信小程序为学会移动端建设提出一套合理可行的方案，并以中国地球物理学会水电分会的特定需求为例设计开发水电分会微信小程序。

2 需求分析

在对当前部分学会的信息化平台进行调研的基础上，我们分析总结出学会微信小程序的用户主要是学会会员以及游客，其用户需求大致如表1所示。

按照用户的需求，我们可以分析出该小程序的功能需求包括：

1） 信息展示功能：展示学会介绍、学会通知、学会新闻、学术交流、奖励信息、期刊信息、学会成果和入会途径等信息;

2） 资料下载功能：学术会议附件、期刊数据、成果数据等的下载;

3） 信息查询功能：通过关键词检索所需要的信息;

4） 会员登录功能：会员登录查看会员服务;

5） 信息收藏功能：会员收藏信息。

3 功能设计

按照用户的需求，学会微信小程序的功能设计为两部分：通用功能及个性化功能。通用功能包括最新信息轮播图、学会介绍、各类信息查看展示、信息查询;个性化功能有会员登录、收藏下载、个性化界面管理等;并将这两部分功能分别在首页和个人中心两个页面中实现。该设计的功能结构如图1所示。

4 系统架构设计

要开发实现上述功能，系统可以采用三层架构。三层架构分别为表现层，服务层和数据层。其中表现层为通过HTML+CSS+JS搭建的Web应用和基于微信小程序搭建的移动应用，用于展示系统数据;基于SSM框架搭建的Java程序作为服务层，链接表现层与数据层;数据层使用MySQL搭建系统数据库，实现数据存储和数据管理的功能。其技术架构如图2所示。

5 界面设计

手机应用界面设计中要顾及两个方面，界面视觉设计及用户体验设计[4]。在界面视觉设计上，学会微信小程序选取了白色作为背景颜色，白色百搭，可以跟各种色系按风格需要搭配起来，并且最为简洁干净，有利于内容的获取;界面整体采用扁平化设计风格，扁平化设计是近年来非常流行的新设计风格，其主要特点是简约直观[5];首页页面的设计主要以轮播图和信息模块组成，轮播图上方占三分之一，剩下的部分为排列整齐的信息模块;个人中心页面分区设计为按列表模式排列的功能模块;整体清新简洁，美观大方，这样的设计可以使得用户更加迅速的进行信息交换，唤起用户的使用欲望。在用户体验设计方面，小程序设计信息模块管理功能，会员可以自己设置首页展示模块，定制自己专属的小程序界面，只保留自己感兴趣的信息模块，隐藏不需要的信息模块;此外还有收藏与查看下载列表，保留用户的浏览历史记录等，也是基于用户体验的设计。

6 应用实例

基于上述设计方案，以中国地球物理学会水电分会（以下简称水电分会）的特定需求为例，进行了水电分会微信小程序的设计开发。水电分会是中国地球物理学会下属的多部门、跨地区的群众性学术团体，学会宗旨是：为水利电力行业地球物理技术发展服务、为广大技术人员服务、为推动水利电力行业地球物理技术进步服务;组织水利电力领域地球物理技术人员开展国际、国内学术/技术交流、举办专业技术培训等相关活动;促进研究成果的应用和转化等。

我们在调研学会平台用户一般需求的基础上，还针对水电分会用户进了细致地沟通交流，获取其个性化的需求，归纳总结出水电分会小程序的大致需求如下：

1） 学会动态信息展示：通知公告、分会新闻和奖励动态等动态信息的展示;

2） 学术交流信息展示：学术会议、年会和纪念活动信息展示以及附件的下载;

3） 分会刊物介绍：刊物简介、出版刊物、编委会介绍，投稿须知信息展示以及出版刊物下载等;

4） 科普宣传：科普宣传和科普知识的信息展示;

5） 表彰奖励信息展示：奖项介绍和赞助单位信息展示;

6） 产品信息展示：会员单位及会员的发明专利、技术革新和仪器设备的信息展示;

7） 会员风采作品展示：会员作品，包括散文、诗歌、美图和视频等作品的展示;

8） 学会介绍：学会组织机构、管理细则和自律公约的信息展示;

9） 登录：会员登录获取会员服务;

10） 查看浏览历史：会员可以查看自己的浏览历史;

11） 查看收藏：会员可以收藏信息，并随时在我的收藏中查看;

12） 查看已下载资料：会员下载的数字资料可以在已下载资料列表中查看;

13） 个性化界面管理：会员可以自定义首页展示信息模块，形成自己的个性化模块界面。

在仔细分析上述需求的基础上，我们基于前面的一般性功能结构图，对水电分会小程序功能进行了细化设计，其功能设计模块见图3。

按照前面的系统架构与界面设计方案，我们根据水电分会的特定需求进行了功能的编码实现，最终实现了水电分会小程序。小程序分为两个导航栏页面：首页和我的页面。首页主要是信息模块展示和信息查询，无论是会员还是游客都可以访问查看;我的页面为会员功能页面，会员登录之后可获得一些个性化的服务。

1） 首页页面如图4所示，上部分为信息轮播图，其图片与网页端首页图片相同且同步更新;下部分为排列整齐的模块按钮，分别是：聚焦动态、学术交流、分会刊物、科普园地、表彰奖励、产品展示、知味烟火、关于分会、信息查询;

2） 点击首页任一模块按钮，可以跳转到相应页面，以点击科普园地模块为例，图5为跳转到科普园地信息列表页。科普园地又包含了科普宣传与科普知识两部分内容，点击上方导航栏可进行列表内容的切换。点击列表中的标题跳转至信息详情页面，如图6所示，登录用户还可进行页面收藏;

3） 图7为资料下载页面，用戶登录后，点击标题或者图片可以进行该数据下载;

4） 切换到我的页面会弹出会员登录框，会员登录后界面如图8所示，点击列表功能按钮可以跳转到相应的功能界面;

5） 个性化界面管理如图9所示，勾选的模块会显示，不勾选的模块就会在首页隐藏。

经测试，该小程序基本满足了当前水电分会信息移动化发展需求，能够及时传递学会动态信息给会员，达到了宣传学会，服务社会的目的。按照用户的反馈，水电分会小程序后续可以进一步对小程序进行优化，如添加会议报名功能和支付功能等，提高小程序的实用性，节约学会资源，提高学会活动组织效率。

7 结束语

本文在调查了当前学会的信息化建设、移动端应用等信息的基础上对学会微信小程序进行了需求分析，在此基础上进行系统设计、功能设计和界面设计，形成了一套完整的设计方案。最终以中国地球物理学会水利电力分会的特定需求为例实现了水电分会微信小程序，促进了水电分会信息化建设，该方案也可作为其他学会信息化建设的参考。

参考文献：

[1] 宋秀芳.简述学会与行业协会的区别[J].学会，2003（8）：36.

[2] 赵岩.基于微信平台的高校微应用设计与实现[D].长春：长春工业大学，2020.

[3] 杨启，张丽萍.从互联网生态看微信小程序的发展[J].新闻论坛，2017（2）：22-24.

[4] 刘庆立，丁勤林，杨东润.浅谈高校实验管理手机应用程序界面及功能设计[J].艺术科技，2017，30（7）：53-54.

[5] 杨楚乔.浅析“扁平化设计”在交互设计中的应用[J].大众文艺，2020（3）：74-75.

【通联编辑：谢媛媛】