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