微信門戶網(wǎng)站整體設計方案V1.0.0.0

1、溫州僑聯(lián)微信門戶網(wǎng)站整體設計方案V1。0.0。01. 總體概述1.1. 項目背景2011年，騰訊公司推出了有史以來最便捷的溝通軟件微信，這款移動應用改變了人們的溝通交流方式,隨著微信注冊用戶的迅猛增長（2013年11月注冊用戶突破6億），微信已經(jīng)成為人們?nèi)粘Ｉ畋夭豢缮俚囊豢钜苿討?與此同時，基于微信的移動應用開發(fā)也猶如雨后春筍般迅速在大江南北涌現(xiàn)，各政府部分,企事業(yè)單位，民間團體紛紛基于微信完成了從傳統(tǒng)門戶網(wǎng)站向微信微門戶的過渡.成立于1960年3月27日的溫州僑聯(lián)作為由中共溫州市委領導的由全市歸僑僑眷組成的人民團體,是黨和政府聯(lián)系廣大歸僑、僑眷和海外僑胞的橋梁和紐帶，是中國人民政治協(xié)商會

2、議溫州市委員會的組成單位和浙江省僑聯(lián)的團體會員。肩負著服務經(jīng)濟發(fā)展、依法維護僑益、拓展海外聯(lián)誼、參政議政、弘揚中華文化、參與社會建設等六項職能。全市各級已經(jīng)建立起較為健全完善的僑聯(lián)組織網(wǎng)絡,目前共有縣(市、區(qū))級僑聯(lián)11家，高校僑聯(lián)5家，聯(lián)誼會2家，在全市有鄉(xiāng)鎮(zhèn)(街道）僑聯(lián)已達90個.全市有34。6多萬歸僑僑眷,有68。8多萬華僑華人、港澳同胞，分布于世界五大洲130個國家和地區(qū)，主要聚居在歐美等發(fā)達國家和地區(qū)，以新華僑華人為主.所以，為了更全面便捷的服務于世界各地的僑眷僑胞,溫州僑聯(lián)亟需在微信端開發(fā)自己的微門戶，不但能及時將最新動態(tài)發(fā)布給關注人群，同時可以對他們提出的建議和訴求進行快速實時的

3、響應。1.2. 需求概述基于這樣的前提,溫州僑聯(lián)提出了開發(fā)微信門戶的需求，主要包括以下幾個方面：v 能夠完成僑聯(lián)各類圖文信息的發(fā)布v 能夠?qū)崟r響應關注用戶提出的問題、訴求及建議v 能夠?qū)崿F(xiàn)分地區(qū)細致管理，責任到基層,服務更加到位，更加完善1.3. 建設目標結(jié)合溫州僑聯(lián)的工作需要及微信開發(fā)特色，擬建設溫州僑聯(lián)微信平臺，主要建設目標及內(nèi)容如下:申請溫州僑聯(lián)微信公共平臺服務號v 實現(xiàn)平臺服務號菜單自定義v 實現(xiàn)后臺便捷發(fā)布圖文信息v 實現(xiàn)用戶按所在區(qū)域提交意見建議v 實現(xiàn)實時反饋問題處理進度v 實現(xiàn)多級權(quán)限管理,分地區(qū)管理員進行信息維護2. 設計原則微信公眾平臺開發(fā)系統(tǒng)的基本原則是以系統(tǒng)總體目標為宗

4、旨，為用戶提供一個技術先進，成熟可靠，靈活適用,性能優(yōu)秀的調(diào)用系統(tǒng)。因此，系統(tǒng)設計將遵循如下原則2.1. 開放性系統(tǒng)在設計時考慮到功能的可擴展性與維護的方便性,使用的操作平臺類型，應用服務器、編程語言和數(shù)據(jù)庫,將遵循通用性、開放性，以期達到減少后續(xù)功能增加,修改的難度，減少由于維護方、后續(xù)服務方的變更，帶來系統(tǒng)二次開發(fā)、維護的難度。2.2. 先進性采用目前國際上最先進的數(shù)據(jù)庫技術,PHP開發(fā),mysql作為網(wǎng)站后臺數(shù)據(jù)庫。這個組合在測試權(quán)威eWeek的測試中顯示具有最優(yōu)性能.采用這些技術是完全基于微軟平臺進行開發(fā),降低了以后的系統(tǒng)運營成本，提高了系統(tǒng)的穩(wěn)定性和易維護性.2.3. 高性能本系統(tǒng)的

5、硬件搭配，微信公眾平臺能夠充分勝任對大量事物處理的要求和信息量不斷增長的要求.2.4. 實用性微信公眾平臺以中心需求為目標，以方便用戶為原則，在吸取先進管理經(jīng)驗的基礎上,量身定做；在統(tǒng)一的用戶界面下提供各種實用功能,盡可能降低使用前的培訓和使用中的維護投入。提供微信前端網(wǎng)頁開發(fā)的無逢連接。2.5. 安全性充分考慮系統(tǒng)及數(shù)據(jù)資源的容災、備份、恢復的要求。為系統(tǒng)提供強大的數(shù)據(jù)庫備份工具。多級用戶權(quán)限管理，信息發(fā)布管理均做日志記錄,責任到人。除此之外，微信展示頁面設計原則包括：n 突出網(wǎng)頁的美觀度，要求布局合理，頁面清晰美觀。n 形式新穎，結(jié)構(gòu)清晰,內(nèi)容豐富，技術運用合理，瀏覽方便快捷。n 方便調(diào)用

6、3. 詳細設計3.1. 技術架構(gòu)v 簡要說明系統(tǒng)前端采用微信應用開發(fā)性能和穩(wěn)定性都非常良好的LAMP架構(gòu),即Linux+Apache+Mysql+PPHP黃金組合，這種架構(gòu)輕量級，開發(fā)迅速，性能穩(wěn)定，也是當前微信應用開發(fā)的主流架構(gòu).系統(tǒng)后臺CMS管理系統(tǒng)可以采用J2EE架構(gòu)，利用經(jīng)典的MVC開發(fā)模式，采用主流穩(wěn)定高可擴展性MVC框架（SSH，groovy，SSM等）同時為提高性能和網(wǎng)站的負載能力，使用nginx技術實現(xiàn)負載均衡,緩存靜態(tài)資源，提高服務器的響應速度和處理能力.以上系統(tǒng)架構(gòu)設計軟件及開發(fā)工具均免費開源,而且對服務器性能要求可以定制，不但為客戶省去了不必要的開發(fā)費用,而且規(guī)避了版權(quán)的

7、法律風險。為實現(xiàn)界面處理的統(tǒng)一，微信前端和后臺管理系統(tǒng)均采用jquery+css+js+html處理方式,保持系統(tǒng)風格的統(tǒng)一性以及穩(wěn)定性。v 系統(tǒng)架構(gòu)圖3.2. 功能模塊3.2.1. 微信前端根據(jù)目前微信的標準，一級菜單最多不能超過3個,二級菜單不能超過5個,所以功能模塊作如下劃分一級菜單包括：僑聯(lián)天下、溫州僑訊、個人服務三部分僑聯(lián)天下包括菜單：有事要幫、有話要說、有喜要報、有線要牽溫州僑訊包括菜單:僑界資訊、項目投資、創(chuàng)業(yè)機會個人服務包括菜單:資料完善、服務查詢、消息中心、聯(lián)系我們界面原型設計僑聯(lián)天下v 有事要幫功能設計：用戶通過點擊微信公共號自定義菜單，可以進入到有事要幫的信息填寫界面，主

8、要包括內(nèi)容有:是否匿名，聯(lián)系方式（可選擇郵箱或電話),聯(lián)系人，幫忙內(nèi)容,所在區(qū)縣.界面原型設計：v 有話要說功能設計：用戶通過點擊微信公共號自定義菜單,可以進入到有話要說的信息填寫界面,主要包括內(nèi)容有：是否匿名，信息類型（投訴、建議、咨詢），信息內(nèi)容,聯(lián)系人，聯(lián)系方式，所在區(qū)縣界面原型設計v 有喜要報功能設計：用戶通過點擊微信公共號自定義菜單,可以進入到有喜要報的信息填寫界面，主要包括內(nèi)容有：是否匿名，喜報標題，喜報內(nèi)容,圖片文件,報喜人，聯(lián)系方式，所在區(qū)縣界面原型設計v 有線要牽功能設計：用戶通過點擊微信公共號自定義菜單，可以進入到有線要牽的信息填寫界面,主要包括內(nèi)容有:牽線標題，牽線內(nèi)容，

9、相關資料電子文檔，聯(lián)系人，聯(lián)系方式，所在區(qū)縣界面原型設計v 提示界面功能設計：提交后，需要提示用戶相關信息，以便用戶知道后續(xù)如何關注自己提交的話題界面原型設計注:以上三個功能如果是用戶登錄并且完善了個人資料，則將聯(lián)系人、聯(lián)系方式、所在區(qū)縣自動填充到相應的輸入框中，減少用戶輸入,提高用戶體驗。溫州僑訊v 僑界資訊功能設計：用戶點擊僑界資訊，給用戶返回僑界資訊列表，用戶可以點擊自己喜歡的文章進行閱讀v 項目投資功能設計：用戶點擊項目投資，給用戶返回項目投資資訊列表，用戶可以點擊自己喜歡的文章進行閱讀v 創(chuàng)業(yè)機會功能設計：用戶點擊創(chuàng)業(yè)機會,給用戶返回創(chuàng)業(yè)機會資訊列表，用戶可以點擊自己喜歡的文章進行閱

10、讀界面設計1列表界面界面設計2-文章詳情個人服務系統(tǒng)在用戶關注僑聯(lián)微信公共號的同時，為用戶創(chuàng)建一個賬號，用戶可以進行如下操作v 資料完善功能設計：用戶點擊資料完善，進入微信授權(quán)登錄頁面,經(jīng)過用戶授權(quán)后,進入信息完善界面，用戶可以輸入自己所在的區(qū)縣、聯(lián)系電話、電子郵箱、姓名等個人信息。界面原型設計v 服務查詢功能設計：用戶點擊服務查詢,進入用戶的咨詢、建議、投訴、牽線等事務的處理進度列表界面，點擊事務，可以查看處理詳情，包括當前處理進度,處理結(jié)果,處理人及聯(lián)系方式。界面原型設計v 消息中心功能設計：系統(tǒng)及時向用戶發(fā)送短信或郵件，提示用戶當前進度v 聯(lián)系我們提供僑聯(lián)聯(lián)系方式，電子郵箱或客服電話,可

11、以直接在微信上進行客服電話的撥打3.2.2. 后臺管理系統(tǒng)后臺管理系統(tǒng)主要給網(wǎng)站運營人員及各個區(qū)縣的服務處理人員使用，主要包括以下功能v 內(nèi)容發(fā)布功能設計：后臺管理人員通過該功能發(fā)布圖文消息，系統(tǒng)調(diào)用微信圖文發(fā)布接口，進行信息發(fā)布時，選擇發(fā)布的內(nèi)容所屬板塊界面原型設計列表界面原型設計內(nèi)容v 資訊審核功能設計：該功能主要包括兩部分內(nèi)容的審核,一個審核是對資訊文章內(nèi)容的審核，審核通過后,方可進行發(fā)布，用戶點擊文章可以查看詳情,即上圖的發(fā)布界面,查看文章內(nèi)容及圖片界面設計1列表v 資料審核功能設計：對于用戶發(fā)出的牽線搭橋需求，通過對內(nèi)容的編輯和資料審核,完成在微網(wǎng)站上的發(fā)布界面原型設計列表界面原型設

12、計審核界面v 投訴處理功能設計:對用戶的投訴、意見等信息進行處理，并設定是否在微網(wǎng)站顯示，如果設置為顯示，則使用內(nèi)容發(fā)布功能將文章發(fā)布列表界面略回復界面v 咨詢回復功能設計：對用戶的咨詢進行回復,回復后，系統(tǒng)自動將消息發(fā)送給用戶，用戶可以在個人服務中進行查詢界面同上v 消息發(fā)送功能設計:處理客戶提交的事務時，每一步都要提醒相關人員,同時有新的需求或投訴時，也要提醒管理人員v 系統(tǒng)用戶功能設計:預制網(wǎng)站后臺超級管理員,然后由該人創(chuàng)建網(wǎng)站管理員，主要包含內(nèi)容：賬號，密碼，姓名,所轄區(qū)縣v 分級權(quán)限功能設計：管理員為不同的系統(tǒng)用戶分配權(quán)限v 客戶管理功能設計：查詢查看微網(wǎng)站用戶v 日志記錄功能設計：后臺自動記錄每次事務的處理過程,便于事后倒查v 其他設置功能設計：可以設置一些網(wǎng)站的基本信息，例如網(wǎng)站模塊,微信自定義菜單，區(qū)縣管理等v