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

1、-PAGE . z.管理系統(tǒng)界面設(shè)計(jì)詳細(xì)設(shè)計(jì)說(shuō)明書(shū)編號(hào)：編制：吳笑語(yǔ) 日期：2003-7-28審核： 日期：批準(zhǔn)： 日期：文檔修訂記錄變更序號(hào)文檔版本號(hào)變更容簡(jiǎ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è)計(jì) PAGEREF _Toc48570022 h 5HYPERLINK l _Toc485700233.模塊界面設(shè)計(jì) 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.多語(yǔ)言的支持 PAGEREF _Toc48570027 h 18HYPERLINK l _Toc485700284.模塊設(shè)計(jì) 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è)計(jì) 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概述用戶(hù)界面的設(shè)計(jì)是一項(xiàng)十分繁復(fù)的工作，為了給用戶(hù)提供一個(gè)簡(jiǎn)單、穩(wěn)定、高效而又易于交互的圖形界面，同時(shí)還要兼顧軟件

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

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

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

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

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

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

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

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

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

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

15、分通信。與命令模塊的命令I(lǐng)D定義登錄1輸入：用戶(hù)名、密碼、服務(wù)器2輸出：返回登陸成功或失敗的錯(cuò)誤碼拓?fù)鋱D與設(shè)備樹(shù)的刷新：3輸入：無(wú)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ú)服務(wù)狀態(tài)的配置信息：6輸入：

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

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

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

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