资源预览内容
第1页 / 共14页
第2页 / 共14页
第3页 / 共14页
第4页 / 共14页
第5页 / 共14页
第6页 / 共14页
第7页 / 共14页
第8页 / 共14页
第9页 / 共14页
第10页 / 共14页
亲,该文档总共14页,到这儿已超出免费预览范围,如果喜欢就下载吧!
资源描述
宽带收费管理系统用户界面设计报告文件状态:文件标识:宽带收费管理系统-SD-UIV 草稿当前版本:1.0正式发布作者:正在修改完成日期:07-03-14机构公开信息版本历史版本/状态作者参与者起止日期备注|1.0新建目录0.1文档目的40.2文档范围 40.3读者对象40.4参考文献40.5术语与缩写解释41. 应当遵循的界面设计规范 41.1 :易用性:51.2易用性细则 52. 界面的关系图和工作流程图 52.1前台管理完成界面功能一览 52.3界面关系及工作流程 6前台管理界面关系 63. 界面关系63.1登录界面6页面说明6页面迁移图6页面说明7前置条件8关联数据表8补充说明:83.2前台管理主界面8页面说明8页面迁移图9页面说明93.3入网登记单界面 11页面说明11页面迁移图 11页面说明124 .总后总结: 错误!未定义书签。0.文档介绍0.1文档目的宽带收费管理系统用户界面设计报告。是为了开发宽带收费管理系统而编写,主要面向系统分析员、程序员、测试员、实施员和最终用户。本说明书是整个软件开发的依据,它对以后阶段的工作起指导作用。本文也是项目完成 后系统验收的依据。0.2文档范围本文档主要包含以下几部分:1. 文档介绍2. 界面设计规范3. 界面关系图4. 主界面说明0.3读者对象本文档的读者主要包含以下几类:1. 界面设计人员2. 美工人员3. 编码人员4. 测试人员0.4参考文献提示:列出本文档的所有参考文献(可以是非正式出版物),格式如下:标识符作者,文献名称,出版单位(或归属单位),日期例如:AAA作者,立项建议书,机构名称,日期SPP-PROC-SD SEPG,系统设计规范,机构名称,日期0.5术语与缩写解释缩写、术语解释GIFGraphics Interchange Format的缩写图像交换格式的缩写1. 应当遵循的界面设计规范界面是软件与用户交互的最直接的层,界面的好坏决定用户对软件的第一印象。而且设 计良好的界面能够引导用户自己完成相应的操作,起到向导的作用。用户原则:1.1 :易用性:按钮名称应该易懂,用词准确,屏弃模棱两可的字眼,要与同一界面上的其他按钮易于 区分,能望文知意最好,理想的情况是用户不用查阅帮助就能知道该界面的功能并进行相关 的正确操作。1.2易用性细则:1) :完成同一功能或任务的元素放在集中位置,减少鼠标移动的距离。2) :按功能将界面划分局域块,用Frame框括起来,并要有功能说明或标题。3) :界面上首先应输入的和重要信息的控件在Tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。4) :同一界面上的控件数最好不要超过10个,多于10个时可以考虑使用分页界面显示。5) :复选框和选项框按选择几率的高底而先后排列。6) :复选框和选项框要有默认选项,并支持 Tab选择。7) :选项数相同时多用选项框而不用下拉列表框。8) :界面空间较小时使用下拉框而不用选项框。9) :选项数叫少时使用选项框,相反使用下拉列表框。10) :专业性强的软件要使用相关的专业术语,通用性界面则提倡使用通用性词眼。2. 界面的关系图和工作流程图2.1前台管理完成界面功能一览界面名称界面标识功能说明宽带互联网入网登记单accept_innet.aspx填写客户的入网信息,提交客户入网信息。前台管理首界面Default.aspx显示前台管理中的全部功能菜单。缴费受理fee.aspx.提供缴费的条件。缴费登记单fee_print.aspx显示对应客户的信息及帐户余额,填写客户缴费金额。业务受理单print.aspx对驳回的业务受理进行信息修改。业务受理单print_result.aspx显示搜索结果。修改密码user_ma nage.aspx对用户的密码进行修改。宽带收费管理系统前台管理一览表2.3界面关系及工作流程前台管理界面关系业务查询业务受理修改密码搜索结果查询结果_ 查询结果:缴费登记_ :(详细资料(详细资料J 新客户入网7故障申请1停机申请图2-1宽带收费管理系统客户端界面关系及工作流程图3. 界面关系3.1登录界面3.1.1 页面说明登录页面为系统入口页面,只有通过登录方可使用系统,不同用户对应不同权限,权限 不同的用户进入系统后的界面菜单项是不同的。登录成功,转向主界面mai n.jsp。权限信息参见3.XX权限设置页面。3.1.2 页面迁移图前台管理主界面后台管理主界面施工管理主界面补充说明:登录对象标识功能操作前台管理用户Login.aspx是非锁定的经过审核 的注册用户登录到新闻管 理页面,管理员则登录到管登录施工管理用户Login.aspx后台管理用户Login.aspx理员管理页面.3.1.3 页面说明界面原型图3-1宽带收费管理系统登录界面login.aspx3.1.3.2 输入控件名称控件类型栏目名称必填约束初值Usernametext用户名V最小值10000Passwordpassword密码V非空6-10 位LoginButtonsubmit提交补充说明3.1.3.3 处理动作步骤处理说明填写信息1输入用户名、密码点击登录2单击“登录按钮”进行验证3判断用户是否输入,若无,提示输入判断资料4判断用户名、密码是否合法返回信息5显示提示信息“您的登录尝试不成功。请重试。”3.1.3.4 输出控件名称控件类型栏目名称说明前置条件前置条件说明关联数据表数据表说明BBC_EMPLOYEE存储用户的用户编号和密码补充说明读写数据表时的注意事项,若简单读取,可空白补充说明:对于此界面的其他补充说明。3.2前台管理主界面页面说明 显示前台管理中的全部功能菜单。通过功能菜单进入相应得的功能界面,主显示区域显示主 要业务申请一入网申请,停机申请,故障申请。单击入网申请按钮,进入新客户入网登记单界面。3.2.2页面迁移图补充说明:宽带受理和业务受理是同一个界面。323 页面说明323.1界面原型&宽带收费管理系:统3 业张曼理I遭聲捷建I塑拨旻谢丨业势抽 I逼岀垃当“KLP很毒用戶怯号:10DODwfissi:Si 台営理注隆取曹鸟I_js,|违剖甲I扎网G骨II 如申囁I业昜记至可询:号厘铝:槪奎専户佔哩刑6琴4SP昏星HHk10043UMQ4111AF?10U4S1OD26111入网WBl1000710333111AFi!1001710K5张飞AnttBTIOOJ91W入屐L0LO71033dAf*CM&M的业爵疑、二阿申诒黄于卸 I KSKfi |诞iRh |用尸刖n I KH1Eti T 二 辽训 fl 崩*,阪杖Mf百 Ccpyrigti “ SOOS AllXe甘丹弓市丁糧爭奇働FJi打监此甲建说用户伊剁山听&芬暉宝贮323.2输入控件名称控件类型栏目名称必填约束初值txtAidTextBox业务记录查询最小值10000ddITpyeDropDownList驳回的业务类型7设定值:入网申请/停机申 请/故障申请。入网申请btnlnNetnput业务受理入网申请btnStopnput业务受理停机申请btnTroublenput业务受理故障申请补充说明界面中和还有些相同的功能,其控件基本上相似就不在这里一一列出。323.3处理爰理骗寻烷导不需垢.W业务记录查询处理:动作步骤处理说明填写受理编号1输入受理编号,非空点击搜索2单击“搜索”进行验证3判断用户是否输入,若无,提示输入打开页面4打开处理结果页面选择业务类型处理:动作步骤处理说明选择下拉1选择不同的业务受理类型显示记录2显示选择的驳回业务受理记录业島燮理.入网申谙停机申请故厚申请业务受理处理:动作步骤处理说明单击按钮1单击需要受理的处理按钮打开新界面2显示进行的业务受理记录单3.2.3.4 输出控件名称控件类型栏目名称说明gvListGridView驳回业务受理记录显示被审核驳回的受理记录323.4前置条件前置条件说明成功登录系统用户使用合法的帐号成功登陆宽带管理系统323.5关联数据表数据表说明客户信息表(BBC_CUSTOMER 表)存储客户信息的表业务受理表(BBC ACCEPT)用业务受理表进行保存。实际工作的流程中,业务受理需要业务 受理号,受理人编号,时间日期,审核人编号,要求等字段内容服务类型表(BBC SERVICE)业务的种类控制也需要进行管理业务受理类别表(BBC ACCEPT TYPE)在业务受理的时候对业务信息进行区分补充说明暂无323.6补充说明:对于此界面的其他补充说明。3.3入网登记单界面页面说明入网登记单界面显示了入网客户需要填写的各项信息,并且对填写的信息做基本的验证,同时提供了入网登记单的打印功能。入网登记单提交完成以后,自动生成业务受理记录。客户入网成功以后弹出提示信息,失败同样显示提示信息。3.3.2 页面迁移图补充说明:用户填写客户填写基本资料,提交通过脚本检测:通过验证提交服务器程序处理,同时 显示提示信息。验证没有通过,返回页面同时显示各项提示信息。333 页面说明界面原型宽带互联网入网登记单业昜提五:加占标号的恵顶请您务必填写艺生缶号,2U5S客尸議号:10D66懺入方式:Q JIIKLALAfX*1. :S户资糾(專户境场)I *有律证伴:厂身般注广罕官狂厂1AH广户匚厂簿工百養业訥艇*证甘号吗:1
网站客服QQ:2055934822
金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号