XX系統(tǒng)

顧客界面設計匯報

文獻狀態(tài)：文獻標識：XX系統(tǒng)-SD-UI

[V]草稿目前版本：

[]正式公布作者：

[]正在修改完畢日期：10-03-14

機構公開信息

版本歷史

版本/狀態(tài)作者參與者起止日期備注

新建

目錄

文檔目的.................................................錯誤!未定義書簽。

文檔范圍.................................................錯誤!未定義書簽。

讀者對象.................................................錯誤!未定義書簽。

參照文獻.................................................錯誤!未定義書簽。

術語與縮寫解釋...........................................錯誤!未定義書簽。

1.應當遵照的界面設計規(guī)范....................................錯誤!未定義書簽。

：易用性：................................................錯誤!未定義書簽。

易用性細則................................................錯誤!未定義書簽。

2.界面的關系圖和工作流程圖..................................錯誤!未定義書簽。

前臺管理完畢界面功能一覽..................................錯誤!未定義書簽。

界面關系及工作流程.......................................錯誤!未定義書簽。

前臺管理界面關系......................................錯誤!未定義書簽。

3.界面關系..................................................錯誤!未定義書簽。

登錄界面.................................................錯誤!未定義書簽。

頁面闡明.............................................錯誤!未定義書簽。

頁面遷移圖...........................................錯誤!未定義書簽。

頁面闡明錯誤!未定義書簽。

前置條件錯誤!未定義書簽。

關聯(lián)數(shù)據(jù)表錯誤!未定義書簽。

補充闡明:錯誤!未定義書簽。

前臺管理主界面錯誤!未定義書簽。

頁面闡明錯誤!未定義書簽。

頁面遷移圖錯誤!未定義書簽。

頁面闡明錯誤!未定義書簽。

入網(wǎng)登記單界面錯誤!未定義書簽。

頁面闡明錯誤!未定義書簽。

頁面遷移圖錯誤!未定義書簽。

頁面闡明錯誤!未定義書簽。

4.總后總結:錯誤!未定義書簽。

0.文檔簡介

文檔目的

XX系統(tǒng)《顧客界面設計匯報》。是為了開發(fā)XX系統(tǒng)而編寫，重要面向系統(tǒng)分析員、程序

員、測試員、實行員和最終顧客。

本闡明書是整個軟件開發(fā)的根據(jù)，它對后來階段的工作起指導作用。本文也是項目完畢

后系統(tǒng)驗收日勺根據(jù)。

文檔范圍

本文檔重要包括如下幾部分：

1.文檔簡介

2.界面設計規(guī)范

3.界面關系圖

4.主界面闡明

讀者對象

本文檔的讀者重要包括如下幾類：

1.界面設計人員

2.美工人員

3.編碼人員

4.測試人員

參照文獻

提醒：列出本文檔的所有參照文獻（可以是非正式出版物），格式如下:

[標識符]作者，文獻名稱，出版單位（或歸屬單位），日期

例如：

[AAA]作者，《立項提議書》，機構名稱，日期

[SPP-PROC-SD]SEPG,系統(tǒng)設計規(guī)范，機構名稱，日期

術語與縮寫解釋

縮寫、術語解釋

GIFGraphicsInterchangeFormat的縮寫一圖像互換格式的J縮寫

1.應當遵照的界面設計規(guī)范

界面是軟件與顧客交互的最直接的層，界面的好壞決定顧客對軟件的第一印象。并且設

計良好日勺界面可以引導顧客自己完畢對應的操作，起到向導日勺作用。

顧客原則:

:易用性：

按鈕名稱應當易懂，用詞精確，屏棄模棱兩可的字眼，要與同一界面上的其他按鈕易于

辨別，能望文知意最佳.理想的狀況是顧客不用查閱協(xié)助就能懂得該界面的功能并進行有關

的對的操作。

易用性細則：

1):完畢同一功能或任務的元素放在集中位置，減少鼠標移動日勺距離。

2):按功能將界面劃分局域決，用Frame框括起來,并要有功能闡明或標題。

3):界面上首先應輸入的和重要信息日勺控件在Tab次序中應當靠前，位置也應放在窗口上較醒

目的位置。

4):同一界面上的控件數(shù)最佳不要超過10個，多于10個時可以考慮使用分頁界面顯示。

5):復選框和選項框按選擇幾率的高底而先后排列。

6):復選框和選項框要有默認選項，并支持Tab選擇。

7):選項數(shù)相似時多用選項框而不用下拉列表框。

8):界面空間較小時使用下拉框而不用選項框。

9):選項數(shù)叫少時使用選項框，相反使用下拉列表框。

10):專業(yè)性強的軟件要使用有關的專業(yè)術語，通用性界面則倡導使用通用性詞眼。

2.界面的I關系圖和工作流程圖

前臺管理完畢界面功能一覽

界面名稱界面標識功能闡明

寬帶互聯(lián)網(wǎng)入網(wǎng)登記單填寫客戶的入網(wǎng)信息，提交客戶入網(wǎng)信息。

前臺管理首界面顯示前臺管理中的所有功能菜單。

繳費受理提供繳費口勺條件。

繳費登記單顯示對應客戶的信息及帳戶余額，填寫客戶繳費金額。

業(yè)務受理單對駁回的業(yè)務受理進行信息修改。

業(yè)務受理單顯示搜索成果。

修改密碼對顧客的密碼進行修改。

xx系統(tǒng)前臺管理一覽表

界面關系及工作流程

2.3.1前臺管理界面關系

（查詢/?果）而?。ɡU費登已

故障申請

（詳贏料）（詳贏料）入網(wǎng)

w雨r

圖2-1XX系統(tǒng)客戶端界面關系及工作流程圖

3.界面關系

登錄界面

3.1.1頁面闡明

登錄頁面為系統(tǒng)入口頁面，只有通過登錄方可使用系統(tǒng)，不一樣顧客對應不一樣權限,

權限不一樣日勺顧客進入系統(tǒng)后的界面菜單項是不一樣的。

登錄成功，轉向主界面。

權限信息參見權限設置頁面。

3.1.2頁面遷移圖

補充闡明:

登錄對象標識功能操作

前臺管理顧客是非鎖定的通過審核登錄

的注冊顧客登錄到新聞管

施工管理顧客

理頁面，管理員則登錄到管

后臺管理顧客

理員管理頁面.

3.1.3頁面闡明

3.1.3.1界面原型

圖3-1XX系統(tǒng)登錄界面

3.1.3.2輸入

控件名稱控件類型欄目名稱必填約束初值

Usernametext顧客名V最小值10000

Passwordpassword密碼非空

6T0位

LoginButtonsubmit提交

補充闡明

3.1.3.3處理

動作環(huán)節(jié)處理闡明

填寫信息1輸入顧客名、密碼

點擊登錄2單擊“登錄按鈕”

進行驗證3判斷顧客與否輸入，若無，提醒輸入

判斷資料4判斷顧客名、密碼與否合法

返回信息5顯示提醒信息“您的登錄嘗試不成功。請重試J

3.1.3.4輸出

控件名稱控件類型欄目名稱闡明

3.1.4前置條件

前置條件闡明

3.1.5關聯(lián)數(shù)據(jù)表

數(shù)據(jù)表闡明

BBC_EMPLOYEE存儲顧客的顧客編號和密碼

補充闡明讀寫數(shù)據(jù)表時的注意事項，若簡樸讀取，可空白

3.1.6補充闡明:

對于此界面的其他補充闡明。

前臺管理主界面

3.2.1頁面闡明

顯示前臺管理中的所有功能菜單。通過功能菜單進入對應得的功能界面，主顯示區(qū)域顯示重

要業(yè)務申請一入網(wǎng)申請，停機申請，故障申請。

單擊入網(wǎng)申請按鈕，進入新客戶入網(wǎng)登記單界面。

3.2.2頁面遷移圖

（前白管理界面）

補充闡明:

寬帶受理和業(yè)務受理是同一種界面。

3.2.3頁面闡明

3.2.3.1界面原型

?冷HandsaQ/寬帶收費管理系統(tǒng)

3業(yè)務受理I繳費受理I繳費查詢I業(yè)務壹詢I退出

.當前用戶狀3s

業(yè)務受理［入網(wǎng)申請H停機申請］［雌申請］

用戶幃號：10000

所屬部門：前臺哲理

業(yè)務記錄查詢，___________

注銷修改巒碼

受理編號:匚［搜索1

業(yè)務記錄查詢

選擇駁回的業(yè)務類生：仄網(wǎng)申請

受理編號

［搜索I

客戶幡號受理編號客尸姓名業(yè)務兗型愫作

1004310024111入網(wǎng)修改

1004510026111入網(wǎng)修改

1005710038Hi入網(wǎng)修改

1007710065張飛入網(wǎng)修改

1007910067前費入網(wǎng)修改

1010710086入網(wǎng)修改

關于我們|聯(lián)系我們IEnglishI用戶紈%］I站點地為

翰子曷實訓體系?版權所有Copyright02005AllRightsReserved

為了，到最隹的瀏焚效果，建議用尸使用1024*7歸分辨率分

3.2.3.2輸入

控件名稱控件類型欄目名稱必填約束初值

txtAidTextBox業(yè)務記錄查詢最小值10000

ddITpye)ropDov/nList駁回的業(yè)務類型J設定值：入網(wǎng)申請/停機申入網(wǎng)申請

請/故障申請。

btnInNet1nput業(yè)務受理入網(wǎng)申請

btnStop1nput業(yè)務受理停機申請

btnTroubleInput業(yè)務受理故障申請

補充闡明界面中和尚有些相似的功能，其控件基本上相似就不在這里一一列出。

3.2.3.3處理

業(yè)務記錄查詢處理:

動作環(huán)節(jié)處理闡明

填寫受理編號1輸入受理編號，非空

點擊搜索2單擊“搜索”

進行驗證3判斷顧客與否輸入，若無，提醒輸入

打開頁面4打開處理成果頁面

選擇業(yè)務類型處理:

動作環(huán)節(jié)處理闡明

選擇下拉1選擇不一樣的業(yè)務受理類型

顯示記錄2顯示選擇的駁回業(yè)務受理記錄

業(yè)務受晚［入網(wǎng)申謂1停機申謂,故障申謂］

業(yè)務受理處理:

動作環(huán)節(jié)處理闡明

單擊按鈕1單擊需要受理的處理按鈕

打開新界面2顯示進行日勺業(yè)務受理記錄單

3.2.3.4輸出

控件名稱控件類型欄目名稱闡明

gvListGridView駁回業(yè)務受理記錄顯示被審核駁回的受理記錄

3.2.3.4前置條件

前置條件闡明

成功登錄系統(tǒng)顧客使用合法的帳號成功登陸寬帶管理系統(tǒng)

3.2,3.5關聯(lián)數(shù)據(jù)表

數(shù)據(jù)表闡明

客戶信息表(BBC_CUSTOMER存儲客戶信息的表

表)

業(yè)務受理表(BBC_ACCEPT)用業(yè)務受理表進行保留。實際工作的流程中，業(yè)務受理需要業(yè)務

受理號，受理人編號，時間日期，審核人編號，規(guī)定等字段內(nèi)容

服務類型表(BBC一SERVICE)業(yè)務的種類控制也需要進行管理

業(yè)務受理類別表在業(yè)務受理的時候對業(yè)務信息進行辨別

(BBC_ACCEPT_TYPE)

補充闡明暫無

3.2.3.6補充闡明:

對于此界面日勺其他補充闡明。

入網(wǎng)登記單界面

3.3.1頁面闡明

入網(wǎng)登記單界面顯示了入網(wǎng)客戶需要填寫的各項信息，并且對填寫的信息做基本的驗證,

同步提供了入網(wǎng)登記單的打印功能。

入網(wǎng)登記單提交完畢后來，自動生成業(yè)務受理記錄。

客戶入網(wǎng)成功后來彈出提醒信息，失敗同樣顯示提醒信息。

3.3.2頁面遷移圖

（業(yè)務受理A｛新客戶入網(wǎng)TO世f提示信息

補充闡明：

顧客填寫客戶填寫基本資料，提交通過腳本檢測：通過驗證提交服務器程序處理，同步

顯示提醒信息。驗證沒有通過，返回頁面同步顯示各項提醒信息。

3.3.3頁面闡明

3.3.3.1界面原型

寬帶互聯(lián)網(wǎng)入網(wǎng)登記單

業(yè)務提示：加注*標號的表項話您務必埴寫

受理案號：2058

客戶德號：10068

接入方式：「ADS辱入「LANg入*

1.客戶資料（客戶埴寫）

客戶姓名：1*

有效證件：,身份證「軍官證「護照「戶口「簿口工商營業(yè)執(zhí)照*

證件號碼：1_________1*

用戶類別;’個人「單位「網(wǎng)吧「單位局域網(wǎng)

客戶要求：73

d

單位：

*

通信地址:*

郵政0碼：1______1

聯(lián)系人：*

聯(lián)系電話:1*

常用E??il：1___________1

安裝地址;*

2.Jg務項目（請客戶選擇埴寫，在您帶;費的業(yè)務前面選擇）

組網(wǎng)方式：■虛擬撥號「專線「其它*

速率;「512K「IM「L5Mr2Mr4M06M*

法工方案：「電話加裝ADSL「裝電話和ADSL「裝ADSL「ISDN改裝ADSL*

是否需要調(diào)試：.是「否*

用戶裝設缶：,用戶自備「租用「信用廠免費提供「其它*

繳費周期:'每月「半年「每季度C一年*

是杳優(yōu)惠：是「否*

服務類型：*

3.備注

4.申請聲明本人鄭重聲明以上所填寫內(nèi)容完全屬實，并且已經(jīng)久其閱讀并同意本登記單背面附帶的《互聯(lián)

網(wǎng)服務協(xié)議＞.

日期時間：2005-12-2515：35：45

”|提交申請|學打印入網(wǎng)登記單

3.3.3.2輸入

控件名稱控件類型欄目名稱必填約束初值

RadioButtonLi

RBL_innet接入方式V定制（注釋1）

st

TbNameTextBox客戶姓名V最多8字符

RadioButtonLi

RBLPaper有效證件V定制（注釋2）

st

TBPapernTextBox證件號碼最長字符數(shù)18

RadioButtonLi

RBLUser_type客戶類別■J定制（注釋3）

st

TBAddressTextBox通信地址■J最長字符數(shù)50

TBPasta1codeTextBox郵政編碼X6位

Tb1inkmanTextBox聯(lián)絡人V最多8字符

TBEmai1TextBox常用EmailX電子郵件地址

TBUnitsTextBox單位最多50字符

TBSetAddTextBox安裝地址V最多50字符

最多5位區(qū)號一最多8號

TBphoneTextBox聯(lián)絡V

碼

RadioButtonLi

RBLServicecontentl組網(wǎng)方式V定制（注釋4）

st

RadioButtonLi

RBLService_content2速率V定制（注釋5）

st

RadioButtonLi

RBLServicecontents施工方式V定制（注釋6）

st

控件名稱控件類型欄目名稱必填約束初值

RadioButtonLi

RBLService_content4與否調(diào)試V定制（注釋7）

st

RadioButtonLi

RBLService_content5顧客端設備V定制（注釋8）

st

RadioButtonLi

RBLService_content6繳費周期V定制（注釋9）

st

DDLServerTypeDropDownList服務類別V定制（注釋10）

RadioButtonLi

RBLService_content7與否優(yōu)惠定制（注釋11）

st

TBMemoTextBox備注V最多100字符

TBUserRequreTextBox客戶規(guī)定X最多100字符

注釋闡明表:

編號項目定制內(nèi)容

1接入方式□AD3L接入DLAN接入

2有效證件□身份證口軍官證口護照□戶口薄□工商營業(yè)執(zhí)照

3客戶類別口個人口單位口網(wǎng)吧口單位局域網(wǎng)

4組網(wǎng)方式