基于web的聚益志愿服務系統的設計與實現

◎葛強 李建華 趙悅冰 侯卓良 張錫英

引言：高校青年大學生志愿者是提供志愿服務的主要群體之一，近些年來，我國高校大學生志愿者更是在國家舉行的大型賽事方面，以及在環境保護、抗震救災、扶貧開發和社區建設等方面發揮了不可或缺的重要作用，但是隨著社會日新月異的發展變化，大學生志愿者在實際開展的志愿服務活動的過程當中，各個方面存在的不足之處也開始日益顯現出來。為此，建立一個新型的志愿服務系統，簡潔高效的管理在校大學生志愿服務活動，已經成為各大高校以及社會亟待解決的重要問題。

本文通過 react+antd，mobile+webpack+mysql+express+anxios技術設計開發一個志服務平臺，利用本平臺志愿者可以實現注冊、登錄、選擇志愿活動、個人信息的管理、接受志愿活動推送；系統管理人員可以實現對志愿者的管理、對志愿者信息的查詢、存儲、自動評價等功能。

一、技術實現基礎

1.React技術簡介。React是最初由Facebook開發的用于構建用戶界面的開源JavaScript庫。React的核心是組件，整個純React都由組件組成，且每一個組件擁有一個描述自己狀態的State、以及從父組件傳來的Props。而每個組件的渲染函數就是一個基于State和Props的純函數，只要State或者Props發生了變化，那整個組件就將重新渲染。

2.項目語言優勢。React速度很快，它并不直接對DOM進行操作，引入了一個叫做虛擬DOM的概念，安插在javascript邏輯和實際的DOM之間，性能好；其次，跨瀏覽器兼容，虛擬DOM幫助我們解決了跨瀏覽器問題，它為我們提供了標準化的API，甚至在IE8中都是沒問題的，而且代碼更加模塊化，重用代碼更容易，可維護性高。

二、系統整體設計

1.系統設計目的。建立本公益項目旨在通過常用通訊工具手機微信連接在校大學生和社會公益活動。希望通過我們的志愿服務平臺鼓勵越來越多的大學生參與到志愿活動中來，不僅可以在活動中學會自覺地奉獻精神和參與社會活動的責任感，實現自我的價值，還可以在服務時接觸未知的事物，學習未知的東西，促進自身發展。提高志愿者服務熱情和大學生志愿服務水平。

2.系統設計架構。聚益志愿服務系統，是針對大學生進行志愿者服務活動需求而開發的軟件，其功能模塊主要由四部分組成：志愿者登錄注冊、志愿者活動選擇、志愿者活動發布、以及志愿時間管理與積分制度。分別實現了對志愿者個人信息的存儲管理，志愿活動雙方的的業務流程管理以及對于志愿者的激勵制度管理。

三、系統詳細設計與實施

（一）系統功能介紹

1.志愿者服務平臺。

（1）志愿者注冊與登錄：搜索“聚益志愿者”公眾號，關注后點擊志愿者，通過閱讀原文進入志愿者端口，填寫手機號、密碼進行注冊和登錄，后臺數據庫會進行驗證以及數據錄入。同時志愿者可以選擇喜歡的志愿類型，便于主頁進行個性化志愿活動推送。

（2）志愿活動信息獲取以及志愿活動的參與和完成：主頁會將符合用戶喜好的活動進行推送，此外在心愿之池中，可以直接查看當前的所有志愿活動。同時“加入組織”和“身邊公益”兩個板塊會有組織的聯系方式以及志愿活動信息。報名成功的活動及其進展情況會顯示在”我的接受“中。當活動結束后，在“我的接受”中點擊我已完成結束本次活動流程。

（3）志愿活動信息發布：搜索“聚益志愿者”公眾號，關注后點擊發布者，通過閱讀原文進入發布者端口，登陸注冊后選擇我要發布即可進入發布頁面，填入發布活動的相關信息，例如活動名稱、聯系方式、起止時間等。發布成功后進入志愿者端口即可驗證。

（4）志愿者時間管理以及評價：平臺會從志愿者選擇參與志愿服務活動開始計時，累計志愿服務時間，并發布到愛心榜上以此激勵志愿者參與志愿服務，同時，平臺會根據志愿者參與活動是否有超時情況實行信用積分制度來約束志愿者按時完成志愿任務。

2.后臺管理頁面。為了方便管理者查看 信息，可 以訪問 http：//114.116.123.70/#/pclogin網頁，輸入管理員的賬號密碼，登錄后即可進行信息查看，包括志愿者與發布者個人信息、志愿活動信息，均以表格形式呈現，清晰明了。

（二）系統主要算法

主頁志愿活動推送算法：

為了提高用戶體驗，在志愿者首次登錄時，系統會彈出一份包含志愿服務類別的表單，用戶從中至少選擇一個感興趣的類別。系統將其作為用戶的屬性保存在數據庫中，并以此為依據，從所有志愿活動中篩選出屬于用戶喜愛類別的活動集合A，再根據活動發布方提供的活動發布時間與截止時間，對集合A中的活動進行排序，優先推送緊急志愿活動，從而實現對用戶的個性化推薦。

圖1推薦算法流程圖

1.愛心榜單算法：為了對志愿者參加志愿服務活動進行有效的管理，我們采用了時間比較算法，利用系統提供的getTime（）函數分別獲取志愿者點擊參加活動和活動完成兩個對象的系統時間并進行相減得到志愿者的服務時長，時長精確到秒。

圖2愛心榜算法流程圖

得到每個志愿者的服務時間后，一方面采用冒泡排序法進行排序從而得到愛心榜名單，鼓勵志愿者進行良性競爭，同時有力支持志愿活動發布方進行支援獎勵。

2.信用積分制度算法：另一方面，我們設定每一位注冊志愿者的初始積分為100分，利用得到的志愿者的完成時間與活動發布方的截止時間相比較，如果超出截止時間，每次扣除信用積分5分，從而建立信用積分獎懲制度，有效肅清志愿服務活動中個別亂象，督促志愿者有始有終，更好完成志愿服務。

（三）項目創新點

志愿者登錄成功進入主頁后，系統會將當前數據庫中的所有志愿活動，依據發布者給出的發布時間和截止時間，算出要求時間段，然后進行排序，從中選出最小的——也就是緊急志愿活動，將其放在主頁顯示中的第一位，以此類推，得到主頁活動的呈現順序，從而讓發布者盡快找到活動所需總人數。

同時為了讓志愿者快速找到適合自己的志愿活動，在第一次登陸本系統時可以選擇喜歡的志愿活動標簽，對應類型會寫入數據庫，系統會現根據志愿者選擇的標簽類型，再依據本類型活動中的緊急志愿活動排序進行個性化推送。

四、結束語

基于微信公眾號的志愿服務平臺脫離了傳統APP對于平臺的限制，具有手機微信輕便簡潔的優勢，更重要的是借助手機微信連接在校大學生和社會公益活動，高效管理服務活動，鼓勵越來越多的大學生參與到志愿服務中來；同時上線后的一些問題也將進一步解決和完善。