微信門戶網站整體設計方案V1.0.0.0

1、僑聯微信門戶整體設計方案V1.0.0.01. 總體概述1.1. 項目背景2011年，騰訊公司推出了有史以來最便捷的溝通軟件 - 微信，這款移動應用改變了人們 的溝通交流方式，隨著微信注冊用戶的迅猛增長（2013 年 11 月注冊用戶突破 6億），微信已經成為人們日常生活必不可少的一款移動應用。 與此同時， 基于微信的移動應用開發(fā)也猶 如雨后春筍般迅速在大江南北涌現， 各政府部分， 企事業(yè)單位， 民間團體紛紛基于微信完成 了從傳統門戶向微信微門戶的過渡。成立于 1960 年 3 月 27 日的僑聯作為由中共市委領導的由全市歸僑僑眷組成的人民團 體，是黨和政府聯系廣大歸僑、 僑眷和海外僑胞的橋梁和

2、紐帶， 是中國人民政治協商會議市 委員會的組成單位和省僑聯的團體會員。 肩負著服務經濟發(fā)展、 依法維護僑益、 拓展海外聯 誼、參政議政、 弘揚中華文化、 參與社會建設等六項職能。全市各級已經建立起較為健全完 善的僑聯組織網絡，目前共有縣 （ 市、區(qū) ） 級僑聯 11 家，高校僑聯 5 家，聯誼會 2 家，在全 市有鄉(xiāng)鎮(zhèn) （街道 ） 僑聯已達 90 個。全市有 34.6 多萬歸僑僑眷，有 68.8 多萬華僑華人、港澳 同胞，分布于世界五 130 個國家和地區(qū)， 主要聚居在歐美等發(fā)達國家和地區(qū)， 以新華僑華人 為主。所以， 為了更全面便捷的服務于世界各地的僑眷僑胞， 僑聯亟需在微信端開發(fā)自己的微

3、門戶，不但能及時將最新動態(tài)發(fā)布給關注人群， 同時可以對他們提出的建議和訴求進行快速 實時的響應。1.2. 需求概述基于這樣的前提，僑聯提出了開發(fā)微信門戶的需求，主要包括以下幾個方面：? 能夠完成僑聯各類圖文信息的發(fā)布? 能夠實時響應關注用戶提出的問題、訴求及建議? 能夠實現分地區(qū)細致管理，責任到基層，服務更加到位，更加完善1.3. 建設目標結合僑聯的工作需要及微信開發(fā)特色，擬建設僑聯微信平臺，主要建設目標及容如下： 申請僑聯微信公共平臺服務號? 實現平臺服務號菜單自定義? 實現后臺便捷發(fā)布圖文信息? 實現用戶按所在區(qū)域提交意見建議? 實現實時反饋問題處理進度? 實現多級權限管理，分地區(qū)管理員進

4、行信息維護2. 設計原則微信公眾平臺開發(fā)系統的基本原則是以系統總體目標為宗旨，為用戶提供一個技術先進，成熟可靠，靈活適用，性能優(yōu)秀的調用系統。因此，系統設計將遵循如下原則2.1. 開放性系統在設計時考慮到功能的可擴展性與維護的方便性， 使用的操作平臺類型， 應用服務 器、編程語言和數據庫， 將遵循通用性、 開放性， 以期達到減少后續(xù)功能增加， 修改的難度， 減少由于維護方、后續(xù)服務方的變更，帶來系統二次開發(fā)、維護的難度。2.2. 先進性采用目前國際上最先進的數據庫技術， PHP開發(fā)， mysql 作為后臺數據庫。這個組合在 測試權威 e-Week 的測試中顯示具有最優(yōu)性能。 采用這些技術是完全

5、基于微軟平臺進行開發(fā)， 降低了以后的系統運營成本，提高了系統的穩(wěn)定性和易維護性。2.3. 高性能本系統的硬件搭配， 微信公眾平臺能夠充分勝任對大量事物處理的要求和信 息量不斷增長的要求。2.4. 實用性微信公眾平臺以中心需求為目標， 以方便用戶為原則， 在吸取先進管理經驗 的基礎上， 量身定做；在統一的用戶界面下提供各種實用功能， 盡可能降低使用 前的培訓和使用中的維護投入。提供微信前端網頁開發(fā)的無逢連接。2.5. 安全性充分考慮系統及數據資源的容災、 備份、 恢復的要求。 為系統提供強大的數 據庫備份工具。多級用戶權限管理，信息發(fā)布管理均做日志記錄，責任到人。除此之外，微信展示頁面設計原則包

6、括： 突出網頁的美觀度，要求布局合理，頁面清晰美觀。 形式新穎，結構清晰，容豐富，技術運用合理，瀏覽方便快捷。 方便調用3. 詳細設計3.1. 技術架構? 簡要說明 系統前端采用微信 應用開發(fā)性能和 穩(wěn)定 性都非 常良 好的 LAMP架構，即Linux+Apache+Mysql+PPHP 黃金組合，這種架構輕量級，開發(fā)迅速，性能穩(wěn)定，也是當前微 信應用開發(fā)的主流架構。系統后臺 CMS管理系統可以采用 J2EE 架構，利用經典的 MVC開發(fā)模式，采用主流穩(wěn)定 高可擴展性 MVC框架（ SSH，groovy ，SSM等）同時為提高性能和的負載能力， 使用 nginx 技術實現負載均衡， 緩存靜態(tài)資

7、源， 提高服 務器的響應速度和處理能力。以上系統架構設計軟件及開發(fā)工具均免費開源， 而且對服務器性能要求可以定制， 不但 為客戶省去了不必要的開發(fā)費用，而且規(guī)避了的法律風險。為實現界面處理的統一，微信前端和后臺管理系統均采用 jquery+css+js+html 處理方 式，保持系統風格的統一性以及穩(wěn)定性。系統架構圖3.2. 功能模塊3.2.1. 微信前端根據目前微信的標準， 一級菜單最多不能超過 3 個，二級菜單不能超過 5個，所以功能模塊 作如下劃分 一級菜單包括：僑聯天下、僑訊、個人服務三部分 僑聯天下包括菜單：有事要幫、有話要說、有喜要報、有線要牽 僑訊包括菜單：僑界資訊、項目投資、創(chuàng)

8、業(yè)機會 個人服務包括菜單：資料完善、服務查詢、消息中心、聯系我們界面原型設計僑聯天下? 有事要幫功能設計： 用戶通過點擊微信公共號自定義菜單， 可以進入到有事要幫的信息填寫界面， 主要包括容有：是否匿名，聯系方式（可選擇或），聯系人，幫忙容，所在區(qū)縣。界面原型設計：? 有話要說功能設計： 用戶通過點擊微信公共號自定義菜單， 可以進入到有話要說的信息填寫界面， 主要包括容有：是否匿名，信息類型（投訴、建議、咨詢），信息容，聯系人，聯系方式， 所在區(qū)縣界面原型設計? 有喜要報功能設計： 用戶通過點擊微信公共號自定義菜單， 可以進入到有喜要報的信息填寫界面， 主要包括容有：是否匿名，喜報標題，喜報容

9、，圖片文件，報喜人，聯系方式，所在區(qū)縣 界面原型設計? 有線要牽功能設計： 用戶通過點擊微信公共號自定義菜單， 可以進入到有線要牽的信息填寫界面， 主要包括容有：牽線標題，牽線容，相關資料電子文檔，聯系人，聯系方式，所在區(qū)縣 界面原型設計提示界面功能設計： 提交后， 需要提示用戶相關信息， 以便用戶知道后續(xù)如何關注自己提交的話界面原型設計注：以上三個功能如果是用戶登錄并且完善了個人資料， 則將聯系人、 聯系方式、 所在區(qū)縣 自動填充到相應的輸入框中，減少用戶輸入，提高用戶體驗。僑訊? 僑界資訊功能設計：用戶點擊僑界資訊，給用戶返回僑界資訊列表，用戶可以點擊自己喜歡的文章進行閱讀? 項目投資功能

10、設計：用戶點擊項目投資，給用戶返回項目投資資訊列表，用戶可以點擊自己喜歡的文章進行閱讀? 創(chuàng)業(yè)機會 功能設計：用戶點擊創(chuàng)業(yè)機會，給用戶返回創(chuàng)業(yè)機會資訊列表，用戶可以點擊自己喜歡的文章進行閱讀界面設計 1-列表界面界面設計 2-文章詳情個人服務 系統在用戶關注僑聯微信公共號的同時，為用戶創(chuàng)建一個賬號，用戶可以進行如下操作 ? 資料完善進入信息完功能設計： 用戶點擊資料完善， 進入微信授權登錄頁面， 經過用戶授權后， 善界面，用戶可以輸入自己所在的區(qū)縣、聯系、電子、等個人信息。界面原型設計服務查詢功能設計：用戶點擊服務查詢，進入用戶的咨詢、建議、投訴、牽線等事務的處理進度 列表界面，點擊事務，可以

11、查看處理詳情，包括當前處理進度，處理結果，處理人及聯系方 式。界面原型設計消息中心 功能設計：系統及時向用戶發(fā)送短信或，提示用戶當前進度 聯系我們 提供僑聯聯系方式，電子或客服，可以直接在微信上進行客服的撥打3.2.2. 后臺管理系統后臺管理系統主要給運營人員及各個區(qū)縣的服務處理人員使用，主要包括以下功能 ? 容發(fā)布功能設計：后臺管理人員通過該功能發(fā)布圖文消息，系統調用微信圖文發(fā)布接口， 進行信息發(fā)布時，選擇發(fā)布的容所屬板塊界面原型設計 -列表界面原型設計 -容? 資訊審核功能設計： 該功能主要包括兩部分容的審核， 一個審核是對資訊文章容的審核， 審 核通過后， 方可進行發(fā)布，用戶點擊文章可以

12、查看詳情， 即上圖的發(fā)布界面，查看文章 容及圖片界面設計 1-列表? 資料審核功能設計： 對于用戶發(fā)出的牽線搭橋需求， 通過對容的編輯和資料審核， 完成在微 上的發(fā)布界面原型設計 -列表界面原型設計 -審核界面? 投訴處理功能設計： 對用戶的投訴、意見等信息進行處理， 并設定是否在微顯示，如果設置 為顯示，則使用容發(fā)布功能將文章發(fā)布列表界面略回復界面? 咨詢回復 功能設計： 對用戶的咨詢進行回復， 回復后， 系統自動將消息發(fā)送給用戶， 用戶可 以在個人服務中進行查詢界面同上? 消息發(fā)送 功能設計： 處理客戶提交的事務時， 每一步都要提醒相關人員， 同時有新的需求或 投訴時，也要提醒管理人員? 系統用戶 功能設計：預制后臺超級管理員，然后由該人創(chuàng)建管理員，主要包含容：賬號，密 碼，所轄區(qū)縣管理員為不同的系統用戶分配權限? 分級權限 功能設計：查詢查看微用戶? 客戶管理 功能設計：后臺自動記錄每次事務的處理過程，便于事后倒查? 日志記錄 功能設計：可以設置一些的基本信息，例如模塊，微信自定義菜單，區(qū)縣管理等? 其他設置 功能設計：? 數據字典設計用戶表