安全管理系統(tǒng)界面設(shè)計文檔

1、-PAGE . z.管理系統(tǒng)界面設(shè)計詳細(xì)設(shè)計說明書編號：編制：吳笑語 日期：2003-7-28審核： 日期：批準(zhǔn)： 日期：文檔修訂記錄變更序號文檔版本號變更容簡述變更日期變更人目錄 TOC o 1-3 h z u HYPERLINK l _Toc485700181.概述 PAGEREF _Toc48570018 h 4HYPERLINK l _Toc48570019界面外觀特征的選擇 PAGEREF _Toc48570019 h 4HYPERLINK l _Toc485700201.1.1.色彩的定制： PAGEREF _Toc48570020 h 4HYPERLINK l _Toc48570

2、0211.1.2.字體的選擇 PAGEREF _Toc48570021 h 4HYPERLINK l _Toc485700222.總體結(jié)構(gòu)設(shè)計 PAGEREF _Toc48570022 h 5HYPERLINK l _Toc485700233.模塊界面設(shè)計 PAGEREF _Toc48570023 h 6HYPERLINK l _Toc485700243.1.主框架窗口 PAGEREF _Toc48570024 h 6HYPERLINK l _Toc485700253.2.工具欄窗口 PAGEREF _Toc48570025 h 17HYPERLINK l _Toc485700263.3.系統(tǒng)

3、設(shè)備窗口 PAGEREF _Toc48570026 h 17HYPERLINK l _Toc485700273.4.多語言的支持 PAGEREF _Toc48570027 h 18HYPERLINK l _Toc485700284.模塊設(shè)計 PAGEREF _Toc48570028 h 19HYPERLINK l _Toc485700294.1.與其他模塊的接口關(guān)系 PAGEREF _Toc48570029 h 19HYPERLINK l _Toc485700304.2.與命令模塊的命令I(lǐng)D定義 PAGEREF _Toc48570030 h 19HYPERLINK l _Toc48570031

4、4.3.模塊詳細(xì)設(shè)計 PAGEREF _Toc48570031 h 21HYPERLINK l _Toc485700324.3.1.主框架窗口CMainFrame PAGEREF _Toc48570032 h 21HYPERLINK l _Toc485700334.3.2.工具欄窗口CZToolBarE* PAGEREF _Toc48570033 h 21HYPERLINK l _Toc485700344.3.3.系統(tǒng)設(shè)備列表窗口 PAGEREF _Toc48570034 h 22概述用戶界面的設(shè)計是一項十分繁復(fù)的工作，為了給用戶提供一個簡單、穩(wěn)定、高效而又易于交互的圖形界面，同時還要兼顧軟件

5、的美觀性，本軟件采用MFC的單文檔視圖框架結(jié)構(gòu)。開發(fā)平臺主要采用Window2000 professional，開發(fā)工具采用Microsoft visual C+ 6.0。Zzmoniton1.4界面外觀特征的選擇色彩的定制：對品質(zhì)優(yōu)良的軟件來說，和諧的色彩搭配是一種非常有效的溝通手段，優(yōu)秀的色彩表達容易使消費者了解商品的真實涵。ZzMonitor1.4采用了與目前最流行的操作系統(tǒng)Windows2000一致的系統(tǒng)顏色。但因為用戶所使用的操作系統(tǒng)的多樣性，我們兼顧了Windows*P用戶的色彩和文字大小及樣式的習(xí)慣。使未被激活的窗口成淡黃色（色彩值為RGB(247,243,233) .主界面色彩

6、值為RGB(212,208,200).被激活窗口的字體顏色又黑色變成紅色。在引用圖片上我們采用了256色以上的色彩方案，效果上更加逼真，生動。在需要提示用戶可以進行操作的窗體特殊部位使用了藍(lán)色調(diào)背景矩形，效果上莊重而醒目。在菜單色彩上采用Windows*P風(fēng)格的菜單，既美觀又保證了軟件不會在在Windows*P和Windows2000下的菜單風(fēng)格存在差異。主窗體拓?fù)鋱D部分采用白色背景，這樣會突出顯示以圖片和黑色文字為主的顯示容。主窗體列表部分使用了彩色風(fēng)格（以紅色，藍(lán)色，咖啡色為主），是用戶在短時間的使用后可以根據(jù)顏色的反差，很快的從龐大的列表信息容中定位自己想要查詢的容。主窗體樹狀列表控件的

7、背景使用白色，樹的葉子使用紅色，黃色，黑色，并以此區(qū)分不同客戶端的狀態(tài)，多色彩的使用很方便的提醒了管理員對異常狀態(tài)的發(fā)現(xiàn)和查找。字體的選擇ZZMonitor軟件全部使用了Tahoma 字體；尺寸：8pt，使之與Windows操作系統(tǒng)的常用中文版軟件字體及其大小一致?？傮w結(jié)構(gòu)設(shè)計用戶界面主要由四部分構(gòu)成：主框架部分、系統(tǒng)設(shè)備列表窗口、工具欄窗口、主視圖窗口。整體布局如下圖所示：模塊界面設(shè)計主框架窗口3.3.1 主框架窗口采用基于MFC的單文檔視圖框架結(jié)構(gòu)，是其他窗口的容器，包含工具欄、列表視圖、主視圖窗口三個子窗體。負(fù)責(zé)消息的響應(yīng)、轉(zhuǎn)發(fā)和與三個子窗體互相交互、協(xié)調(diào)的作用。主菜單包括以下容：文件編

8、輯配置視圖工具幫助登錄。復(fù)制設(shè)備管理。設(shè)備列表管理員操作幫助打開。粘貼服務(wù)器管理。工具欄關(guān)于保存查找。報警。全屏另存為。增加接入檢測。放大打印預(yù)覽刪除嗅探檢測?？s小打印。刷新退出登錄對話框：管理員登錄提供對管理員的身份進行驗證。服務(wù)器自動顯示上次登錄的執(zhí)行平臺。流程圖如下：編輯查找對話框：設(shè)備查找是為用戶在主視圖的拓?fù)滹@示窗口中查找*個設(shè)備提供方便，可以根據(jù)IP地址或設(shè)備名稱快速定位到用戶查找的設(shè)備。包括交換機、服務(wù)器及可顯示在拓?fù)鋱D中的各種設(shè)備。配置設(shè)備管理對話框：設(shè)備類型對可管理設(shè)備提供過濾。目前只支持交換機。選擇自動對設(shè)備進行監(jiān)控時，下面的分組框變?yōu)榻?。此時系統(tǒng)能自動接收設(shè)備發(fā)送的TR

9、AP包。保存配置可以將設(shè)置容保存到文件中。加載配置可以從列表中選擇保存過的配置。啟動停止可以允許用戶選擇是否進行設(shè)備檢測。配置服務(wù)器管理對話框：在選擇服務(wù)器的下拉列表中選擇要加入監(jiān)控列表的服務(wù)器，按添加按鈕加入監(jiān)控列表。選擇列表中的*個服務(wù)器，可以設(shè)置其需要監(jiān)控的服務(wù)。每個服務(wù)的端口都有給定的默認(rèn)值，并允許用戶改變。保存配置可以將設(shè)置容保存到文件中。加載配置可以從列表中選擇保存過的配置。啟動停止可以允許用戶選擇是否進行服務(wù)檢測。配置報警對話框：對當(dāng)前的所有報警行為進行配置。對高中低三種報警級別可以采取不同的行為。在需要報警的地方設(shè)置報警的級別。配置接入檢測對話框：提供對辨識標(biāo)準(zhǔn)的配置，授信設(shè)備

10、列表的編輯，發(fā)現(xiàn)未授信設(shè)備采取的措施。其中授信列表中包括辨識標(biāo)準(zhǔn)中的相應(yīng)項目。配置嗅探檢測對話框：對指定IP地址段進行檢測，判斷網(wǎng)卡是否處于混雜模式。點擊查看結(jié)果可以立即將結(jié)果顯示在掃描結(jié)果列表中。工具操作員管理對話框：用戶管理：提供添加刪除管理員的功能。按添加時彈出下面的對話框:按修改密碼時彈出下面的對話框:按屬性時彈出下面的對話框:主視圖窗口包括：拓?fù)滹@示、服務(wù)器狀態(tài)、設(shè)備管理、報警、日志、打印監(jiān)視六個子窗口。以TAB頁的形式顯示在主視圖窗口區(qū)域。拓?fù)滹@示窗口功能：管理系統(tǒng)向執(zhí)行平臺發(fā)送請求，執(zhí)行平臺從數(shù)據(jù)庫提取拓?fù)洳僮餍畔?、設(shè)備信息和拓?fù)浣Y(jié)構(gòu)信息，并返回給管理系統(tǒng)。管理系統(tǒng)根據(jù)返回的拓?fù)?/p>

11、結(jié)構(gòu)信息，由特定的算法計算設(shè)備的拓?fù)洳季郑⒔Y(jié)果顯示在窗口中。服務(wù)器狀態(tài)功能：通過執(zhí)行平臺主動對網(wǎng)絡(luò)的應(yīng)用服務(wù)器和應(yīng)用服務(wù)進行探測，能自動發(fā)現(xiàn)被監(jiān)控服務(wù)器列表中的服務(wù)器的狀態(tài)及其提供的服務(wù)是否正常（服務(wù)狀態(tài)的異常通過拓?fù)鋱D也可以發(fā)現(xiàn)）。這些服務(wù)包括：WEB / FTP / DNS / TELNET / SOCKS5 / MAIL / SQL SERVER等。顯示以列表形式如下：每個服務(wù)器的狀態(tài)單獨顯示一行，以顏色區(qū)分表示不同的服務(wù)器設(shè)備管理功能：利用定時刷新或自動監(jiān)聽的方法，對可管理設(shè)備進行監(jiān)管。并以友好的圖形化方式顯示在設(shè)備管理視圖中。顯示方式與服務(wù)器狀態(tài)部分相同，分上下兩部分：上半部顯示

12、被監(jiān)管設(shè)備列表，下面顯示每個設(shè)備的詳細(xì)信息。（針對不同的設(shè)備類型，顯示容也會不同，目前只針對交換機）鼠標(biāo)左鍵單擊*個端口顯示詳細(xì)信息。右鍵彈出菜單顯示禁用、啟用、刷新、圖形化顯示統(tǒng)計信息。雙擊以圖形方式顯示端口的流量信息。以圖形方式顯示端口的流量信息圖：增加統(tǒng)計的按鈕、輸入交換機端口物理位置。報警 功能：顯示歷史的報警信息，并能根據(jù)執(zhí)行平臺發(fā)送的報警信息實時更新顯示列表。報警級別以不同顏色區(qū)分。管理員只能查看，不能刪除或更改信息。管理員可以通過設(shè)置查詢條件來顯示查看的報警歷史數(shù)據(jù)。來源表示客戶端或探測器。 日志 功能：顯示日志信息，管理員只能查看，不能刪除或更改信息。管理員可以通過設(shè)置查詢條件

13、來顯示查看的日志歷史數(shù)據(jù)。顯示格式與報警相同。按時間排序。日志和報警都有一個查詢快捷菜單按鈕，單擊顯示查詢設(shè)置對話框。查詢設(shè)置對話框允許用戶來靈活的選擇設(shè)置查詢條件。根據(jù)用戶選擇的數(shù)據(jù)庫中不同的表可以自動的列出表中的字段名。打印監(jiān)視功能：實時顯示當(dāng)前打印機的狀態(tài)，并可以根據(jù)設(shè)置的條件查看數(shù)據(jù)庫中的歷史記錄。視圖使用上下列表，上半部分顯示當(dāng)前監(jiān)視的打印機列表。增加打印機的狀態(tài)（缺紙、卡紙等）工具欄窗口工具欄窗口為主視圖窗口提供快捷的操作。主要包括以下的功能：放大、縮小、全屏、屬性、配置、刷新的功能。另外還為整個系統(tǒng)提供圖例。為了給視圖提供更大的顯示圍，工具欄還提供了折疊的功能。系統(tǒng)設(shè)備窗口系統(tǒng)設(shè)

14、備列表顯示當(dāng)前連接的所有設(shè)備，給用戶提供更加方便操作設(shè)備的圖形接口。該列表與拓?fù)滹@示視圖不同，顯示的是設(shè)備的邏輯結(jié)構(gòu)圖，拓?fù)鋱D顯示的是設(shè)備的物理結(jié)構(gòu)圖。鼠標(biāo)移動時用提示條顯示較為詳細(xì)的信息。刷新更新顯示列表，過濾用來顯示指定類型的設(shè)備，查找與菜單欄中的功能相似，排序可以按不同順序的顯示。布局顯示如下：多語言的支持管理系統(tǒng)支持多語言的顯示，與語言相關(guān)的容全部放在資源中，從可執(zhí)行文件中剝離資源文件（.rc），添加到單獨的DLL文件中，并編譯成。不同的語言分別做成相應(yīng)的DLL文件，可以在安裝時進行選擇。模塊設(shè)計與其他模塊的接口關(guān)系管理系統(tǒng)命令模塊管理系統(tǒng)只與命令模塊進行直接交互，通過命令模塊與其他部

15、分通信。與命令模塊的命令I(lǐng)D定義登錄1輸入：用戶名、密碼、服務(wù)器2輸出：返回登陸成功或失敗的錯誤碼拓?fù)鋱D與設(shè)備樹的刷新：3輸入：無4輸出：設(shè)備信息列表HANDLE Topo(HWND hwnd,UINT uMsg,TOPO_CALLBACK fCallback,TRAP_CALLBACK fCallBack,LPVOID lpParam)void CALLBACK TOPO_CALLBACK(HWND hwnd,UINT uMsg,DWORD dwReason,LPVOID lpValue,LPVOID lpParam)設(shè)備管理的配置信息：輸入：配置信息結(jié)構(gòu)輸出：無服務(wù)狀態(tài)的配置信息：6輸入：

16、配置信息結(jié)構(gòu)輸出：無報警的配置信息：7輸入：配置信息結(jié)構(gòu)輸出：無接入發(fā)現(xiàn)的配置信息：8輸入：配置信息結(jié)構(gòu)輸出：無沖突檢測的配置信息：9輸入：配置信息結(jié)構(gòu)輸出：無嗅探檢測工具10輸入：嗅探檢測圍11輸出：結(jié)果列表void VSSniffer( char *pcIPstart, char *pcIPend, int iNumb, int iRet );管理員工具：添加12輸入：用戶名、密碼、服務(wù)器、權(quán)限13輸出：返回添加成功或失敗的錯誤碼管理員工具：刪除14輸入：用戶名15輸出：返回刪除成功或失敗的錯誤碼管理員工具：編輯16輸入：用戶名、密碼、服務(wù)器、權(quán)限17輸出：返回成功或失敗的錯誤碼，更新后的

17、用戶名、密碼、服務(wù)器、權(quán)限管理員工具：取得管理員列表18輸入：無19輸出：返回管理員信息列表主框架窗口接受通知：接入發(fā)現(xiàn)新設(shè)備（授信、未授信）輸入： 返回設(shè)備信息20輸出：無描述：更新設(shè)備列表和拓?fù)湟晥D。TRAP_CALLBACK(HWND hwnd,UINT uMsg,DWORD dwReason,LPVOID lpValue,LPVOID lpParam)主框架窗口接受通知：服務(wù)器狀態(tài)變化輸入： 服務(wù)器狀態(tài)信息21輸出：無描述：更新服務(wù)器狀態(tài)視圖。bool CheckService( CHAR*szIPAddress, UINTE*ploreLevel, CHECK_PARAMS*pstC

18、heckParams,SEVICESTATE_ALERTpSeviceAlert）主框架窗口接受通知：可管理設(shè)備狀態(tài)變化（22）輸入：設(shè)備信息22輸出： 無描述：更新設(shè)備列表和拓?fù)湟晥D。主框架窗口接受通知：接收報警（23）輸入：報警信息23輸出： 無描述：將報警信息加入報警列表取得報警信息24輸入： 時間圍25輸出：報警信息取得日志信息26輸入： 時間圍27輸出：日志信息設(shè)備管理視圖：取得*設(shè)備信息28輸入：設(shè)備編號29輸出：返回該設(shè)備信息int GetSwitchBasicInfo(char * szIP,BASICINFO * pData)設(shè)備管理視圖：取得可管理設(shè)備信息列表30輸入：無3

19、1輸出：返回設(shè)備信息列表設(shè)備管理視圖：取得*接口信息32輸入：設(shè)備編號，接口號33輸出：返回接口信息PORTSTATUS GetPortStatus(char * szIP, int nPort)設(shè)備管理視圖：取得*設(shè)備接口信息列表34輸入：設(shè)備編號35輸出：返回接口信息列表設(shè)備管理視圖：設(shè)置*接口狀態(tài)36輸入：設(shè)備編號，接口號37輸出：返回int SetPortStatus(char * szIP, int nPort, PORTSTATUS StatusToSet)模塊詳細(xì)設(shè)計主框架窗口CMainFrame主要的成員變量：m_wndSystemDeviceCZDialogBarE*設(shè)備列表m_wndToolBarCZDialogBarE*工具欄主要的成員函數(shù)：Create()bool創(chuàng)建工具欄、設(shè)備列表PreCreateWindow()bool改變窗口的顯示風(fēng)格RecalcLayout()void計