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

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