鄭大翔 孫晨鵬 李志芳

摘? 要： 在傳統(tǒng)的校園社團(tuán)管理工作中，各種社團(tuán)活動(dòng)都需要經(jīng)過策劃、申請(qǐng)、學(xué)校批準(zhǔn)等環(huán)節(jié)，且一般均通過紙質(zhì)類報(bào)表完成，耗費(fèi)大量的人力、物力，過程周期長，招新效率低下。針對(duì)以上問題，使用 Wex5平臺(tái)、HeidiSQL數(shù)據(jù)庫管理工具及java語言，設(shè)計(jì)并實(shí)現(xiàn)了一個(gè)基于Android的高校社團(tuán)管理與服務(wù)系統(tǒng)。充分利用移動(dòng)APP的實(shí)時(shí)性和便捷性，實(shí)現(xiàn)在線報(bào)名、查看社團(tuán)信息、查看或參與社團(tuán)活動(dòng)、投票、提問等功能。可以大大提高社團(tuán)管理工作效率，在社團(tuán)招新和活動(dòng)舉辦中發(fā)揮巨大作用。

關(guān)鍵詞： 社團(tuán)管理與服務(wù);Android;移動(dòng)App;Wex5

中圖分類號(hào)： TP39? ? 文獻(xiàn)標(biāo)識(shí)碼： A? ? DOI：10.3969/j.issn.1003-6970.2019.02.006

【Abstract】： In the traditional campus community management work， various community activities need to be planned， applied， approved by the school， etc.， and generally completed through paper-based reports， which consume a lot of manpower and material resources， long process cycle， and low efficiency. Wait. In response to the above problems， an Android-based college community management and service system was designed and implemented. Use Wex5 platform to create system interface and then connect the back-end service with java language， make full use of the real-time and convenience of mobile APP， realize online registration， view community information， view or participate in community activities， voting， questioning and other functions. It can greatly improve the efficiency of the management of colleges and universities， and plays a huge role in the recruitment of new clubs and events.

【Key words】： Community management and services; Android; Mobile App; Wex5

0? 引言

隨著移動(dòng)互聯(lián)網(wǎng)技術(shù)的發(fā)展，各高校已經(jīng)逐漸開始使用各種移動(dòng)平臺(tái)實(shí)現(xiàn)課堂簽到、成績查分，申請(qǐng)教室、在線學(xué)習(xí)、在線評(píng)價(jià)及第二課堂活動(dòng)等等。而傳統(tǒng)的社團(tuán)招新，多采用分發(fā)宣傳單、組織人員上門宣傳，耗費(fèi)大量的人力，物力，效果卻不甚滿意;同時(shí)，大多新生表示，對(duì)社團(tuán)及相關(guān)部門了解不夠具體，選擇困難;報(bào)名結(jié)束后，社團(tuán)管理人員也要花費(fèi)大量的時(shí)間去整理報(bào)名信息，過程冗雜;此外，社團(tuán)活動(dòng)的宣傳、投票、計(jì)票和意見收集等方面，同樣是以宣傳單和紙質(zhì)問卷的形式為主，人工完成。整個(gè)過程周期長，效率低，紙質(zhì)資料管理十分不便。實(shí)現(xiàn)社團(tuán)活動(dòng)的宣傳、反饋收集、多樣化資料存儲(chǔ)和編輯等的信息化、實(shí)時(shí)性和便捷性，成了社團(tuán)管理與服務(wù)發(fā)展的必然趨勢(shì)。

基于Android的高校社團(tuán)管理與服務(wù)移動(dòng)App的設(shè)計(jì)目標(biāo)，是提高社團(tuán)管理人員的工作效率，提升活動(dòng)的質(zhì)量，方便社團(tuán)成員參與社團(tuán)建設(shè)和管理，為同學(xué)、老師們和管理人員提供一個(gè)信息化溝通及管理平臺(tái)，使社團(tuán)管理更加規(guī)范化。系統(tǒng)主要具備以下功能：

（1）各社團(tuán)基本信息、歷史活動(dòng)的照片及獲獎(jiǎng)情況等資料介紹，有利于大家深入了解各社團(tuán)現(xiàn)狀;

（2）移動(dòng)終端在線報(bào)名、招新、咨詢等;

（3）社團(tuán)多樣化資源的上傳，及移動(dòng)APP實(shí)時(shí)在線瀏覽;

（4）實(shí)時(shí)發(fā)布社團(tuán)活動(dòng)通知，讓更多的師生分享活動(dòng)的歡樂，增添社團(tuán)的魅力;

（5）實(shí)現(xiàn)為社團(tuán)和社團(tuán)活動(dòng)的投票及投票統(tǒng)計(jì)功能，有助于增進(jìn)社團(tuán)間的競(jìng)爭(zhēng)和增進(jìn)師生及學(xué)校管理層對(duì)社團(tuán)的了解。

1? 主要技術(shù)介紹

1.1? Wex5

Wex5是一個(gè)開源并且免費(fèi)使用的APP可視化、前端開發(fā)工具，其在eclipse基礎(chǔ)上封裝了很多東西，提供豐富組件體系，方便快捷，具備以下特點(diǎn)：

（1）主題、樣式：海量bootstrap資源引入和定制;

（2）UI組件：純H5+CSS5，輕松引入第三方UI組件;

（3）前端UI：完全恪守html5+css5+js，干凈純潔;

（4）后端：標(biāo)準(zhǔn)協(xié)議，支持所有主流技術(shù)和平臺(tái)（java、node、php、.net等）;

（5）設(shè)備api：采用業(yè)界主流Phonegap/Cordova[1]。

鑒于Java作為一種跨平臺(tái)、適合于分布式計(jì)算環(huán)境的面向?qū)ο缶幊?，具有面向?qū)ο蟆⒖缙脚_(tái)性、可靠性和安全性等優(yōu)點(diǎn)[2]。特別適合用于后端服務(wù)開發(fā)，開發(fā)過程中，使用前端wex5工具提供的數(shù)據(jù)組件綁定相應(yīng)服務(wù)，通過actionUrl調(diào)用java語言所編輯的后端服務(wù)，從而實(shí)現(xiàn)前后端數(shù)據(jù)交互，再加上wex5集成開發(fā)的特點(diǎn)，極大提高了開發(fā)效率。

Wex5開發(fā)工具使用業(yè)界非常流行的jquery和bootstrap技術(shù)，基于html5+css3+js標(biāo)準(zhǔn)提供了可視化可拖拽的組件，使得App的UI界面打造為最接近原生的效果，采用混合應(yīng)用（hybrid app）開發(fā)模式[3]，可以輕松調(diào)用手機(jī)設(shè)備的系統(tǒng)和硬件能力，如相機(jī)、文件等，方便快捷的實(shí)現(xiàn)了本系統(tǒng)的圖片上傳功能。后端又通過http、WebSocket等協(xié)議連接由java語言編寫的后端中間件或云服務(wù)，連接MYSQL數(shù)據(jù)庫實(shí)現(xiàn)前后端數(shù)據(jù)交互和實(shí)時(shí)更新[4]。

1.2? HeidiSQL

HeidiSQL是一種完全免費(fèi)的MYSQL數(shù)據(jù)庫可視化管理工具。其提供了用于在數(shù)據(jù)庫瀏覽之間切換 SQL查詢和標(biāo)簽帶有語法突出顯示的簡(jiǎn)單易用的界面，也可以從文本文件導(dǎo)入數(shù)據(jù)，運(yùn)行SQL查詢。

本項(xiàng)目通過問卷調(diào)查、現(xiàn)場(chǎng)咨詢、討論等一系列調(diào)研，進(jìn)行了充分的需求分析，確定基于關(guān)系型數(shù)據(jù)庫MYSQL下的E-R模型，完成所需數(shù)據(jù)庫表的邏輯結(jié)構(gòu)設(shè)計(jì)，最后使用HeidiSQL可視化管理工具建立物理模型，錄入測(cè)試數(shù)據(jù)進(jìn)行系統(tǒng)測(cè)試，通過規(guī)范數(shù)據(jù)類型和長度等對(duì)用戶輸入的數(shù)據(jù)規(guī)范化。

2? 基于Android的高校社團(tuán)管理與服務(wù)系統(tǒng)設(shè)計(jì)

2.1 系統(tǒng)框架

本系統(tǒng)采用apache服務(wù)器實(shí)現(xiàn)負(fù)載平衡，解決分布式并發(fā)需求，由java搭建后臺(tái)服務(wù)連接mysql數(shù)據(jù)庫與服務(wù)層通過前端組件匹配，wex5提供的集成云API和cordova插件，由此完成APP的整體設(shè)計(jì)[5]，最后設(shè)置打包密碼，生成動(dòng)態(tài)密匙，發(fā)布應(yīng)用，系統(tǒng)架構(gòu)如圖1所示：

用戶輸入的內(nèi)容經(jīng)controller層傳遞給model層進(jìn)行業(yè)務(wù)判斷和處理，操作完成之后返回值給view層，view層按照返回的數(shù)據(jù)和邏輯給予適當(dāng)?shù)囊晥D，反饋給用戶，然后用戶可以進(jìn)行下一步操作，其系統(tǒng)工作模式如圖2所示。

2.2? 系統(tǒng)功能模塊

根據(jù)不同用戶需求，系統(tǒng)設(shè)計(jì)分為普通用戶、社團(tuán)管理人員、系統(tǒng)管理員三類客戶端，系統(tǒng)總體功能如圖3所示。

其中，普通用戶注冊(cè)后即可登陸系統(tǒng)，查看各社團(tuán)的介紹、社團(tuán)活動(dòng)，活動(dòng)報(bào)名，參與投票，咨詢，還可以在線注冊(cè);社團(tuán)管理人員功能較多，包括（1）社團(tuán)招新信息發(fā)布，及報(bào)名社團(tuán)人員信息審核。（2）社團(tuán)成員信息查找和編輯。（3）社團(tuán)活動(dòng)信息編輯和發(fā)布、報(bào)名審核、投票統(tǒng)計(jì)。（4）在線留言審核及回復(fù)等;而系統(tǒng)管理員主要負(fù)責(zé)管理全部社員，更新社團(tuán)管理員，審核社團(tuán)活動(dòng)。

2.3? 系統(tǒng)核心功能及實(shí)現(xiàn)

（1）在線招新

社團(tuán)管理員發(fā)布招新，用戶可查閱招新信息，在線報(bào)名。管理員會(huì)審核報(bào)名信息，納入新社員，即成功注冊(cè)社團(tuán)。用戶界面如圖4所示：

（2）社團(tuán)活動(dòng)投票

社團(tuán)管理人員發(fā)布活動(dòng)通知，用戶可以查閱活動(dòng)信息，在線報(bào)名。社團(tuán)管理員會(huì)審核報(bào)名信息，并發(fā)布投票活動(dòng)，用戶參與投票，系統(tǒng)自動(dòng)進(jìn)行投票統(tǒng)計(jì)。用戶界面如圖5所示：

（3）資源上傳

在社團(tuán)管理功能中，管理員能夠上傳社團(tuán)的徽標(biāo)、各種活動(dòng)宣傳資料。如圖6所示。

2.4? 系統(tǒng)實(shí)現(xiàn)的關(guān)鍵問題

（1）數(shù)據(jù)傳輸技術(shù)

首先要對(duì)數(shù)據(jù)庫操作生成sql語句并建立服務(wù)，然后在wex5工具設(shè)計(jì)界面上加入baasData組件綁定數(shù)據(jù)庫相應(yīng)表和對(duì)應(yīng)的服務(wù)[6]，在用戶使用時(shí)觸

發(fā)該組件，系統(tǒng)將連接數(shù)據(jù)庫執(zhí)行綁定的服務(wù)，實(shí)現(xiàn)數(shù)據(jù)傳輸，如圖7所示。

（2）圖片上傳及顯示技術(shù)

第1步：在需要存儲(chǔ)圖片的數(shù)據(jù)庫表結(jié)構(gòu)中加入圖片字段，相關(guān)屬性為：cIcon（字段名）， varchar（字段類型），500（最大長度）;

第2步： 在wex5工具編寫的APP界面中加入attachmentSimple組件，定義attachmentSimple組件的actionUrl方法，調(diào)用SimpleFileStore.java連接服務(wù)，實(shí)現(xiàn)用戶可以選擇手機(jī)圖庫中要上傳的照片，實(shí)現(xiàn)圖片轉(zhuǎn)化和物理存儲(chǔ);

第3步：wex5調(diào)用bassdata數(shù)據(jù)組件的saveData方法實(shí)現(xiàn)將上傳的照片轉(zhuǎn)化為二進(jìn)制流存儲(chǔ)到磁盤（人為規(guī)定的路徑）[7]，將路徑以數(shù)據(jù)組件規(guī)定的命名方式命名，并轉(zhuǎn)化為JSON字符串存儲(chǔ)到相應(yīng)的數(shù)據(jù)庫中[8]。

3? 結(jié)束語

總之，通過構(gòu)建基于智能移動(dòng)設(shè)備終端的高校社團(tuán)管理與服務(wù)系統(tǒng)，讓用戶能實(shí)時(shí)、便捷的了解社團(tuán)和社團(tuán)活動(dòng)信息，方便社團(tuán)組織和管理，為同學(xué)和社團(tuán)之間搭建了一個(gè)十分便捷的交流橋梁。系統(tǒng)當(dāng)前主要功能包括社團(tuán)活動(dòng)和招新的組織、宣傳以及有限數(shù)據(jù)處理。進(jìn)一步的研究方向是，根據(jù)各社團(tuán)歷年活動(dòng)詳情以及活動(dòng)的信息數(shù)據(jù)，對(duì)活動(dòng)進(jìn)行智能分析，從而更好地優(yōu)化活動(dòng)流程、提高活動(dòng)的質(zhì)量和對(duì)大學(xué)生創(chuàng)新能力的培養(yǎng)。

參考文獻(xiàn)

汪玲， 張宇， 樊強(qiáng)， 杜苗. 基于Wex5面向高校群體的事務(wù)處理預(yù)約系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)[J]. 現(xiàn)代商貿(mào)工業(yè)， 2018， （12）： 181-183.

唐滔. 基于WEX5的外賣APP設(shè)計(jì)與實(shí)現(xiàn)[J]. 電腦編程技巧與維護(hù)， 2017， （22）： 34-36.

山少男. 基于WEX5的Android系統(tǒng)記賬本HTML5App開發(fā)與設(shè)計(jì)[J]. 電腦編程技巧與維護(hù)， 2017， （12）： 47-48， 52.

劉婭. 基于HTML5的移動(dòng)端教學(xué)管理系統(tǒng)的設(shè)計(jì)與開發(fā) [J]. 信息技術(shù)與信息化， 2018， （6）： 125-127.

張?zhí)煸? Web APP技術(shù)框架下“大學(xué)校園助手”APP的設(shè)計(jì)與實(shí)現(xiàn)[J]. 中國信息技術(shù)教育， 2017（10）： 73-75.

劉曼玉， 李康文， 張石， 龐旭東， 彭德民， 曹衛(wèi)東. 基于HTML5技術(shù)的高校社團(tuán)管理軟件及網(wǎng)站的實(shí)現(xiàn)[J].電腦知識(shí)與技術(shù)， 2018， 14（18）： 60-62.

鈕永莉， 戴子?xùn)|. 基于MVC框架的高校社團(tuán)管理系統(tǒng)研究與實(shí)現(xiàn)[J]. 西安文理學(xué)院學(xué)報(bào)（自然科版）， 2018， 21（04）： 84-87+112.

劉宣彤. 大學(xué)生社團(tuán)綜合管理平臺(tái)論壇模塊的設(shè)計(jì)[J]. 電腦知識(shí)與技術(shù)， 2017， 13（33）： 92-93+120.