鄭大翔 孫晨鵬 李志芳

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

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

中圖分類號： TP39? ? 文獻標識碼： 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? 引言

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

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

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

（2）移動終端在線報名、招新、咨詢等;

（3）社團多樣化資源的上傳，及移動APP實時在線瀏覽;

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

（5）實現(xiàn)為社團和社團活動的投票及投票統(tǒng)計功能，有助于增進社團間的競爭和增進師生及學校管理層對社團的了解。

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

1.1? Wex5

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

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

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

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

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

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

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

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

1.2? HeidiSQL

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

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

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

2.1 系統(tǒng)框架

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

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

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

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

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

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

（1）在線招新

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

（2）社團活動投票

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

（3）資源上傳

在社團管理功能中，管理員能夠上傳社團的徽標、各種活動宣傳資料。如圖6所示。

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

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

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

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

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

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

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

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

3? 結(jié)束語

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

參考文獻

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

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

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

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

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

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

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

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