学会小程序的设计与实现
甘艺垚，蔡永香，王荟奥
（长江大学地球科学学院，湖北武汉431000）
摘要：为了满足学会的信息移动化需求，该文在调查了当前学会的信息化建设现状、移动端应用等信息的基础上，提出一套基于小程序开发的移动端设计方案，并以中国地球物理学会水利电力分会的特定需求为例实现了水电分会小程序。经测试，水电分会小程序能够及时传递学会动态信息给会员，达到宣传学会，服务社会的目的，对水电分会会员间的信息交流具有实际应用价值。
关键词：学会；信息化建设；小程序；设计方案；水电分会
中图分类号：TP311文献标识码：A
文章编号：1009-3044(2021)04-0007-03
开放科学（资源服务）标识码（OSID）：
The Design and Implementation of Academy’s WeChat Small Program
GAN Yi-yao,CAI Yong-xiang,WANG Hui-ao
(School of Geosciences,Yangtze University,Wuhan431000,China)
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 ex⁃change 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所示。
收稿日期：2020-10-18
作者简介：甘艺垚（1996—），女，江西萍乡人，硕士在读，主要研究方向为移动GIS及其应用；蔡永香（1969—），女，通信作者，副教授，硕士生导师，研究方向为移动GIS与数据智能化处理；王荟奥（1997—），男，湖北孝感人，硕士在读，主要研究方向为空间大数据分析及可视化。
Computer Knowledge and Technology电脑知识与技术第17卷第4期(2021年2月)表1用户需求
用户类型需求
会员
信息查询
查看学会介绍
查看通知和新闻等动态
信息
查看学术交流信息
查看相关奖励信息
查看学会期刊
查看学会科普
查看学会成果
查看会员服务
收藏信息
下载学会资料
游客
信息查询
查看学会介绍
查看通知和新闻等动态
信息
查看学术交流信息
查看相关奖励信息
查看学会期刊
查看学会科普
查看学会成果
查看入会途径
按照用户的需求，我们可以分析出该小程序的功能需求包括：
1)信息展示功能：展示学会介绍、学会通知、学会新闻、学术交流、奖励信息、期刊信息、学会成果和入会途径等信息；2)资料下载功能：学术会议附件、期刊数据、成果数据等的下载；
3)信息查询功能：通过关键词检索所需要的信息；
4)会员登录功能：会员登录查看会员服务；
5)信息收藏功能：会员收藏信息。
3功能设计
按照用户的需求，学会小程序的功能设计为两部分：通用功能及个性化功能。通用功能包括最新信息轮播图、学会介绍、各类信息查看展示、信息查询；个性化功能有会员登录、收藏下载、个性化界面管理等；并将这两部分功能分别在首页和个人中心两个页面中实现。该设计的功能结构如图1
所示。
图1功能结构
4系统架构设计
要开发实现上述功能，系统可以采用三层架构。三层架构分别为表现层，服务层和数据层。其中表现层为通过HTML+ CSS+JS搭建的Web应用和基于小程序搭建的移动应用，用于展示系统数据；基于SSM框架搭建的Java程序作为服务层，链接表现层与数据层；数据层使用MySQL搭建系统数据库，实现数据存储和数据管理的功能。其技术架构如图2
所示。
图2系统的三层架构
5界面设计
手机应用界面设计中要顾及两个方面，界面视觉设计及用户体验设计[4]。在界面视觉设计上，学会小程序选取了白作为背景颜，白百搭，可以跟各种系按风格需要搭配起来，并且最为简洁干净，有利于内容的获取；界面整体采用扁平化设计风格，扁平化设计是近年来非常流行的新设计风格，其主要特点是简约直观[5]；首页页面的设计主要以轮播图和信息模块组成，轮播图上方占三分之一，剩下的部分为排列整齐的信息模块；个人中心页面分区设计为按列表模式排列的功能模块；整体
清新简洁，美观大方，这样的设计可以使得用户更加迅速的进行信息交换，唤起用户的使用欲望。在用户体验设计方面，小程序设计信息模块管理功能，会员可以自己设置首页展示模块，定制自己专属的小程序界面，只保留自己感兴趣的信息模块，隐藏不需要的信息模块；此外还有收藏与查看下载列表，保留用户的浏览历史记录等，也是基于用户体验的设计。6应用实例
基于上述设计方案，以中国地球物理学会水电分会（以下简称水电分会）的特定需求为例，进行了水电分会小程序的设计开发。水电分会是中国地球物理学会下属的多部门、跨地区的众性学术团体，学会宗旨是：为水利电力行业地球物理技术发展服务、为广大技术人员服务、为推动水利电力行业地球物理技术进步服务；组织水利电力领域地球物理技术人员开展国际、国内学术/技术交流、举办专业技术培训等相关活动；促进研究成果的应用和转化等。
我们在调研学会平台用户一般需求的基础上，还针对水电分会用户进了细致地沟通交流，获取其个性化的需求，归纳总结出水电分会小程序的大致需求如下：
1)学会动态信息展示：通知公告、分会新闻和奖励动态等动态信息的展示；
2)学术交流信息展示：学术会议、年会和纪念活动信息展示以及附件的下载；
3)分会刊物介绍：刊物简介、出版刊物、编委会介绍，投稿须知信息展示以及出版刊物下载等；
4)科普宣传：科普宣传和科普知识的信息展示；
5)表彰奖励信息展示：奖项介绍和赞助单位信息展示；
6)产品信息展示：会员单位及会员的发明专利、技术革新和仪器设备的信息展示；
7)会员风采作品展示：会员作品，包括散文、诗歌、美图和视频等作品的展示；
Computer Knowledge and Technology电脑知识与技术第17卷第4期(2021年2月)
8)学会介绍：学会组织机构、管理细则和自律公约的信息展示；
9)登录：会员登录获取会员服务；
10)查看浏览历史：会员可以查看自己的浏览历史；
11)查看收藏：会员可以收藏信息，并随时在我的收藏中查看；写文章的小程序
12)查看已下载资料：会员下载的数字资料可以在已下载资料列表中查看；
13)个性化界面管理：会员可以自定义首页展示信息模块，形成自己的个性化模块界面。
在仔细分析上述需求的基础上，我们基于前面的一般性功能结构图，对水电分会小程序功能进行了细化设计，其功能设计模块见图3
。
图3水电分会小程序功能结构
按照前面的系统架构与界面设计方案，我们根据水电分会的特定需求进行了功能的编码实现，最终实现了水电分会小程序。小程序分为两个导航栏页面：首页和我的页面。首页主要是信息模块展示和信息查询，无论是会员还是游客都可以访问查看；我的页面为会员功能页面，会员登录之后可获得一些个性化的服务。
1)首页页面如图4所示，上部分为信息轮播图，其图片与网页端首页图片相同且同步更新；下部分为排列整齐的模块按钮，分别是：聚焦动态、学术交流、分会刊物、科普园地、表彰奖励、产品展示、知味烟火、关于分会、信息查询；
2)点击首页任一模块按钮，可以跳转到相应页面，以点击科普园地模块为例，图5为跳转到科普园地信息列表页。科普园地又包含了科普宣传与科普知识两部分内容，点击上方导航栏可进行列表内容的切换。点击列表中的标题跳转至信息详情页面，如图6所示，登录用户还可进行页面收藏；
3)图7为资料下载页面，用户登录后，点击标题或者图片可以进行该数据下载；
4)切换到我的页面会弹出会员登录框，会员登录后界面如图8所示，点击列表功能按钮可以跳转到相应
的功能界面；5)个性化界面管理如图9所示，勾选的模块会显示，不勾
选的模块就会在首页隐藏。
图4首页图5
信息列表
图6信息详情图7资料下载
（下转第28页）
Computer Knowledge and Technology 电脑知识与技术第17卷第4期(2021年2月)
4总结
针对盲人安全出行问题，文中提出的智能拐杖的导盲系统充分利用红外线测距的原理，发射一定频率的红外脉冲信号，在遇到物体会反射回红外脉冲信号，系统接收并经过处理后，将检测到的信息通过语音播报反馈给盲人，这样就能弥补盲人在视觉功能上的缺陷，以此来辅助盲人有效避障。系统还增加了温度传感和GPS 定位的功能，利用温度传感器辅助盲人回导盲杖防丢失；同时还带有GPS 定位系统，有效地防止盲人走失，并解决盲人安全独立出行的问题。
参考文献：
[1]房东东.双目视觉导盲系统探索与研究[D].中北大学,2013.
[2]郭天祥.51单片机C 语言教程入门、提高、开发、拓展全攻略[M].北京：电子工业出版社,2009:166-223.
[3]燕学智，王树勋，马中胜，李辛，等.基于超声红外定位导航研制自动引导车辆系统[J].吉林大学学报（工业版）,2006,36(2):242-246.
[4]皮波，姚振东，廖政炯，等.基于GSM 通信技术的远程监控系统设计[J].单片机与嵌入式系统应用,2015,15(10):76-79.
【通联编辑：王力】
（上接第9页
）图8我的图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.
【通联编辑：谢媛媛】