蓝天环保社团网站设计与实现

刘丽　罗津　俎晓芳

摘 要：随着蓝天环保社团的不断壮大与社团信息量的倍增，组织管理机制无序、活动传播效果差、传承机制弱、缺少外部联系与交流等弊端日趋显露，传统的管理手段已然不能满足社团发展需求，实现信息化建设无疑成为提高整体竞争力的明智选择。蓝天环保社团网站系统是基于PageAdmin平台，采用B/S结构设计，以Access为数据库，IIS为服务器，引用百度地图JavaScript API技术，以“宣传”+“信息管理”为模式设计的。该系统经过测试与实际使用，基本满足社团发展需求，解决社团管理问题，具有一定的应用价值。

关键词：蓝天环保社团；网站设计；PageAdmin；百度地图API

中图分类号：TP393 文献标志码：A 文章编号：2095-2945（2018）35-0098-04

Abstract： With the continuous growth of the Blue Sky Environmental Protection Society and the multiplication of the amount of information， the malpractices of the disordered organization and management mechanism， the poor transmission of activities， the weak inheritance mechanism and the lack of external contacts and exchanges are becoming more and more obvious. The traditional management methods can not meet the needs of the development of associations， the realization of information technology has undoubtedly become a wise choice to improve the overall competitiveness. The website system of Blue Sky Environmental Protection Society is based on PageAdmin platform， adopting B/S structure design， taking Access as database， IIS as server， quoting JavaScript API technology of Baidu map， taking "publicity"+"information management" as the mode of design. After testing and practical use， the system can basically meet the needs of community development and solve the problems of community management， and has a certain application value.

Keywords： Blue Sky Environmental Protection Society； website design； PageAdmin； Baidu Map API

1 概述

江西师范大学蓝天环保社团于1996年5月成立，以“服務校园社会、锻炼学生能力”为宗旨，紧扣“绿色环保”主线，至今已走过22个年头。如今的蓝天环保社团尽管走上了工作部门化以及活动常态化的道路，但其管理机制在大量社团信息面前却还是显得分身乏术，以致出现组织管理机制无序、活动传播效果差、传承机制弱、缺少外部联系与交流等问题[1-2]。在信息化的今天，网站系统管理模式逐渐成为社团管理主流，国内外环境类网站如雨后春笋般出现在大众视野中，而蓝天环保社团网站作为后起之秀，其建设必定要取其精华，去其糟粕。通过对比国内外环保网站发展状况后发现，国外环保网站建设得比较成熟，不仅特色鲜明能够吸引用户，且用户能积极参与[3]；而我国大部分环保网站建设主要存在受众参与感不强、网站管理不到位、缺少社团特色创新等问题[3-4]。在此基础上，本文为了解决社团管理、组织传播中存在的问题，将设计一个基于PageAdmin平台，采用B/S结构，以Access为数据库，IIS为服务器，引用百度地图JavaScript API技术，以“宣传”+“信息管理”为模式的蓝天环保社团网站系统，希望能充分利用网络优势，促进社团管理工作、组织传播工作实现信息化、科学化以及规范化。

2 需求分析

2.1 网站目标分析

为了解决蓝天环保社团在管理方面存在的问题，建设一个“宣传”+“管理”的信息化平台成为了社团发展的必经之路。本网站的建设目标是：

（1）体现社团特色与创新：加大社团活动宣传，完善文化传承机制，增强社团凝聚力。

（2）增强网站用户参与感：促进社团内、外部人员的交流。

（3）社员管理网络化。

（4）为网站管理做好相关准备。

2.2 功能需求分析

蓝天环保社团网站栏目的合理性将决定了网站质量，因此在设置栏目时一定要有相关特色。根据社团的业务需求，网站的初步栏目将以“展示社团风采、增强社员互动性、社团信息化管理”为主线设置成9个部分，架构如图1所示。此外，为了增加网站的交互性，让更多用户置身于环保之中，还将引入地图操作功能。

2.3 用户需求分析

（1）游客：仅能进行图文信息、地图信息的浏览以及普通会员留言等操作。

（2）社员：除了能像游客角色一样进行社团信息的浏览与互动留言外，还能查看社员之家的内容，并且拥有活动申报、会员留言以及对自身资料进行修改的权限。

（3）普通管理员：进行普通会员的管理，如新增会员、会员信息查看、会员留言回复；社团信息的管理，如信息的发布、删除、修改和审核。

（4）超级管理员：拥有对整个网站系统修改的权限，主要可以实现对网站的基础管理、用户的管理、栏目的管理、表单模型的管理以及社团信息的管理。

3 蓝天环保社团网站系统设计

3.1 总体设计

为了满足用户需求，本文设计如下方案：

（1）网站整体以蓝色为主调，引入地图特色元素，根据社团实际合理设置栏目分类，将社团文化与创新最大程度展示在用户面前。

（2）互动留言功能，用户可以随时随地为社团建设提供建议；环保事件参与功能与环保贴吧功能，为用户分享身边环保事件以及发表环保见解提供平台。

（3）提供社员注册登录与相应功能操作模块，实现社员信息化管理。

（4）为了方便后台管理，本系统将管理员分为普通管理员与后台管理员两种类型。不同的管理员赋予不同的管理权限，使得后台管理更加规范化，更加贴合社团管理层的需求。

此外，蓝天环保社团网站系统设计将基于一致性[5]、安全可靠性、人性化、合理性四个原则，采用B/S结构设计，以Access为数据库，IIS为服务器，ASP.NET为开发技术进行开展，其基本架构如图2所示。

3.2 功能模块设计

（1）互动留言模块：普通用户可以在“联系我们”的互动留言模块进行留言操作。留言类型包括：咨询、建议、投诉、其他四种，用户可以根据自身需求进行选择。

（2）会员中心模块：该模块仅供会员使用，分为用户资料、活动申请、我的留言、资料修改四个子模块。

（3）地图应用模块：主要包括地图基本控件应用、统计、检索、路线规划、添加点信息、热力图应用等功能。

（4）普通管理员模块：普通管理员仅能实现对信息管理与用户管理的部分操作，其数据流向如图3所示。

（5）超级管理员模块：超级管理员可以对后台所有模块进行操作，其数据流向如图3所示。

3.3 数据库设计

本网站系统开发过程中将Access作为数据库，用以实现数据信息的动态存储与网站系统程序的更新、删除、修改与查询。数据库实体如表1所示。

4 系统实现

4.1 主窗口实现

在实现社团网站时，采用ASP动态页面，以蓝色为主调，主要将网站首页分成上、中、下三个部分，如图4所示。网站上方包括设置首页按钮、收藏按钮、用户登录、会员注册、网站搜索条logo以及网站栏目等；中间部分则采用不同方式来展示社团特色信息以及环保类新闻，当用户点击这些内容模块时，便可跳转到相应的子栏目界面，增强了信息的引导性；下方部分主要展现网站基础信息，如友情链接、版权、IPC备案编号、学校地址、邮编以及微博、微信二维码。

4.2 功能实现

（1）互动留言模块：该模块适用于任何网站用户，用以促进用户与社团、社员与社员之间的交流。当用户完成留言主题、Email、留言内容、验证码等必要信息的填写以及留言类型的选择后，便可提交留言。该留言通过管理员审核后便可按照时间顺序显示在留言互动栏目界面。

（2）会员中心模块：注册成功的会员在登录界面输入用户名与密码，信息匹配后则进入会员中心主页面。在该模块中，会员不仅可以查看并修改自己的资料，还可以进行活动申报以及会员留言。其中，活动申报是该模块的重要部分，体现了社团活动管理的网络化，界面如图5所示。

（3）普通管理员模块：尽管普通管理员与超级管理员界面比较相似，但在用户管理方面只能新增普通会员用户以及对前台注册的普通用户进行审核；在信息管理方面只能对文章中心子模块、展板信息子模块、下载中心子模块进行信息管理以及发布信息；在活动申请子模块、在线留言子模块仅能进行信息查找、審核与回复。

（4）超级管理员模块：该模块除了能对网站基础参数进行管理外，可以实现会员的增加、删除操作，设置会员类别，对会员部门、会员信息字段进行管理，为不同类型会员赋予相应权限，以及对新注册的会员进行审核；可以对网站前台栏目进行增、删、改等操作；还可以对文章、图片、安装包、评论等信息进行发布、审核、删除、修改、编辑与查找等操作。该模块界面如图6所示。

5 系统亮点——地图应用模块功能实现

该模块引用百度地图JavaScript API技术，凭借地图优势，使用户脱离文字限制，以另一种方式了解蓝天环保社团的同时置身环保之中，主要表现在网站前台的首页、社团足迹、环保前线与联系我们等栏目中。

为了更好的了解蓝天环保社团网站用户的访问规律，在网站首页中引用RevolverMaps网站中的3D访客记录小挂件；为了让用户更直观的了解蓝天环保社团历年精品活动信息，在社团足迹中加入社团足迹子模块。为了更好增加网站用户的参与感，实现用户实时分享环保信息需求，在环保前线中加入环保你我他子模块，界面如图7所示。为了方便用户了解前往社团路线，查找社团周边信息，在联系我们中加入“附近找”、“到这里去”、“从这里出发”三个功能模块，界面如图8所示。

6 结束语

蓝天环保社团作为江西师范大学最大的社团，信息管理网络化已成为社团发展的必经之路。蓝天环保社团网站系统的建立无疑为社团信息管理提供了方便。经过测试与实际使用，蓝天环保社团网站加深了社团内部以及与外部社团的交流，扩大了社团活动的宣传，延长了社团文化的传承生命力，基本解决了社团管理问题。此外，该网站系统还具有较好的易用性、较强的可维护性、较高的安全性和较灵活的可拓展性等特点[6]。

参考文献：

[1]付丹宇.组织传播视阈下高校环保社团的发展管理[J].青年记者，2014（29）：102-103.

[2]王喻晗，李妍，刘慧颖.高校学生环保社团保障制度现状及完善[C].荆楚学术，2017，4.

[3]李勤.我国环境类网站研究[D].湖南大学，2013.

[4]黄华.环保网站建设现状分析及对策研究[J].科技信息，2009（27）：443.

[5]华晓清.论网站页面设计的一致性原则[J].电脑知识与技术，2009，5（21）：627-5629.

[6]张娟.基于ASP.NET技术的高校学生管理信息系统设计与实现[D].厦门大学，2014.