XX系統(tǒng)用戶界面設(shè)計(jì)(共15頁)

1、精選優(yōu)質(zhì)文檔-傾情為你奉上XX系統(tǒng)用戶界面設(shè)計(jì)報(bào)告文件狀態(tài)： 草稿 正式發(fā)布 正在修改文件標(biāo)識(shí)：XX系統(tǒng)-SD-UI當(dāng)前版本：1.0作 者：完成日期：10-03-14機(jī)構(gòu)公開信息版 本 歷 史版本/狀態(tài)作者參與者起止日期備注1.0新建 目 錄 0. 文檔介紹0.1 文檔目的XX系統(tǒng)用戶界面設(shè)計(jì)報(bào)告。是為了開發(fā)XX系統(tǒng)而編寫，主要面向系統(tǒng)分析員、程序員、測(cè)試員、實(shí)施員和最終用戶。本說明書是整個(gè)軟件開發(fā)的依據(jù)，它對(duì)以后階段的工作起指導(dǎo)作用。本文也是項(xiàng)目完成后系統(tǒng)驗(yàn)收的依據(jù)。0.2 文檔范圍本文檔主要包含以下幾部分：1. 文檔介紹2. 界面設(shè)計(jì)規(guī)范3. 界面關(guān)系圖4. 主界面說明0.3 讀者對(duì)象本文

2、檔的讀者主要包含以下幾類：1. 界面設(shè)計(jì)人員2. 美工人員3. 編碼人員4. 測(cè)試人員0.4 參考文獻(xiàn)提示：列出本文檔的所有參考文獻(xiàn)（可以是非正式出版物），格式如下：標(biāo)識(shí)符 作者，文獻(xiàn)名稱，出版單位（或歸屬單位），日期例如：AAA 作者，立項(xiàng)建議書，機(jī)構(gòu)名稱，日期SPP-PROC-SD SEPG，系統(tǒng)設(shè)計(jì)規(guī)范，機(jī)構(gòu)名稱，日期0.5 術(shù)語與縮寫解釋縮寫、術(shù)語解 釋GIFGraphics Interchange Format的縮寫圖像交換格式的縮寫1. 應(yīng)當(dāng)遵循的界面設(shè)計(jì)規(guī)范界面是軟件與用戶交互的最直接的層，界面的好壞決定用戶對(duì)軟件的第一印象。而且設(shè)計(jì)良好的界面能夠引導(dǎo)用戶自己完成相應(yīng)的操作，起到

3、向?qū)У淖饔谩?用戶原則:1.1：易用性：按鈕名稱應(yīng)該易懂，用詞準(zhǔn)確，屏棄模棱兩可的字眼，要與同一界面上的其他按鈕易于區(qū)分，能望文知意最好, 理想的情況是用戶不用查閱幫助就能知道該界面的功能并進(jìn)行相關(guān)的正確操作。1.2易用性細(xì)則：1):完成同一功能或任務(wù)的元素放在集中位置，減少鼠標(biāo)移動(dòng)的距離。2):按功能將界面劃分局域塊，用Frame框括起來,并要有功能說明或標(biāo)題。3):界面上首先應(yīng)輸入的和重要信息的控件在Tab順序中應(yīng)當(dāng)靠前,位置也應(yīng)放在窗口上較醒目的位置。 4):同一界面上的控件數(shù)最好不要超過10個(gè)，多于10個(gè)時(shí)可以考慮使用分頁界面顯示。 5):復(fù)選框和選項(xiàng)框按選擇幾率的高底而先后排列。6)

4、:復(fù)選框和選項(xiàng)框要有默認(rèn)選項(xiàng)，并支持Tab選擇。7):選項(xiàng)數(shù)相同時(shí)多用選項(xiàng)框而不用下拉列表框。8):界面空間較小時(shí)使用下拉框而不用選項(xiàng)框。9):選項(xiàng)數(shù)叫少時(shí)使用選項(xiàng)框，相反使用下拉列表框。10):專業(yè)性強(qiáng)的軟件要使用相關(guān)的專業(yè)術(shù)語，通用性界面則提倡使用通用性詞眼。2. 界面的關(guān)系圖和工作流程圖2.1前臺(tái)管理完成界面功能一覽界面名稱界面標(biāo)識(shí)功能說明寬帶互聯(lián)網(wǎng)入網(wǎng)登記單accept_innet.aspx填寫客戶的入網(wǎng)信息，提交客戶入網(wǎng)信息。前臺(tái)管理首界面Default.aspx顯示前臺(tái)管理中的全部功能菜單。繳費(fèi)受理fee.aspx.提供繳費(fèi)的條件。繳費(fèi)登記單fee_print.aspx顯示對(duì)應(yīng)客戶

5、的信息及帳戶余額，填寫客戶繳費(fèi)金額。業(yè)務(wù)受理單print.aspx對(duì)駁回的業(yè)務(wù)受理進(jìn)行信息修改。業(yè)務(wù)受理單print_result.aspx顯示搜索結(jié)果。修改密碼user_manage.aspx對(duì)用戶的密碼進(jìn)行修改。XX系統(tǒng)前臺(tái)管理一覽表2.3 界面關(guān)系及工作流程2.3.1前臺(tái)管理界面關(guān)系圖2-1XX系統(tǒng)客戶端界面關(guān)系及工作流程圖3. 界面關(guān)系3.1 登錄界面3.1.1 頁面說明登錄頁面為系統(tǒng)入口頁面，只有通過登錄方可使用系統(tǒng)，不同用戶對(duì)應(yīng)不同權(quán)限，權(quán)限不同的用戶進(jìn)入系統(tǒng)后的界面菜單項(xiàng)是不同的。登錄成功，轉(zhuǎn)向主界面main.jsp。權(quán)限信息參見3.XX權(quán)限設(shè)置頁面。3.1.2 頁面遷移圖補(bǔ)充說

6、明：登錄對(duì)象標(biāo)識(shí)功能操作前臺(tái)管理用戶Login.aspx是非鎖定的經(jīng)過審核的注冊(cè)用戶登錄到新聞管理頁面，管理員則登錄到管理員管理頁面.登錄施工管理用戶Login.aspx后臺(tái)管理用戶Login.aspx3.1.3 頁面說明3.1.3.1 界面原型圖 3-1XX系統(tǒng)登錄界面login.aspx3.1.3.2 輸入控件名稱控件類型欄目名稱必填約束初值Usernametext用戶名最小值10000Passwordpassword密碼非空6-10位LoginButtonsubmit提交補(bǔ)充說明3.1.3.3 處理動(dòng)作步驟處理說明填寫信息1輸入用戶名、密碼點(diǎn)擊登錄2單擊“登錄按鈕”進(jìn)行驗(yàn)證3判斷用戶是否

7、輸入，若無，提示輸入判斷資料4判斷用戶名、密碼是否合法返回信息5顯示提示信息“您的登錄嘗試不成功。請(qǐng)重試?！?.1.3.4 輸出控件名稱控件類型欄目名稱說明3.1.4 前置條件前置條件說明3.1.5 關(guān)聯(lián)數(shù)據(jù)表數(shù)據(jù)表說明BBC_EMPLOYEE存儲(chǔ)用戶的用戶編號(hào)和密碼補(bǔ)充說明讀寫數(shù)據(jù)表時(shí)的注意事項(xiàng)，若簡(jiǎn)單讀取，可空白3.1.6 補(bǔ)充說明：對(duì)于此界面的其他補(bǔ)充說明。3.2 前臺(tái)管理主界面3.2.1 頁面說明顯示前臺(tái)管理中的全部功能菜單。通過功能菜單進(jìn)入相應(yīng)得的功能界面，主顯示區(qū)域顯示主要業(yè)務(wù)申請(qǐng)入網(wǎng)申請(qǐng)，停機(jī)申請(qǐng)，故障申請(qǐng)。單擊入網(wǎng)申請(qǐng)按鈕，進(jìn)入新客戶入網(wǎng)登記單界面。3.2.2 頁面遷移圖補(bǔ)充說

8、明： 寬帶受理和業(yè)務(wù)受理是同一個(gè)界面。3.2.3 頁面說明3.2.3.1 界面原型3.2.3.2 輸入控件名稱控件類型欄目名稱必填約束初值txtAidTextBox業(yè)務(wù)記錄查詢最小值10000ddlTpyeDropDownList駁回的業(yè)務(wù)類型設(shè)定值：入網(wǎng)申請(qǐng)/停機(jī)申請(qǐng)/故障申請(qǐng)。入網(wǎng)申請(qǐng)btnInNetInput業(yè)務(wù)受理入網(wǎng)申請(qǐng)btnStopInput業(yè)務(wù)受理停機(jī)申請(qǐng)btnTroubleInput業(yè)務(wù)受理故障申請(qǐng)補(bǔ)充說明界面中和還有些相同的功能，其控件基本上相似就不在這里一一列出。3.2.3.3 處理業(yè)務(wù)記錄查詢處理：動(dòng)作步驟處理說明填寫受理編號(hào)1輸入受理編號(hào)，非空點(diǎn)擊搜索 2單擊“搜索”進(jìn)

9、行驗(yàn)證3判斷用戶是否輸入，若無，提示輸入打開頁面4打開處理結(jié)果頁面選擇業(yè)務(wù)類型處理：動(dòng)作步驟處理說明選擇下拉1選擇不同的業(yè)務(wù)受理類型顯示記錄2顯示選擇的駁回業(yè)務(wù)受理記錄業(yè)務(wù)受理處理：動(dòng)作步驟處理說明單擊按鈕1單擊需要受理的處理按鈕打開新界面 2顯示進(jìn)行的業(yè)務(wù)受理記錄單3.2.3.4 輸出控件名稱控件類型欄目名稱說明gvListGridView駁回業(yè)務(wù)受理記錄顯示被審核駁回的受理記錄3.2.3.4 前置條件前置條件說明成功登錄系統(tǒng)用戶使用合法的帳號(hào)成功登陸寬帶管理系統(tǒng)3.2.3.5 關(guān)聯(lián)數(shù)據(jù)表數(shù)據(jù)表說明客戶信息表(BBC_CUSTOMER表)存儲(chǔ)客戶信息的表業(yè)務(wù)受理表(BBC_ACCEPT)用業(yè)

10、務(wù)受理表進(jìn)行保存。實(shí)際工作的流程中，業(yè)務(wù)受理需要業(yè)務(wù)受理號(hào)，受理人編號(hào)，時(shí)間日期，審核人編號(hào)，要求等字段內(nèi)容服務(wù)類型表(BBC_SERVICE)業(yè)務(wù)的種類控制也需要進(jìn)行管理業(yè)務(wù)受理類別表(BBC_ACCEPT_TYPE)在業(yè)務(wù)受理的時(shí)候?qū)I(yè)務(wù)信息進(jìn)行區(qū)分補(bǔ)充說明暫無3.2.3.6 補(bǔ)充說明：對(duì)于此界面的其他補(bǔ)充說明。3.3 入網(wǎng)登記單界面3.3.1 頁面說明 入網(wǎng)登記單界面顯示了入網(wǎng)客戶需要填寫的各項(xiàng)信息，并且對(duì)填寫的信息做基本的驗(yàn)證，同時(shí)提供了入網(wǎng)登記單的打印功能。 入網(wǎng)登記單提交完成以后，自動(dòng)生成業(yè)務(wù)受理記錄。 客戶入網(wǎng)成功以后彈出提示信息，失敗同樣顯示提示信息。3.3.2 頁面遷移圖補(bǔ)充

11、說明：用戶填寫客戶填寫基本資料，提交通過腳本檢測(cè)：通過驗(yàn)證提交服務(wù)器程序處理，同時(shí)顯示提示信息。驗(yàn)證沒有通過，返回頁面同時(shí)顯示各項(xiàng)提示信息。3.3.3 頁面說明3.3.3.1 界面原型3.3.3.2 輸入控件名稱控件類型欄目名稱必填約束初值RBL_innetRadioButtonList接入方式定制（注釋1）TbNameTextBox客戶姓名最多8字符RBLPaperRadioButtonList有效證件定制（注釋2）TBPapernTextBox證件號(hào)碼最長(zhǎng)字符數(shù)18RBLUser_typeRadioButtonList客戶類別定制（注釋3）TBAddressTextBox通信地址最長(zhǎng)字符數(shù)

12、50TBPastalcodeTextBox郵政編碼×6位TblinkmanTextBox聯(lián)系人最多8字符TBEmailTextBox常用Email×電子郵件地址TBUnitsTextBox單位最多50字符TBSetAddTextBox安裝地址最多50字符TBphoneTextBox聯(lián)系電話最多5位區(qū)號(hào)最多8號(hào)碼RBLService_content1RadioButtonList組網(wǎng)方式定制（注釋4）RBLService_content2RadioButtonList速率定制（注釋5）RBLService_content3RadioButtonList施工方式定制（注釋6）R

13、BLService_content4RadioButtonList是否調(diào)試定制（注釋7）RBLService_content5RadioButtonList用戶端設(shè)備定制（注釋8）RBLService_content6RadioButtonList繳費(fèi)周期定制（注釋9）DDLServerTypeDropDownList服務(wù)類別定制（注釋10）RBLService_content7RadioButtonList是否優(yōu)惠定制（注釋11）TBMemoTextBox備注最多100字符TBUserRequreTextBox客戶要求×最多100字符注釋說明表：編號(hào)項(xiàng)目定制內(nèi)容1接入方式ADSL接

14、入 LAN接入2有效證件身份證 軍官證 護(hù)照 戶口簿 工商營(yíng)業(yè)執(zhí)照3客戶類別個(gè)人 單位 網(wǎng)吧 單位局域網(wǎng)4組網(wǎng)方式虛擬撥號(hào) 專線 其它5速率512K 1M 1.5M 2M 4M 6M6施工方式電話加裝ADSL 裝電話和ADSL 裝ADSL ISDN改裝ADSL7是否需要調(diào)試是 否8用戶端設(shè)備用戶自備 租用 借用 免費(fèi)提供 其它9繳費(fèi)周期每月 半年 每季度 一年10是否優(yōu)惠是 否11服務(wù)類別60元包月，2M 600元包年，2M 計(jì)時(shí)2元/小時(shí)12受理類別入網(wǎng) 停機(jī) 故障13審核狀態(tài)等待 通過 駁回3.3.3.3 處理動(dòng)作步驟處理說明填寫客戶資料1輸入受理編號(hào)，非空點(diǎn)擊提交申請(qǐng)2單擊“提交申請(qǐng)”按鈕進(jìn)行驗(yàn)證3判斷用戶輸入是否合法，若無后非法，提示輸入顯示提示信息4服務(wù)器程序進(jìn)行處理，返回提示信息3.3.3.4 輸出控件名稱控件類型欄目名稱說明LB_C_IDLabel客戶帳號(hào)顯示客戶提交成功以后的客戶帳號(hào)LB_A_IDLabel受理編號(hào)顯示客戶提交成功以后的受理編號(hào)3.2.3.4 前置條件前置條件說明成功登錄系統(tǒng)用戶使用合法的帳號(hào)成功登陸寬帶管理系統(tǒng)3.2.3.5 關(guān)聯(lián)數(shù)據(jù)表數(shù)據(jù)表說明客戶信息表(BBC_C