微信门户网站整体设计方案V1.0.0.0

1、侨联微信门户整体设计方案V1.0.0.01. 总体概述1.1. 项目背景2011年，腾讯公司推出了有史以来最便捷的沟通软件 - 微信，这款移动应用改变了人们 的沟通交流方式，随着微信注册用户的迅猛增长（2013 年 11 月注册用户突破 6亿），微信已经成为人们日常生活必不可少的一款移动应用。 与此同时， 基于微信的移动应用开发也犹 如雨后春笋般迅速在大江南北涌现， 各政府部分， 企事业单位， 民间团体纷纷基于微信完成 了从传统门户向微信微门户的过渡。成立于 1960 年 3 月 27 日的侨联作为由中共市委领导的由全市归侨侨眷组成的人民团 体，是党和政府联系广大归侨、 侨眷和海外侨胞的桥梁和

2、纽带， 是中国人民政治协商会议市 委员会的组成单位和省侨联的团体会员。 肩负着服务经济发展、 依法维护侨益、 拓展海外联 谊、参政议政、 弘扬中华文化、 参与社会建设等六项职能。全市各级已经建立起较为健全完 善的侨联组织网络，目前共有县 （ 市、区 ） 级侨联 11 家，高校侨联 5 家，联谊会 2 家，在全 市有乡镇 （街道 ） 侨联已达 90 个。全市有 34.6 多万归侨侨眷，有 68.8 多万华侨华人、港澳 同胞，分布于世界五 130 个国家和地区， 主要聚居在欧美等发达国家和地区， 以新华侨华人 为主。所以， 为了更全面便捷的服务于世界各地的侨眷侨胞， 侨联亟需在微信端开发自己的微

3、门户，不但能及时将最新动态发布给关注人群， 同时可以对他们提出的建议和诉求进行快速 实时的响应。1.2. 需求概述基于这样的前提，侨联提出了开发微信门户的需求，主要包括以下几个方面：? 能够完成侨联各类图文信息的发布? 能够实时响应关注用户提出的问题、诉求及建议? 能够实现分地区细致管理，责任到基层，服务更加到位，更加完善1.3. 建设目标结合侨联的工作需要及微信开发特色，拟建设侨联微信平台，主要建设目标及容如下： 申请侨联微信公共平台服务号? 实现平台服务号菜单自定义? 实现后台便捷发布图文信息? 实现用户按所在区域提交意见建议? 实现实时反馈问题处理进度? 实现多级权限管理，分地区管理员进

4、行信息维护2. 设计原则微信公众平台开发系统的基本原则是以系统总体目标为宗旨，为用户提供一个技术先进，成熟可靠，灵活适用，性能优秀的调用系统。因此，系统设计将遵循如下原则2.1. 开放性系统在设计时考虑到功能的可扩展性与维护的方便性， 使用的操作平台类型， 应用服务 器、编程语言和数据库， 将遵循通用性、 开放性， 以期达到减少后续功能增加， 修改的难度， 减少由于维护方、后续服务方的变更，带来系统二次开发、维护的难度。2.2. 先进性采用目前国际上最先进的数据库技术， PHP开发， mysql 作为后台数据库。这个组合在 测试权威 e-Week 的测试中显示具有最优性能。 采用这些技术是完全

5、基于微软平台进行开发， 降低了以后的系统运营成本，提高了系统的稳定性和易维护性。2.3. 高性能本系统的硬件搭配， 微信公众平台能够充分胜任对大量事物处理的要求和信 息量不断增长的要求。2.4. 实用性微信公众平台以中心需求为目标， 以方便用户为原则， 在吸取先进管理经验 的基础上， 量身定做；在统一的用户界面下提供各种实用功能， 尽可能降低使用 前的培训和使用中的维护投入。提供微信前端网页开发的无逢连接。2.5. 安全性充分考虑系统及数据资源的容灾、 备份、 恢复的要求。 为系统提供强大的数 据库备份工具。多级用户权限管理，信息发布管理均做日志记录，责任到人。除此之外，微信展示页面设计原则包

6、括： 突出网页的美观度，要求布局合理，页面清晰美观。 形式新颖，结构清晰，容丰富，技术运用合理，浏览方便快捷。 方便调用3. 详细设计3.1. 技术架构? 简要说明 系统前端采用微信 应用开发性能和 稳定 性都非 常良 好的 LAMP架构，即Linux+Apache+Mysql+PPHP 黄金组合，这种架构轻量级，开发迅速，性能稳定，也是当前微 信应用开发的主流架构。系统后台 CMS管理系统可以采用 J2EE 架构，利用经典的 MVC开发模式，采用主流稳定 高可扩展性 MVC框架（ SSH，groovy ，SSM等）同时为提高性能和的负载能力， 使用 nginx 技术实现负载均衡， 缓存静态资

7、源， 提高服 务器的响应速度和处理能力。以上系统架构设计软件及开发工具均免费开源， 而且对服务器性能要求可以定制， 不但 为客户省去了不必要的开发费用，而且规避了的法律风险。为实现界面处理的统一，微信前端和后台管理系统均采用 jquery+css+js+html 处理方 式，保持系统风格的统一性以及稳定性。系统架构图3.2. 功能模块3.2.1. 微信前端根据目前微信的标准， 一级菜单最多不能超过 3 个，二级菜单不能超过 5个，所以功能模块 作如下划分 一级菜单包括：侨联天下、侨讯、个人服务三部分 侨联天下包括菜单：有事要帮、有话要说、有喜要报、有线要牵 侨讯包括菜单：侨界资讯、项目投资、创

8、业机会 个人服务包括菜单：资料完善、服务查询、消息中心、联系我们界面原型设计侨联天下? 有事要帮功能设计： 用户通过点击微信公共号自定义菜单， 可以进入到有事要帮的信息填写界面， 主要包括容有：是否匿名，联系方式（可选择或），联系人，帮忙容，所在区县。界面原型设计：? 有话要说功能设计： 用户通过点击微信公共号自定义菜单， 可以进入到有话要说的信息填写界面， 主要包括容有：是否匿名，信息类型（投诉、建议、咨询），信息容，联系人，联系方式， 所在区县界面原型设计? 有喜要报功能设计： 用户通过点击微信公共号自定义菜单， 可以进入到有喜要报的信息填写界面， 主要包括容有：是否匿名，喜报标题，喜报容

9、，图片文件，报喜人，联系方式，所在区县 界面原型设计? 有线要牵功能设计： 用户通过点击微信公共号自定义菜单， 可以进入到有线要牵的信息填写界面， 主要包括容有：牵线标题，牵线容，相关资料电子文档，联系人，联系方式，所在区县 界面原型设计提示界面功能设计： 提交后， 需要提示用户相关信息， 以便用户知道后续如何关注自己提交的话界面原型设计注：以上三个功能如果是用户登录并且完善了个人资料， 则将联系人、 联系方式、 所在区县 自动填充到相应的输入框中，减少用户输入，提高用户体验。侨讯? 侨界资讯功能设计：用户点击侨界资讯，给用户返回侨界资讯列表，用户可以点击自己喜欢的文章进行阅读? 项目投资功能

10、设计：用户点击项目投资，给用户返回项目投资资讯列表，用户可以点击自己喜欢的文章进行阅读? 创业机会 功能设计：用户点击创业机会，给用户返回创业机会资讯列表，用户可以点击自己喜欢的文章进行阅读界面设计 1-列表界面界面设计 2-文章详情个人服务 系统在用户关注侨联微信公共号的同时，为用户创建一个账号，用户可以进行如下操作 ? 资料完善进入信息完功能设计： 用户点击资料完善， 进入微信授权登录页面， 经过用户授权后， 善界面，用户可以输入自己所在的区县、联系、电子、等个人信息。界面原型设计服务查询功能设计：用户点击服务查询，进入用户的咨询、建议、投诉、牵线等事务的处理进度 列表界面，点击事务，可以

11、查看处理详情，包括当前处理进度，处理结果，处理人及联系方 式。界面原型设计消息中心 功能设计：系统及时向用户发送短信或，提示用户当前进度 联系我们 提供侨联联系方式，电子或客服，可以直接在微信上进行客服的拨打3.2.2. 后台管理系统后台管理系统主要给运营人员及各个区县的服务处理人员使用，主要包括以下功能 ? 容发布功能设计：后台管理人员通过该功能发布图文消息，系统调用微信图文发布接口， 进行信息发布时，选择发布的容所属板块界面原型设计 -列表界面原型设计 -容? 资讯审核功能设计： 该功能主要包括两部分容的审核， 一个审核是对资讯文章容的审核， 审 核通过后， 方可进行发布，用户点击文章可以

12、查看详情， 即上图的发布界面，查看文章 容及图片界面设计 1-列表? 资料审核功能设计： 对于用户发出的牵线搭桥需求， 通过对容的编辑和资料审核， 完成在微 上的发布界面原型设计 -列表界面原型设计 -审核界面? 投诉处理功能设计： 对用户的投诉、意见等信息进行处理， 并设定是否在微显示，如果设置 为显示，则使用容发布功能将文章发布列表界面略回复界面? 咨询回复 功能设计： 对用户的咨询进行回复， 回复后， 系统自动将消息发送给用户， 用户可 以在个人服务中进行查询界面同上? 消息发送 功能设计： 处理客户提交的事务时， 每一步都要提醒相关人员， 同时有新的需求或 投诉时，也要提醒管理人员? 系统用户 功能设计：预制后台超级管理员，然后由该人创建管理员，主要包含容：账号，密 码，所辖区县管理员为不同的系统用户分配权限? 分级权限 功能设计：查询查看微用户? 客户管理 功能设计：后台自动记录每次事务的处理过程，便于事后倒查? 日志记录 功能设计：可以设置一些的基本信息，例如模块，微信自定义菜单，区县管理等? 其他设置 功能设计：? 数据字典设计用户表