基于微信平臺(tái)的無(wú)紙化網(wǎng)絡(luò)會(huì)議系統(tǒng)

周楚豪 何典 侯彬鈺 蘇思倩

摘要：基于微信平臺(tái)的無(wú)紙化網(wǎng)絡(luò)會(huì)議系統(tǒng)是一款基于微信公眾號(hào)的移動(dòng)端應(yīng)用。整個(gè)網(wǎng)絡(luò)會(huì)議系統(tǒng)分為主持端和參與端。通過(guò)該應(yīng)用，可以創(chuàng)建會(huì)議并通知與會(huì)人員、在線分享會(huì)議資料、簽到等，實(shí)現(xiàn)會(huì)議的無(wú)紙化、電子化和智能化。該系統(tǒng)采用微信公眾號(hào)接口二次開(kāi)發(fā)、網(wǎng)絡(luò)文件上傳與下載等技術(shù)完成。

關(guān)鍵詞：微信；會(huì)議系統(tǒng)；無(wú)紙化；移動(dòng)互聯(lián)網(wǎng)

中圖分類號(hào)：G642 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2019）05-0063-02

Paperless Online Conference System Based on WeChat Platform

ZHOU Chu-hao， HE Dian*， HOU Bin-yu， SU Si-qian

（School of computer and Information Engineering， Hunan University of Commerce， Changsha 410205， China）

Abstract：Web conferencing system， based on WeChat platform of paperless network meeting system， is a the application of WeChat APP on the mobile Terminal. The whole system is divided into client and participate role.Through the application， you can create a meeting， pull the participants， share conference information online， check-in， and make the meeting held to do electronic and intelligent. The system is completed by the development of WeChat public address interface， the uploading and downloading of network files and so on.

Key words：WeChat；conference system； paperless； mobile Internet

基于微信平臺(tái)的無(wú)紙化網(wǎng)絡(luò)會(huì)議系統(tǒng)是一款移動(dòng)端微信APP上的應(yīng)用（簡(jiǎn)稱網(wǎng)絡(luò)會(huì)議系統(tǒng)）。通過(guò)該系統(tǒng)，可以創(chuàng)建會(huì)議通知與會(huì)人員，并實(shí)現(xiàn)會(huì)議無(wú)紙化過(guò)程（如資料分發(fā)、點(diǎn)名等），使會(huì)議的舉行做到電子化和智能化。整個(gè)系統(tǒng)分為主持端和參與端。主持端可以創(chuàng)建會(huì)議，聲明會(huì)議時(shí)間以及會(huì)議主題，并選擇與會(huì)人員；同時(shí)將與會(huì)議相關(guān)的文件以電子文件形式上傳，再由系統(tǒng)以微信消息的形式通知與會(huì)人員；在會(huì)議期間可以由管理員發(fā)起簽到以及投票功能。參與端通過(guò)點(diǎn)擊系統(tǒng)所發(fā)送的微信消息參與會(huì)議，并在該會(huì)議的首頁(yè)可以查看與會(huì)議有關(guān)的文件，通過(guò)點(diǎn)擊該會(huì)議頁(yè)面下方的評(píng)論區(qū)可以對(duì)該會(huì)議進(jìn)行評(píng)論。同時(shí)，本系統(tǒng)采用森林綠和天空藍(lán)為基本顏色突出體現(xiàn)本系統(tǒng)的環(huán)保主旨。

1設(shè)計(jì)

1.1 設(shè)計(jì)目的

該應(yīng)用的設(shè)計(jì)目的是基于微信公眾號(hào)平臺(tái)，實(shí)現(xiàn)一個(gè)用戶體驗(yàn)良好的無(wú)紙化網(wǎng)絡(luò)會(huì)議平臺(tái)，順應(yīng)綠色和可持續(xù)發(fā)展的理念，采用微信公眾號(hào)二次開(kāi)發(fā)技術(shù)、文件上傳與下載技術(shù)等，通過(guò)文件的電子交換實(shí)現(xiàn)會(huì)議的無(wú)紙化形式，很大程度地降低了對(duì)紙張的使用程度，實(shí)現(xiàn)了當(dāng)今綠色低碳的環(huán)保理念。

1.2 運(yùn)行環(huán)境

1）網(wǎng)站服務(wù)端環(huán)境：Linux操作系統(tǒng)，Apache網(wǎng)頁(yè)服務(wù)器，Mysql數(shù)據(jù)庫(kù)，PHP>=5.4；

2）用戶客戶端環(huán)境：Android或iOS系統(tǒng)，安裝微信APP。

1.3 設(shè)計(jì)概述

1.3.1開(kāi)發(fā)環(huán)境

1）操作系統(tǒng)：Windows 8；

2）編輯器：vscode；

3）IDE開(kāi)發(fā)環(huán)境：微信開(kāi)發(fā)者工具；

4）調(diào)試測(cè)試：微信開(kāi)發(fā)者工具、微信客戶端（真機(jī)）；

5）網(wǎng)站服務(wù)器環(huán)境：Apache。

1.3.2 設(shè)計(jì)原則和設(shè)計(jì)要求

1）模塊分離：將視圖呈現(xiàn)和其他功能操縱模塊分離。A.普通員工：登陸者根據(jù)自己的姓名、部門(mén)以及唯一工號(hào)登錄成功之后才能使用應(yīng)用的其他功能。B.管理員：只有是管理員才能選擇員工并創(chuàng)建會(huì)議。C.Web網(wǎng)站安全性：所有表單提交都通過(guò)防MySQL注入處理，特殊字段不能出現(xiàn)空。不同頁(yè)面的需要嚴(yán)格指定訪問(wèn)權(quán)限。

2）命名原則：大部分使用小駝峰式命名法和CSS部分class和id名單詞之間使用“-”連接符。

3）Web網(wǎng)站安全性：所有表單提交都通過(guò)防注入處理，特殊字段不能出現(xiàn)空。不同頁(yè)面的需要嚴(yán)格指定訪問(wèn)權(quán)限。

4）界面設(shè)計(jì)：采用HTML+CSS，頁(yè)面以及元素設(shè)計(jì)采用同一配色，采用森林綠和天空藍(lán)體現(xiàn)本系統(tǒng)的主旨——‘環(huán)保。

1.3.3 所用技術(shù)

1）服務(wù)端腳本使用PHP，數(shù)據(jù)庫(kù)管理系統(tǒng)使用mysql。

3）部分和底層數(shù)據(jù)交互的實(shí)現(xiàn)采用Ajax。

4）顯匹配移動(dòng)端的畫(huà)面效果用WeUI框架。

2 功能

2.1 普通成員

1）登陸：?jiǎn)T工填寫(xiě)資料進(jìn)行登陸。

2）查看會(huì)議：查看今天是否有會(huì)議需要參加。

3）發(fā)送通知：每個(gè)要參加會(huì)議的員工都能收到一條會(huì)議的推送，提醒自己今天有會(huì)議要參加。

4）選擇進(jìn)入會(huì)議：通過(guò)點(diǎn)擊由應(yīng)用推送的開(kāi)會(huì)通知信息進(jìn)入會(huì)議，進(jìn)入會(huì)議之后可以預(yù)覽與該會(huì)議相關(guān)的文件以及下載文件，并且可以對(duì)管理員所發(fā)起的簽到或投票進(jìn)行相應(yīng)的操作，除此之外，員工還可以對(duì)會(huì)議進(jìn)行留言或評(píng)價(jià)的功能。

5）查看通知：在消息列表中可以看到所有的會(huì)議通知。

2.2 管理員

1）發(fā)布會(huì)議：即創(chuàng)建會(huì)議。管理員可以創(chuàng)建一個(gè)會(huì)議，選擇了要參加該會(huì)議的員工，員工可以收到該管理員推送的一系列消息。

2）上傳文件：管理員可以上傳與自己所創(chuàng)建的會(huì)議相關(guān)的文件，提供給員工預(yù)覽及下載。

3）發(fā)起簽到：管理員通過(guò)在某個(gè)時(shí)間和地點(diǎn)發(fā)起簽到，員工只需在應(yīng)用首頁(yè)停留即可獲取獲得相應(yīng)的地理數(shù)據(jù)進(jìn)而得到管理員簽到數(shù)據(jù)。

4）發(fā)起投票：管理員在會(huì)議頁(yè)面新建投票，提供給員工進(jìn)行相應(yīng)的投票操作。

2.3 文件管理

管理員可以把與會(huì)議相關(guān)的文件傳到會(huì)議室里面，供里面的員工瀏覽及下載。會(huì)議可接受的文件格式有doc、docx、ppt、pptx、xls、xlsx、pdf、jpg、jpeg、png、gif等。

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

整個(gè)系統(tǒng)有7張數(shù)據(jù)庫(kù)表，如下所示。表之間的關(guān)系如圖1所示。

1）departments：部門(mén)表，用來(lái)存放公司的部門(mén)名字以及部門(mén)所分配的id。

2）files：文件信息表，用來(lái)存放文件的詳細(xì)信息。

3）meetings：會(huì)議信息表。

4）migrations：數(shù)據(jù)庫(kù)遷移表。

5）remarks：評(píng)論表。

6）staffs：?jiǎn)T工信息表。

7）votes：投票記錄信息表。

4系統(tǒng)特點(diǎn)

1）會(huì)議做到了無(wú)紙化，參會(huì)者只需帶上手機(jī)或平板等移動(dòng)設(shè)備，無(wú)須帶筆和本子，這樣既環(huán)保又方便。會(huì)議組織者將文檔上傳以后，會(huì)議參與者自行做標(biāo)記或者加上備注，平臺(tái)在用戶退出之前自動(dòng)保存，同時(shí)后臺(tái)自動(dòng)生成已經(jīng)做好備注后的文檔提供下載。

2）會(huì)議開(kāi)始前，系統(tǒng)會(huì)將會(huì)議內(nèi)容、時(shí)間、地點(diǎn)、注意事項(xiàng)等推送給參會(huì)者，提醒他們按時(shí)參加會(huì)議不要遲到。平臺(tái)多種驗(yàn)證方式相結(jié)合簽到，既可以提高準(zhǔn)確性又可以使得平臺(tái)更加人性化，并有投票功能可選。

3）直接通過(guò)推薦碼和二維碼進(jìn)入本地會(huì)議，避免看到其他相關(guān)會(huì)議文件，這保證了界面簡(jiǎn)潔，并且使得用戶更好的瀏覽本次會(huì)議文件。同時(shí)通過(guò)多種認(rèn)證方式防止用戶誤入會(huì)議、會(huì)議信息遭外界竊取等，保證會(huì)議安全。

4）后臺(tái)管理可以給客戶的會(huì)議室創(chuàng)建一個(gè)獨(dú)立的儲(chǔ)存空間，提供給與會(huì)人員上傳文件，會(huì)議室擁有獨(dú)立的儲(chǔ)存空間，這使得文件的安全性大大提高，與會(huì)人員可下載會(huì)議室的文件，保存在本地儲(chǔ)存空間中。平臺(tái)服務(wù)資源與文件資源分離使得平臺(tái)更穩(wěn)定安全。

5）會(huì)議可分享至朋友圈或工作群（會(huì)議組織端允許分享的前提下），從而使得會(huì)議可以傳給未到場(chǎng)的人員等優(yōu)點(diǎn)。

6）系統(tǒng)安裝和使用門(mén)檻較低。用戶并不需要關(guān)注相應(yīng)的微信公眾號(hào)只需要掃碼就可以接入系統(tǒng)，更加不需要在移動(dòng)終端上安裝其他軟件（APP），使用習(xí)慣與其他微信公眾平臺(tái)基本一致。由于加入和使用均很方便，就降低了安裝和使用門(mén)檻。

7）基于微信平臺(tái)的無(wú)紙化網(wǎng)絡(luò)會(huì)議系統(tǒng)，使會(huì)議的舉行做到電子化和智能化。通過(guò)文件的電子交換實(shí)現(xiàn)會(huì)議的無(wú)紙化形式，很大程度地降低了對(duì)紙張的需求，順應(yīng)了綠色和可持續(xù)發(fā)展的理念。

參考文獻(xiàn)：

[1] 鐘志勇，何威俊，馮煜博. 微信公眾平臺(tái)應(yīng)用開(kāi)發(fā)實(shí)戰(zhàn)[M]. 北京：機(jī)械工業(yè)出版社，2014.

[2] 閆小坤. 微信公眾平臺(tái)開(kāi)發(fā)基礎(chǔ)與實(shí)戰(zhàn)[M]. 北京：機(jī)械工業(yè)出版社，2014.

[3] Dave Crane & Bear Bibeault & Tom Locke. Ajax實(shí)戰(zhàn)[M]. 北京：人民郵電出版社，2010.

[4] 陳昊. Laravel框架關(guān)鍵技術(shù)解析[M]. 北京：電子工業(yè)出版社，2017.

【通聯(lián)編輯：唐一東】