某企业应用集成规范Word格式文档下载.docx
- 文档编号:19724631
- 上传时间:2023-01-09
- 格式:DOCX
- 页数:59
- 大小:612.60KB
某企业应用集成规范Word格式文档下载.docx
《某企业应用集成规范Word格式文档下载.docx》由会员分享,可在线阅读,更多相关《某企业应用集成规范Word格式文档下载.docx(59页珍藏版)》请在冰豆网上搜索。
在数据录入上允许取消大多数操作。
减少在动作间必须记忆的信息数量。
允许用户非恶意错误,系统应保护自己不受致命操作的破坏。
按功能对动作分类,并按此排列屏幕布局,设计者应提高命令和动作组织的内聚性。
提供语境相关的帮助机制。
2.2.3信息显示原则
XXXX商业系统的应用软件信息显示遵循以下原则:
只显示与当前用户语境环境有关的信息。
不要用数据将用户包围,使用便于用户迅速吸取信息的方式表现信息。
使用一致的标记、标准缩写和可预测的颜色,显示信息的含义应该非常明确,用户不必再参考其它信息源。
产生有意义的出错信息。
使用缩进和文本来辅助理解。
使用窗口分隔/控件分隔不同类型的信息。
高效地使用显示器的显示空间。
2.2.4数据输入原则
XXXX商业系统的应用软件数据输入遵循以下原则:
尽量减少用户输入动作的数量;
维护信息显示和数据输入的一致性;
交互应该是灵活的,对键盘和鼠标输入的灵活性提供支持;
在当前动作的语境中使不合适的按钮不起作用;
2.3Web应用界面设计规范
XXXX商业系统B/S部分软件界面总体上分为三帧。
B/S部分的平台所提供的界面框架基本参数如下:
顶层依次包含系统logo,应用列表栏以及各应用所包含的模块列表栏。
行设置为rows=80,*
下层中左帧为“系统导航区”
左右帧之间有一个“帧控制页”,能够控制左帧的显示和隐藏
右帧为各应用或模块的“显示页”,是用户应用的功能容纳区
下层的列设置为cols=160,10,*
界面框架支持800×
600分辨率和1024×
768分辨率,能够自动伸缩在全屏幕方式进行显示。
2.3.1出错信息和警告规范
出错信息和警告是指出现问题时系统给出的提示消息。
对于出错信息和警告,C/S结构软件的应用软件应该遵循以下规范:
信息以用户可以理解的术语描述。
信息应提供如何从错误中恢复的建设性意见。
信息应指出错误可能导致哪些不良后果,以便用户检查是否出现了这些情况或帮助用户进行改正。
信息应伴随着视觉上的提示,如特殊的图像、颜色或信息闪烁。
信息不能带有批判色彩,即任何情况下不能指责用户。
2.3.2开发商表示层开发要求
Html内的Table最好采用xxx%(百分比)方式进行宽度设置,而不要使用绝对宽度(像素值),这样整个界面就可以随窗口大小和分辨率高低进行自动调整。
页面中的Javascript的函数名称尽量不要和系统函数重名,可以在函数名前加下划线,例如:
_showMenu()。
2.3.3
色彩值参考列表
type=”text”输入文本框的背景色:
#EEF4FF-----------
选用样式表中的input.txt1
type=”radio”输入文本框的背景色:
#EEF4FF--------
选用样式表中的radio.radio1
type=”checkbox”输入文本框的背景色:
#EEF4FF---
选用样式表中的chekbox.chk1
type=”button”按钮的背景色之一为:
#F7F5EE-------
选用样式表中的input.bt1
type=”button”按钮的背景色之二为:
#999999--------
选用样式表中的input.bt2
select标志的背景色:
#EEF4FF--------------------------
选用样式表中的select.select1
各帧的背景色均为白色-------------------------------------
2.3.4字体
type=”text”的文本框输入,字体大小为9pt,宋体Arial
select标志的选项,字体大小为9pt,宋体Arial
type=”button”按钮字体大小为9pt,宋体Arial
type=”radio”按钮字体大小为9pt,宋体Arial-
type=”checkbox”按钮字体大小为9pt,宋体Arial
2.3.5显示
对于800*600与1024*768两种分辨率自适应为全屏幕填充模式。
2.3.6按钮命名规范
操作
按钮名
范例
图片文件名
对各类人员,组织,信息,项目,事务等的增加操作
添加
add.gif
对各类人员,组织,信息,项目,事务等的除去操作
删除
delete.gif
对各类人员,组织,信息,项目,事务等的更改操作
修改
modify.gif
对添加,删除,修改,分配等各项操作完成后的提交操作
确认
conform.gif
准备取消所填写的提交信息操作
取消
cancel.gif
对各类人员,组织,信息,项目,事务等的查找操作
查询
find.gif
完成某项操作或查看后返回到上一工作界面
返回
return.gif
对文书及各类信息的下载操作
下载
下载1.bmp
在上传时选择文件与下载时选择存放地址时查看本地磁盘的操作
浏览
浏览.bmp
对弹出窗口或新窗口的关闭操作
关闭
close.gif
2.4C/S部分Delphi界面规则
2.4.1界面一致性
C/S结构软件各软件在界面设计中应该保持界面的一致性。
一致性既包括:
使用标准的控件;
使用相同的信息表现方法,如:
在字体、标签风格、颜色、术语、显示错误信息等方面确保一致。
2.4.1.1显示信息一致性规范
字体:
系统缺省字体采用如下设置:
Font.Charset=GB2312_CHARSET,
Font.Color=clWindowText,
Font.Size=9,
Font.Name='
宋体'
。
标签提示:
底色透明、无边框、右对齐、带冒号、一般情况使用缺省字体;
日期:
采用长格式,一般情况使用缺省字体;
对齐方法:
左对齐:
一般文字、单个数字、日期等
右对齐:
数字、时间、日期加时间。
窗体:
分辨率默认为800*600,增强色16色,对于800*600与1024*768两种分辨率自适应为全屏幕填充模式。
2.4.1.2布局合理化要求
布局力求简洁、有序、易于操作。
在一个窗口,应注意内部所有控件的布局和信息组织的艺术性,使得用户界面美观。
在一个窗口中按tab键,移动聚焦的顺序不能杂乱无章,tab
的顺序是:
先从上至下,再从左至右。
一屏中首先应输入的和重要信息的控件在tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。
2.4.1.3鼠标与键盘对应要求
应遵循的是可不用鼠标的原则:
应用中的功能只用键盘也应当可以完成,即:
设计的应用中还应加入一些必要的按钮和菜单项。
2.4.1.4按钮命名规范
为了保持软件从风格到形式的上统一,需要对按钮的显示名称统一进行规范。
如果没有特殊的要求,C/S结构软件要求各个应用使用TBitBtn作为统一的按钮控件,所有的按钮显示名称均使用中文。
另外,按钮的显示名称尽量使用动词,常用的按钮名称如下:
确定、删除、取消、退出、上一步、下一步、帮助、打印、新建、打开、保存、另存为、编辑、添加、撤销、更新、应用、全选、拷贝、剪切、复制、插入、查找、替换、查询、选项。
2.4.1.5快捷键规范
菜单项中的重要功能需要提供快捷键。
快捷键的命名遵循Windows习惯。
其中:
C/S结构软件特有功能采用Alt+中文名称拼音首字母
面向事务的组合有
Ctrl-D删除;
Ctrl-F寻找;
Ctrl–H替换;
Ctrl-I插入;
Ctrl-N新记录;
Ctrl-S保存Ctrl-O打开。
等。
编辑
Ctrl-A全选;
Ctrl-C拷贝;
Ctrl-V粘贴;
Ctrl-X剪切;
Ctrl-Z撤消操作;
Ctrl-Y恢复操作。
文件操作
Ctrl-P打印;
Ctrl-W关闭。
系统菜单
Alt-A文件;
Alt-E编辑;
Alt-T工具;
Alt-W窗口;
Alt-H帮助。
MSWindows保留键
Ctrl-Esc任务列表;
Ctrl-F4关闭窗口;
Alt-F4结束应用;
Alt-Tab下一应用;
Enter缺省按钮/确认操作;
Esc取消按钮/取消操作;
Shift-F1上下文相关帮助。
2.4.1.6图标大小规范
快捷按钮使用的图标尺寸为32*32。
资料树上使用的资料类型图标尺寸为16*16。
2.4.2向导(WIZARD)使用规范
对于应用中某些固定处理流程,用户必须按照指定的顺序输入操作信息。
为了使用户操作得到必要的指引,要求应用软件提供使用向导,对用户的使用进行指导。
固定流程指:
相对稳定的处理流程,并且处理流程至少不少于3个处理步骤。
2.4.3系统响应时间规范
系统响应时间包括两个方面:
时间长度和时间的易变性。
系统响应时间应该适中,系统响应时间过长,用户就会感到不安和沮丧,而响应时间过短有时会造成用户加快操作节奏,从而导致错误。
在系统响应时间上坚持如下原则:
响应时间长度
界面设计
0-10
秒
鼠
标
显
示
成
为
沙
漏
10
到18
由微帮助(Hint)来显示处理进度
18
以
上
显示处理窗口,或显示进度条
一个长时间的处理完成时
应给予完成警告信息
响应时间的易变性
用户感觉不到
不考虑
用户稍微感觉到
由微帮助(Hint)提供易变性说明
易变性大而且时间绝对差别大
显示易变性提示
2.4.4用户帮助设施规范
常用的帮助设施有两种:
集成的和附加的。
集成的帮助设施一开始就是设计在软件中的,它与语境有关,用户可以直接选择与所要执行操作相关的主题。
通过集成帮助设施可以缩短用户获得帮助的时间,增加界面的友好性。
附加的帮助设施在系统建好以后再加进去的。
通常是一种查询能力比较弱的联机帮助。
要求C/S结构软件的应用软件提供这两种帮助设施,设计和实现时遵循以下规范:
进行系统交互时,提供部分帮助功能,即:
提供主要操作的帮助。
用户可以通过帮助菜单、F1键和帮助按钮(如果有的话)访问帮助。
表示帮助时根据需要提供三种方式的选择:
另一个窗体、微帮助和指出参考某个文档。
用户如何回到正常交互方式有两种选择:
返回键和功能键。
帮助信息的构造:
采用分层式帮助。
微帮助提供:
由状态栏提供,或控件上的提示文本。
2.5用户界面设计更改和追加说明
2.5.1更改说明
更改本用户界面设计规范时应该征得其他开发者的同意,所有开发者应该按更正后的原则修改和设计用户界面。
2.5.2追加说明
追加本用户界面设计时应该发布给所有开发者,所有开发者应该按追加后的原则修改和设计用户界面。
2.6附:
所需的css样式表style.css
<
STYLE>
DIV{font-size:
9ptline-height:
13ptWORD-SPACING:
1px;
font-family:
"
宋体"
"
TimesNewRoman"
}
TD{FONT-SIZE:
9pt;
line-height:
13pt:
P{FONT-SIZE:
.normal{FONT-SIZE:
LINE-HEIGHT:
13pt;
WORD-SPACING:
.text{FONT-SIZE:
LINE-HEIGHT:
font-family:
;
text-indent:
22px;
list-style-position:
outside;
clip:
rect()}
.title1{FONT-SIZE:
14px;
font-weight:
bold;
color:
#003399}
.title2{COLOR:
#0033cc;
FONT-SIZE:
14pt;
FONT-WEIGHT:
25pt;
.title3{FONT-SIZE:
18pt;
a:
hover{font-family:
#CC0000;
text-decoration:
none}
visited{font-family:
#0000CC;
link{font-family:
active{font-family:
#FF0000}
a.top:
font-size:
#000000;
#FF6600;
a.left:
#FFFFFF;
#FFCC00;
a.menu:
active{color:
background-color:
10pt;
none;
a.home:
hover{font-family:
link{font-family:
visited{font-family:
body{
SCROLLBAR-FACE-COLOR:
#D1D1D1;
FONT-SIZE:
12px;
SCROLLBAR-HIGHLIGHT-COLOR:
#ffffff;
SCROLLBAR-SHADOW-COLOR:
SCROLLBAR-3DLIGHT-COLOR:
SCROLLBAR-ARROW-COLOR:
SCROLLBAR-TRACK-COLOR:
FONT-FAMILY:
SCROLLBAR-DARKSHADOW-COLOR:
#D1D1D1
input.bt1{
BACKGROUND-COLOR:
#F7F5EE;
BACKGROUND-IMAGE:
BACKGROUND-REPEAT:
repeat;
BORDER-BOTTOM:
#9999991pxsolid;
BORDER-LEFT:
#9999991pxsolid;
BORDER-RIGHT:
BORDER-TOP:
宋体,Arial;
normal}
input.bt2{
COLOR:
PADDING-TOP:
2px;
HEIGHT:
#eeeeee
input.txt1{
#EEF4FF;
normal
}
input.txt2{
select.slec
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 企业 应用 集成 规范