寬帶收費(fèi)管理系統(tǒng)用戶界面設(shè)計(jì)

《寬帶收費(fèi)管理系統(tǒng)用戶界面設(shè)計(jì)》由會員分享，可在線閱讀，更多相關(guān)《寬帶收費(fèi)管理系統(tǒng)用戶界面設(shè)計(jì)（29頁珍藏版）》請?jiān)谘b配圖網(wǎng)上搜索。

1、寬帶收費(fèi)管理系統(tǒng)用戶界面設(shè) 計(jì) Hands@n 寬帶收費(fèi)管理系統(tǒng) 用戶界面設(shè)計(jì)報(bào)告 版本歷史 版本/ 狀態(tài) 作者 參與 者 起止日期 備注 1.0 新建 文檔目的 6 0.1 0.2 0.3 0.4 0.5 目錄 文檔范圍 6 讀者對象 6 參考文獻(xiàn) 6 術(shù)語與縮寫解釋 7 1. 應(yīng)當(dāng)遵循的界面設(shè)計(jì)規(guī)范 7 1.1：易用性： 7 1.2 易用性細(xì)則 7 2. 界面的關(guān)系圖和工作流程圖 8 2.1前臺管理完成界面功能一覽 8 2.3 界面關(guān)系及工作流程

2、 9 2.3.1 前臺管理界面關(guān)系 9 3. 界面關(guān)系 9 3.1 登錄界面 9 3.1.1 頁面說明 9 3.1.2 頁面遷移圖 10 3.1.3 頁面說明 10 3.1.4 前置條件 12 3.1.5 關(guān)聯(lián)數(shù)據(jù)表 12 3.1.6 補(bǔ)充說明： 13 3.2 前臺管理主界面 13 3.2.1 頁面說明 13 3.2.2 頁面遷移圖 14 3.2.3 頁面說明 15 3.3 入網(wǎng)登記單界面 19 3.3.1 頁面說明 19 3.3.2 頁面遷移圖 20 3.3.3 頁面說明 21 4．總后總結(jié)： 27 0. 文

3、檔介紹 0.1文檔目的 寬帶收費(fèi)管理系統(tǒng)《用戶界面設(shè)計(jì)報(bào)告》。是 為了開發(fā)寬帶收費(fèi)管理系統(tǒng)而編寫，主要面向系 統(tǒng)分析員、程序員、測試員、實(shí)施員和最終用戶。 本說明書是整個軟件開發(fā)的依據(jù)，它對以后階 段的工作起指導(dǎo)作用。本文也是項(xiàng)目完成后系統(tǒng) 驗(yàn)收的依據(jù)。 0.2本文檔文范圍檔主要包含以下幾部分 1. 文檔介紹 2. 界面設(shè)計(jì)規(guī)范 3. 界面關(guān)系圖 0.3 4. 主界面說明 本讀者文對象檔的讀者主要包含以下幾類 1. 界面設(shè)計(jì)人員 3. 編碼人員 4. 測試人員 2. 美工人員 正式提出示版：物列）出，本格文式檔如的下所：有參考文獻(xiàn)（可以是非 單位[標(biāo)）識，符日] 期作

4、者，文獻(xiàn)名稱，出版單位（或歸屬 例如： [AAA] 作者，《立項(xiàng)建議書》，機(jī)構(gòu)名稱，日期 [SPP-PROC-SD] SEPG,系統(tǒng)設(shè)計(jì)規(guī)范，機(jī)構(gòu)名稱，日期 1. 應(yīng)當(dāng)遵循的界面設(shè)計(jì)規(guī)范 用戶原則: 模于用正 棄易不的 屏鈕戶關(guān) 準(zhǔn)確他是行 準(zhǔn)其況進(jìn) 詞的情并 用上的能 ，面想功 懂界理的 易一,面 該同好界 應(yīng)與最該 性：稱要意道 用性名，知知 ：易鈕眼文能 1.按字望就。 Amgj.二 0.5術(shù)語與縮寫解釋 縮寫、術(shù)語 解^ GIF Graphics Interchange Format的縮寫一圖像交換格式的縮寫 1.2易用性細(xì)則

5、： 1) :完成同一功能或任務(wù)的元素放在集中位置，減 少鼠標(biāo)移動的距離。 2) :按功能將界面劃分局域塊，用Frame框括起來, 并要有功能說明或標(biāo)題。 3) :界面上首先應(yīng)輸入的和重要信息的控件在Ta b順序中應(yīng)當(dāng)靠前,位置也應(yīng)放在窗口上較醒目 的位置。 4) :同一界面上的控件數(shù)最好不要超過10個，多 于10個時可以考慮使用分頁界面顯示。 5) :復(fù)選框和選項(xiàng)框按選擇幾率的高底而先后排 列。 6) :復(fù)選框和選項(xiàng)框要有默認(rèn)選項(xiàng)，并支持Tab 選擇。 7) :選項(xiàng)數(shù)相同時多用選項(xiàng)框而不用下拉列表框。 8) :界面空間較小時使用下拉框而不用選項(xiàng)框。 9) :選項(xiàng)數(shù)叫少時使用

6、選項(xiàng)框，相反使用下拉列表 框。 10) :專業(yè)性強(qiáng)的軟件要使用相關(guān)的專業(yè)術(shù)語，通 用性界面則提倡使用通用性詞眼。 2. 界面的關(guān)系圖和工作流程圖 2.1前臺管理完成界面功能一覽 界面名 稱 界面標(biāo)識 功能說明 寬帶互聯(lián)網(wǎng)入網(wǎng)登 記單 accept_innet.aspx 填寫客戶的入網(wǎng)信息，提交客戶入網(wǎng)信 息。 前臺管理首界面 Default.aspx 顯示前臺管理中的全部功能菜單。 繳費(fèi)受理 fee.aspx. 提供繳費(fèi)的條件。 繳費(fèi)登記單 fee_print.aspx 顯示對應(yīng)客戶的信息及帳戶余額，填寫 客戶繳費(fèi)金額。 業(yè)務(wù)受理單 print.a

7、spx 對駁回的業(yè)務(wù)受理進(jìn)行信息修改。 業(yè)務(wù)受 理單 print_result.aspx 顯示搜索結(jié)果。 修改密碼 user_manage.aspx 對用戶的密碼進(jìn)行修改。 寬帶收費(fèi)管理系統(tǒng)前臺管理一覽表 2.3界面關(guān)系及工作流程 前臺管理界面關(guān)系 〔前臺管理界面） ■〔查詢結(jié)果）（查詢結(jié)果〕〔繳費(fèi)登記］ （修改密碼〕［搜索結(jié)果］〔業(yè)務(wù)查詢X繳費(fèi)受理］［業(yè)務(wù)受理:I G羊細(xì)資料J （詳細(xì)資料 |新客戶入網(wǎng)| 丫停機(jī)申請 圖2-1寬帶收費(fèi)管理系統(tǒng)客戶端界面關(guān)系及工作流程圖 3. 界面關(guān)系 3.1登錄界面 頁面說明 權(quán)只限有，同通的權(quán)過限。登不錄同方的可

8、 登限成功，轉(zhuǎn)向主X權(quán)限設(shè)置頁。?！? 頁面遷移圖 登錄對象I標(biāo)識I功能^操作 登錄對象 標(biāo)識 功能 操作 前臺管理用戶 Login.aspx 是非鎖定的經(jīng)過審核 的注冊用戶登錄到新聞管 理頁面，管理員則登錄到管 理員管理頁面. 登錄 施工管理用戶 Login.aspx 后臺管理用戶 Login.aspx 頁面說明 3.1.3.1 界面原型 圖3-1寬帶收費(fèi)管理系統(tǒng)登錄界面login.aspx

9、 3.1.3.2 輸入 控件 名稱 控件 類型 欄目名 稱 必 填 約束 初值 Usern ame text 用戶名 V 最小 值 10000 Passw ord passw ord ■密碼 V 非空 6-10 位 Login Button subm it ■提交 補(bǔ)充 說明 3.1.3.3 處理 動作 步 驟 處理說明 信息 1 輸入用戶名、密碼 點(diǎn)擊 登錄 2 單擊“登錄按鈕” 進(jìn)^ 驗(yàn)證 3 判斷用戶是否輸入，若無，提示 輸入 判斷

10、 資料 4 判斷用戶名、密碼是否合法 返回 信息 5 顯示提示信息“您的登錄嘗試不 成功。請重試。” 3.1.3.4 輸出 控件名 稱 控件 類型 欄目名 稱 說明 前置條件 數(shù)據(jù)表 說明 BBC_E 存儲用戶的用戶編號和密碼 MPLOY EE 補(bǔ)充說 明 讀寫數(shù)據(jù)表時的注意事項(xiàng)，若簡 單讀取，可空白 補(bǔ)充說明： 對于此界面的其他補(bǔ)充說明。 3.2前臺管理主界面 頁面說明 顯示前臺管理中的全部功能菜單。通過功能菜單 進(jìn)入相應(yīng)得的功能界面，主顯示區(qū)域顯示主要業(yè) 務(wù)申請

11、—入網(wǎng)申請，停機(jī)申請，故障申請。 單擊入網(wǎng)申請按鈕，進(jìn)入新客戶入網(wǎng)登記單界 面。 頁面遷移圖 〔前臺管理界面〕 業(yè)務(wù)受理 故障申請 停機(jī)申請 、新客戶入網(wǎng) 〔繳費(fèi)登記） 繳費(fèi)受理） 業(yè)務(wù)查詢）- 查詢結(jié)果、 （搜索結(jié)果廠 結(jié)^詳細(xì)資料 '香詢結(jié)果］ 補(bǔ)充說明： 寬帶受理和業(yè)務(wù)受理是同一個界面。 （修改密碼 詳細(xì)資料〕 頁面說明 3.2.3.1 界面原型 業(yè)哥受理I A寬帝收費(fèi)管理菜統(tǒng) 地費(fèi)受遅I塑費(fèi)吏詢丨業(yè)務(wù)査詢I謹(jǐn)出 幺當(dāng)前用戶狀杏 用戶惓號： 10000 所IB部門： 溝臺営理 ?三鋰 1?:'；足碼 業(yè)般理： ［人網(wǎng)申請］

12、［淨(jìng)機(jī)申誦］［故漳申誦

13、?版權(quán)所有Copyright ? 20K AH Bigjrtis Kazcrvid 吉了砲是惟的瀏覽就果p建誼用戶使用WE黑和関站辮率傾 3.2.3.2 輸入 控件名 稱 控件類 型 欄目名 稱 必填 約束 初值 txtAid TextBox 業(yè)務(wù)記 錄查詢 最小值 10000 ddlTpy e DropDo wnList 駁回的 業(yè)務(wù)類 型 V 設(shè)定值：入 網(wǎng)申請/停 機(jī)申請/故 障申請。 入網(wǎng) 申請 btnInN et Input 業(yè)務(wù)受 理 入網(wǎng) 申請 btnStop Input 業(yè)務(wù)受 理 停機(jī) 申請

14、 btnTro uble Input 業(yè)務(wù)受 理 故障 申請 補(bǔ)充說 明 界面中和還有些相同的功能，其控件基 本上相似就不在這里一一列出。 3.2.3.3 處理 動作 驟 處理說明 填寫受 理編號 1 輸入受理編號，非空 點(diǎn)擊搜 索 2 單擊“搜索” 進(jìn)行驗(yàn) 證 3 判斷用戶是否輸入，若無，提 示輸入 打開頁|4 |打開處理結(jié)果頁面 面 選擇業(yè)務(wù)類型處理: 動作 步 驟 處理說明 選擇下 拉 1 選擇不同的業(yè)務(wù)受理類型 顯示記 錄 2 顯示選擇的駁回業(yè)務(wù)受理記 錄 業(yè)劣受理. |入網(wǎng)申請］|停機(jī)申話|越隍申

15、話 業(yè)務(wù)受理處理： 動作 步 驟 處理說明 單擊按 鈕 1 單擊需要受理的處理按鈕 打開新 界面 2 顯示進(jìn)行的業(yè)務(wù)受理記錄單 3.2.3.4 輸出 控件名 稱 控件 類型 欄目名 稱 說明 gvList Grid View 駁回業(yè) 務(wù)受理 記錄 顯示被審核駁 回的受理記錄 3.2.3.4 前置條件 前置條件 說明 成功登錄系統(tǒng)~~ 用戶使用合法的帳號成 功登陸寬帶管理系統(tǒng) 3.2.3.5 關(guān)聯(lián)數(shù)據(jù)表 數(shù)據(jù)表 客戶信息表存儲客戶信息的表 (BBC_CUS TOMER 表) 業(yè)務(wù)受理

16、表 用業(yè)務(wù)受理表進(jìn)行保存。實(shí) （BBC_ACC際工作的流程中，業(yè)務(wù)受理 EPT） 需要業(yè)務(wù)受理號，受理人編 號，時間日期，審核人編號， 要求等字段內(nèi)容 服務(wù)類型表 (BBC_SER VICE) 業(yè)務(wù)的種類控制也需要進(jìn)行 管理 業(yè)務(wù)受理類 別 表 (BBC_ACC EPT_TYPE ) 在業(yè)務(wù)受理的時候?qū)A業(yè)務(wù)信- 息進(jìn)行區(qū)分 補(bǔ)充說明 3.2.3.6 補(bǔ)充說明： 對于此界面的其他補(bǔ)充說明。 3.3入網(wǎng)登記單界面 頁面說明 本戶的需驗(yàn)要證填，寫同的 入網(wǎng)登記單提交完成以后，自動生成業(yè)務(wù)受 理記錄。 客戶入網(wǎng)成功以后彈出提示信息，失

17、敗同樣 顯示提示信息。 頁面遷移圖 〔業(yè)務(wù)受理Ah新客戶入網(wǎng) 口 寫 交通過腳本檢 顯示示各提項(xiàng) 同 信：用通息戶。過填驗(yàn)驗(yàn)寫證證客 補(bǔ)充說明 測 示提示信息。 提示信息。 頁面說明 3.3.3.1 界面原型 3.3.3.2 輸入 控件名稱 控件類 型 ■欄目 名稱 ■必 填 約束 初 值 RBL_innet RadioButtonL

18、i st 接入方式 V 定制（注釋1） TbName TextBox 客戶姓名 V 最多8字符 RBLPaper RadioButtonLi st 有效證件 V 定制（注釋2） TBPapern TextBox 證件號碼 V 最長字符數(shù)18 RBLUser_type RadioButtonLi st 客戶類別 V 定制（注釋3） TBAddress TextBox 通信地址 V 最長字符數(shù)50 TBPastalcode TextBox 郵政編碼 X 6位 Tblinkman TextBox 聯(lián)系

19、人 V 最多8字符 TBEmail TextBox 常用Email X 電子郵件地址 TBUnits TextBox 單位 V 最多50字符 TBSetAdd TextBox 安裝地址 V 最多50字符 TBphone TextBox 聯(lián)系電話 V 最多5位區(qū)號一最多8號 碼 RBLService_content1 RadioButtonLi st 組網(wǎng)方式 V 定制（注釋4） RBLService_content2 RadioButtonLi st 速率 V 定制（注釋5） RBLService_c

20、ontent3 RadioButtonLi st 施工方式 V 定制（注釋6） RBLService_content4 RadioButtonLi st 是否調(diào)試 V 定制（注釋7） RBLService_content5 RadioButtonLi st 用戶端設(shè)備 V 定制（注釋8） RBLService_content6 RadioButtonLi st 繳費(fèi)周期 V 定制（注釋9） DDLServerType DropDownList 服務(wù)類別 V 定制（注釋10） RBLService_content7 Radi

21、oButtonLi st 是否優(yōu)惠 定制（注釋11） TBMemo TextBox 備注 V 最多100字符 TBUserRequre TextBox 客戶要求 X 最多100字符 注釋說明表： 編 號 項(xiàng)目 定制內(nèi)容 1 接入方 式 □ADSL接入 LILAN接入 2 有效證 件 □身份證□軍官證□護(hù)照 □戶口簿□工商營業(yè)執(zhí)照 3 客尸類 別 □個人 □單位 □網(wǎng)吧 □單 位局域網(wǎng) 4 組網(wǎng)方 式 □虛擬撥號□專線□其它- 5 速率 □ 512K □ 1M □ 1.5M □ 2M □4M D6M 6 施工方

22、 式 □電話加裝ADSL □裝電話和 ADSL □裝 ADSL □ISDN 改 裝 ADSL 7 是否需 要調(diào)試 □是□否 8 用戶端 設(shè)備 □用戶自備□租用□借用 □免費(fèi)提供□其它 9 繳費(fèi)周 □每月□半年□每季度口 10 11 12 13 是否優(yōu) 惠 服務(wù)類 別 受理類 別 審核狀 態(tài) □是□否 □60元包月，2M 口 600元 包年，2M □計(jì)時2元/小時 □入網(wǎng)□停機(jī)□故障 □等待□通過□駁回 3.3.3.3 處理 動作 填寫客 戶資料 點(diǎn)擊提 交申請 進(jìn)行驗(yàn) 證 顯示提 處理說明 輸入受理編號，非空

23、單擊“提交申請”按鈕 判斷用戶輸入是否合法，若無后 非法，提示輸入 服務(wù)器程序進(jìn)行處理，返回提示 示信息 信息 3.3.3.4 輸出 控件名 稱 控件 類型 欄目名 稱 說明 LB_C_I D Label 客戶帳 號 顯示客戶提交成 功以后的客戶帳 號 LB_A_I D Label 受理編 號 顯示客戶提交成 功以后的受理編 號

24、 3.2.3.4 前置條件 前置條件 說明 成功登錄系統(tǒng) 用戶使用合法的帳號成 功登陸寬帶管理系統(tǒng) 3.2.3.5 關(guān)聯(lián)數(shù)據(jù)表 數(shù)據(jù)表 客戶信息表 (BBC_CUS TOMER 表) 業(yè)務(wù)受理表 (BBC_ACC EPT) 服務(wù)類型表 (BBC_SER VICE) 業(yè)務(wù)受理類 別 表 (BBC_ACC EPT_TYPE ) 補(bǔ)充說明 說明■ 存儲客戶信息的表 用業(yè)務(wù)受理表進(jìn)行保存。實(shí) 際工作的流程中，業(yè)務(wù)受理 需要業(yè)務(wù)受理號，受理人編 號，時間日期，審核人編號, 要求等字段內(nèi)容 業(yè)務(wù)的種類控制也需要進(jìn)行 管理 在業(yè)務(wù)受理的時候?qū)I(yè)務(wù)信 息進(jìn)行區(qū)分 暫無 3.2.3.6 補(bǔ)充說明： 對于此界面的其他補(bǔ)充說明。 4．總后總結(jié)： 項(xiàng)目中的其余界面學(xué)習(xí)者自己書寫用戶界面設(shè)計(jì)。