企业应用集成之界面(UI)集成规范v0.2

合集下载

企业应用集成之数据集成接口规范2.0

企业应用集成之数据集成接口规范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)第一章前言1.1 概述地址:山东中路337号邮编:200001 电话:8621-6351 6236 传真:8621-6351 7610第二章通用的约定2.1 数据输出的内容业务子系统分别负责为委的不同处室收集业务数据,然后按照统一约定的格式将数据以XML文件的方式输出,提供给监管系统。

项目集成相关标准规范

项目集成相关标准规范

项目集成相关标准规范总则 (3)一、项目组织结构 (4)二、岗位职责 (6)三、项目工作流程 (8)四、项目管理与考核 (9)五、项目文档管理 (11)六、项目准备管理 (13)七、项目实施管理 (14)八、项目维护管理 (15)九、项目验收管理 (17)十、出差管理 (19)十一、培训管理 (19)总则为规范本公司系统集成的管理,形成一套行之有效的规范化的工作方法,提高工作效率,明确员工的工作职责,保证项目的质量,特制定本规范。

本规范的主要内容包括:项目组织结构、岗位职责、项目工作流程、项目管理与考核、项目文档管理、项目实施管理、项目准备管理、项目验收管理、项目维护管理、出差管理、培训管理共十一个部分。

系统集成是所有应用系统上线的基础工作,系统集成工作的质量直接决定了应用上线的进度和质量。

系统集成一般包括硬件集成和软件集成,目前在系统集成之前,要求集成方提供规范的主机(硬件)集成文档和数据库集成文档,在合适的时候,还将要求提供规范的应用软件集成文档。

集成文档文字说明应该尽量专业,简明扼要,配置应该尽量具体细致。

一、项目组织结构1.项目的系统集成工作采用项目负责制,即由部门负责人指定、报公司批准确定一名项目经理,并以文件的形式下发。

2.项目经理负责项目的进度、成本、质量和安全负责。

3.由项目经理负责与用户协调。

4.由项目经理提名,部门负责人批准配备项目参与人员组成任务小组。

5.项目计划的要素:1、项目范围说明项目范围说明阐述进行这个项目的原因或意义,形成项目的基本框架,使项目所有者或项目管理者能够系统地、逻辑地分析项目关键问题及项目形成中的相互作用要素,使项目干系人在项目开始实施前或项目相关文档编写以前,能够就项目的基本内容和结构达成一致;项目范围说明应当形成项目成果核对清单,作为项目评估的依据,在项目终止以后或项目最终报告完成以前进行评估,以此作为评价项目成败的依据;范围说明还可以作为项目整个生命周期监控和考核项目实施情况的基础,和项目其他相关计划的基础。

企业应用集成 相关文档

企业应用集成 相关文档

企业应用集成相关文档企业应用集成是指将不同的企业应用系统进行整合,实现数据和功能的共享与交互。

它可以帮助企业降低系统间的耦合度,提高工作效率和数据准确性,同时还能满足企业对业务流程的需求。

本文将从企业应用集成的概念、作用、实施方法以及未来发展趋势等方面进行阐述。

一、概念企业应用集成是指将企业内部或外部的不同应用系统进行连接和整合,通过数据和功能的共享,实现企业内部各个部门之间的协同工作。

它可以将不同系统的数据进行同步,实现实时数据更新,提供一致性的业务流程和用户体验。

二、作用1. 提高工作效率:通过集成不同的应用系统,可以避免重复的数据录入和处理,减少人工错误,提高工作效率。

2. 提升数据准确性:通过实现系统间的数据同步和共享,可以避免数据冗余和不一致的问题,提高数据的准确性和可信度。

3. 优化业务流程:通过集成不同的应用系统,可以实现业务流程的自动化和优化,提高企业的核心竞争力。

4. 提升客户满意度:通过集成不同的应用系统,可以提供一致性的客户服务和用户体验,提升客户满意度。

三、实施方法1. 数据集成:通过建立数据接口或者数据转换规则,实现不同系统之间的数据同步和共享。

2. 功能集成:通过建立系统间的接口或者服务总线,实现不同系统之间的功能调用和交互。

3. 流程集成:通过建立业务流程引擎或者工作流系统,实现不同系统之间的业务流程协同和优化。

四、未来发展趋势1. 云集成:随着云计算技术的发展,企业应用集成也逐渐向云端集成发展。

云集成可以提供更灵活和可扩展的集成解决方案。

2. 大数据集成:随着大数据技术的快速发展,企业应用集成也需要支持对大数据的集成和分析,以帮助企业发现更多的商业机会。

3. AI集成:随着人工智能技术的兴起,企业应用集成也需要支持对人工智能技术的集成,以提供更智能和个性化的服务。

4. 物联网集成:随着物联网技术的普及,企业应用集成也需要支持对物联网设备和传感器的集成,以实现更智能和自动化的业务流程。

界面组件级交互设计规范

界面组件级交互设计规范

界面交互设计规范—— IT应用服务产品界面组件级交互规范V1.0目录1概述 (5)1.1规范的目的 (5)1.2规范适用的范围 (5)1.3规范适用的人群 (5)2基本原则 (6)2.1一致性 (6)2.2简洁性 (6)2.3避免干扰和打断 (6)2.4减轻用户记忆负担 (6)2.5及时有效的反馈 (6)2.6让用户放松心态,不怕犯错 (7)3产品交互通用规范 (8)3.1受范性指示 (8)3.2操作不可用状态 (8)4组件规范 (10)4.1表格 (10)4.2单元格数据 (15)4.2.1单元格数据展示 (15)4.2.2通讯录 (17)4.3信息列表 (20)4.4编号和序号 (23)4.4.1编号 (23)4.4.2序号 (25)4.5注册表单 (27)4.6联系方式 (33)4.7图片裁切 (37)4.7.1固定尺寸图片裁切 (37)4.7.2自定义尺寸图片裁切 (39)4.8翻页 (42)4.9日期输入 (45)4.9.1通过日历选择日期 (45)4.9.2年份跨度较大时的日期选择 (49)4.10分隔 (52)4.10.1 等量条目分隔线 (52)4.11高级加密 (55)4.12进度条 (58)4.13面包屑 (60)4.14星级评分 (62)4.15保留图标 (65)4.16弹出层 (67)4.16.1 非独占焦点层 (67)4.16.2 独占焦点层 (68)4.16.3 局部独占焦点层 (70)4.17搜索 (72)4.17.1 模糊搜索 (72)4.17.2 精确搜索 (74)4.18数据添加 (78)4.18.1 添加单个文件 (78)4.18.2 添加多个文件 (80)4.18.3 添加行 (83)4.19排序 (85)修订记录1概述《界面交互设计规范》对用户与产品交互的各个方面做了相关的描述。

该规范由“组件级”、“流程级”和“系统级”三个部分构成,分别从不同的层面,为IT应用服务产品的用户界面提供规范与指导。

数字集成电路的特点与分类

数字集成电路的特点与分类

CMOS 传输门
39
A 和 A 控制传输门的通断: A=+UDD A=0V时,传输门接通 A=0V A=+UDD时,传输门断开
左下图 uI 由0V变为UDD时,CL充电 右下图 uI 由UDD变为0V时,CL放电
40
41
UNH=UOH(min)- UIH(min)
=2.4-2.0V=0.4V
UOH
UIH
P106
躁声容限 门电路之间相互连接时,前一级24 门的输出就是后一级门的输入,在前一级输 出为最坏的情况下(输出低电位为UOL(max)), 后一级门的输入电压允许的变化幅度叫做噪 声容限。
UNL=UIL(max)- UOL (max)
6
同一个电路,按两种不同的约定去分析, 会得出不同的结论。
在今后讨论电路时,必须明确采用哪种约定。 一般采用正逻辑约定。
uo
高电位 低电位
正 逻 辑 约 定
0
1 1
0
负 逻 辑 约 定
7
4.2 晶体管-晶体管逻辑电路(TTL电路)
4.2.1 最简单的与门、非门和与非门电路 1. 二极管与门
10
由真值表可知,上面电路是一个非门
电路的输入与输出电位
输入A 0.2V 5V
输出F 5V 0.2V
电路的真值表
输入A 0 1
输出F 1 0

3 晶




11
+
12
4.2.1 TTL与非门电路
输入
输A 入
与 0.2V
输 0.2V
出 电
5V
位 5V
B 0.2V 5V 0.2V 5V
输出 F 5V 5V 5V

企业级系统集成服务协议规范(2024)

企业级系统集成服务协议规范(2024)

企业级系统集成服务协议规范(2024)本合同目录一览1. 服务内容1.1 系统集成服务1.1.1 系统评估与规划1.1.2 系统设计与开发1.1.3 系统实施与部署1.1.4 系统运维与支持1.2 技术支持与培训1.2.1 技术支持服务1.2.2 用户培训与指导1.3 系统升级与优化1.3.1 系统升级方案设计1.3.2 系统优化策略制定1.3.3 系统升级与优化实施2. 合同主体2.1 甲方权益2.1.1 甲方需求提出与确认2.1.2 甲方项目管理与监督2.1.3 甲方技术支持与协调2.2 乙方权益2.2.1 乙方服务提供与执行2.2.2 乙方项目团队管理2.2.3 乙方技术支持与培训3. 合同期限与费用3.1 合同期限3.1.1 服务项目完成时间3.1.2 技术支持与培训期限3.2 费用支付3.2.1 服务费用构成3.2.2 费用支付方式与时间4. 违约责任与赔偿4.1 甲方违约4.1.1 甲方未按约定支付费用4.1.2 甲方未提供必要的技术支持与协调4.2 乙方违约4.2.1 乙方未按约定提供服务4.2.2 乙方未提供必要的技术支持与培训4.3 违约赔偿方式5. 保密与知识产权5.1 保密义务5.1.1 保密信息的范围与内容5.1.2 保密信息的保护措施与期限5.2 知识产权归属与保护5.2.1 系统集成成果的知识产权归属5.2.2 技术支持与培训相关的知识产权归属6. 争议解决方式6.1 双方协商解决6.2 提交甲方所在地仲裁委员会仲裁6.3 向甲方所在地人民法院提起诉讼7. 其他约定7.1 合同的签订与生效7.2 合同的变更与解除7.3 合同的终止与注销8. 附件8.1 服务项目详细清单8.2 技术支持与培训方案8.3 费用支付明细表9. 签字页9.1 甲方签字9.2 乙方签字10. 日期10.1 签署日期第一部分:合同如下:1. 服务内容1.1 系统集成服务1.1.1 甲方同意乙方根据甲方的实际需求,对甲方现有的信息系统进行全面的评估与规划,包括但不限于系统架构、网络设备、软件应用等方面。

公司OSP体系计划与实施方案V1.0介绍

公司OSP体系计划与实施方案V1.0介绍

公司OSP体系计划与实施方案<V1.0>编撰:王芬娜审核:批准:生效日期:文档修改记录第一篇总则 (4)一、《公司OSP体系计划与实施方案》的实施 (4)二、目的 (4)三、OSP体系介绍 (4)四、参考文档 (5)五、OSP体系过程概览 (5)第二篇市场活动 (5)一、市场活动流程图 (5)二、市场活动各阶段流程 (6)1. 重大项目立项流程 (6)2. 项目招投标策划流程 (8)3. 准备工作流程 (9)4. 招投标活动流程 (10)5. 重大项目市场活动总结 (11)第三篇研发活动 (12)一、研发活动流程图 (12)二、研发立项各阶段流程 (14)1 项目研发过程域 (14)2 项目管理过程域 (33)3 项目支撑过程域 (41)第四篇服务与维护流程 (50)一、服务与维护流程图 (50)二、客户服务流程 (51)三、产品维护流程 (53)第一篇总则一、《公司OSP体系计划与实施方案》的实施杭州今奥信息科技股份有限公司依据CMMI(软件能力成熟度模型集成)框架,结合公司多年来实施开发的经验,以及公司的实际情况,编写的《公司OSP体系计划与实施方案》。

以项目为中心,分为三大活动,市场活动、研发活动、服务与维护活动,本文档对各个阶段流程做详细的说明。

本体系文档是公司OSP体系法规性文件,是指导公司建立并实施OSP体系的行动准则。

公司全体员工必须遵照执行。

二、目的本文档的目的在于:✧通过建立组织标准软件过程管理体系,提高企业的软件过程能力,保证软件质量,保证商务目标的实现。

✧基于精简的CMMi 3级管理体系,结合企业实际情况和经验积累,开发适合杭州今奥信息科技股份有限公司发展的组织标准软件过程管理体系。

✧使得公司软件项目的软件开发过程管理基本满足CMMi 3级要求。

三、OSP体系介绍OSP:Organization Standard Process(组织标准软件过程)OSP标准过程的建立依据:✧CMMI –DEV,V1.3 阶段式成熟度等级3;✧软件工程和项目管理知识;✧公司政策方针、现行过程的具体实践和标准化要求。

集成平台软件概要设计说明书

集成平台软件概要设计说明书

集成平台软件概要设计说明书1.引言1.1编写的目的编写集成平台软件概要设计说明书目的在于:⏹为编码人员提供依据⏹为升级,修改,维护提供条件⏹项目负责人按计划书的要求布置和控制开发工作全过程本说明书的预期读者包括:项目管理人员项目开发人员软件维护人员技术管理人员部门负责人1.2背景随着计算机应用技术的迅速发展,在产品设计与研发过程中很多企业引进CAD/CAM/CAE/CAPP/PDM/ERP等信息系统,虽然各个企业应用的程度都有所差异,但还是基本解决了各独立业务系统的信息化问题。

但是由于各信息系统自成体系,彼此间缺少有效的信息沟通和协调,形成独立的“信息孤岛”,信息难于在企业范围内共享,发挥更大的效益。

为了更好集成企业各系统的数据,专门开发针对产品设计开发过程的集成平台,实现异构系统间的柔性集成,为各个企业内异构系统数据共享提供一个通用的有利工具,已经迫在眉睫。

为此重庆市科委专门设立重大科技攻关专项“制造业信息化”项目“产品设计开发集成化示范应用工程”课题。

而重庆迈特科技有限责任公司以其雄厚实力承担了本项目的开发工作。

1.3定义在概要设计说明书中的缩写词有:CAD(Computer Aided Design)――――――计算机辅助设计CAE(Computer Aided Engineering)――――――计算机辅助工程CAM(Computer Aided Manufacture)――――――计算机辅助制造CAPP(Computer Aided Process Planning)――――――计算机辅助工艺过程设计PDM()――――――产品数字化管理ERP(Enterprise Resource Planning)―――――――企业资源计划DTD()――――――XSD()―――――――在概要设计说明书中的专业用语有:信息孤岛1.4参考资料PDM内部系统中的文档:(1)《面向产品设计开发过程的应用集成之业务需求部分0118.pdf》(2)《集成平台的需求和框架.ppt》(3)《面向产品设计制造过程的中间集成平台研究及应用》(杜东坡毕业论文)2.任务概述2.1目标该阶段目的在于明确系统的数据结构和软件结构,此外总体设计还将给出内部软件和外部软件系统之间的接口定义,各个软件模块的功能说明,数据库结构的细节。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

错误!未找到引用源。

企业应用集成之界面(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 术语定义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鼠标点击:颜色#006CBD2.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 搜索条适用范围:门户或应用系统集成的搜索条3.3.2 搜索结果页面适用范围:搜索结果展示页面参考页面:京东/Search?keyword=iphone&enc=utf-8百度/s?q1=test&q2=&q3=&q4=&rn=10&lm=0&ct=0&ft=&q5=&q6=&tn=baiduadv 4 UI开发规范4.1 设计工具设计工具:Photoshop、Fireworks前端制作:Dreamweaver4.2 目录结构4.2.1 Project工程目录结构java源代码资源文件测试代码测试资源文件web context根目录编译、打包输出文件maven构建脚本项目自述文件从上图可以看出,我们遵循的项目结构是标准的maven项目结构。

相关文档
最新文档