系統(tǒng)用戶界面設(shè)計

XX系統(tǒng)顧客界面設(shè)計報告文獻狀態(tài)：[√]初稿[]正式公布[]正在修改文獻標(biāo)記：XX系統(tǒng)-SD-UI現(xiàn)在版本：作者：完畢日期：10機構(gòu)公開信息機構(gòu)公開信息版本歷史版本/狀態(tài)作者參加者起止日期備注新建目錄文檔目的 4文檔范疇 4讀者對象 4參考文獻 4術(shù)語與縮寫解釋 41.應(yīng)當(dāng)遵照的界面設(shè)計規(guī)范 4：易用性： 5易用性細則 52.界面的關(guān)系圖和工作流程圖 5前臺管理完畢界面功效一覽 5界面關(guān)系及工作流程 6前臺管理界面關(guān)系 63.界面關(guān)系 6登錄界面 6頁面闡明 6頁面遷移圖 6頁面闡明 7前置條件 8關(guān)聯(lián)數(shù)據(jù)表 8補充闡明： 8前臺管理主界面 8頁面闡明 8頁面遷移圖 9頁面闡明 9入網(wǎng)登記單界面 11頁面闡明 11頁面遷移圖 11頁面闡明 124．總后總結(jié)： 15

0.文檔介紹文檔目的XX系統(tǒng)《顧客界面設(shè)計報告》。是為了開發(fā)XX系統(tǒng)而編寫，重要面對系統(tǒng)分析員、程序員、測試員、實施員和最后顧客。本闡明書是整個軟件開發(fā)的根據(jù)，它對后來階段的工作起指導(dǎo)作用。本文也是項目完畢后系統(tǒng)驗收的根據(jù)。文檔范疇本文檔重要包含下列幾部分：1.文檔介紹2.界面設(shè)計規(guī)范3.界面關(guān)系圖4.主界面闡明讀者對象本文檔的讀者重要包含下列幾類：1.界面設(shè)計人員2.美工人員3.編碼人員4.測試人員參考文獻提示：列出本文檔的全部參考文獻（能夠是非正式出版物），格式以下：[標(biāo)記符]作者，文獻名稱，出版單位（或歸屬單位），日期例如：[AAA]作者，《立項建議書》，機構(gòu)名稱，日期[SPP-PROC-SD]SEPG，系統(tǒng)設(shè)計規(guī)范，機構(gòu)名稱，日期術(shù)語與縮寫解釋縮寫、術(shù)語解釋GIFGraphicsInterchangeFormat的縮寫－圖像交換格式的縮寫1.應(yīng)當(dāng)遵照的界面設(shè)計規(guī)范界面是軟件與顧客交互的最直接的層，界面的好壞決定顧客對軟件的第一印象。并且設(shè)計良好的界面能夠引導(dǎo)顧客自己完畢對應(yīng)的操作，起到向?qū)У淖饔谩ｎ櫩驮瓌t:：易用性：按鈕名稱應(yīng)當(dāng)易懂，用詞精確，屏棄模棱兩可的字眼，要與同一界面上的其它按鈕易于分辨，能望文知意最佳,抱負的狀況是顧客不用查閱協(xié)助就能懂得該界面的功效并進行有關(guān)的對的操作。易用性細則：1):完畢同一功效或任務(wù)的元素放在集中位置，減少鼠標(biāo)移動的距離。2):按功效將界面劃分局域塊，用Frame框括起來,并要有功效闡明或標(biāo)題。3):界面上首先應(yīng)輸入的和重要信息的控件在Tab次序中應(yīng)當(dāng)靠前,位置也應(yīng)放在窗口上較醒目的位置。4):同一界面上的控件數(shù)最佳不要超出10個，多于10個時能夠考慮使用分頁界面顯示。5):復(fù)選框和選項框按選擇幾率的高底而先后排列。6):復(fù)選框和選項框要有默認選項，并支持Tab選擇。7):選項數(shù)相似時多用選項框而不用下拉列表框。8):界面空間較小時使用下拉框而不用選項框。9):選項數(shù)叫少時使用選項框，相反使用下拉列表框。10):專業(yè)性強的軟件要使用有關(guān)的專業(yè)術(shù)語，通用性界面則倡導(dǎo)使用通用性詞眼。2.界面的關(guān)系圖和工作流程圖前臺管理完畢界面功效一覽界面名稱界面標(biāo)記功效闡明寬帶互聯(lián)網(wǎng)入網(wǎng)登記單填寫客戶的入網(wǎng)信息，提交客戶入網(wǎng)信息。前臺管理首界面顯示前臺管理中的全部功效菜單。繳費受理.提供繳費的條件。繳費登記單顯示對應(yīng)客戶的信息及帳戶余額，填寫客戶繳費金額。業(yè)務(wù)受理單對駁回的業(yè)務(wù)受理進行信息修改。業(yè)務(wù)受理單顯示搜索成果。修改密碼對顧客的密碼進行修改。XX系統(tǒng)前臺管理一覽表界面關(guān)系及工作流程2.3.1前臺管理界面關(guān)系圖2-1XX系統(tǒng)客戶端界面關(guān)系及工作流程圖3.界面關(guān)系登錄界面3.1.1頁面闡明登錄頁面為系統(tǒng)入口頁面，只有通過登錄方可使用系統(tǒng)，不同顧客對應(yīng)不同權(quán)限，權(quán)限不同的顧客進入系統(tǒng)后的界面菜單項是不同的。登錄成功，轉(zhuǎn)向主界面。權(quán)限信息參見權(quán)限設(shè)立頁面。3.1.2頁面遷移圖補充闡明：登錄對象標(biāo)記功效操作前臺管理顧客是非鎖定的通過審核的注冊顧客登錄到新聞管理頁面，管理員則登錄到管理員管理頁面.登錄施工管理顧客后臺管理顧客3.1.3頁面闡明3.1.3.1界面原型圖3-1XX系統(tǒng)登錄界面3.1.3.2輸入控件名稱控件類型欄目名稱必填約束初值Usernametext顧客名√最小值10000Passwordpassword密碼√非空6-10位LoginButtonsubmit提交補充闡明3.1.3.3解決動作環(huán)節(jié)解決闡明填寫信息1輸入顧客名、密碼點擊登錄2單擊“登錄按鈕”進行驗證3判斷顧客與否輸入，若無，提示輸入判斷資料4判斷顧客名、密碼與否正當(dāng)返回信息5顯示提示信息“您的登錄嘗試不成功。請重試?！?.1.3.4輸出控件名稱控件類型欄目名稱闡明3.1.4前置條件前置條件闡明3.1.5關(guān)聯(lián)數(shù)據(jù)表數(shù)據(jù)表闡明BBC_EMPLOYEE存儲顧客的顧客編號和密碼補充闡明讀寫數(shù)據(jù)表時的注意事項，若簡樸讀取，可空白3.1.6補充闡明：對于此界面的其它補充闡明。前臺管理主界面3.2.1頁面闡明顯示前臺管理中的全部功效菜單。通過功效菜單進入對應(yīng)得的功效界面，主顯示區(qū)域顯示重要業(yè)務(wù)申請—入網(wǎng)申請，停機申請，故障申請。單擊入網(wǎng)申請按鈕，進入新客戶入網(wǎng)登記單界面。3.2.2頁面遷移圖補充闡明：寬帶受理和業(yè)務(wù)受理是同一種界面。3.2.3頁面闡明3.2.3.1界面原型3.2控件名稱控件類型欄目名稱必填約束初值txtAidTextBox業(yè)務(wù)統(tǒng)計查詢最小值10000ddlTpyeDropDownList駁回的業(yè)務(wù)類型√設(shè)定值：入網(wǎng)申請/停機申請/故障申請。入網(wǎng)申請btnInNetInput業(yè)務(wù)受理入網(wǎng)申請btnStopInput業(yè)務(wù)受理停機申請btnTroubleInput業(yè)務(wù)受理故障申請補充闡明界面中和尚有些相似的功效，其控件基本上相似就不在這里一一列出。3.2.3.3解決業(yè)務(wù)統(tǒng)計查詢解決：動作環(huán)節(jié)解決闡明填寫受理編號1輸入受理編號，非空點擊搜索2單擊“搜索”進行驗證3判斷顧客與否輸入，若無，提示輸入打開頁面4打開解決成果頁面選擇業(yè)務(wù)類型解決：動作環(huán)節(jié)解決闡明選擇下拉1選擇不同的業(yè)務(wù)受理類型顯示統(tǒng)計2顯示選擇的駁回業(yè)務(wù)受理統(tǒng)計業(yè)務(wù)受理解決：動作環(huán)節(jié)解決闡明單擊按鈕1單擊需要受理的解決按鈕打開新界面2顯示進行的業(yè)務(wù)受理統(tǒng)計單3.2控件名稱控件類型欄目名稱闡明gvListGridView駁回業(yè)務(wù)受理統(tǒng)計顯示被審核駁回的受理統(tǒng)計3.2.前置條件闡明成功登錄系統(tǒng)顧客使用正當(dāng)?shù)膸ぬ柍晒Φ顷憣拵Ч芾硐到y(tǒng)3.2數(shù)據(jù)表闡明客戶信息表(BBC_CUSTOMER表)存儲客戶信息的表業(yè)務(wù)受理表(BBC_ACCEPT)用業(yè)務(wù)受理表進行保存。實際工作的流程中，業(yè)務(wù)受理需要業(yè)務(wù)受理號，受理人編號，時間日期，審核人編號，規(guī)定等字段內(nèi)容服務(wù)類型表(BBC_SERVICE)業(yè)務(wù)的種類控制也需要進行管理業(yè)務(wù)受理類別表(BBC_ACCEPT_TYPE)在業(yè)務(wù)受理的時候?qū)I(yè)務(wù)信息進行分辨補充闡明暫無3.2.對于此界面的其它補充闡明。入網(wǎng)登記單界面3.3.1頁面闡明入網(wǎng)登記單界面顯示了入網(wǎng)客戶需要填寫的各項信息，并且對填寫的信息做基本的驗證，同時提供了入網(wǎng)登記單的打印功效。入網(wǎng)登記單提交完畢后來，自動生成業(yè)務(wù)受理統(tǒng)計。客戶入網(wǎng)成功后來彈出提示信息，失敗同樣顯示提示信息。3.3.2頁面遷移圖補充闡明：顧客填寫客戶填寫基本資料，提交通過腳本檢測：通過驗證提交服務(wù)器程序解決，同時顯示提示信息。驗證沒有通過，返回頁面同時顯示各項提示信息。3.3.3頁面闡明3.3.3.1界面原型3.3.3.2輸入控件名稱控件類型欄目名稱必填約束初值RBL_innetRadioButtonList接入方式√定制（注釋1）TbNameTextBox客戶姓名√最多8字符RBLPaperRadioButtonList有效證件√定制（注釋2）TBPapernTextBox證件號碼√最長字符數(shù)18RBLUser_typeRadioButtonList客戶類別√定制（注釋3）TBAddressTextBox通信地址√最長字符數(shù)50TBPastalcodeTextBox郵政編碼×6位TblinkmanTextBox聯(lián)系人√最多8字符TBEmailTextBox慣用Email×電子郵件地址TBUnitsTextBox單位√最多50字符TBSetAddTextBox安裝地址√最多50字符TBphoneTextBox聯(lián)系電話√最多5位區(qū)號—最多8號碼RBLService_content1RadioButtonList組網(wǎng)方式√定制（注釋4）RBLService_content2RadioButtonList速率√定制（注釋5）RBLService_content3RadioButtonList施工方式√定制（注釋6）RBLService_content4RadioButtonList與否調(diào)試√定制（注釋7）RBLService_content5RadioButtonList顧客端設(shè)備√定制（注釋8）RBLService_content6RadioButtonList繳費周期√定制（注釋9）DDLServerTypeDropDownList服務(wù)類別√定制（注釋10）RBLService_content7RadioButtonList與否優(yōu)惠定制（注釋11）TBMemoTextBox備注√最多100字符TBUserRequreTextBox客戶規(guī)定×最多100字符注釋闡明表：編號項目定制內(nèi)容1接入方式□ADSL接入□LAN接入2有效證件□身份證□軍官證□護照□戶口簿□工商營業(yè)執(zhí)照3客戶類別□個人□單位□網(wǎng)吧□單位局域網(wǎng)4組網(wǎng)方式□虛擬撥號□專線□其它5速率□512K□1M□1.5M□2M□4M□6M6施工方式□電話加裝ADSL□裝電話和ADSL□裝ADSL□ISDN改裝ADSL7與否需要調(diào)試□是□否8顧客端設(shè)備□顧客自備□租用□借用□免費提供□其它9繳費周期□每月□六個月□每季度□一年10與否優(yōu)惠□是□否11服務(wù)類別□60元包月，2M□600元包年，2M□計時2元/小時12受理類別□入網(wǎng)□停機□故障13審核狀態(tài)□等待□通過□駁回3.3.3.3解決動作環(huán)節(jié)解決闡明填寫客戶資料1輸入受理編號，非空點擊提交申請2單擊“提交申請”按鈕進行驗證3判斷顧客輸入與否正當(dāng)，若無后非法，提示輸入顯示提示信息4服務(wù)器程序進行解決，返回提示信息3.3.3.4輸出控件名稱控件類型欄目名稱闡明LB_C_IDLabel客戶帳號顯示客戶提交成功后來的客戶帳號LB_A_IDLabel受理編號顯示客戶提交成功后來的受理編號3.2.3.4前置條件前置條件闡明成功登錄系統(tǒng)顧客使用正當(dāng)?shù)膸ぬ柍晒Φ顷憣拵Ч芾硐到y(tǒng)3.2.3.5關(guān)聯(lián)數(shù)