藍天環保社團網站設計與實現

劉麗　羅津　俎曉芳

摘 要：隨著藍天環保社團的不斷壯大與社團信息量的倍增，組織管理機制無序、活動傳播效果差、傳承機制弱、缺少外部聯系與交流等弊端日趨顯露，傳統的管理手段已然不能滿足社團發展需求，實現信息化建設無疑成為提高整體競爭力的明智選擇。藍天環保社團網站系統是基于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.