【文章內(nèi)容簡介】 N簡介簡介nvarchar1000N圖片圖片nvarchar100N點擊次數(shù)點擊次數(shù)Int4Y 人機界面設(shè)計、少部份為藝術(shù)性質(zhì)。人機界面（Human Computer Interface，簡稱HCI）通常也稱為用戶界面。人機界面是計算機科學(xué)和認(rèn)知心理學(xué)兩大學(xué)科相結(jié)合的產(chǎn)物，同時也吸收了語言學(xué)、人機工程學(xué)和社會學(xué)等學(xué)科的研究成果。經(jīng)過40余年的發(fā)展，已經(jīng)成為一門以研究用戶及其與計算機的關(guān)系為特征的主流學(xué)科之一。近年來，人機界面的設(shè)計理論已經(jīng)更廣泛地發(fā)展和應(yīng)用到人一機一環(huán)境系統(tǒng)工程等領(lǐng)域，使工程技術(shù)設(shè)計與使用者的身心行為特點相適應(yīng)，從而使人能夠高效、舒適地工作與生活。 人機界面設(shè)計指南用戶界面設(shè)計主要依靠設(shè)計者的經(jīng)驗。總結(jié)眾多設(shè)計者的經(jīng)驗而得出的設(shè)計指南，有助于設(shè)計者設(shè)計出友好、高效的人機界面。1． 文字的應(yīng)用界面設(shè)計中常用字體有中文的宋體、楷體，英文的扭鍆等，因為這些字體容易辨認(rèn)、可讀性好考慮到一致性，控制臺軟件界面所有的文本都選用中文宋體，文字的大小根據(jù)控件的尺寸選用了大小兩種字號，使顯示信息清晰并保證風(fēng)格統(tǒng)一。人體工程學(xué)要求界面的文本用語簡潔，盡量用肯定句和主動語態(tài)，英文詞語避免縮寫?？刂婆_人機界面中應(yīng)用的文本有兩類：標(biāo)注文本和交互文本。標(biāo)注文本是寫在按鈕等控件上，表示控件功能的文字，所以盡量使用了描述操作的動詞如“設(shè)各操作”、“系統(tǒng)設(shè)置”等。交互文本是人與計算機以及計算機與總控制臺等系統(tǒng)交互信息所需要的文本，包括輸人文本和輸出文本。交互文本使用的語句為了在簡潔的同時表達(dá)清晰，盡量采用用戶熟悉的句子和禮貌的表達(dá)方式如“請檢查交流電壓”、“系統(tǒng)警告裝置鎖定”。對于信息量大的情況，采用上下滾動而不用左右滾屏，因為這樣更符合人的操作習(xí)慣。2．色彩的選擇人機界面設(shè)計中色彩的選擇也是非常重要的。人眼對顏色的反應(yīng)比對文字的反應(yīng)要快，所以不同的信息用顏色來區(qū)別比用文字區(qū)別的效果要好。不同色彩給人的生理和心理的感覺是不同的，所以色彩選擇是否合理也會對操作者的工作效率產(chǎn)生影響。在特定的區(qū)域，不同顏色的使用效果是不同的。例如：前景顏色要鮮明一些使用戶容易識別，而背景顏色要暗淡一些以避免對眼睛的刺激。所以，紅色、黃色、草綠色等耀眼的色彩不能應(yīng)用于背景色。藍(lán)色和灰色是人眼不敏感的色彩，無論處在視覺的中間還是邊緣位置，眼睛對它的敏感程度是相同的，作為人機界面的底色調(diào)是非常合適的。但是在小區(qū)域內(nèi)的藍(lán)色就不容易感知，而紅色和黃色則很醒目。因此提示和警告等信息的標(biāo)志宜采用紅色、黃色。使用顏色時應(yīng)注意幾點：（1）限制同時顯示的顏色數(shù)一般同一界面不宜超過4或5種，可用不同層次及形狀來配合顏色增加的變化。（2）界面中活動對象顏色應(yīng)鮮明，而非活動對象應(yīng)暗淡，對象顏色應(yīng)不同，前景色宜鮮艷一些，背景則應(yīng)暗淡。中性顏色（如淺灰色）往往是最好的背景顏色，淺色具有跳到面前的傾向，而黑色則使人感到退到了背景之中。（3）避免不兼容的顏色放在一起（如黃與藍(lán)，紅與綠等），除非作對比時用。3．圖形和圖標(biāo)的使用圖形和圖標(biāo)能形象地傳達(dá)信息，這是文本信息達(dá)不到的效果?？刂婆_人機界面通過可視化技術(shù)將各種數(shù)據(jù)轉(zhuǎn)換成圖形、圖像信息顯示在圖形區(qū)域。選擇圖標(biāo)時力求簡單化、標(biāo)準(zhǔn)化，并優(yōu)先選用已經(jīng)創(chuàng)建并普遍被大眾認(rèn)可的標(biāo)準(zhǔn)化圖形和圖標(biāo)。 用戶界面設(shè)計本網(wǎng)站的主界面游客身份就可以瀏覽，如需預(yù)訂或留言，則需首先通過會員登錄模塊對身份進行驗證，當(dāng)確認(rèn)為登錄會員后可進入預(yù)訂或留言界面。系統(tǒng)主界面提供包括旅游景點查詢、酒店信息查詢與預(yù)定、旅游線路查詢與預(yù)定、購物指南、旅游指南、留言箱、招商引資等模塊。每個模塊都具有自己的頁面和功能，根據(jù)人機界面設(shè)計指南和模塊功能可以設(shè)計用戶界面。由于系統(tǒng)的用戶界面眾多，不可能將所有的用戶界面都進行簡介，為了能看到直觀的用戶界面，在此僅以用戶主界面、酒店信息查詢界面、酒店預(yù)訂界面、高級會員上傳用戶界面等為例，進行簡介。會員通過首頁會員登錄框輸入相應(yīng)信息，系統(tǒng)對其身份進行驗證，驗證合法后便可以進入到預(yù)訂界面。 系統(tǒng)主界面在系統(tǒng)的主界面中可以看到酒店信息模塊，以游客身份就可以對酒店信息進行查詢，在酒店信息模塊中包括根據(jù)星級查詢酒店、根據(jù)價格分類查詢酒店、酒店詳細(xì)信息的瀏覽。 酒店信息查詢界面在酒店信息查詢界面中可以看酒店預(yù)訂模塊的鏈接，在酒店預(yù)訂模塊中可以對酒店、入住天數(shù)、房間數(shù)進行預(yù)訂，如無空房系統(tǒng)自動提示，鏈接自動返回酒店信息查詢界面。 酒店預(yù)訂界面在系統(tǒng)的主界面中可以看到登陸到高級會員，以高級會員身份就可以對酒店信息進行上傳，上傳的信息儲存在上傳酒店信息表中，等待管理員的審核，審核通過即可發(fā)布到網(wǎng)站首頁。 上傳酒店信息界面 系統(tǒng)詳細(xì)設(shè)計本系統(tǒng)的前臺主要功能模塊包括：普通會員、高級會員的登錄注冊功能，圖片欣賞，旅游景點信息的查詢?yōu)g覽，新聞、資訊信息的查詢?yōu)g覽，購物指南，在線留言，投訴，交通信息瀏覽，電子地圖，預(yù)訂酒店，預(yù)訂旅游線路，上傳酒店信息，上傳商場信息，上傳旅游線路信息，上傳景點信息，天氣預(yù)報。后臺主要功能模塊包括：會員管理、公告管理、留言管理、旅游指南管理、景點管理、商場管理、旅游線路管理、預(yù)訂酒店管理、預(yù)訂線路管理、上傳信息管理。每一個模塊又包含有自己的子模塊，并具有其相應(yīng)的功能。由于系統(tǒng)的功能模塊眾多，在此不能對每個模塊都設(shè)計其PAD圖，所以僅以景點信息查詢操作、預(yù)訂酒店操作、上傳信息操作的PAD圖來進行說明 景點信息查詢PAD圖在用戶進行景點信息查詢時要輸入查詢景點的信息，系統(tǒng)對景點信息中的記錄進行遍歷，找到后顯示給用戶否則無查詢結(jié)果。輸入景點信息繼續(xù)查詢或進行其他操作查詢顯示景點信息無查詢結(jié)果 景點信息查詢PAD圖 預(yù)訂酒店P(guān)AD圖會員進行預(yù)訂酒店操作時，首先要進行會員登錄，選擇要預(yù)訂的酒店，并填寫相應(yīng)的預(yù)訂信息，系統(tǒng)會根據(jù)預(yù)訂的房間數(shù)更新相應(yīng)的信息，然后添加相應(yīng)的預(yù)訂酒店訂單，預(yù)訂酒店的PAD圖。輸入用戶名和密碼輸入酒店信息驗證用戶While（true）顯示錯誤信息酒店信息處理While（true）無此信息預(yù)訂酒店生成訂單記錄繼續(xù)操作或結(jié)束 預(yù)訂酒店P(guān)AD圖 上傳信息PAD圖輸入用戶名和密碼輸入上傳信息驗證用戶While（true）顯示錯誤信息上傳信息生成上傳信息繼續(xù)操作或結(jié)束用戶進行上傳信息操作時，首先要進行高級會員登錄，根據(jù)會員類型進入相應(yīng)的上傳界面，并填寫相應(yīng)的上傳信息，系統(tǒng)會根據(jù)上傳的信息類型更新相應(yīng)的信息，然后添加相應(yīng)的上傳記錄。 上傳信息PAD圖4 系統(tǒng)實現(xiàn) 語言選擇原因C是一個語言，上面支持用C。 另外，C，也可以開發(fā)基于WinForm的程序，這就是區(qū)別。C 無疑是這個星球上有史以來最好的編程語言，它幾乎集中了所有關(guān)于軟件開發(fā)和軟件工程研究的最新成果。面向?qū)ο?、類型安全、組件技術(shù)、自動內(nèi)存管理、跨平臺異常處理、版本控制、代碼安全管理。你不可能在另外的一種語言中找到所有這些特性。盡管像很多人注意到的一樣，當(dāng)我羅列上述特性時，總是讓人想到JAVA，然而C 確實走得更遠(yuǎn)。C 和JAVA一樣，簡直就是照搬了C++的部分語法，因此，對于數(shù)量眾多的C++程序員學(xué)習(xí)起來很容易上手，另外，對于新手來說，比C++要簡單一些。其次，Windows是目前占壟斷地位的平臺，而開發(fā)Windows應(yīng)用，當(dāng)然微軟的聲音是不能忽略的。最重要的是，相對于C++，用C 開發(fā)應(yīng)用軟件可以大大縮短開發(fā)周期，同時可以利用原來除用戶界面代碼之外的C++代碼[11]。 軟件開發(fā)環(huán)境軟件開發(fā)環(huán)境可按以下幾種角度分類：（1）按軟件開發(fā)模型及開發(fā)方法分類，有支持瀑布模型、演化模型、螺旋模型、噴泉模型以及結(jié)構(gòu)化方法、信息模型方法、面向?qū)ο蠓椒ǖ炔煌Ｐ图胺椒ǖ能浖_發(fā)環(huán)境。（2）按功能及結(jié)構(gòu)特點分類，有單體型、協(xié)同型、分散型和并發(fā)型等多種類型的軟件開發(fā)環(huán)境。（3）按應(yīng)用范圍分類，有通用型和專用型軟件開發(fā)環(huán)境。其中專用型軟件開發(fā)環(huán)境與應(yīng)用領(lǐng)域有關(guān)，故又可稱為應(yīng)用型軟件開發(fā)環(huán)境。（4）按開發(fā)階段分類，有前端開發(fā)環(huán)境(支持系統(tǒng)規(guī)劃、分析、設(shè)計等階段的活動)、后端開發(fā)環(huán)境(支持編程、測試等階段的活動)、軟件維護環(huán)境和逆向工程環(huán)境等。開發(fā)本系統(tǒng)所用的軟件工具集合為，Visual Studio 2005設(shè)計工具、SQL Server數(shù)據(jù)庫開發(fā)工具、Photo Shop圖片處理工具等。 系統(tǒng)功能實現(xiàn) 登錄模塊在登錄模塊中，主要實現(xiàn)的是對會員或管理員合法性的驗證，都是通過普通會員注冊表和高級會員注冊表驗證成功才能登錄成功。會員或管理員在此輸入其姓名、密碼，經(jīng)過與后臺數(shù)據(jù)庫中的記錄進行相應(yīng)的對比確定其為合法用戶，會員或管理員才能進入相應(yīng)的系統(tǒng)的權(quán)限。圖 會員或管理員登錄界面功能實現(xiàn)：由于用戶在登錄系統(tǒng)時，會員登錄是通過會員類型不同而進行登錄，如果高級會員登錄成功就會根據(jù)會員帳號所對應(yīng)類型而跳轉(zhuǎn)，例如：高級會員是上傳酒店的服務(wù)商，登錄成功后會跳轉(zhuǎn)到上傳酒店信息模塊頁面中。也是通過session對象傳值實現(xiàn)的。如果普通會員注冊成功，就可以進行酒店預(yù)訂、線路預(yù)訂、留言等相關(guān)操作。 會員注冊模塊普通會員注冊模塊主要是為了會員在預(yù)訂酒店和線路預(yù)訂時可以對會員的詳細(xì)信息進行查看，當(dāng)會員想要預(yù)訂酒店時，需要先會員登錄，如果不是會員就需要在此注冊登錄，然后到預(yù)訂酒店或是預(yù)訂線路中就會自動獲取相對應(yīng)的會員信息，這樣使會員就會看到自己的信息。在注冊過程中，可驗證用戶名是否重復(fù)。對本網(wǎng)站的安全問題很放心。本網(wǎng)站會員注冊是免費的，這樣吸引了許多用戶，注冊內(nèi)容方便，簡單，容易操作。功能實現(xiàn)：1．注冊普通會員的信息，系統(tǒng)要進入到普通會員注冊界面。這里通過信息輸入框讓用戶輸入信息的詳細(xì)參數(shù)，針不同參數(shù)信息的要求不同，需要對相應(yīng)的輸入框的輸入要求進行限定。驗證用戶是否存在操作是通過獲取用戶名文本框里的數(shù)據(jù)，然后通過建立一個SqlCommand和SqlDataReader命令，使用SqlDataReader命令當(dāng)中的HasRows屬性，對普通注冊表中的用戶名進行篩選，如果HasRows返回來的值是真，說明當(dāng)前用戶名不可用，如查為假，說明沒有人注冊過，可以使用。本模塊還使用了驗證控件中的RegularExpressionValidator1控件，其中設(shè)置了三個屬性值，分別是： errormessage屬性，值為“例如：sql@”，表示提示的錯誤信息； ControlToValidate屬性，值為：“textbox7”（對應(yīng)的文本框）,表示綁定到此文本框；ValidationExpression屬性，值為“\w+([+.39。]\w+)*@\w+([.]\w+)*\.\w+([.]\w+)*”，表示文本框里輸入的格式；當(dāng)輸入的數(shù)據(jù)不對時，驗證控件RegularExpressionValidator1就會提示控件errormessage屬性中的設(shè)置的信息。注冊按鈕操作主要通過insert命令把最后驗證的結(jié)果都添加的注冊表里。 信息查詢模塊信息查詢模塊包括景點信息查詢，酒店信息查詢，線路信息查詢，新聞資訊查詢，交通查詢。由于功能相似，現(xiàn)以酒店信息查詢?yōu)槔?，用戶可以對酒店的基本信息進行查看。如果有必要，還可以查看某酒店的詳細(xì)信息以此來了解酒店的詳細(xì)信息。為了能更快更好更準(zhǔn)的實現(xiàn)酒店信息的查看，在此用戶可以進酒店信息的高級查詢，根據(jù)不同的星級有針對性的查詢來增加獲取酒店信息的速度。酒店信息查詢界面。圖 酒店信息查詢界面功能實現(xiàn)：1．滿足查詢條件的酒店信息記錄可能會有多條，為了方便用戶對信息進行查看，設(shè)置了分頁的功能。通過設(shè)置Gridview控件，規(guī)定每頁固定顯示5條記錄。2．對每種酒店查詢時，信息輸入框中都有酒店星級的參數(shù)列表，選擇并輸入?yún)?shù)信息實現(xiàn)查詢。3．查詢某個酒店的詳細(xì)信息，只需要點擊相應(yīng)記錄后面的查看信息鏈接。系統(tǒng)會獲取到這個酒店的id，并根據(jù)獲取到的這個id從數(shù)據(jù)庫中查找到相應(yīng)的記錄，然后將詳細(xì)的信息顯示給用戶。 景點模塊在旅游網(wǎng)站上旅游景點是必不可少的，到了旅游旺季，網(wǎng)站中的景點被瀏覽的次數(shù)會讓人無法預(yù)料。網(wǎng)站的旅游景點模塊主要功能有景點電子地圖，此頁的地圖是沈陽地圖，點擊地圖可鏈接到電子地圖，從此地圖上能得知景點大概位置，方便用戶對景點位置的了解，用戶也可點擊進入進行查看景點的開放時間、票價、地址、線路等。地圖右面的景點是沈陽著名景點，用戶可進行瀏覽。 旅游景點模塊功能實現(xiàn)：景點地圖是采用imagemap控件，首先在“屬性”窗口，設(shè)置控件的imageurl屬性為要顯示的沈陽地圖的URL，設(shè)置hotspots屬性，設(shè)置電子地圖路徑，就會跳轉(zhuǎn)到相應(yīng)的電子地圖頁面，因為景點名稱是唯一的，所以使用景點名稱傳值，這樣就能查看到相應(yīng)的景點信息了。圖片欣賞中的圖片是通過數(shù)據(jù)源控件和DataList1控件的綁定，在DataList1控件中選擇編輯模板，在ItemTemplace項中設(shè)置一表格，然后進入源視圖，設(shè)置綁定到表中的圖片字段中，然后進行傳值，用sql語句限制一共顯示多少個圖片，當(dāng)點擊更多圖標(biāo)跳轉(zhuǎn)到圖片欣賞頁面顯示所有景點圖片。 預(yù)訂線路模塊預(yù)訂線路模塊主要功能是會員報團預(yù)訂票。當(dāng)會員在旅游線路模塊中點擊預(yù)訂后鏈接到訂單頁后會顯示會員信息，會員經(jīng)過核實后選擇需要預(yù)訂的票數(shù)，然后進行預(yù)訂，這時會顯示會員的訂票的信息，如果訂票信息是正確的，選擇是否付訂金，會員確定下單，最后會有提示信息提示已經(jīng)收到訂單。 預(yù)訂線路模塊實現(xiàn)過程：該模塊中獲得的客戶信息是通過在會員登錄模塊中定義了一個session[“name”]對象，此對象獲得的是普通會員表中會員號，會員號是唯一的，通過session對象進行傳值，訂單模塊進行接收，獲取此會員的相關(guān)信息，表示獲取的是該會員的聯(lián)系電話。當(dāng)會員點擊預(yù)訂按鈕時被隱藏的會員訂票信息就會顯示，該信息是獲取旅游公司表中的團號字段值，在旅游公司模塊中提到了，通過id變量獲得了團號字段值，獲取旅游