寬帶收費(fèi)管理系統(tǒng)

1、寬帶收費(fèi)管理系統(tǒng)用戶界面設(shè)計(jì)報(bào)告文件狀態(tài)：文件標(biāo)識(shí)：寬帶收費(fèi)管理系統(tǒng)-SD-UIV 草稿當(dāng)前版本：1.0正式發(fā)布作者：正在修改完成日期：07-03-14機(jī)構(gòu)公開(kāi)信息版本歷史版本/狀態(tài)作者參與者起止日期備注|1.0新建目錄0.1文檔目的40.2文檔范圍 40.3讀者對(duì)象40.4參考文獻(xiàn)40.5術(shù)語(yǔ)與縮寫解釋41. 應(yīng)當(dāng)遵循的界面設(shè)計(jì)規(guī)范 41.1 :易用性:51.2易用性細(xì)則 52. 界面的關(guān)系圖和工作流程圖 52.1前臺(tái)管理完成界面功能一覽 52.3界面關(guān)系及工作流程 6前臺(tái)管理界面關(guān)系 63. 界面關(guān)系63.1登錄界面6頁(yè)面說(shuō)明6頁(yè)面遷移圖6頁(yè)面說(shuō)明7前置條件8關(guān)聯(lián)數(shù)據(jù)表8補(bǔ)充說(shuō)明：83.2

2、前臺(tái)管理主界面8頁(yè)面說(shuō)明8頁(yè)面遷移圖9頁(yè)面說(shuō)明93.3入網(wǎng)登記單界面 11頁(yè)面說(shuō)明11頁(yè)面遷移圖 11頁(yè)面說(shuō)明124 .總后總結(jié)： 錯(cuò)誤!未定義書(shū)簽。0.文檔介紹0.1文檔目的寬帶收費(fèi)管理系統(tǒng)用戶界面設(shè)計(jì)報(bào)告。是為了開(kāi)發(fā)寬帶收費(fèi)管理系統(tǒng)而編寫，主要面向系統(tǒng)分析員、程序員、測(cè)試員、實(shí)施員和最終用戶。本說(shuō)明書(shū)是整個(gè)軟件開(kāi)發(fā)的依據(jù)，它對(duì)以后階段的工作起指導(dǎo)作用。本文也是項(xiàng)目完成 后系統(tǒng)驗(yàn)收的依據(jù)。0.2文檔范圍本文檔主要包含以下幾部分：1. 文檔介紹2. 界面設(shè)計(jì)規(guī)范3. 界面關(guān)系圖4. 主界面說(shuō)明0.3讀者對(duì)象本文檔的讀者主要包含以下幾類：1. 界面設(shè)計(jì)人員2. 美工人員3. 編碼人員4. 測(cè)試人

3、員0.4參考文獻(xiàn)提示：列出本文檔的所有參考文獻(xiàn)（可以是非正式出版物），格式如下：標(biāo)識(shí)符作者，文獻(xiàn)名稱，出版單位（或歸屬單位），日期例如：AAA作者，立項(xiàng)建議書(shū)，機(jī)構(gòu)名稱，日期SPP-PROC-SD SEPG,系統(tǒng)設(shè)計(jì)規(guī)范，機(jī)構(gòu)名稱，日期0.5術(shù)語(yǔ)與縮寫解釋縮寫、術(shù)語(yǔ)解釋GIFGraphics Interchange Format的縮寫圖像交換格式的縮寫1. 應(yīng)當(dāng)遵循的界面設(shè)計(jì)規(guī)范界面是軟件與用戶交互的最直接的層，界面的好壞決定用戶對(duì)軟件的第一印象。而且設(shè) 計(jì)良好的界面能夠引導(dǎo)用戶自己完成相應(yīng)的操作，起到向?qū)У淖饔?。用戶原則：1.1 :易用性：按鈕名稱應(yīng)該易懂，用詞準(zhǔn)確，屏棄模棱兩可的字眼，要與

4、同一界面上的其他按鈕易于 區(qū)分，能望文知意最好，理想的情況是用戶不用查閱幫助就能知道該界面的功能并進(jìn)行相關(guān) 的正確操作。1.2易用性細(xì)則：1) :完成同一功能或任務(wù)的元素放在集中位置，減少鼠標(biāo)移動(dòng)的距離。2) :按功能將界面劃分局域塊，用Frame框括起來(lái)，并要有功能說(shuō)明或標(biāo)題。3) :界面上首先應(yīng)輸入的和重要信息的控件在Tab順序中應(yīng)當(dāng)靠前，位置也應(yīng)放在窗口上較醒目的位置。4) :同一界面上的控件數(shù)最好不要超過(guò)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)框而

5、不用下拉列表框。8) :界面空間較小時(shí)使用下拉框而不用選項(xiàng)框。9) :選項(xiàng)數(shù)叫少時(shí)使用選項(xiàng)框，相反使用下拉列表框。10) :專業(yè)性強(qiáng)的軟件要使用相關(guān)的專業(yè)術(shù)語(yǔ)，通用性界面則提倡使用通用性詞眼。2. 界面的關(guān)系圖和工作流程圖2.1前臺(tái)管理完成界面功能一覽界面名稱界面標(biāo)識(shí)功能說(shuō)明寬帶互聯(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)客戶的信息及帳戶余額，填寫客戶繳費(fèi)金額。業(yè)務(wù)受理單print.aspx對(duì)駁回

6、的業(yè)務(wù)受理進(jìn)行信息修改。業(yè)務(wù)受理單print_result.aspx顯示搜索結(jié)果。修改密碼user_ma nage.aspx對(duì)用戶的密碼進(jìn)行修改。寬帶收費(fèi)管理系統(tǒng)前臺(tái)管理一覽表2.3界面關(guān)系及工作流程前臺(tái)管理界面關(guān)系業(yè)務(wù)查詢業(yè)務(wù)受理修改密碼搜索結(jié)果查詢結(jié)果_ 查詢結(jié)果"：繳費(fèi)登記_ ：（詳細(xì)資料（詳細(xì)資料J 新客戶入網(wǎng)7故障申請(qǐng)1'停機(jī)申請(qǐng)圖2-1寬帶收費(fèi)管理系統(tǒng)客戶端界面關(guān)系及工作流程圖3. 界面關(guān)系3.1登錄界面3.1.1 頁(yè)面說(shuō)明登錄頁(yè)面為系統(tǒng)入口頁(yè)面，只有通過(guò)登錄方可使用系統(tǒng)，不同用戶對(duì)應(yīng)不同權(quán)限，權(quán)限 不同的用戶進(jìn)入系統(tǒng)后的界面菜單項(xiàng)是不同的。登錄成功，轉(zhuǎn)向主界面m

7、ai n.jsp。權(quán)限信息參見(jiàn)3.XX權(quán)限設(shè)置頁(yè)面。3.1.2 頁(yè)面遷移圖前臺(tái)管理主界面后臺(tái)管理主界面>施工管理主界面補(bǔ)充說(shuō)明:登錄對(duì)象標(biāo)識(shí)功能操作前臺(tái)管理用戶Login.aspx是非鎖定的經(jīng)過(guò)審核 的注冊(cè)用戶登錄到新聞管 理頁(yè)面，管理員則登錄到管登錄施工管理用戶Login.aspx后臺(tái)管理用戶Login.aspx理員管理頁(yè)面.3.1.3 頁(yè)面說(shuō)明界面原型圖3-1寬帶收費(fèi)管理系統(tǒng)登錄界面login.aspx3.1.3.2 輸入控件名稱控件類型欄目名稱必填約束初值Usernametext用戶名V最小值10000Passwordpassword密碼V非空6-10 位LoginButtonsu

8、bmit提交補(bǔ)充說(shuō)明3.1.3.3 處理動(dòng)作步驟處理說(shuō)明填寫信息1輸入用戶名、密碼點(diǎn)擊登錄2單擊“登錄按鈕”進(jìn)行驗(yàn)證3判斷用戶是否輸入，若無(wú)，提示輸入判斷資料4判斷用戶名、密碼是否合法返回信息5顯示提示信息“您的登錄嘗試不成功。請(qǐng)重試。”3.1.3.4 輸出控件名稱控件類型欄目名稱說(shuō)明前置條件前置條件說(shuō)明關(guān)聯(lián)數(shù)據(jù)表數(shù)據(jù)表說(shuō)明BBC_EMPLOYEE存儲(chǔ)用戶的用戶編號(hào)和密碼補(bǔ)充說(shuō)明讀寫數(shù)據(jù)表時(shí)的注意事項(xiàng)，若簡(jiǎn)單讀取，可空白補(bǔ)充說(shuō)明:對(duì)于此界面的其他補(bǔ)充說(shuō)明。3.2前臺(tái)管理主界面頁(yè)面說(shuō)明 顯示前臺(tái)管理中的全部功能菜單。通過(guò)功能菜單進(jìn)入相應(yīng)得的功能界面，主顯示區(qū)域顯示主 要業(yè)務(wù)申請(qǐng)一入網(wǎng)申請(qǐng)，停機(jī)申

9、請(qǐng)，故障申請(qǐng)。單擊入網(wǎng)申請(qǐng)按鈕，進(jìn)入新客戶入網(wǎng)登記單界面。3.2.2頁(yè)面遷移圖補(bǔ)充說(shuō)明：寬帶受理和業(yè)務(wù)受理是同一個(gè)界面。323 頁(yè)面說(shuō)明323.1界面原型&寬帶收費(fèi)管理系:統(tǒng)3 業(yè)張曼理I遭聲捷建I塑撥旻謝丨業(yè)勢(shì)抽 I逼岀垃當(dāng)“KLP很毒用戶怯號(hào)：10DODwfiss'i:Si 臺(tái)営理注隆取曹鳥(niǎo)I_js，|違剖甲I扎網(wǎng)G骨II 如申囁I業(yè)昜記至可詢：號(hào)厘鋁:槪奎専戶佔(zhàn)哩刑6琴4SP<«昏星HHk10043UMQ4111AF?10U4S1OD26111入網(wǎng)WBl1000710333111AFi««!1001710K5張飛AnttBTIOOJ91

10、W入屐L0LO71033dAf*CM&M的業(yè)爵疑、二阿申詒黃于卸 I KSKfi |誕iRh |用尸刖n I K£H1E£ti T 二 遼訓(xùn) fl 崩*，阪杖Mf百 Ccpyrigti “ SOOS AllX«e甘丹弓市丁糧爭(zhēng)奇働FJi打監(jiān)此甲建說(shuō)用戶伊剁山"聽(tīng)&芬暉寶貯323.2輸入控件名稱控件類型欄目名稱必填約束初值txtAidTextBox業(yè)務(wù)記錄查詢最小值10000ddITpyeDropDownList駁回的業(yè)務(wù)類型7設(shè)定值：入網(wǎng)申請(qǐng)/停機(jī)申 請(qǐng)/故障申請(qǐng)。入網(wǎng)申請(qǐng)btnlnNetnput業(yè)務(wù)受理入網(wǎng)申請(qǐng)btnStopnput業(yè)務(wù)

11、受理停機(jī)申請(qǐng)btnTroublenput業(yè)務(wù)受理故障申請(qǐng)補(bǔ)充說(shuō)明界面中和還有些相同的功能，其控件基本上相似就不在這里一一列出。323.3處理爰理騙尋''烷導(dǎo)不需垢.W業(yè)務(wù)記錄查詢處理:動(dòng)作步驟處理說(shuō)明填寫受理編號(hào)1輸入受理編號(hào)，非空點(diǎn)擊搜索2單擊“搜索”進(jìn)行驗(yàn)證3判斷用戶是否輸入，若無(wú)，提示輸入打開(kāi)頁(yè)面4打開(kāi)處理結(jié)果頁(yè)面選擇業(yè)務(wù)類型處理:動(dòng)作步驟處理說(shuō)明選擇下拉1選擇不同的業(yè)務(wù)受理類型顯示記錄2顯示選擇的駁回業(yè)務(wù)受理記錄業(yè)島燮理.入網(wǎng)申諳停機(jī)申請(qǐng)故厚申請(qǐng)業(yè)務(wù)受理處理:動(dòng)作步驟處理說(shuō)明單擊按鈕1單擊需要受理的處理按鈕打開(kāi)新界面2顯示進(jìn)行的業(yè)務(wù)受理記錄單3.2.3.4 輸出控件名稱

12、控件類型欄目名稱說(shuō)明gvListGridView駁回業(yè)務(wù)受理記錄顯示被審核駁回的受理記錄323.4前置條件前置條件說(shuō)明成功登錄系統(tǒng)用戶使用合法的帳號(hào)成功登陸寬帶管理系統(tǒng)323.5關(guān)聯(lián)數(shù)據(jù)表數(shù)據(jù)表說(shuō)明客戶信息表(BBC_CUSTOMER 表)存儲(chǔ)客戶信息的表業(yè)務(wù)受理表(BBC ACCEPT)用業(yè)務(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ǔ)充說(shuō)明暫無(wú)323.6補(bǔ)充說(shuō)明:對(duì)于此界面的其他補(bǔ)

13、充說(shuō)明。3.3入網(wǎng)登記單界面頁(yè)面說(shuō)明入網(wǎng)登記單界面顯示了入網(wǎng)客戶需要填寫的各項(xiàng)信息，并且對(duì)填寫的信息做基本的驗(yàn)證,同時(shí)提供了入網(wǎng)登記單的打印功能。入網(wǎng)登記單提交完成以后，自動(dòng)生成業(yè)務(wù)受理記錄?？蛻羧刖W(wǎng)成功以后彈出提示信息，失敗同樣顯示提示信息。3.3.2 頁(yè)面遷移圖補(bǔ)充說(shuō)明：用戶填寫客戶填寫基本資料，提交通過(guò)腳本檢測(cè)：通過(guò)驗(yàn)證提交服務(wù)器程序處理，同時(shí) 顯示提示信息。驗(yàn)證沒(méi)有通過(guò)，返回頁(yè)面同時(shí)顯示各項(xiàng)提示信息。333 頁(yè)面說(shuō)明界面原型寬帶互聯(lián)網(wǎng)入網(wǎng)登記單業(yè)昜提五：加占標(biāo)號(hào)的恵頂請(qǐng)您務(wù)必填寫藝生缶號(hào),2U5S客尸議號(hào):10D66懺入方式：Q JIIKLALAfX*1. :S戶資糾（專戶境場(chǎng)）I *

14、有律證伴：廠身般注廣罕官狂廠1AH廣戶匚廠簿工百養(yǎng)業(yè)訥艇*證甘號(hào)嗎：1 *用尸SSU：廣牛人廣険廣網(wǎng)吧廣單位局憾冋客尸泰車：dd單位:1卞逋信flit：1h廉S!瑪：1 o厳垂人：1h図系龍番：1 *話用E丄1丄：1宜叢11址：1G乙用苓頂目C諸薯戶說(shuō)就冨，棄焼帚溜TI帰前面工錚）擔(dān)網(wǎng)力式：r虛in按導(dǎo)專繼廣且尿湮平：廣12K廣比廣九邛兇廣4M廣加苣工方宴：廣電諭粽AD孔廣誤電iSUSL粽PJISL邁口政糕燦EL*是舌需哥調(diào)試：廠是秦用尸貳畫備：廠用戸目雷廠租用廠世用廠至費(fèi)握棗r耳它*軸費(fèi)周期：廣母E廠半年廣更至度廠一費(fèi)是否慎惠：廠是廠否*參蠢擔(dān)：1 *3. ft®1i申誦丙田不人祁

15、宙百明上苯席三F1勞全庫(kù)翼并呂已越識(shí)京國(guó)有同盍求登怔申頁(yè)血帽音的匚互甘 網(wǎng)服等的鍛日剛吋1問(wèn):2045 12 25 15： 95 ： 45*提交申請(qǐng)?jiān)蠬打卬人魅鱉記單3.3.3.2 輸入控件名稱控件類型欄目名稱必填約束初值RBL_innetRadioButtonList接入方式V定制（注釋1）TbNameTextBox客戶姓名V最多8字符RBLPaperRadioButtonList有效證件V定制（注釋2）TBPapernTextBox證件號(hào)碼V最長(zhǎng)字符數(shù)18RBLUser_typeRadioButtonList客戶類別V定制（注釋3）TBAddressTextBox通信地址V最長(zhǎng)字符數(shù)50T

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

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

18、 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)等待 通過(guò) 駁回3.3.3.3 處理動(dòng)作步驟處理說(shuō)明填寫客戶資料1輸入受理編號(hào)，非空點(diǎn)擊提交申請(qǐng)2單擊“提交申請(qǐng)”按鈕進(jìn)行驗(yàn)證3判斷用戶輸入是否合法，若無(wú)后非法，提示輸入顯示提示信息4服務(wù)器程序進(jìn)行處理，返回提示信息3.3.3.4 輸出控件名稱控件類型欄目名稱說(shuō)明LB_C_IDLabel客戶帳號(hào)顯示客戶提交成功以后的客戶帳號(hào)LB