本文信息交互是指辦公和經營管理活動中所產生的公眾或定向業務信息，以及在信息共享過程中，以業務規則形式衍生出的評論、評價、回復、轉發等業務信息延續。

信息交互設計目標

• 共享業務信息，并支持限定范圍
• 共享的業務信息，可以通過評論、評價、回復、轉發等方式進行業務信息延續和推廣
• 把發布信息、延續信息功能設計為通用功能
• 以信息實例為基本文檔單元，衍生信息為其子文檔，存儲在文檔型數據庫中（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月

總結

以上是生活随笔為你收集整理的文档型信息交互设计及相关技术实现的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。