码迷,mamicode.com
首页 > 其他好文 > 详细

文档型信息交互设计及相关技术实现

时间:2015-06-21 21:09:29      阅读:132      评论:0      收藏:0      [点我收藏+]

标签:共享   生命周期   自定义属性   信息交互   设计   

本文信息交互是指办公和经营管理活动中所产生的公众或定向业务信息,以及在信息共享过程中,以业务规则形式衍生出的评论、评价、回复、转发等业务信息延续。

信息交互设计目标

技术分享

  • 共享业务信息,并支持限定范围
  • 共享的业务信息,可以通过评论、评价、回复、转发等方式进行业务信息延续和推广
  • 把发布信息、延续信息功能设计为通用功能
  • 以信息实例为基本文档单元,衍生信息为其子文档,存储在文档型数据库中(MongoDB)
  • 信息展现形式灵活多样,以模板形式为用提供应用选择
  • 发布信息支持带格式文档,统一采用MarkDown编辑器

架构设计

系统基于SOA架构设计,SOA产品使用OpenText Cordys BOP 4,如下图所示,服务粒度到信息发布、信息交互相对独立功能。

功能框图

技术分享

技术架构

系统技术架构是基于SOA架构的PaaS平台,采用较简易的SOA技术架构。

技术分享

技术特点及构成:

技术架构 产品或组件 说明
PaaS平台(提供ESB) Cordys BOP 4 符合Gartner规范的云计算PaaS平台
B/S服务 Apache HTTP HTML网页+JavaScript+CSS
Webservice Soap Webservice WSDL规范,Java语言
业务数据库 Oracle
文档型数据库 MongDB 用于非数字敏感型流程审批单、信息及信息展现
文本编辑器 MarkDown 开源可视化文本编辑器
前端开发框架 Bootstrap 支持HTML5
开发语言 Java/JavaScript JDK1.6及以上/使用JQuery开发包

编码开发工作主要集中在两点:一是前端HTML+JS,另一端是开发Webservice。

信息处理逻辑

信息处理分为信息内容和信息列表目录,其中信息列表目录通过信息关系服务存储到关系型数据库中(Oracle),信息内容通过信息文档服务存储到文档型数据库中(MongoDB)。

Created with Rapha?l 2.1.2操作者操作者信息界面信息界面信息文档服务信息文档服务信息关系服务信息关系服务信息列表界面信息列表界面发布信息()保存到文档中()登记到关系型数据库中()展现列表()获取列表数据()

信息实体设计

信息实体建模存储到MongoDB中,不固定Schema,需要单独管理信息实体的定义(通过信息发布及展现界面元素自定义属性定义信息实体)。

信息实体(主)

属性名称 类型 长度 描述 备注
标题 字符 100 信息标题
发布时间 时间
内容 字符 10M 支持大容量、带格式文本内容 支持一定格式
数据 子文档 定义承载数据服务的子文档 属于可选配置项目
图片 字符 100 子文档,存储文件链接 使用GridFS,存储多个图片
文件 字符 100 子文档,存储文件链接 使用GridFS,存储多个文件
发布人 字符 100
接收人 字符数据组 100 定义发布范围,多人或多部门接收
部门 字符 1024 发布人所在部门

衍生信息实体(子表)

属性名称 类型 长度 描述 备注
小标题 字符 100 信息标题
发布时间 时间
内容 字符 10M 支持大容量、带格式文本内容 支持一定格式
数据 子文档 定义承载数据服务的子文档 属于可选配置项目
图片 字符 100 子文档,存储文件链接 使用GridFS,存储多个图片
文件 字符 100 子文档,存储文件链接 使用GridFS,存储多个文件
发布人 字符 100
部门 字符 1024 发布人所在部门

在关系型数据库里的体现

信息是业务中的一部分,是可以不使用工作流的业务,但是管理上都是一样的,按统一业务模型管理,包括业务信息定义及其生命周期、业务运行实例信息。

技术分享

  • 业务信息管理:定义业务属性信息,以及业务所关联的表单,支持历史业务变更版本可追溯,例如:业务通知就是一个业务定义,数据上报也是一个业务;
  • 业务实例信息:用于记录每个业务实例,例如每次发布的信息、发布的业务通知;
  • 流程流转记录:在这里用于记录信息交互(答复、转发、评论等)记录,但是交互详细内容仍保存在MongoDB中;
  • 业务运行基本信息:用于记录业务运行最新状态和汇总数据,避免实时统计数据处理而影响系统性能;
  • 表单定义信息:用于每个业务的界面,包括输入和打印界面的定义。

信息处理过程

数据上报业务

Created with Rapha?l 2.1.2开始发业务通知接到反馈上报数据接到数据反馈汇总数据结束

信息交互

信息交互处理过程设计成类似微博、微信的信息传递模式,做到点到点、点到群的信息传递能力,随着关注度而扩散信息传递范围和表达深度。

Created with Rapha?l 2.1.2操作者1操作者1信息交互平台信息交互平台操作者2操作者2操作者n操作者n发布信息到固定范围1()转发信息到某范围n()转发信息到某范围m()

功能设计

图文信息发布界面

定向或公开的在企业内网发布业务信息。

技术分享

图文信息发布界面采用Markdown编辑器,Markdown是一种可以使用普通文本编辑器编写的标记语言,通过类似HTML的标记语法,它可以使普通文本内容具有一定的格式。

MarkdownEditor 是一款基于浏览器的 Markdown 文本编辑器,功能非常简单实用。

功能名称 功能描述 备注
信息发布 发布编辑好的信息内容 Markdown文本和HTML文本分别保存
上传图片 上传图片文件到系统 编辑器里是链接,在线显示是图片
编辑 提供编辑按钮,方便修改
退出 退出编辑状态,关闭窗口

数据表单信息发布界面

技术分享

表单设计采用自定义属性表单模型,制作表单截取部分HTML如下所示:

   <tr>
        <td width=168>隐患项目名称:</td>
        <td width="168"><input name="隐患项目名称" fieldid="dangeritem"  type="text" ></td>
        <td width=168 >隐患编号:</td>
        <td width="168"><input name="隐患编号" fieldid="dangerNo"  type="text" ></td>
功能名称 功能描述 备注
保存 保存表单数据到系统
编辑 把打印表单界面,重新装载初始化为可编辑界面 需要重新装载
关闭 关闭当前窗口 如果未保存,则提示!

信息交互界面

技术分享

功能名称 功能描述 备注
转发 按微博功能模式,使用@符合,可以同时转给多人 如果为多人,数据存储为多条
答复 针对信息主题答复,也可以针对某条评论答复
评论 普通议论信息
催办 按流程催办模式处理 数据单独存储
评价 按流程评价处理 数据单独存储

信息展现界面

信息列表

技术分享

功能名称 功能描述 备注
新建 新建信息到编辑界面 根据信息分类,到具体编辑界面
修改 修改未发布信息 在列表中通过颜色标识
复制 复制信息及内容 复制结果只是未发布状态
提交审批 提交信息到审核环节
追回 提交审批,但是未受理或审核发布时,可以追回 当事人可以追回

信息内容展现

信息内容展现主要包括图文、报表、交互信息,以及图表信息。其中,图文、报表、交互信息采用HTML自定义属性方案,以模版的形式套入数据进行显示。

  • 图文信息展现:采用图片、文字上下混合排版
  • 报表信息展现:按绘制表格表头方式,显示多行数据
  • 交互信息展现:按时间顺序,逐行显示交互信息
  • 图表展现:个性化开发

信息专栏界面

信息专栏界面是多个不同分类的信息列表组合,通过模版方式自选使用。

上述信息交互设计及其相关功能设计,能使信息在横向、纵向层面互动起来,能加快信息传递及便于信息理解。为信息类业务规范管理提供工具化支撑,其全生命周期管理模型可以支撑信息类业务的优化。简单说,从信息的业务定义开发,到信息浏览及转发,所有的操作都有记录可循。

由于笔者水平有限,欢迎反馈交流。

参考:

1.《嵌套JSON数据自动回写HTML网页》 肖永威 2015年5月
2.《JavaScript遍历HTML表单元素及表单定义》 肖永威 2015年5月
3.《网页表单文档设计及技术实现》 肖永威 2015年5月
4.《Markdown文本编辑器在信息发布及信息交互功能上的使用(一)》 肖永威 2015年5月
5.《流程表单开发设计器设计方案》 肖永威 2015年5月
6.《Cordys BOP 4平台开发入门实战演练——HTML/JS界面开发实践》 肖永威 2015年4月
7.《Cordys BOP 4平台开发入门实战演练——Webservices开发(使用MongoDB数据库)》 肖永威 2015年4月
8.《Cordys BOP 4平台开发实战——MongoDB提供文档服务(1)》 肖永威 2015年4月
9.《易扩展的办公流程化管理核心模型(第2版)》 肖永威 2015年3月
10.《云计算统一办公运营平台服务能力设计方案》 肖永威 2014年11月
11.《信息化建设适应当前改革的思考——简化流程与信息透明》 肖永威 2014年3月
12.《Cordys平台开发考虑到的技术点》 肖永威 2013年11月

文档型信息交互设计及相关技术实现

标签:共享   生命周期   自定义属性   信息交互   设计   

原文地址:http://blog.csdn.net/xiaoyw71/article/details/46544053

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!