藍(lán)天環(huán)保社團(tuán)網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)

劉麗　羅津　俎曉芳

摘 要：隨著藍(lán)天環(huán)保社團(tuán)的不斷壯大與社團(tuán)信息量的倍增，組織管理機(jī)制無(wú)序、活動(dòng)傳播效果差、傳承機(jī)制弱、缺少外部聯(lián)系與交流等弊端日趨顯露，傳統(tǒng)的管理手段已然不能滿足社團(tuán)發(fā)展需求，實(shí)現(xiàn)信息化建設(shè)無(wú)疑成為提高整體競(jìng)爭(zhēng)力的明智選擇。藍(lán)天環(huán)保社團(tuán)網(wǎng)站系統(tǒng)是基于PageAdmin平臺(tái)，采用B/S結(jié)構(gòu)設(shè)計(jì)，以Access為數(shù)據(jù)庫(kù)，IIS為服務(wù)器，引用百度地圖JavaScript API技術(shù)，以“宣傳”+“信息管理”為模式設(shè)計(jì)的。該系統(tǒng)經(jīng)過(guò)測(cè)試與實(shí)際使用，基本滿足社團(tuán)發(fā)展需求，解決社團(tuán)管理問(wèn)題，具有一定的應(yīng)用價(jià)值。

關(guān)鍵詞：藍(lán)天環(huán)保社團(tuán)；網(wǎng)站設(shè)計(jì)；PageAdmin；百度地圖API

中圖分類(lèi)號(hào)：TP393 文獻(xiàn)標(biāo)志碼：A 文章編號(hào)：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 概述

江西師范大學(xué)藍(lán)天環(huán)保社團(tuán)于1996年5月成立，以“服務(wù)校園社會(huì)、鍛煉學(xué)生能力”為宗旨，緊扣“綠色環(huán)?！敝骶€，至今已走過(guò)22個(gè)年頭。如今的藍(lán)天環(huán)保社團(tuán)盡管走上了工作部門(mén)化以及活動(dòng)常態(tài)化的道路，但其管理機(jī)制在大量社團(tuán)信息面前卻還是顯得分身乏術(shù)，以致出現(xiàn)組織管理機(jī)制無(wú)序、活動(dòng)傳播效果差、傳承機(jī)制弱、缺少外部聯(lián)系與交流等問(wèn)題[1-2]。在信息化的今天，網(wǎng)站系統(tǒng)管理模式逐漸成為社團(tuán)管理主流，國(guó)內(nèi)外環(huán)境類(lèi)網(wǎng)站如雨后春筍般出現(xiàn)在大眾視野中，而藍(lán)天環(huán)保社團(tuán)網(wǎng)站作為后起之秀，其建設(shè)必定要取其精華，去其糟粕。通過(guò)對(duì)比國(guó)內(nèi)外環(huán)保網(wǎng)站發(fā)展?fàn)顩r后發(fā)現(xiàn)，國(guó)外環(huán)保網(wǎng)站建設(shè)得比較成熟，不僅特色鮮明能夠吸引用戶，且用戶能積極參與[3]；而我國(guó)大部分環(huán)保網(wǎng)站建設(shè)主要存在受眾參與感不強(qiáng)、網(wǎng)站管理不到位、缺少社團(tuán)特色創(chuàng)新等問(wèn)題[3-4]。在此基礎(chǔ)上，本文為了解決社團(tuán)管理、組織傳播中存在的問(wèn)題，將設(shè)計(jì)一個(gè)基于PageAdmin平臺(tái)，采用B/S結(jié)構(gòu)，以Access為數(shù)據(jù)庫(kù)，IIS為服務(wù)器，引用百度地圖JavaScript API技術(shù)，以“宣傳”+“信息管理”為模式的藍(lán)天環(huán)保社團(tuán)網(wǎng)站系統(tǒng)，希望能充分利用網(wǎng)絡(luò)優(yōu)勢(shì)，促進(jìn)社團(tuán)管理工作、組織傳播工作實(shí)現(xiàn)信息化、科學(xué)化以及規(guī)范化。

2 需求分析

2.1 網(wǎng)站目標(biāo)分析

為了解決藍(lán)天環(huán)保社團(tuán)在管理方面存在的問(wèn)題，建設(shè)一個(gè)“宣傳”+“管理”的信息化平臺(tái)成為了社團(tuán)發(fā)展的必經(jīng)之路。本網(wǎng)站的建設(shè)目標(biāo)是：

（1）體現(xiàn)社團(tuán)特色與創(chuàng)新：加大社團(tuán)活動(dòng)宣傳，完善文化傳承機(jī)制，增強(qiáng)社團(tuán)凝聚力。

（2）增強(qiáng)網(wǎng)站用戶參與感：促進(jìn)社團(tuán)內(nèi)、外部人員的交流。

（3）社員管理網(wǎng)絡(luò)化。

（4）為網(wǎng)站管理做好相關(guān)準(zhǔn)備。

2.2 功能需求分析

藍(lán)天環(huán)保社團(tuán)網(wǎng)站欄目的合理性將決定了網(wǎng)站質(zhì)量，因此在設(shè)置欄目時(shí)一定要有相關(guān)特色。根據(jù)社團(tuán)的業(yè)務(wù)需求，網(wǎng)站的初步欄目將以“展示社團(tuán)風(fēng)采、增強(qiáng)社員互動(dòng)性、社團(tuán)信息化管理”為主線設(shè)置成9個(gè)部分，架構(gòu)如圖1所示。此外，為了增加網(wǎng)站的交互性，讓更多用戶置身于環(huán)保之中，還將引入地圖操作功能。

2.3 用戶需求分析

（1）游客：僅能進(jìn)行圖文信息、地圖信息的瀏覽以及普通會(huì)員留言等操作。

（2）社員：除了能像游客角色一樣進(jìn)行社團(tuán)信息的瀏覽與互動(dòng)留言外，還能查看社員之家的內(nèi)容，并且擁有活動(dòng)申報(bào)、會(huì)員留言以及對(duì)自身資料進(jìn)行修改的權(quán)限。

（3）普通管理員：進(jìn)行普通會(huì)員的管理，如新增會(huì)員、會(huì)員信息查看、會(huì)員留言回復(fù)；社團(tuán)信息的管理，如信息的發(fā)布、刪除、修改和審核。

（4）超級(jí)管理員：擁有對(duì)整個(gè)網(wǎng)站系統(tǒng)修改的權(quán)限，主要可以實(shí)現(xiàn)對(duì)網(wǎng)站的基礎(chǔ)管理、用戶的管理、欄目的管理、表單模型的管理以及社團(tuán)信息的管理。

3 藍(lán)天環(huán)保社團(tuán)網(wǎng)站系統(tǒng)設(shè)計(jì)

3.1 總體設(shè)計(jì)

為了滿足用戶需求，本文設(shè)計(jì)如下方案：

（1）網(wǎng)站整體以藍(lán)色為主調(diào)，引入地圖特色元素，根據(jù)社團(tuán)實(shí)際合理設(shè)置欄目分類(lèi)，將社團(tuán)文化與創(chuàng)新最大程度展示在用戶面前。

（2）互動(dòng)留言功能，用戶可以隨時(shí)隨地為社團(tuán)建設(shè)提供建議；環(huán)保事件參與功能與環(huán)保貼吧功能，為用戶分享身邊環(huán)保事件以及發(fā)表環(huán)保見(jiàn)解提供平臺(tái)。

（3）提供社員注冊(cè)登錄與相應(yīng)功能操作模塊，實(shí)現(xiàn)社員信息化管理。

（4）為了方便后臺(tái)管理，本系統(tǒng)將管理員分為普通管理員與后臺(tái)管理員兩種類(lèi)型。不同的管理員賦予不同的管理權(quán)限，使得后臺(tái)管理更加規(guī)范化，更加貼合社團(tuán)管理層的需求。

此外，藍(lán)天環(huán)保社團(tuán)網(wǎng)站系統(tǒng)設(shè)計(jì)將基于一致性[5]、安全可靠性、人性化、合理性四個(gè)原則，采用B/S結(jié)構(gòu)設(shè)計(jì)，以Access為數(shù)據(jù)庫(kù)，IIS為服務(wù)器，ASP.NET為開(kāi)發(fā)技術(shù)進(jìn)行開(kāi)展，其基本架構(gòu)如圖2所示。

3.2 功能模塊設(shè)計(jì)

（1）互動(dòng)留言模塊：普通用戶可以在“聯(lián)系我們”的互動(dòng)留言模塊進(jìn)行留言操作。留言類(lèi)型包括：咨詢、建議、投訴、其他四種，用戶可以根據(jù)自身需求進(jìn)行選擇。

（2）會(huì)員中心模塊：該模塊僅供會(huì)員使用，分為用戶資料、活動(dòng)申請(qǐng)、我的留言、資料修改四個(gè)子模塊。

（3）地圖應(yīng)用模塊：主要包括地圖基本控件應(yīng)用、統(tǒng)計(jì)、檢索、路線規(guī)劃、添加點(diǎn)信息、熱力圖應(yīng)用等功能。

（4）普通管理員模塊：普通管理員僅能實(shí)現(xiàn)對(duì)信息管理與用戶管理的部分操作，其數(shù)據(jù)流向如圖3所示。

（5）超級(jí)管理員模塊：超級(jí)管理員可以對(duì)后臺(tái)所有模塊進(jìn)行操作，其數(shù)據(jù)流向如圖3所示。

3.3 數(shù)據(jù)庫(kù)設(shè)計(jì)

本網(wǎng)站系統(tǒng)開(kāi)發(fā)過(guò)程中將Access作為數(shù)據(jù)庫(kù)，用以實(shí)現(xiàn)數(shù)據(jù)信息的動(dòng)態(tài)存儲(chǔ)與網(wǎng)站系統(tǒng)程序的更新、刪除、修改與查詢。數(shù)據(jù)庫(kù)實(shí)體如表1所示。

4 系統(tǒng)實(shí)現(xiàn)

4.1 主窗口實(shí)現(xiàn)

在實(shí)現(xiàn)社團(tuán)網(wǎng)站時(shí)，采用ASP動(dòng)態(tài)頁(yè)面，以藍(lán)色為主調(diào)，主要將網(wǎng)站首頁(yè)分成上、中、下三個(gè)部分，如圖4所示。網(wǎng)站上方包括設(shè)置首頁(yè)按鈕、收藏按鈕、用戶登錄、會(huì)員注冊(cè)、網(wǎng)站搜索條logo以及網(wǎng)站欄目等；中間部分則采用不同方式來(lái)展示社團(tuán)特色信息以及環(huán)保類(lèi)新聞，當(dāng)用戶點(diǎn)擊這些內(nèi)容模塊時(shí)，便可跳轉(zhuǎn)到相應(yīng)的子欄目界面，增強(qiáng)了信息的引導(dǎo)性；下方部分主要展現(xiàn)網(wǎng)站基礎(chǔ)信息，如友情鏈接、版權(quán)、IPC備案編號(hào)、學(xué)校地址、郵編以及微博、微信二維碼。

4.2 功能實(shí)現(xiàn)

（1）互動(dòng)留言模塊：該模塊適用于任何網(wǎng)站用戶，用以促進(jìn)用戶與社團(tuán)、社員與社員之間的交流。當(dāng)用戶完成留言主題、Email、留言內(nèi)容、驗(yàn)證碼等必要信息的填寫(xiě)以及留言類(lèi)型的選擇后，便可提交留言。該留言通過(guò)管理員審核后便可按照時(shí)間順序顯示在留言互動(dòng)欄目界面。

（2）會(huì)員中心模塊：注冊(cè)成功的會(huì)員在登錄界面輸入用戶名與密碼，信息匹配后則進(jìn)入會(huì)員中心主頁(yè)面。在該模塊中，會(huì)員不僅可以查看并修改自己的資料，還可以進(jìn)行活動(dòng)申報(bào)以及會(huì)員留言。其中，活動(dòng)申報(bào)是該模塊的重要部分，體現(xiàn)了社團(tuán)活動(dòng)管理的網(wǎng)絡(luò)化，界面如圖5所示。

（3）普通管理員模塊：盡管普通管理員與超級(jí)管理員界面比較相似，但在用戶管理方面只能新增普通會(huì)員用戶以及對(duì)前臺(tái)注冊(cè)的普通用戶進(jìn)行審核；在信息管理方面只能對(duì)文章中心子模塊、展板信息子模塊、下載中心子模塊進(jìn)行信息管理以及發(fā)布信息；在活動(dòng)申請(qǐng)子模塊、在線留言子模塊僅能進(jìn)行信息查找、審核與回復(fù)。

（4）超級(jí)管理員模塊：該模塊除了能對(duì)網(wǎng)站基礎(chǔ)參數(shù)進(jìn)行管理外，可以實(shí)現(xiàn)會(huì)員的增加、刪除操作，設(shè)置會(huì)員類(lèi)別，對(duì)會(huì)員部門(mén)、會(huì)員信息字段進(jìn)行管理，為不同類(lèi)型會(huì)員賦予相應(yīng)權(quán)限，以及對(duì)新注冊(cè)的會(huì)員進(jìn)行審核；可以對(duì)網(wǎng)站前臺(tái)欄目進(jìn)行增、刪、改等操作；還可以對(duì)文章、圖片、安裝包、評(píng)論等信息進(jìn)行發(fā)布、審核、刪除、修改、編輯與查找等操作。該模塊界面如圖6所示。

5 系統(tǒng)亮點(diǎn)——地圖應(yīng)用模塊功能實(shí)現(xiàn)

該模塊引用百度地圖JavaScript API技術(shù)，憑借地圖優(yōu)勢(shì)，使用戶脫離文字限制，以另一種方式了解藍(lán)天環(huán)保社團(tuán)的同時(shí)置身環(huán)保之中，主要表現(xiàn)在網(wǎng)站前臺(tái)的首頁(yè)、社團(tuán)足跡、環(huán)保前線與聯(lián)系我們等欄目中。

為了更好的了解藍(lán)天環(huán)保社團(tuán)網(wǎng)站用戶的訪問(wèn)規(guī)律，在網(wǎng)站首頁(yè)中引用RevolverMaps網(wǎng)站中的3D訪客記錄小掛件；為了讓用戶更直觀的了解藍(lán)天環(huán)保社團(tuán)歷年精品活動(dòng)信息，在社團(tuán)足跡中加入社團(tuán)足跡子模塊。為了更好增加網(wǎng)站用戶的參與感，實(shí)現(xiàn)用戶實(shí)時(shí)分享環(huán)保信息需求，在環(huán)保前線中加入環(huán)保你我他子模塊，界面如圖7所示。為了方便用戶了解前往社團(tuán)路線，查找社團(tuán)周邊信息，在聯(lián)系我們中加入“附近找”、“到這里去”、“從這里出發(fā)”三個(gè)功能模塊，界面如圖8所示。

6 結(jié)束語(yǔ)

藍(lán)天環(huán)保社團(tuán)作為江西師范大學(xué)最大的社團(tuán)，信息管理網(wǎng)絡(luò)化已成為社團(tuán)發(fā)展的必經(jīng)之路。藍(lán)天環(huán)保社團(tuán)網(wǎng)站系統(tǒng)的建立無(wú)疑為社團(tuán)信息管理提供了方便。經(jīng)過(guò)測(cè)試與實(shí)際使用，藍(lán)天環(huán)保社團(tuán)網(wǎng)站加深了社團(tuán)內(nèi)部以及與外部社團(tuán)的交流，擴(kuò)大了社團(tuán)活動(dòng)的宣傳，延長(zhǎng)了社團(tuán)文化的傳承生命力，基本解決了社團(tuán)管理問(wèn)題。此外，該網(wǎng)站系統(tǒng)還具有較好的易用性、較強(qiáng)的可維護(hù)性、較高的安全性和較靈活的可拓展性等特點(diǎn)[6]。

參考文獻(xiàn)：

[1]付丹宇.組織傳播視閾下高校環(huán)保社團(tuán)的發(fā)展管理[J].青年記者，2014（29）：102-103.

[2]王喻晗，李妍，劉慧穎.高校學(xué)生環(huán)保社團(tuán)保障制度現(xiàn)狀及完善[C].荊楚學(xué)術(shù)，2017，4.

[3]李勤.我國(guó)環(huán)境類(lèi)網(wǎng)站研究[D].湖南大學(xué)，2013.

[4]黃華.環(huán)保網(wǎng)站建設(shè)現(xiàn)狀分析及對(duì)策研究[J].科技信息，2009（27）：443.

[5]華曉清.論網(wǎng)站頁(yè)面設(shè)計(jì)的一致性原則[J].電腦知識(shí)與技術(shù)，2009，5（21）：627-5629.

[6]張娟.基于ASP.NET技術(shù)的高校學(xué)生管理信息系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)[D].廈門(mén)大學(xué)，2014.