系统用户界面设计

XX系统顾客界面设计报告文献状态：[√]初稿[]正式公布[]正在修改文献标记：XX系统-SD-UI现在版本：作者：完毕日期：10机构公开信息机构公开信息版本历史版本/状态作者参加者起止日期备注新建目录文档目的 4文档范畴 4读者对象 4参考文献 4术语与缩写解释 41.应当遵照的界面设计规范 4：易用性： 5易用性细则 52.界面的关系图和工作流程图 5前台管理完毕界面功效一览 5界面关系及工作流程 6前台管理界面关系 63.界面关系 6登录界面 6页面阐明 6页面迁移图 6页面阐明 7前置条件 8关联数据表 8补充阐明： 8前台管理主界面 8页面阐明 8页面迁移图 9页面阐明 9入网登记单界面 11页面阐明 11页面迁移图 11页面阐明 124．总后总结： 15

0.文档介绍文档目的XX系统《顾客界面设计报告》。是为了开发XX系统而编写，重要面对系统分析员、程序员、测试员、实施员和最后顾客。本阐明书是整个软件开发的根据，它对后来阶段的工作起指导作用。本文也是项目完毕后系统验收的根据。文档范畴本文档重要包含下列几部分：1.文档介绍2.界面设计规范3.界面关系图4.主界面阐明读者对象本文档的读者重要包含下列几类：1.界面设计人员2.美工人员3.编码人员4.测试人员参考文献提示：列出本文档的全部参考文献（能够是非正式出版物），格式以下：[标记符]作者，文献名称，出版单位（或归属单位），日期例如：[AAA]作者，《立项建议书》，机构名称，日期[SPP-PROC-SD]SEPG，系统设计规范，机构名称，日期术语与缩写解释缩写、术语解释GIFGraphicsInterchangeFormat的缩写－图像交换格式的缩写1.应当遵照的界面设计规范界面是软件与顾客交互的最直接的层，界面的好坏决定顾客对软件的第一印象。并且设计良好的界面能够引导顾客自己完毕对应的操作，起到向导的作用。顾客原则:：易用性：按钮名称应当易懂，用词精确，屏弃模棱两可的字眼，要与同一界面上的其它按钮易于分辨，能望文知意最佳,抱负的状况是顾客不用查阅协助就能懂得该界面的功效并进行有关的对的操作。易用性细则：1):完毕同一功效或任务的元素放在集中位置，减少鼠标移动的距离。2):按功效将界面划分局域块，用Frame框括起来,并要有功效阐明或标题。3):界面上首先应输入的和重要信息的控件在Tab次序中应当靠前,位置也应放在窗口上较醒目的位置。4):同一界面上的控件数最佳不要超出10个，多于10个时能够考虑使用分页界面显示。5):复选框和选项框按选择几率的高底而先后排列。6):复选框和选项框要有默认选项，并支持Tab选择。7):选项数相似时多用选项框而不用下拉列表框。8):界面空间较小时使用下拉框而不用选项框。9):选项数叫少时使用选项框，相反使用下拉列表框。10):专业性强的软件要使用有关的专业术语，通用性界面则倡导使用通用性词眼。2.界面的关系图和工作流程图前台管理完毕界面功效一览界面名称界面标记功效阐明宽带互联网入网登记单填写客户的入网信息，提交客户入网信息。前台管理首界面显示前台管理中的全部功效菜单。缴费受理.提供缴费的条件。缴费登记单显示对应客户的信息及帐户余额，填写客户缴费金额。业务受理单对驳回的业务受理进行信息修改。业务受理单显示搜索成果。修改密码对顾客的密码进行修改。XX系统前台管理一览表界面关系及工作流程2.3.1前台管理界面关系图2-1XX系统客户端界面关系及工作流程图3.界面关系登录界面3.1.1页面阐明登录页面为系统入口页面，只有通过登录方可使用系统，不同顾客对应不同权限，权限不同的顾客进入系统后的界面菜单项是不同的。登录成功，转向主界面。权限信息参见权限设立页面。3.1.2页面迁移图补充阐明：登录对象标记功效操作前台管理顾客是非锁定的通过审核的注册顾客登录到新闻管理页面，管理员则登录到管理员管理页面.登录施工管理顾客后台管理顾客3.1.3页面阐明3.1.3.1界面原型图3-1XX系统登录界面3.1.3.2输入控件名称控件类型栏目名称必填约束初值Usernametext顾客名√最小值10000Passwordpassword密码√非空6-10位LoginButtonsubmit提交补充阐明3.1.3.3解决动作环节解决阐明填写信息1输入顾客名、密码点击登录2单击“登录按钮”进行验证3判断顾客与否输入，若无，提示输入判断资料4判断顾客名、密码与否正当返回信息5显示提示信息“您的登录尝试不成功。请重试。”3.1.3.4输出控件名称控件类型栏目名称阐明3.1.4前置条件前置条件阐明3.1.5关联数据表数据表阐明BBC_EMPLOYEE存储顾客的顾客编号和密码补充阐明读写数据表时的注意事项，若简朴读取，可空白3.1.6补充阐明：对于此界面的其它补充阐明。前台管理主界面3.2.1页面阐明显示前台管理中的全部功效菜单。通过功效菜单进入对应得的功效界面，主显示区域显示重要业务申请—入网申请，停机申请，故障申请。单击入网申请按钮，进入新客户入网登记单界面。3.2.2页面迁移图补充阐明：宽带受理和业务受理是同一种界面。3.2.3页面阐明3.2.3.1界面原型3.2控件名称控件类型栏目名称必填约束初值txtAidTextBox业务统计查询最小值10000ddlTpyeDropDownList驳回的业务类型√设定值：入网申请/停机申请/故障申请。入网申请btnInNetInput业务受理入网申请btnStopInput业务受理停机申请btnTroubleInput业务受理故障申请补充阐明界面中和尚有些相似的功效，其控件基本上相似就不在这里一一列出。3.2.3.3解决业务统计查询解决：动作环节解决阐明填写受理编号1输入受理编号，非空点击搜索2单击“搜索”进行验证3判断顾客与否输入，若无，提示输入打开页面4打开解决成果页面选择业务类型解决：动作环节解决阐明选择下拉1选择不同的业务受理类型显示统计2显示选择的驳回业务受理统计业务受理解决：动作环节解决阐明单击按钮1单击需要受理的解决按钮打开新界面2显示进行的业务受理统计单3.2控件名称控件类型栏目名称阐明gvListGridView驳回业务受理统计显示被审核驳回的受理统计3.2.前置条件阐明成功登录系统顾客使用正当的帐号成功登陆宽带管理系统3.2数据表阐明客户信息表(BBC_CUSTOMER表)存储客户信息的表业务受理表(BBC_ACCEPT)用业务受理表进行保存。实际工作的流程中，业务受理需要业务受理号，受理人编号，时间日期，审核人编号，规定等字段内容服务类型表(BBC_SERVICE)业务的种类控制也需要进行管理业务受理类别表(BBC_ACCEPT_TYPE)在业务受理的时候对业务信息进行分辨补充阐明暂无3.2.对于此界面的其它补充阐明。入网登记单界面3.3.1页面阐明入网登记单界面显示了入网客户需要填写的各项信息，并且对填写的信息做基本的验证，同时提供了入网登记单的打印功效。入网登记单提交完毕后来，自动生成业务受理统计。客户入网成功后来弹出提示信息，失败同样显示提示信息。3.3.2页面迁移图补充阐明：顾客填写客户填写基本资料，提交通过脚本检测：通过验证提交服务器程序解决，同时显示提示信息。验证没有通过，返回页面同时显示各项提示信息。3.3.3页面阐明3.3.3.1界面原型3.3.3.2输入控件名称控件类型栏目名称必填约束初值RBL_innetRadioButtonList接入方式√定制（注释1）TbNameTextBox客户姓名√最多8字符RBLPaperRadioButtonList有效证件√定制（注释2）TBPapernTextBox证件号码√最长字符数18RBLUser_typeRadioButtonList客户类别√定制（注释3）TBAddressTextBox通信地址√最长字符数50TBPastalcodeTextBox邮政编码×6位TblinkmanTextBox联系人√最多8字符TBEmailTextBox惯用Email×电子邮件地址TBUnitsTextBox单位√最多50字符TBSetAddTextBox安装地址√最多50字符TBphoneTextBox联系电话√最多5位区号—最多8号码RBLService_content1RadioButtonList组网方式√定制（注释4）RBLService_content2RadioButtonList速率√定制（注释5）RBLService_content3RadioButtonList施工方式√定制（注释6）RBLService_content4RadioButtonList与否调试√定制（注释7）RBLService_content5RadioButtonList顾客端设备√定制（注释8）RBLService_content6RadioButtonList缴费周期√定制（注释9）DDLServerTypeDropDownList服务类别√定制（注释10）RBLService_content7RadioButtonList与否优惠定制（注释11）TBMemoTextBox备注√最多100字符TBUserRequreTextBox客户规定×最多100字符注释阐明表：编号项目定制内容1接入方式□ADSL接入□LAN接入2有效证件□身份证□军官证□护照□户口簿□工商营业执照3客户类别□个人□单位□网吧□单位局域网4组网方式□虚拟拨号□专线□其它5速率□512K□1M□1.5M□2M□4M□6M6施工方式□电话加装ADSL□装电话和ADSL□装ADSL□ISDN改装ADSL7与否需要调试□是□否8顾客端设备□顾客自备□租用□借用□免费提供□其它9缴费周期□每月□六个月□每季度□一年10与否优惠□是□否11服务类别□60元包月，2M□600元包年，2M□计时2元/小时12受理类别□入网□停机□故障13审核状态□等待□通过□驳回3.3.3.3解决动作环节解决阐明填写客户资料1输入受理编号，非空点击提交申请2单击“提交申请”按钮进行验证3判断顾客输入与否正当，若无后非法，提示输入显示提示信息4服务器程序进行解决，返回提示信息3.3.3.4输出控件名称控件类型栏目名称阐明LB_C_IDLabel客户帐号显示客户提交成功后来的客户帐号LB_A_IDLabel受理编号显示客户提交成功后来的受理编号3.2.3.4前置条件前置条件阐明成功登录系统顾客使用正当的帐号成功登陆宽带管理系统3.2.3.5关联数