企业应用集成之界面(UI)集成规范v0.2
错误！未指定书签。错误！未找到引用源。
企业应用集成之
界面（UI）设计规范
2015年4月
1引言 (1)
1.1编写目的 (1)
1.2适用范围 (1)
1.3术语定义 (1)
2概述 (2)
2.1设计原则 (2)
2.2界面结构 (2)
2.3配色规范 (3)
2.4文字使用规范 (4)
2.5图片使用规范 (5)
2.6L OGO设计规范 (5)
2.6.1Logo设置规范 (5)
2.6.2系统院Logo设计 (5)
3典型页面布局规范 (6)
3.1门户系统 (6)
3.1.1登录页 (6)
3.1.2门户-新闻首页 (6)
3.1.3门户-办公首页 (8)
3.1.4门户-子页面（两栏）.............................................................................................. 错误！未定义书签。
3.1.5门户新闻类详细页 (11)
3.2通用应用系统 (12)
3.2.1应用首页 (12)
3.2.2功能列表页 (14)
3.2.3详细功能页 (14)
3.2.4信息编辑页 (15)
3.2.5信息查询页 (16)
3.3搜索类 (17)
3.3.1搜索条 (17)
3.3.2搜索结果页面 (17)
4UI开发规范 (18)
4.1设计工具 (18)
4.2目录结构 (19)
4.2.1Project工程目录结构 (19)
4.2.2WebRoot目录结构 (19)
4.3UI命名规范 (20)
4.3.1图片文件命名 (20)
4.3.2css文件命名 (21)
4.3.3js文件命名 (21)
5UI控件 (21)
5.1H EADER头部 (21)
5.2FOOTER版底 (22)
5.3导航栏 (22)
5.4列表框L IST (23)
5.5表格 (23)
5.6T AB页 (23)
5.7操作按钮 (24)
5.8单选按钮 (24)
5.9多选按钮 (24)
5.10图片轮换 (24)
5.11输入框 (25)
5.12弹出窗口 (25)
5.13日历、时间 (26)
6其他规约 (26)
6.1版底版权说明 (27)
6.2兼容性说明 (27)
6.3其他事项 (27)
1 引言
1.1 编写目的
本规范的目的是通过建立UI规范，贯穿以用户为中心的设计指导方向，以达到提升用户体验，控制产品设计质量，提高设计效率的目的。
1.2 适用范围
本规范适用XX单位应用集成平台基于浏览器的B/S版软件项目开发工作。开发过程中的模版页面编写和模版文件套用工作必须遵照此规范执行。适用对象为开发人员、UI设计人员、模版编写人员以及后续新建业务系统等。
本规范不仅用于约束应用集成平台的建设过程，对于与应用集成平台进行集成的各业务系统也需要按本规范严格执行。
新建系统严格按本规范执行。
遗留系统按本规范进行改造，对于产品无法改造的需要业务系统厂商与应用集成平台实施方及客户方达成一致。
1.3 术语定义
类型名词解释
UI——UI即User Interface（用户界面）的简称，是指对软件的人机交互、操作逻辑、界面美观的整体设计。
图片
GIF
GIF，一种图像文件格式。GIF文件的数据，是一种基于LZW算法的连续
色调的无损压缩格式，其压缩率一般在50％左右。
JPG
JPG，一种图像文件格式。是经过静态图象压缩标准压缩的图像文件，具
有很高的压缩比。
PNG
PNG，一种图像文件格式。在保留GIF文件格式特性的基础上，增加了一
些GIF文件格式所不具备的特性。同时，PNG图片文件压缩比高，生成文
件容量小。
Icon
指电脑屏幕的桌面上用来指示用户运行各种操作的图像，作为字符显示的
重要辅助。
图片水印给图片加上网站标志，保护图片版权的一种形式。
其他网站Logo 在商业领域，LOGO是标志、徽标的意思。常见的各种商品的标识即是Logo，它包括文字、图形、字母、数字、三维标志和颜色的组合。本规范所指
LOGO，是互联网上网站用来标识自己的图形标志，一般包含图形、名称和
域名。
超链接网页中，在文字和图片上设置的链接，用以把用户导向到新的页面中。
入口用户点击进入网页的被链接文字或图片。
2 概述
2.1 设计原则
符合用户界面设计规范
页面设计中涉及XX单位视觉识别内容的，严格参照《XX单位视觉识别系统》（2014版）规定设计。视觉识别系统对企业标志与企业标准字体的各种组合，包括位置、大小、距离均作了详细的规定，要求不得随意更改。
在各种运行环境下的兼容性
系统采用B/S结构，要求支持当前各流行浏览器的兼容性，确保在IE8能够正常浏览。在常用显示屏大小的情况下，有良好的显示状态，在系统要求最低分辨率以外的情况下也可以正常浏览。
导航定位清晰易用
设计时要对企业门户平台的导航系统作出明确的策划，在视觉上上作出合理的呈现，同时要充分考虑到用户的使用习惯。
约定企业门户平台的主色调不能超过3种，虽然也可在门户网站上使用其他色彩，但只能作为点缀和衬托，不能与主题冲突。
界面风格统一性
在界面设计中要保持界面风格的统一性，统一性包括：使用相同的信息表现方法，如在字体，标签风格、颜色、术语、显示错误信息等方面保持一致。
2.2 界面结构
基本结构:
①门户及子平台首页②发布类详细页
③流程类、表单类界面④供iframe调用的界面、提示类界面及其他
类型说明：
①门户及子平台首页
适用范围：适用于统一门户一二级页面、子系统首页
②发布类详细页等
适用范围：信息发布类详细页面
③流程类、表单类界面
适用范围：适用于所有流程类页面
④供iframe调用的界面、提示类界面及其他
适用范围：适用于科研项目、保密管理等专业系统集成到门户中的页面
2.3 配色规范
页面配色要求以中国船舶集团蓝色为主色调，搭配XX单位视觉识别系统的标准设计中的辅助色。如下图：
2.4 文字使用规范
样式类库：①文字格式②连接样式
①文字格式
12号字格式：字号12 px ┊字体宋体&Arial ┊颜色#7F7F7F或其他┊行距21 px ┊粗体&细体┊14号字格式：字号14 px ┊字体宋体&Arial ┊颜色#333333或其他┊行距24 px ┊粗体&细体┊10号字格式：字号10 px ┊字体Arial ┊颜色#333333或其他┊行距无┊细体┊26号字格式：字号26 px ┊字体微软雅黑&Arial ┊颜色#000000或其他┊行距无┊细体┊说明：10号字格式，12号字格式，14号字格式中的数字英文字母为Arial，中文为宋体
②连接样式
鼠标初始：如上
鼠标经过：颜色#006CBD
鼠标点击：颜色#006CBD
2.5 图片使用规范
图片规范是指对XX单位应用集成平台上图片使用做出基本要求，并对图片的格式、尺寸、大小等做出规定。
图片常常是网页上最引人注目的内容，图片规范有助于保证图片的精致和页面的齐整，进而提升网页乃至整个网站的品质。
（1）图片使用的基本要求
◆图片的选用与反映的主题一致；
◆图片画面显示清晰，不采用改变显示尺寸的放大或缩小；
◆图片画面（尤其是人物图像）不允许变形；
◆图片文件大小控制在 30 KB内为宜；
◆图片按照“所属栏目名_图片描述名”的规则命名，图片名称均由小写字母、数字和“_”组成，
不能有空格或其它字符；
（2）图片文件格式
GIF 、 JPG和PNG 的图片格式均可被采用，不同格式的图片的应用场景：
◆图片中的颜色没有过渡渐变效果的时候用gif格式的图片；
◆图片中的颜色有复杂的过渡渐变效果的时候用jpg格式的图片；
◆图片中图形不规则，但又需要透明边缘时，一般使用png格式的图片。
2.6 Logo设计规范
Logo标识是品牌的视觉象征，对于品牌的整体传播至关重要XX单位Logo的应用将遵循以下规定执行。
2.6.1 Logo设置规范
?网站的所有页面中都需要设置相应的Logo标识，且Logo的尺寸应保持一致；
?使用Logo时需保证Logo的比例以及清晰度。
?应用集成平台页面logo设计参照《XX单位视觉识别系统》（2014版）规定设计。
2.6.2 系统院Logo设计
参照《XX单位视觉识别系统》（2014版），应用集成平台logo设置主要提供以下两种形式：
（1）Logo图文（中英文）上下组合标准：
（2）Logo图文（中英文）横排组合标准：
3 典型页面布局规范
3.1 门户系统
3.1.1 登录页
门户登录页面结构及尺寸设计如下
3.1.2 门户-新闻首页
适用范围：门户一级页面（新闻首页）
页面要求：
在最佳分辨率1280*768，内容高度不超过三屏。同时能够支持1366*768，1024*768分辨率。
页面总体色调为军工蓝。
页面整体分为Header区/头部区、导航区、信息提醒区、头版信息区，信息发布区、工具和综合查询区以及
Footer区/版底区等几个部分，页面布局如下：
具体页面尺寸如下：
3.1.3 门户-办公首页
适用范围：门户一级页面（办公首页、二级应用首页）
页面要求：
在最佳分辨率1280*768，内容高度不超过两屏。同时能够支持1366*768，1024*768分辨率。
页面总体色调为军工蓝。
页面整体分为Header区/头部区、导航区、链接区、工作区，工具和提醒区、以及Footer区/版底区等几个部分。宽屏下主体内容居中显示header背景元素repead-x填充整个屏幕。屏幕宽度小于1280px的，页面按以
下规律进行自适应调整。页面布局如下：
具体页面尺寸如下：
内容高度超过一屏时，头部定高，主体区高度随内容自适应拉抻，界面右侧滚动条宽度为16px，界面在滚动条以外的屏幕上仍居中显示。
屏幕宽度小于1280px的，不能实现自适应调整的，将出现横向滚动条，高度为16px，
宽屏下主体内容居中显示header背景元素repead-x填充整个屏幕。屏幕宽度小于1280px的，页面按以下
规律进行自适应调整：
3.1.4 门户新闻类详细页
适用范围：门户新闻类详细页面，新打开新闻公告类详细查看页面；信息发布的详细查看页以及资源共享类的详细查看页面。
Logo、Banner、Footer区域同门户首页，Center中间展示区展示布局如图所示：
3.2 通用应用系统
3.2.1 应用首页
适用范围：信息发布、保密管理、项目管理等应用系统的首页
在最佳分辨率1024*768，内容高度不超过两屏。同时能够支持1366*768，1024*768分辨率。页面主色调
统一为军工蓝。最大化窗口状态下，页面布局如下：
具体页面尺寸如下：
3.2.2 功能列表页
适用范围：除门户、信息发布平台以外的信息发布、保密管理、项目管理等应用系统的功能应用页面。
在最佳分辨率1024*768，内容高度不超过两屏。同时能够支持1366*768，1024*768分辨率。页面主色调统一为军工蓝。最大化窗口状态下，页面布局如下：
3.2.3 详细功能页
适用范围：除门户、信息发布平台以外的信息发布、保密管理、项目管理等应用系统的功能应用页面。
在最佳分辨率1024*768，内容高度不超过两屏，页面主色调统一为军工蓝。最大化窗口状态下，页面布局如下：
3.2.4 信息编辑页
适用范围：除门户以外的各相关应用系统的信息编辑页/表单编辑页面。
在最佳分辨率1024*768，内容高度不超过两屏，页面主色调统一为军工蓝。
信息编辑页面/表单页面，主题包括了标题区、表单区和操作区三个部分。
标题区以文字居中统一居中显示，字体大小：16px。
表单区，表单元素需用相应表格进行布局，表格边框为1px，表单元素要求详见UI控件规范要求。
操作区或按钮区统一在页面左下方显示，方便用户操作。
最大化窗口状态下，页面布局如下：
3.2.5 信息查询页
适用范围：除门户、信息发布平台以外的保密管理、项目管理等应用系统的查询页面。
要求功能：查询区支持折叠和展开，查询结果区支持分页查询。
3.3 搜索类
3.3.1 搜索条
适用范围：门户或应用系统集成的搜索条
适用范围：搜索结果展示页面
企业应用集成之数据集成接口规范2.0
企业应用集成之数据集成规范 单位： 地址： 邮编： 电话： 传真： 日期：
修订文档历史记录
目录 第一章前言 (3) 1.1 概述 (3) 第二章通用的约定 (4) 2.1 数据输出的内容 (4) 2.1.1 枚举信息 (4) 2.1.2 企业信息 (4) 2.1.3 业务报表 (5) 2.1.4 报表样式 (6) 2.1.5 层级信息 (6) 2.2 业务子系统称谓与编码的约定 (6) 2.3 委处室与业务编码的约定 (7) 2.4 数据输出方式的约定 (8) 2.4.1 输出类型 (8) 2.4.2 输出位置 (9) 2.4.3 输出文件的命名 (11) 2.4.4 输出数据的时机 (12) 2.5 文件格式的约定 (12) 2.6 时间格式的约定 (13) 2.7 时间类型的约定 (13) 第三章数据集成接口格式 (15) 3.1 枚举信息的输出格式 (15) 3.1.1 枚举信息格式说明 (16) 3.1.2 枚举信息的输出例子 (18) 3.2 企业基本信息的输出接口 (19) 3.2.1 企业基本信息的内容 (19) 3.2.2 输出文件格式规范 (20) 3.2.3 企业属性的类型 (22)
上海市国有资产监督管理信息系统数据集成规范 3.2.4 企业信息输出文件示例 (24) 3.3 层级信息的输出格式 (26) 3.3.1 层级格式的说明 (28) 3.4 业务报表的输出接口 (29) 3.4.1 输出文件命名规范 (29) 3.4.2 数据文件结构与报表分区 (30) 3.4.3 数据报表的关联关系 (31) 3.4.4 数据文件元素的层次 (33) 3.4.5 单元格的数据类型 (34) 3.4.6 二进制单元格的处理 (35) 3.4.7 枚举型单元格的处理 (35) 3.4.8 附报文件的处理 (36) 3.4.9 报表数据的输出文件格式 (36) 3.4.10 报表数据输出文件示例 (42) 3.4.11 独立上报文件的处理 (47) 3.5 报表样式的输出格式定义 (47) 3.5.1 样式文件的元素结构图 (52) 3.5.2 样式文件表达式定义 (52) 附录I 企业基本信息统计项列表 (54) 附录II 枚举信息的格式定义enum.xsd (55) 附录III 企业信息的格式定义orginfo.xsd (58) 附录IV 报表数据的格式定义report.xsd (62) 附录V 报表样式的格式定义report_style.xsd (71) 附录VI 层级信息的格式定义hierarchy.xsd (75)
(完整版)企业信息系统整合方案
企业信息系统整合方案
目录 现状和目标 (3) 技术难点 (4) （1）数据库基础 (4) （2）规范与标准 (5) （3）系统体系结构 (5) （4）操纵系统和网络硬件环境 (5) 实现方案 (6) （1）分析总体需求，确定系统整合的原则与目标 (6) （2）分析现有各个系统的功能设计、数据基础、运行环境等现状 (6) （3）确定整合后系统的功能，决定系统取舍的具体内容 (6) （4）采用统一的数据标准，开发接口和新的系统来实现统一 (6) 整合方式 (7) （1）做好企业信息化的总体规划 (7) （2）建立办公自动化平台，是进行信息系统整合最初期的方式 (7) （3）通过构建业务管理文档级集成平台，是文档级信息系统整合的提升 (8) （4）建立企业门户平台为主线，是比较流行的一种系统整合方式 (8) （5）建立数据整合平台，是从数据基础进行整合的信息系统整合方式 (9)
现状和目标 目前，多数企业信息化建设项目都取得了很大的成绩，比如网络、系统、邮件、门户建设方面，在企业管理工作中发挥了很好的作用。但是，这些成绩距离管理现代化的要求目标还有较大的差距，企业随着市场的开发，面临越来越大的竞争和挑战。 在企业信息化建设取得了长足发展后的今天，很多企业都在积极开展或筹备建设企业信息系统。但是，由于缺乏整体规划，没有统一的标准，造成管理内容、数据定义不统一，低水平重复开发现象严重，形成了越来越多的信息孤岛，系统间集成困难，没有形成规模，整体效益的优势、潜力没有得到很好发挥。企业信息系统整合就是把分散的信息整合在统一的平台上，如企业信息门户上，共享这些信息，为决策、管理，及整体优化资源提供科学的数据，从而降低成本，提高经济效益。 信息管理已成为企业前端管理的重要组成部分，如下图所示。它以信息为支撑，源于信息层，经信息管理层，将信息加工、处理、整合，然后流入企业内部的各个相关部门，实现信息的传播与利用。在这里信息流作为企业管理各个环节的连接链，进入行政与业务管理层，为企业上层管理部门决策提供理论支持，以利于企业在激烈的市场竞争中占主导地位。最后到决策落实执行层，并将落实执行（企业运行）信息反馈给信息层，由此形成新的一轮循环过程，并随着信息的不断更新，推动企业管理不断向前发展和完善。
医院信息集成平台建设方案
信息集成平台建设方案 1建设需求 一个完善的医院信息系统通常由上百个子系统组成，牵涉众多的专业领域。这么庞大的系统需要非常专业化的软件开发分工，整合不同厂商有特色的专业系统是医院信息系统的发展趋势，医院信息化能够取得成功必须保证各个系统的有效集成和数据的高度共享。然而这些系统通常是随着医院的发展需求逐步建设的，它们来源于不同的厂家，基于不同的技术，缺乏统一的信息交换标准，这些系统的集成整合已经逐渐成为医院数字化发展亟待解决的主要问题。 系统集成平台的构建主要面向两个核心问题：一个是为各种医疗应用提供统一的医疗数据访问服务，从而消除各种医疗应用系统与医疗数据中心的直接耦合性；另一个是为各种临床信息系统提供系统集成服务，系统集成服务基于系统集成模型，通过HL7和DICOM等标准通讯协议为各种医疗应用系统提供集成服务，确保各个临床信息系统在工作流整合的基础上实现交互协作，从而以数字化的形式完成各项医疗业务。 2建设目标 系统间的整合、集成和扩展一直都是制约医院数字化发展的主要障碍，由于不同厂商之间的产品不兼容，使得医院整体信息化步履维艰。通过建设一个规范的系统集成平台，在IHE、DICOM、HL7等国际标准的基础上，制定覆盖医疗
所有业务流程的系统集成规范，开发基于规范的系统集成平台，为遗留的、当前的以及将来的系统提供了一个统一且标准的数据交换和工作流协同的平台。 3信息集成方法 信息集成方法有三，即应用集成、数据集成、界面集成，这三种集成方式各解决不同方面的问题。应用集成指应用程序之间实时或异步交换信息和相互调用功能，可以采用HL7消息，Web Service，CORBA，EJB，DCOM，RPC等标准，采用消息中间件，BPM等中间件实现；数据集成是指应用系统的数据库系统之间的数据交换和共享，以及数据之间的映射变换，常采用ETL （Extract-Transform-Load）工具实现；界面集成含义是应用程序界面之间相互关联引用合成，采用技术包括ActiveX插件、Portlet、IFrame等。 协同应用从早期单纯的点对点接口方式，发展到现如今的集成平台方式。各种方式中： ?点对点接口方式的复杂性在于要和不同的系统建立1：N的接口，假定有N个系统相互之间需要建立接口，则接口数为N*(N-1)/2。 ?集成平台方式中，在N个系统需要进行应用协同的情况下，只需要开发N个适配器接口即可，减少了集成平台的系统负荷。 由于医院信息系统复杂性，我们根据不同的需求和应用场景，设计分别采用上述三种不同集成方法和手段进行信息集成。
企业应用集成模式研究及应用
企业应用集成模式研究及应用 作者：吴菊华， 孙德福， 刘彩绿 作者单位：吴菊华,刘彩绿(广东工业大学,经济与管理学院,广州,510520)， 孙德福(北京大学,信息科学技术学院,北京,100871) 刊名： 中国管理信息化 英文刊名：CHINA MANAGEMENT INFORMATIONIZATION 年，卷(期)：2009，12(11) 引用次数：0次 参考文献(8条) 1.刘树森.刘晓冰现代制造企业信息化 2005 2.彭武良.周丽.王雷企业应用集成技术综述[期刊论文]-计算机应用研究 2007(9) 3.凌晓东SOA综述[期刊论文]-计算机应用与软件 2007(10) 4.张博.杨朋君企业应用集成 2003 5.陈亚华企业应用集成架构与研究实现[学位论文] 2004 6.张清博具有EIP特征的企业应用集成的研究与实践 2005 7.Gregor Hohpe.Bobby Woolf企业集成模式 2006 8.K Hammer Web Services and Enterprise Integration 2001(11) 相似文献(9条) 1.期刊论文王珍基于工作流的制造企业应用集成框架研究-现代制造工程2004(9) 在阐述工作流定义、工作流管理系统的组成和应用的基础上,分析研究企业应用集成中的工作流关键技术,总结目前工作流建模、工作流分析、工作流执行和工作流互操作技术存在的不足,提出基于工作流的制造企业应用集成框架结构.这种基于工作流的制造企业应用集成既能有效实现PDM、ERP、SCM、CRM之间跨越时空、地域和供应链的信息集成,又能在人和应用间实现有效协同,最终实现系统的全局优化发展. 2.期刊论文俞定国.Yu Dingguo基于Web Services的企业应用集成框架研究-绍兴文理学院学报（自然科学版）2005,25(9) 随着企业信息化建设的深入和发展,企业应用集成已成为其重要内容.Web Services技术的出现和发展,为企业应用集成提供了新的模式.文章分析了实施企业应用集成的层次;介绍了Web Services的层次架构、运行模式和机制;并根据Web Services的关键技术和原理,设计了基于Web Services技术的企业应用集成框架. 3.学位论文黄河分布异构环境中的高端企业应用集成框架2003 随着网络时代的来临,特别是Internet的高速发展,现代企业的运作模式发生了巨大的改变.这种改变集中体现在企业如何比竞争对手能更快地获取和处理信息,从而在市场竞争中获取优势地位.所以,在中央提出的"以信息化带动工业化"战略思想指导下,加快企业信息化进程已经成为必然的趋势.企业在信息化建设过程中,先后开发、购买了各种各样的应用系统,这些系统来自不同的厂商、在不同的时期开发、运行在不同的技术平台上,并且是针对不同部门和业务独立开发的,彼此之间无法实现信息共享,从而形成了一个个"信息孤岛".为了实现企业全面信息化,首先就要对在信息化建设过程中形成的"信息孤岛"进行整合,也就是需要一种强有力的机制,一个扩充灵活的统一框架来进行企业应用集成.本文以"全国邮政信息交换集成平台"为应用背景,在中间件技术和XML的通用数据表示技术的基础上,提出了一个企业高端应用集成框架.该框架包括消息代理和应用适配连接器两个部分.其中的消息代理在对象请求代理中间件的基础上,为企业应用提供消息传递、消息路由、消息翻译和转换以及消息的过滤等功能,并且屏蔽不同的硬件平台、数据库、消息格式、通信协议之间的鸿沟与差异;应用适配连接器在应用集成框架和被集成的企业信息系统(EIS)之间起到了一个桥梁的作用,通过一套标准的交互过程,企业信息系统只需进行简单地配置就能够方便的连接到企业应用集成框架中来.该集成框架已在"全国邮政信息交换集成平台"得到了成功应用.应用表明,本文提出的企业高端应用集成框架,方便了企业应用系统的开发,也为建立企业应用集成平台提供了重要的技术支持. 4.期刊论文袁占亭.张秋余.杨洁基于Web Services的企业应用集成解决方案研究-计算机集成制造系统 2004,10(4) 企业应用集成是集成各种异构系统的有效方案,利用Web Services技术,对企业应用集成体系结构进行了研究.借助MVC软件架构、工作流、XML及中间件技术封装企业现有系统,设计了在J2EE平台上基于Web Services的开放式企业应用集成框架,使企业能快速适应变化的商业环境. 5.期刊论文徐向荣.顾新建.叶作亮.XU Xiangrong.GU Xinjian.YE Zuoliang基于Web服务的企业应用集成研究-制造技术与机床2006(9) 在企业信息化实施中,企业不同应用之间的共享和交互成为日益迫切的要求.分析了企业已有信息系统的现状,讨论了传统集成技术的局限性,在阐述了Web服务技术的优势后,提出了一种基于Web服务的企业应用集成框架,最后针对企业产品配置器与零件库系统集成的需求,给出了集成实例. 6.学位论文隋宏伟基于SOA的企业应用集成框架研究2006 本文主要针对当前企业应用集成研究中的忽视业务流程集成、集成平台缺乏灵活性和适应性、扩展性较差不高等问题，提出了基于 SOA(ServiceOrientedArchitecture)的企业应用集成框架----S-EAI(Service-EnterpriseApplicationIntegration)。它具有松散耦合、业务支持、高度可集成能力等优势。本文主要讨论基于SOA的企业应用集成框架及其各个不同层次的集成模型和服务。 目前，新兴的面向服务的架构正在加速软件的发展和变化，可以看成是一个用模块化和松耦合应用程序取代单一、紧耦合应用程序的革命。本文主要针对当前企业应用集成研究中忽视业务流程集成、集成缺乏灵活性和适应性、扩展性较差等问题，提出了基于SOA(ServiceOrientedArchitecture)的企业应用集成框架——S-EAI(Service-
系统集成技术方案
目录 1系统概述 (2) 2系统设备选型 (2) 2.1 DS3.0系统符合以下要求 (2) 2.2 DS3.0系统具备条件 (4) 3标准规 (4) 4系统工程围 (4) 5系统方案设计 (5) 5.1 BMS集成系统实施技术措施 (8) 5.2 系统软件实现的功能和实现的途径 (9) 5.2.1提供给用户使用的功能 (9) 5.2.2系统软件构架 (9) 5.2.3用户界面的选择 (11) 5.3 系统硬件配置的选择 (11) 5.4 功能描述 (12) 5.4.1对工业园区所有设备进行统一和全面的监测 (12) 5.4.2管理功能 (13) 5.4.3浏览界面的组织和实现 (14) 6对各分系统要求 (15) 6.1 系统集成对楼宇自控系统的要求 (15) 6.2 系统集成对消防系统的要求 (16) 6.3 系统集成对安保系统的要求 (16) 6.4 系统集成对门禁停车场管理系统的要求 (16) 6.5 系统集成对生产装置（设备）工业自动化系统的要求 (16)
1系统概述 延长中煤能源化工工业园区中央集成管理系统，是以通过实现工业园区，包括厂前区如行政办公楼、宿舍、酒店、辅助设施等，生产区域如水处理、空压机、甲醇、液化气、聚乙烯、罐区等各分系统之间的信息资源的共享与管理、各分系统的互操作和快速响应与联动控制，以达到自动化监视与控制的目的。实现信息资源的共享与管理、提高工作效率和提供舒适的工作环境，采用“分散控制、集中管理”的模式，本着“按需集成”的主导思想，尽可能地减少管理人员和节约能源、能适应环境的变化和工作性质的多样化及复杂性，应付突发事件的发生。 系统集成是将建筑物的若干个既相对独立又相互关联的系统组成具有一定规模的大系统的过程，这个大系统不应是各个分系统的简单堆积，而是借助于建筑物自动化系统和综合布线网络系统把现有的、分离的设备、功能及信息组合到一个相互关联的、统一的、协调的系统之中，从而能够把先进的高技术成果，巧妙灵活地运用到现有的智能建筑系统中，以充分发挥其更大的作用和潜力。 2系统设备选型 系统采用具有知识产权的中央集成管理系统--BMS DATA SERVER 3.0（以下简称DS3.0系统）软件平台，该系统以网络集成、数据集成、软件界面集成、功能集成等一系列系统集成技术为基础，运用标准化、模块化以及系列化的开放性设计思想，以综合布线系统、计算机网络系统及其他综合通讯系统构架信息传输网络，将楼宇自控系统、自动火灾报警系统、闭路监控系统、防盗报警系统、门禁停车场管理系统及生产区域各生产装置自动控制系统等分系统集成为智能化的BMS弱电监控与管理系统，DS3.0系统允许用户最大限度利用微软操作系统下的各种应用软件。 2.1DS 3.0系统符合以下要求 1) 标准化和开放性 集成系统是建立在标准的以太网的基础上的，数据从各分系统网关到集成系统，再
企业应用集成之界面(UI)集成规范v0.2
错误！未指定书签。错误！未找到引用源。 企业应用集成之 界面（UI）设计规范 2015年4月
1引言 (1) 1.1编写目的 (1) 1.2适用范围 (1) 1.3术语定义 (1) 2概述 (2) 2.1设计原则 (2) 2.2界面结构 (2) 2.3配色规范 (3) 2.4文字使用规范 (4) 2.5图片使用规范 (5) 2.6L OGO设计规范 (5) 2.6.1Logo设置规范 (5) 2.6.2系统院Logo设计 (5) 3典型页面布局规范 (6) 3.1门户系统 (6) 3.1.1登录页 (6) 3.1.2门户-新闻首页 (6) 3.1.3门户-办公首页 (8) 3.1.4门户-子页面（两栏）.............................................................................................. 错误！未定义书签。 3.1.5门户新闻类详细页 (11) 3.2通用应用系统 (12) 3.2.1应用首页 (12) 3.2.2功能列表页 (14) 3.2.3详细功能页 (14) 3.2.4信息编辑页 (15) 3.2.5信息查询页 (16) 3.3搜索类 (17) 3.3.1搜索条 (17) 3.3.2搜索结果页面 (17) 4UI开发规范 (18) 4.1设计工具 (18) 4.2目录结构 (19) 4.2.1Project工程目录结构 (19) 4.2.2WebRoot目录结构 (19) 4.3UI命名规范 (20) 4.3.1图片文件命名 (20) 4.3.2css文件命名 (21) 4.3.3js文件命名 (21) 5UI控件 (21) 5.1H EADER头部 (21) 5.2FOOTER版底 (22)
企业应用集成EAI平台
应用集成EAI平台 什么是EAI EAI（企业应用集成）将进程、软件、标准和硬件联合起来，在两个或更多的企业系统之间实现无缝集成，使它们就像一个整体一样。尽管EAI常常表现为对一个商业实体（例如一家公司）的信息系统进行业务应用集成，但当在多个企业系统之间进行商务交易的时候，EAI也表现为不同公司实体之间的企业系统集成，例如B2B的电子商务。 企业实施EAI通常有三种主要的集成解决方案：基于数据、基于消息、基于过程的集成，其中基于过程的集成实施起来费用昂贵和复杂，但是能够给企业带来最大的商业利润和投资回报率。 企业从70-80年代开始使用IT支持系统到现在，一些大型企业中各种IT支持系统平均达数十种之多。它们大部分是一个个的信息孤岛，管理着企业特定的职能部门的工作，相互之间缺乏有效的通信。特别是企业信息化建设经过上个世纪末期的高速发展，今天的企业需要一个集成的开放的、面向顾客的且具有柔性的IT 支持系统，因此普遍需要考虑应用系统的整合问题。特别是现在大部分企业应用系统开始WEB化和面向过程化，更需要企业具有一个开放的应用集成系统。如果企业如此众多的IT支持系统不进行适当的整合，给企业的信息化和面向过程的集成及建立企业信息门户（EIP）奠定一个良好的基础，面向WEB的开放式过程集成将很难成功，而实现企业之间的集成及虚拟企业的组织更是无法实现。“i before e”，即“integration before e-business”将是一个重要的指导法则。任何一个成功迈向面向过程和e业务的企业，集成的基础结构将是一个非常重要的前提条件。 企业应用集成也是最近国内外研究的一个非常热门的领域，其实企业实施的IT支持系统多于一个，并且系统相互间要进行数据或信息交流时就有不同系统的集成问题，当然这只是EAI问题的简单表述。随着企业实施的IT支持系统不断增多、范围逐渐扩大，同时企业也越来越多地将注意力集中在面向业务过程问题，企业应用集成便成了企业必须面对和加以解决的非常复杂的问题。 EAI的起源 企业目前使用的应用系统是一个个独立的IT软硬件支持系统，每一个应用
国内外企业应用管理信息系统的现状
国内外企业应用管理信息系统的现状 ［摘要］企业是管理信息系统主要的应用领域，企业复杂的管理活动给管理信息系统提供了典型的应用环境和广 阔的应用舞台，但在实际操作时也存在一些问题。 ［关键词］管理信息系统；企业；应用现状；存在问题。 一、管理信息系统的发展 管理信息系统从 20 世纪 50 年代中期计算机用于管理领 域以来，经历了从简单到复杂，从单机到网络，从功能单一到功能集成、从传统到现代的演化。根据信息系统发展的时序和特点，可将信息系统的发展历程大致分为电子数据处理系统、管理信息系统、决策支持系统三个阶段。1 面向业务的是利用计算机处理代替人操作的计算机系统，如结算、报表统计等。特点是面向操作层，以单项应用为土，数据资源不能共享，以批处理方式为土。是较少涉及管理问题，它是管理信息系统发展的初级阶段。2 面向管理的管理信息系统20 世纪 70 年代初，随着数据库技术、网络通信技术和科学管理方法的发展，计算机在管理上的应用日益广泛，从而使信息系统逐渐成熟起来。 二、信息管理系统的特点 （1）能够将组织中大量的数据和信息高度集中起来，进行快速处理，统一使用。有一个中央数据库和计算机网络系统是其的重要标志。（2）利用定量化的科学管理方法，通过预测、计划优化、管理、调节和控制等手段来支持决策。他强调信息处理的系
统性、综合性，除要求在事务处理上的高效率外，还强调对组织内部的各部门以及各部门之间的管理活动的支持。早期的信息系统是指面向中层管理控制的信息系统，主要应用于解决结构化问题。于是人们从 20 世纪 70 年代开始研究解决管理中的平结构化决策与非结构化决策问题的决策支持系统。三面向决策的以帮助高层次管理人员制定决策为目标，强调系统的灵活性、适应性。决策者和决策分析人员可以充分利用系统的引导，详细了解和分析其决策过程中的各主要因素及其影响，激发其思维创造力，从而在系统的帮助和引导下逐步深入地透视问题，最终有效地作出决策，即通过人机互助完成最终决策。作为一个独立的系统，不具有管理控制的功能，但是作为管理信息系统的重要部分时，它使具有了将数据库处理和经济管理数学模型的优化计算结合起 来为管理者解决更复杂的管理决策问题的能力。它虽然不是管理信息系统，但是使得管理信息系统的发展更加完善。从管理信息系统的发展及其内容的扩展可以看出，它始终是以中小企业的管理活动为核心，不断综合新的信息技术、计算机技术和网络技术来改善系统功能，以提高更完善的服务或满足新的需求。这一发展过程也体现出管理信息系统不断集成新技术并扩展系统功能 的发展特点。管理信息系统是一个不断发展的概念，它将朝着智能、集成和网络等方向的趋势不断发展。 三、管理信息系统在中小企业中的应用现状 中小企业是管理信息系统主要的应用领域，中小企业复杂的
软件系统集成与整合的常见方式
企业在信息化的过程中会根据自身的需求构建各种软件系统，如：网站、OA、CRM、订单系统、采购系统、库存管理、财务系统等，由于所需的软件系统一般是逐步构建和投入使用的，构建的时间、所采用的技术等都不一样，软件系统的也很难做到完全由一家供应商提供。如果企业的多个系统之间存在信息传递和数据交换，软件系统之间的集成和整合就势在必行，如：OA中需要访问CRM的数据、CRM需要访问订单系统的数据；CRM和订单系统都存在客户信息的维护管理，为了保证数据的唯一和准确、同时减少维护的工作量，最好是只在一个系统中进行管理和维护等等，那么软件系统集成和整合的方式常见的有哪些呢？ 一、软件系统功能完全融合在一个系统中 A、方式描述 将多个系统融合在一个系统中，统一账号和权限的管理，统一应用的管理，最终以一个独立的软件系统存在。如果这种方式所需的时间和成本比较低，该模式在管理和使用上对最终用户更加方便。 B、应用场合 1、以某一个软件系统为主、需要整合的功能比较简单； 2、软件系统是以定制开发为主的，后续需要定制开发新的功能； 3、一般由同一个软件供应商提供服务； C、优势 所有功能都在一个系统中，节省资源，方便管理和维护，系统之间的信息传递及时快捷，功能完整性比较好。 D、不足 软件服务商需要有较强的开发能力，周期比较长，需要对所有系统都非常熟悉，对已有系统的扩展性要求比较高（否则代价高、造成已有系统的不稳定）。 二、软件系统间以接口方式相互调用 A、方式描述 企业存在多个各自独立的软件系统，系统之间调用彼此的接口进行数据的交换和信息的传递。如，OA系统中读取订单系统的销售数据进行业绩统计和绩效管理，OA系统中费用报销流程的数据需写入财务系统，网站中客户下单的信息需写入到OA系统进入订单审批流程，网上支付银行接口的调用等。 一般在技术上会以API接口、web service接口、直接访问数据库接口等方式实现，优秀的软件系统一般都有设计良好的外部接口，直接访问数据库不是最好的解决方案。 B、应用场合 1、多个软件系统独立存在，每个系统的都占有比较重要的地位，软件系统可能由不同的供应商提供。 2、系统之间需进行数据的交换和信息的传递，企业的某些业务需要经过多个系统的处理才能完整的完成。
erp与企业应用集成考查报告.doc
ERP与企业应用集成 考查报告
摘要： ERP和电子商务是目前现代企业应用较多的两种运营方式，都利用了当代先进的现代化信息技术，极大提升了现代企业的管理效率，同时也增加了企业在同行业内的综合竞争实力。 电子商务的出现更使ERP功能如虎添翼，为企业生产经营管理信息的传递共享和充分利用提供了更加便捷的手段。网络技术的高速发展，使供应链管理（SCM）和客户关系管理（CRM）能够真正发挥作用，为企业提供了无限商机。但是如果没有企业内部信息和管理集成的ERP 发展阶段，就企图实现电子商务，会使电子商务变成空中楼阁。市场信息处理再快捷，如果企业内部生产经营机制不健全，也不会为企业创造效益；使用电子商务可能会降低销售和采购成本，但企业内部生产管理、物流管理落后，制造成本居高不下，企业的利润也不会提高。因此，企业必须冷静分析自己的现状，看一看自己薄弱环节在哪里，先加强企业内部管理的建设，再考虑电子商务的发展。当然，个别行业的企业由于产品和生产较简单，以销售为主，也可以优先发展电子商务。 本文分析了利用ERP与电子商务各自的理论和方法及ERP与电子商务可以紧密联系的点,在此基础上分析构建基于面向服务架构(SOA)的ERP与电子商务的集成模式的优势。 关键词：ERP；电子商务；面向服务的架构；集成；Web 服务 ERP and e-commerce are the most popular modern business operations ways，and make use of modern contemporaryart information technology, greatly enhancing the efficiency of modern enterprise management. The emergence of electronic commerce makes ERP function to be a tiger with wings added, for the enterprise production management information sharing and make full use of to provide a more convenient means. The rapid development of network technology, make the supply chain management ( SCM ) and customer relationship management ( CRM ) produce effect truly, for the enterprise to provide unlimited business opportunities. But if there is no enterprise information and management of integrated ERP development phase, will attempt to realize electronic business affairs, will make the electronic commerce become castles in the air. Market information processing and fast, if the enterprise internal operation mechanism is not sound, also does not create benefits for enterprises; e-commerce may reduce the sales and procurement costs, but the internal production management, logistics management, manufacturing cost is high, the profit of the enterprise also does not raise. Therefore, the enterprise must calm analysis of their situation, look at where the weak links, to strengthen the internal management of enterprises of the construction, and consider the development of electronic commerce. Of course, individual industry enterprise because the product and production is relatively simple, mainly to the sale, also can give priority to the development of electronic commerce. This article analyzes the use of ERP and e-commerce respective theory and method and ERP and electronic business affairs can close contact point, on the basis of this analysis based on Service Oriented Architecture ( SOA ) of ERP and e-commerce integration advantage Key words:ERP;E-commerce;SOA;Integration;Web services
从应用整合到整合应用
从应用整合到整合应用 从新华社办公信息化三期项目中，我们探索出了一条应用整合以及整合式应用开发的路子，总结为三点经验:选取合适的应用集成支撑软件;使用正确的方法论、颁布本企业应用集成标准指导工作;找有经验的集成商进行实施。 需求及技术选型分析 新华社办公信息化三期应用集成的总体需求概述如下: 选择并部署一套应用整合平台，新应用基于平台进行开发并实现强整合（非技术指标:集成后的系统就像一个公司开发的一样），原有应用能够在一定程度上实现整合; 拟集成已有产品，被集成的软件商应承诺根据平台要求进行集成改造;其他软件也不限一家公司开发; 集成后的应用系统必须能够安装在一套硬件系统上（.NET环境的应用在一套环境中，J2EE的应用系统在另一套环境中），避免硬件、中间件的投资浪费; 集成后的应用必须实现单点登录、统一管理（权限及系统配置、安全等），同时展现在统一的门户里面，界面风格也应该一致;
招标产生集成商负责应用集成。 用应用集成标准指导实施 分析之后发现，数据集成可分两个阶段完成: 第一阶段主要任务是采用“数据抽取ETL＋展现 BI/Report”技术从各应用采集数据，展现给领导或特定用户，实现各应用向某点信息公开、共享，OA三期一个典型的子项目就是“新华社绩效考核系统”。 第二阶段在充分梳理应用功能的基础上，进行切分、归并，部分可能还需要升级或重新开发，并采用数据交换技术实现应用间数据交换;实际上很多企业的应用集成也是如此。 通过比较，本项目选用了中软国际的ResourceOne V3.2产品的R1 StarFlow工作流中间件、R1 BI数据分析和展现构件＋中国式报表“润乾报表”、R1 DE数据传输通道构件等产品构件搭建了数据交换和共享环境。配合新华社要求公布了应用集成的相关标准:《新华社办公信息化系统主数据库标准》、《新华社办公信息化系统中间件规范》。 集成式应用开发IAD 企业应用集成很难，社会上成功案例也较少。通过实施
企业应用集成(-)
企业应用集成
鲍 亮 baoliang@https://www.wendangku.net/doc/3d5009661.html, baoliang@mail xidian edu cn 西安电子科技大学 软件工程研究所
2010-6-2
1
主要内容
1 2 3 4 课程实施要点 课程内容介绍 企业应用集成介绍 小结
西安电子科技大学软件工程研究所
2
https://www.wendangku.net/doc/3d5009661.html,/
主要内容
1 2 3 4 课程实施要点 课程内容介绍 企业应用集成介绍 小结
西安电子科技大学软件工程研究所
3
https://www.wendangku.net/doc/3d5009661.html,/
课程实施要点 参考教材： 参考教材 David S. Linthicum，Enterprise Application I t A li ti Integration，Addison ti Addi Wesley Press David S. Linthicum，Next Generation Application Integration: From Simple pp g p Information to Web Services， Addison Wesley Press Martin Fowler，Patterns of Enterprise Application Architecture
西安电子科技大学软件工程研究所 4 https://www.wendangku.net/doc/3d5009661.html,/
软件系统集成与整合的常见方式完整版
软件系统集成与整合的 常见方式 HEN system office room 【HEN16H-HENS2AHENS8Q8-HENH1688】
企业在信息化的过程中会根据自身的需求构建各种软件系统，如：网站、OA、CRM、订单系统、采购系统、库存管理、财务系统等，由于所需的软件系统一般是逐步构建和投入使用的，构建的时间、所采用的技术等都不一样，软件系统的也很难做到完全由一家供应商提供。如果企业的多个系统之间存在信息传递和数据交换，软件系统之间的集成和整合就势在必行，如：OA中需要访问CRM的数据、CRM需要访问订单系统的数据；CRM和订单系统都存在客户信息的维护管理，为了保证数据的唯一和准确、同时减少维护的工作量，最好是只在一个系统中进行管理和维护等等，那么软件系统集成和整合的方式常见的有哪些呢？ 一、软件系统功能完全融合在一个系统中 A、方式描述 将多个系统融合在一个系统中，统一账号和权限的管理，统一应用的管理，最终以一个独立的软件系统存在。如果这种方式所需的时间和成本比较低，该模式在管理和使用上对最终用户更加方便。 B、应用场合 1、以某一个软件系统为主、需要整合的功能比较简单； 2、软件系统是以定制开发为主的，后续需要定制开发新的功能； 3、一般由同一个软件供应商提供服务； C、优势 所有功能都在一个系统中，节省资源，方便管理和维护，系统之间的信息传递及时快捷，功能完整性比较好。 D、不足 软件服务商需要有较强的开发能力，周期比较长，需要对所有系统都非常熟悉，对已有系统的扩展性要求比较高（否则代价高、造成已有系统的不稳定）。 二、软件系统间以接口方式相互调用 A、方式描述 企业存在多个各自独立的软件系统，系统之间调用彼此的接口进行数据的交换和信息的传递。如，OA系统中读取订单系统的销售数据进行业绩统计和绩效管理，OA系统中费用报销流程的数据需写入财务系统，网站中客户下单的信息需写入到OA系统进入订单审批流程，网上支付银行接口的调用等。 一般在技术上会以API接口、web service接口、直接访问数据库接口等方式实现，优秀的软件系统一般都有设计良好的外部接口，直接访问数据库不是最好的解决方案。 B、应用场合 1、多个软件系统独立存在，每个系统的都占有比较重要的地位，软件系统可能由不同的供应商提供。
应用集成
第1章应用集成概述 1.应用集成的概念：应用集成是将基于各种不同平台、用不同方案建立的异构应用集成的 一种方法和技术。 2.应用集成模型：表示集成模型、数据集成模型。（见书本P4-6的三个图，画图描述） 3.通信模式： 1同步通信：请求/应答、同步轮询 2异步通信：消息传送通信、发布/订购通信、广播通信 4.中间件是一种软件，它通过使用预定的接口或消息来实现各软件部件之间的请求通信。 另外，它还通过运行时环境来管理软件组件间的请求。 类型：①远程过程调用（RPC）；②数据库访问中间件；③面向消息中间件（MOM）；④分布式对象技术（DOT）；⑤事务处理监控器（TPM）； 第2章XML技术 1.XML的定义：XML是eXtensible Markup Language的缩写，意为可扩展标记语言。它是 SGML的一个子集，是一种元标记语言，可以定义新的标记语言，而且是自解释语言。 2.DTD元素声明： 1基本元素的声明：<声明元素元素名数据类型>如： 2复合元素的声明：<声明元素元素名包含的基本元素名> 如： 3根元素的声明（特殊的复合元素）：<声明元素元素名前面定义的复合元素>如： 3.DTD元素出现次数控制 4.Schema具体内容见PPT 5.XPath路径判断、轴见PPT 6.XSLT转换过程
7.XML的解析 第3章数据集成 1.XML在数据集成中作用：P52 能够实现异构数据源中数据的互操作性；可以实现对资源的快速包装和集成发布；XML 技术与全局数据模式相结合可以使异构数据源集成中间件系统能更好地适应于开发、发展环境（如企业的动态联盟环境）中的数据集成。 2.基于XML的原数据映射方案：见P67图 3.ETL的概念：P67 ETL是用来描述将数据从来源端经过抽取（extract）、转换（transform）、加载（load）至目的端的过程。（包括数据抽取、数据转换、数据加载个三过程） 4.字符编码：P59-61UTF—8 计算机要处理各种字符，就需要将字符和二进制内码对应起来，这种对应关系就是字符编码（Encoding）。每种编码都限定了一个明确的字符集合，叫做被编码过的字符集，通常所说的字符集大多是这个含义。常见的字符集包括ASCⅡ字符集、EBCDIC字符集、GB2312字符集、BIG5字符集、GBK字符集、GB18030字符集、Unicode字符集等。Unicode 的实现方式不同于编码方式，Unicode的实现方式称为Unicode转换格式（Unicode Translation Format，UTF），其编码方案包括UTF-32、UTF-16和UTF-8三种，目前大多使用UTF-8。UTF-8是Unicode的一种变长字符编码，用1~6个字节编码Unicode字符。如果Unicode字符由两个字节表示，则编码成UTF-8很可能需要三个字节，而如果Unicode 字符有4个字节表示，则编码成UTF-8可能需要6个字节。 5.实验三 第4章程序设计语言与集成技术 1.程序设计语言分类：P85 1第一代语言（机器语言）： 2第二代语言（汇编语言）： 3第三代语言（高级语言）： 4第四代语言（4GL，非过程化语言） 5第五代语言（5GL，自然语言） 2.编译型语言与解释型语言比较 编译型语言：程序执行时的基本表示是在实际计算机上的机器语言；编译型语言编写的程序通过一个专门的编译程序把程序编译成为机器语言的文件，运行时不需要重新翻译，直接使用编译的结果。编译型语言在应用源程序执行之前，就将源程序代码“翻译”成目标代码（机器语言），因此目标程序可以脱离其语言环境独立执行，使用比较方便、效率较高。形成可执行的目标文件后可多次使用。语法规则更严谨，编程时间长；对于应用程序的密集部分效果较好（着重资源的利用） 解释型语言：程序执行时的基本表示是在虚拟计算机上的机器语言；解释型语言编写的程序不需要编译，程序在运行时才翻译成机器语言，每执行一次都要翻译一次，有专
企业应用集成之界面(UI)集成规范v0.2
企业应用集成之界面（UI）设计规范 2015年4月
1引言 (1) 编写目的 (1) 适用范围 (1) 术语定义 (1) 2概述 (2) 设计原则 (2) 界面结构 (2) 配色规范 (3) 文字使用规范 (4) 图片使用规范 (5) L OGO设计规范 (5) Logo设置规范 (5) 系统院Logo设计 (5) 3典型页面布局规范 (6) 门户系统 (6) 登录页 (6) 门户-新闻首页 (7) 门户-办公首页 (8) 门户-子页面（两栏） (11) 门户新闻类详细页 (13) 通用应用系统 (13) 应用首页 (13) 功能列表页 (15) 详细功能页 (15) 信息编辑页 (16) 信息查询页 (17) 搜索类 (18) 搜索条 (18) 搜索结果页面 (18) 4UI开发规范 (19) 设计工具 (19) 目录结构 (20) Project工程目录结构 (20) WebRoot目录结构 (20) UI命名规范 (21) 图片文件命名 (21) css文件命名 (22) js文件命名 (22) 5UI控件 (22) H EADER头部 (22) FOOTER版底 (23)
导航栏 (23) 列表框L IST (24) 表格 (24) T AB页 (24) 操作按钮 (25) 单选按钮 (25) 多选按钮 (25) 图片轮换 (25) 输入框 (26) 弹出窗口 (26) 日历、时间 (27) 6其他规约 (27) 版底版权说明 (28) 兼容性说明 (28) 其他事项 (28)
1引言 1.1编写目的 本规范的目的是通过建立UI规范，贯穿以用户为中心的设计指导方向，以达到提升用户体验，控制产品设计质量，提高设计效率的目的。 1.2适用范围 本规范适用XX单位应用集成平台基于浏览器的B/S版软件项目开发工作。开发过程中的模版页面编写和模版文件套用工作必须遵照此规范执行。适用对象为开发人员、UI设计人员、模版编写人员以及后续新建业务系统等。 本规范不仅用于约束应用集成平台的建设过程，对于与应用集成平台进行集成的各业务系统也需要按本规范严格执行。 新建系统严格按本规范执行。 遗留系统按本规范进行改造，对于产品无法改造的需要业务系统厂商与应用集成平台实施方及客户方达成一致。 1.3术语定义 类型名词解释 UI——UI即User Interface（用户界面）的简称，是指对软件的人机交互、操作逻辑、界面美观的整体设计。 图片 GIF GIF，一种图像文件格式。GIF文件的数据，是一种基于LZW算法的连续 色调的无损压缩格式，其压缩率一般在50％左右。 JPG JPG，一种图像文件格式。是经过静态图象压缩标准压缩的图像文件，具 有很高的压缩比。 PNG PNG，一种图像文件格式。在保留GIF文件格式特性的基础上，增加了一 些GIF文件格式所不具备的特性。同时，PNG图片文件压缩比高，生成文 件容量小。 Icon 指电脑屏幕的桌面上用来指示用户运行各种操作的图像，作为字符显示的 重要辅助。 图片水印给图片加上网站标志，保护图片版权的一种形式。 其他网站Logo 在商业领域，LOGO是标志、徽标的意思。常见的各种商品的标识即是Logo，它包括文字、图形、字母、数字、三维标志和颜色的组合。本规范所指LOGO，是互联网上网站用来标识自己的图形标志，一般包含图形、名称和域名。