學會微信小程序的設計與實現

甘藝垚　蔡永香　王薈奧

摘要：為了滿足學會的信息移動化需求，該文在調查了當前學會的信息化建設現狀、移動端應用等信息的基礎上，提出一套基于微信小程序開發的移動端設計方案，并以中國地球物理學會水利電力分會的特定需求為例實現了水電分會微信小程序。經測試，水電分會小程序能夠及時傳遞學會動態信息給會員，達到宣傳學會，服務社會的目的，對水電分會會員間的信息交流具有實際應用價值。

關鍵詞：學會;信息化建設;微信小程序;設計方案;水電分會

中圖分類號：TP311? ? ? 文獻標識碼：A

文章編號：1009-3044（2021）04-0007-03

Abstract： In order to meet the needs of information mobility of academy. Based on the investigation of the information construction status quo of the current society and the application of mobile terminal， this paper proposes a mobile terminal design scheme based on WeChat small program development， and a WeChat small program of the hydro-electric branch of Chinese geophysical academy as an example. Through the test， the small program can timely convey the dynamic information of the academy to the members， so as to achieve the purpose of propagating the academy and serving society. It has practical application value for the information exchange among the members of the hydro-electric branch.

Key words： academy; information construction; WeChat small program; design scheme; hydro-electric branch

1 背景

學會是由科技工作者自愿組成的科技學術性團體， 是科技發展的必然產物。其根本任務是科研、學術交流， 促進學科發展， 發現、培養、推薦人才， 促進科技成果轉化，代表科技工作者與政府溝通， 反映科技工作者心聲， 維護科技工作者權益[1]。據2020年6月中國科學技術協會官網顯示，各級科協所屬學會29675個，其中中國科協所屬全國學會210個，省級科協所屬省級學會3848個。近年來，為了響應國家政策，促進學會交流與發展，很多學會都建設了自己的信息化平臺。大部分學會建設有門戶網站，便于發布通知、共享信息，為會員提供一個相互交流的平臺。但由于移動互聯網發展迅速，人們通過手機來獲取信息已成為一種必然的趨勢，學會會員之間的交流也有基于移動方式的需求，僅僅門戶網站已經不滿足現今的發展需求了，因此開發信息交流移動端是目前學會信息化建設的新目標。

目前移動端選型主要有H5頁面、App和微信小程序。H5頁面開發效率高，但是其加載速度慢，兼容性差，容易受到不同機型等因素的影響;App兼容性好，加載速度快，但是其開發周期長，開發成本高，如果全面覆蓋移動終端需要開發 2-3 種類型，并且迭代更新麻煩[2];微信小程序開發維護成本低，且兼容性好，加載速度快，相較于另外兩種移動應用更純粹、更流暢、更易得，其中更純粹指的是使用小程序可以拋去以往互聯網產品的煩瑣程序，更流暢指的是相對于網站、H5、App等，小程序的用戶體驗感更優，更易得表現為線上線下觸手可得、隨時可用[3]。故本文基于微信小程序為學會移動端建設提出一套合理可行的方案，并以中國地球物理學會水電分會的特定需求為例設計開發水電分會微信小程序。

2 需求分析

在對當前部分學會的信息化平臺進行調研的基礎上，我們分析總結出學會微信小程序的用戶主要是學會會員以及游客，其用戶需求大致如表1所示。

按照用戶的需求，我們可以分析出該小程序的功能需求包括：

1） 信息展示功能：展示學會介紹、學會通知、學會新聞、學術交流、獎勵信息、期刊信息、學會成果和入會途徑等信息;

2） 資料下載功能：學術會議附件、期刊數據、成果數據等的下載;

3） 信息查詢功能：通過關鍵詞檢索所需要的信息;

4） 會員登錄功能：會員登錄查看會員服務;

5） 信息收藏功能：會員收藏信息。

3 功能設計

按照用戶的需求，學會微信小程序的功能設計為兩部分：通用功能及個性化功能。通用功能包括最新信息輪播圖、學會介紹、各類信息查看展示、信息查詢;個性化功能有會員登錄、收藏下載、個性化界面管理等;并將這兩部分功能分別在首頁和個人中心兩個頁面中實現。該設計的功能結構如圖1所示。

4 系統架構設計

要開發實現上述功能，系統可以采用三層架構。三層架構分別為表現層，服務層和數據層。其中表現層為通過HTML+CSS+JS搭建的Web應用和基于微信小程序搭建的移動應用，用于展示系統數據;基于SSM框架搭建的Java程序作為服務層，鏈接表現層與數據層;數據層使用MySQL搭建系統數據庫，實現數據存儲和數據管理的功能。其技術架構如圖2所示。

5 界面設計

手機應用界面設計中要顧及兩個方面，界面視覺設計及用戶體驗設計[4]。在界面視覺設計上，學會微信小程序選取了白色作為背景顏色，白色百搭，可以跟各種色系按風格需要搭配起來，并且最為簡潔干凈，有利于內容的獲取;界面整體采用扁平化設計風格，扁平化設計是近年來非常流行的新設計風格，其主要特點是簡約直觀[5];首頁頁面的設計主要以輪播圖和信息模塊組成，輪播圖上方占三分之一，剩下的部分為排列整齊的信息模塊;個人中心頁面分區設計為按列表模式排列的功能模塊;整體清新簡潔，美觀大方，這樣的設計可以使得用戶更加迅速的進行信息交換，喚起用戶的使用欲望。在用戶體驗設計方面，小程序設計信息模塊管理功能，會員可以自己設置首頁展示模塊，定制自己專屬的小程序界面，只保留自己感興趣的信息模塊，隱藏不需要的信息模塊;此外還有收藏與查看下載列表，保留用戶的瀏覽歷史記錄等，也是基于用戶體驗的設計。

6 應用實例

基于上述設計方案，以中國地球物理學會水電分會（以下簡稱水電分會）的特定需求為例，進行了水電分會微信小程序的設計開發。水電分會是中國地球物理學會下屬的多部門、跨地區的群眾性學術團體，學會宗旨是：為水利電力行業地球物理技術發展服務、為廣大技術人員服務、為推動水利電力行業地球物理技術進步服務;組織水利電力領域地球物理技術人員開展國際、國內學術/技術交流、舉辦專業技術培訓等相關活動;促進研究成果的應用和轉化等。

我們在調研學會平臺用戶一般需求的基礎上，還針對水電分會用戶進了細致地溝通交流，獲取其個性化的需求，歸納總結出水電分會小程序的大致需求如下：

1） 學會動態信息展示：通知公告、分會新聞和獎勵動態等動態信息的展示;

2） 學術交流信息展示：學術會議、年會和紀念活動信息展示以及附件的下載;

3） 分會刊物介紹：刊物簡介、出版刊物、編委會介紹，投稿須知信息展示以及出版刊物下載等;

4） 科普宣傳：科普宣傳和科普知識的信息展示;

5） 表彰獎勵信息展示：獎項介紹和贊助單位信息展示;

6） 產品信息展示：會員單位及會員的發明專利、技術革新和儀器設備的信息展示;

7） 會員風采作品展示：會員作品，包括散文、詩歌、美圖和視頻等作品的展示;

8） 學會介紹：學會組織機構、管理細則和自律公約的信息展示;

9） 登錄：會員登錄獲取會員服務;

10） 查看瀏覽歷史：會員可以查看自己的瀏覽歷史;

11） 查看收藏：會員可以收藏信息，并隨時在我的收藏中查看;

12） 查看已下載資料：會員下載的數字資料可以在已下載資料列表中查看;

13） 個性化界面管理：會員可以自定義首頁展示信息模塊，形成自己的個性化模塊界面。

在仔細分析上述需求的基礎上，我們基于前面的一般性功能結構圖，對水電分會小程序功能進行了細化設計，其功能設計模塊見圖3。

按照前面的系統架構與界面設計方案，我們根據水電分會的特定需求進行了功能的編碼實現，最終實現了水電分會小程序。小程序分為兩個導航欄頁面：首頁和我的頁面。首頁主要是信息模塊展示和信息查詢，無論是會員還是游客都可以訪問查看;我的頁面為會員功能頁面，會員登錄之后可獲得一些個性化的服務。

1） 首頁頁面如圖4所示，上部分為信息輪播圖，其圖片與網頁端首頁圖片相同且同步更新;下部分為排列整齊的模塊按鈕，分別是：聚焦動態、學術交流、分會刊物、科普園地、表彰獎勵、產品展示、知味煙火、關于分會、信息查詢;

2） 點擊首頁任一模塊按鈕，可以跳轉到相應頁面，以點擊科普園地模塊為例，圖5為跳轉到科普園地信息列表頁。科普園地又包含了科普宣傳與科普知識兩部分內容，點擊上方導航欄可進行列表內容的切換。點擊列表中的標題跳轉至信息詳情頁面，如圖6所示，登錄用戶還可進行頁面收藏;

3） 圖7為資料下載頁面，用戶登錄后，點擊標題或者圖片可以進行該數據下載;

4） 切換到我的頁面會彈出會員登錄框，會員登錄后界面如圖8所示，點擊列表功能按鈕可以跳轉到相應的功能界面;

5） 個性化界面管理如圖9所示，勾選的模塊會顯示，不勾選的模塊就會在首頁隱藏。

經測試，該小程序基本滿足了當前水電分會信息移動化發展需求，能夠及時傳遞學會動態信息給會員，達到了宣傳學會，服務社會的目的。按照用戶的反饋，水電分會小程序后續可以進一步對小程序進行優化，如添加會議報名功能和支付功能等，提高小程序的實用性，節約學會資源，提高學會活動組織效率。

7 結束語

本文在調查了當前學會的信息化建設、移動端應用等信息的基礎上對學會微信小程序進行了需求分析，在此基礎上進行系統設計、功能設計和界面設計，形成了一套完整的設計方案。最終以中國地球物理學會水利電力分會的特定需求為例實現了水電分會微信小程序，促進了水電分會信息化建設，該方案也可作為其他學會信息化建設的參考。

參考文獻：

[1] 宋秀芳.簡述學會與行業協會的區別[J].學會，2003（8）：36.

[2] 趙巖.基于微信平臺的高校微應用設計與實現[D].長春：長春工業大學，2020.

[3] 楊啟，張麗萍.從互聯網生態看微信小程序的發展[J].新聞論壇，2017（2）：22-24.

[4] 劉慶立，丁勤林，楊東潤.淺談高校實驗管理手機應用程序界面及功能設計[J].藝術科技，2017，30（7）：53-54.

[5] 楊楚喬.淺析“扁平化設計”在交互設計中的應用[J].大眾文藝，2020（3）：74-75.

【通聯編輯：謝媛媛】