發(fā)布時(shí)間：2023-04-08 11:36:46
序言：寫作是分享個(gè)人見解和探索未知領(lǐng)域的橋梁，我們?yōu)槟x了8篇的網(wǎng)頁界面設(shè)計(jì)論文樣本，期待這些樣本能夠?yàn)槟峁┴S富的參考和啟發(fā)，請(qǐng)盡情閱讀。
【關(guān)鍵詞】電力企業(yè) 網(wǎng)站界面設(shè)計(jì) 交互性
引言
當(dāng)前電力集團(tuán)網(wǎng)站的版式設(shè)計(jì)相對(duì)中規(guī)中矩，模板化普遍。該論文以“創(chuàng)新電力集團(tuán)網(wǎng)站設(shè)計(jì)”為主題，探究網(wǎng)站版式設(shè)計(jì)與用戶交互性的關(guān)系；深入發(fā)掘設(shè)計(jì)者與欣賞者之間的情感聯(lián)系，將網(wǎng)站企業(yè)理念、產(chǎn)品服務(wù)等信息以符合當(dāng)前大眾審美觀念的方式展現(xiàn)，帶給客戶閱讀樂趣，以便順應(yīng)社會(huì)不斷發(fā)展的審美需求。
一、國(guó)內(nèi)電力企業(yè)界面設(shè)計(jì)現(xiàn)狀、原因及存在的問題
1.當(dāng)前現(xiàn)狀
隨著用戶體驗(yàn)需求的不斷提高，國(guó)內(nèi)對(duì)網(wǎng)站界面設(shè)計(jì)的關(guān)注有所增加，從事網(wǎng)頁界面的設(shè)計(jì)師也越來越多。如今國(guó)內(nèi)許多大型電力集團(tuán)也開設(shè)獨(dú)立的網(wǎng)站設(shè)計(jì)部門，網(wǎng)站的設(shè)計(jì)無論在理論還是實(shí)踐方面都有了很大的進(jìn)步。但是中小型電力企業(yè)網(wǎng)站界面的藝術(shù)化設(shè)計(jì)卻是“短板”。存在缺乏資金、理念落后、觀念錯(cuò)誤等原因，導(dǎo)致嚴(yán)重的兩極分化，使得當(dāng)前國(guó)內(nèi)電力企業(yè)網(wǎng)站界面設(shè)計(jì)整體上并不理想。
2. 原因
當(dāng)前電力企業(yè)網(wǎng)站界面的設(shè)計(jì)整體上并不理想，主要集中在中小型電力企業(yè)上，作為網(wǎng)站界面藝術(shù)設(shè)計(jì)的“短板”，具體原因如以下幾點(diǎn)：
①缺乏專業(yè)人才，沒有像大型電力集團(tuán)那樣雄厚的資金來吸引專業(yè)的設(shè)計(jì)人才；
②是互聯(lián)網(wǎng)發(fā)展的理念相對(duì)落后。
③不重視網(wǎng)站的更新及維護(hù)，認(rèn)為電力是人們生活必不可少的能量，即使沒有精美的網(wǎng)站，也會(huì)有很多的消費(fèi)者。
由此，大多數(shù)中小型電力企業(yè)網(wǎng)站成為了擺設(shè)，且設(shè)計(jì)缺乏新意，板式大同小異，沒有自身的特色。理念落后，不注重強(qiáng)調(diào)與受眾之間的交互性，受眾對(duì)企業(yè)理念及產(chǎn)品服務(wù)項(xiàng)目了解不明確。
3.設(shè)計(jì)中所存在的問題
（1）從視覺角度來看，板式設(shè)計(jì)、顏色都過于單調(diào)，不能夠很好的讓受眾產(chǎn)生閱讀興趣。首頁是一個(gè)網(wǎng)站的重中之重，是最核心的內(nèi)容，首頁應(yīng)明確企業(yè)的類型及服務(wù)的理念，讓受眾一目了然。其次針對(duì)受眾最關(guān)心的產(chǎn)品服務(wù)，售后服務(wù)等的進(jìn)入標(biāo)簽應(yīng)盡量醒目。受眾打開網(wǎng)頁首先第一眼就不能夠明確網(wǎng)站屬于什么類型，其次版式設(shè)計(jì)平庸，無藝術(shù)感，使得受眾無閱讀下去的欲望。
（2）從網(wǎng)頁內(nèi)容來看，文字過多，受眾心理上就會(huì)難以接受，從而也減弱了受眾的閱讀欲望。現(xiàn)代網(wǎng)頁的藝術(shù)設(shè)計(jì)講究的是圖文并茂，將藝術(shù)元素巧妙地融入到網(wǎng)頁的設(shè)計(jì)中，使其切合企業(yè)的理念，才是符合現(xiàn)代大眾所接受的形式。
（3）從與用戶的交互性上看，不能滿足消費(fèi)者的需求，在產(chǎn)品界面上，該設(shè)計(jì)所使用的是抽象的文字來描述產(chǎn)品服務(wù)項(xiàng)目，讓受眾不能夠很好的了解到產(chǎn)品到底是什么，其次通過三級(jí)頁的方式才能夠獲得更為詳細(xì)的產(chǎn)品信息，在網(wǎng)頁構(gòu)建時(shí)不僅增加了成本，同時(shí)也增加了用戶的操作難度。
二、在網(wǎng)站界面中影響交互性的設(shè)計(jì)元素
1.設(shè)計(jì)風(fēng)格
在網(wǎng)站首頁原型結(jié)構(gòu)上，因空間有限，不同內(nèi)容放什么位置、是否符合網(wǎng)絡(luò)營(yíng)銷規(guī)范，尤其是第一屏的信息很重要，這些需要結(jié)合建站初衷和自身公司特點(diǎn)，讓受眾第一時(shí)間找到想要的和營(yíng)造出良好的企業(yè)氛圍。
最受大眾所歡迎的風(fēng)格為 “扁平化”。扁平化概念的核心意義是：去除冗余、厚重和繁雜的裝飾效果。這樣可以讓“信息”本身重新作為核心被凸顯出來。尤其是作為電力企業(yè)首頁的設(shè)計(jì)上，引入這一理念將會(huì)更好的凸顯企業(yè)的核心信息，讓受眾一目了然，解決當(dāng)前中小型電力企業(yè)首頁信息不明確的問題。同時(shí)扁平化在設(shè)計(jì)元素上，強(qiáng)調(diào)了抽象、極簡(jiǎn)和符號(hào)化。這樣界就會(huì)更加干凈整齊，從而使受眾能夠在第一時(shí)間就能夠找到自己想要的信息，從而帶給用戶更加良好的操作體驗(yàn)。
2.界面內(nèi)容
界面的整體版式設(shè)計(jì)影響著消費(fèi)者的第一印象，如果整個(gè)網(wǎng)頁的內(nèi)容文字所占比例大于70%，界面就會(huì)顯得凌亂，然而當(dāng)前許多的電力企業(yè)網(wǎng)站就存在這一問題，文字過多、內(nèi)容復(fù)雜；如果適當(dāng)?shù)牡牧舭?，不過多強(qiáng)調(diào)在有限界面中放最多的信息，整體界面比較簡(jiǎn)潔，反而受到消費(fèi)者的歡迎。
適當(dāng)?shù)牡牧舭撞粌H可以讓界面更加整潔美觀，也可以讓受眾有更多的想象空間。盡量減少文字的表述，通過形象的圖片方式展示其產(chǎn)品等信息，會(huì)使受眾更加深入的了解自己所需要產(chǎn)品信息。因?yàn)?，人類欣賞事物主要依靠的是直覺，對(duì)圖片的識(shí)別性遠(yuǎn)大于對(duì)文字的識(shí)別性。因此，在進(jìn)行網(wǎng)頁設(shè)計(jì)的過程中應(yīng)避免大段文字的出現(xiàn)，突出圖形，簡(jiǎn)化文字。盡量將文字圖形化。如不得不通過文字描述來介紹產(chǎn)品及服務(wù)，可以通過圖文相結(jié)合的方式，通過鼠標(biāo)移動(dòng)“淡入淡出”方式。受眾不僅能夠了解了產(chǎn)品信息，同時(shí)也提高了用戶操作性，減少了多余三級(jí)界面的設(shè)計(jì)和維護(hù)成本。從藝術(shù)設(shè)計(jì)的角度來看，動(dòng)態(tài)的視覺效果也會(huì)更加具有藝術(shù)靈動(dòng)性。
3.顏色及文字的搭配
電力企業(yè)網(wǎng)站作為商業(yè)類網(wǎng)站，不同于購物類網(wǎng)站，不需要為了展示某一特定商品而設(shè)計(jì)的太過炫目，更多的在于體現(xiàn)企業(yè)的發(fā)展理念，讓受眾能夠放心使用其產(chǎn)品及服務(wù)。因此選擇的色調(diào)要偏向于穩(wěn)重，如中性灰，深紅色等色調(diào)，切合企業(yè)的發(fā)展理念，使得受眾在界面整體的色調(diào)環(huán)境中，從潛意識(shí)里就樹立企業(yè)沉穩(wěn)的作風(fēng)。
文字有描述和解釋的功能，同時(shí)也是一種良好的藝術(shù)載體，字體的設(shè)計(jì)可以根據(jù)不同的需求體現(xiàn)出不同的藝術(shù)風(fēng)格，如“末端斜切”的處理方式，使得文字筆畫低調(diào)不張揚(yáng)，不僅能夠很好地融入網(wǎng)站的整體氣氛中，也切合了企業(yè)的發(fā)展理念。
4.人性化的設(shè)計(jì)
人性化就是網(wǎng)站設(shè)計(jì)的核心，在物質(zhì)逐漸滿足，精神需求逐漸壯大的時(shí)期，用戶對(duì)網(wǎng)站的操作不僅要求功能完善，還要求美觀、藝術(shù)、個(gè)性，在對(duì)設(shè)計(jì)上需求的就是要表現(xiàn)具體風(fēng)格和藝術(shù)審美。網(wǎng)站界面設(shè)計(jì)的板式設(shè)計(jì)、色彩搭配、文字處理等都要考慮用戶的主觀感受，已經(jīng)沒有人愿意接受一個(gè)冷冰冰的機(jī)器了?，F(xiàn)階段許多設(shè)計(jì)師在網(wǎng)頁中加入了自己的情感因素，而往往卻忽略了用戶的精神需求，因此違背了設(shè)計(jì)初衷。
電力企業(yè)的登錄界面中，無論是企業(yè)內(nèi)部人員還是用戶，都設(shè)置獨(dú)立的登錄賬號(hào)、密碼、驗(yàn)證碼等，這些復(fù)雜的賬號(hào)及密碼為了保密性，又不方便用文字來記錄，便成為了用戶的記憶負(fù)擔(dān)。賬號(hào)是什么？密碼是什么？幾位字符等等問題，甚至還在為切換輸入法浪費(fèi)時(shí)間，如果加入必要的引導(dǎo)詞，例如，密碼框內(nèi)的半透明原點(diǎn)符號(hào)，能起到提示用戶輸入密碼長(zhǎng)度的作用，又例如，點(diǎn)擊輸入框后輸入法的自動(dòng)切換，也能節(jié)省不少時(shí)間。這些細(xì)節(jié)都是影響用戶體驗(yàn)的因素。不僅夠體現(xiàn)出企業(yè)的服務(wù)態(tài)度，而且也左右著用戶的消費(fèi)心態(tài)。
三、總結(jié)
該論文以尋求新的電力集團(tuán)網(wǎng)站界面設(shè)計(jì)，進(jìn)而滿足與用戶的交互性為目的，進(jìn)行深入探究，使消費(fèi)者在電力集團(tuán)網(wǎng)站體驗(yàn)過程中與企業(yè)理念產(chǎn)生共鳴，使得企業(yè)贏得更多客戶的忠誠(chéng)度，從而實(shí)現(xiàn)網(wǎng)站的運(yùn)營(yíng)目標(biāo)。?
參考文獻(xiàn)：
[1]董建明：人機(jī)交互：以用戶為中心的設(shè)計(jì)和評(píng)估[M]，北京：清華大學(xué)出版社；
【關(guān)鍵詞】人機(jī)工程 GUI 設(shè)計(jì)
一、人機(jī)工程學(xué)的學(xué)科內(nèi)容
人機(jī)工程學(xué)是一門研究人類、機(jī)器和環(huán)境之間相互作用的學(xué)科，它主要目的是為了使設(shè)計(jì)的機(jī)械設(shè)備或者人機(jī)系統(tǒng)能夠滿足人的生理和心理特征，使其能夠更好的為人類服務(wù)。在工業(yè)設(shè)計(jì)中，我們通常將其定義為：對(duì)于成批量生產(chǎn)的產(chǎn)品，憑借專業(yè)知識(shí)、經(jīng)驗(yàn)以及視覺感受等賦予其材料、結(jié)構(gòu)、色彩等新的品質(zhì)和資格。人機(jī)界面是人和機(jī)器在交互過程中非常重要的一個(gè)層面，也可以稱之為用戶界面。它是人和機(jī)器之間進(jìn)行通信的媒介，負(fù)責(zé)信息的輸入和輸出，其設(shè)計(jì)的好壞直接影響用戶的使用效果，是現(xiàn)代設(shè)計(jì)中非常重要的一個(gè)方面。
二、GUI的設(shè)計(jì)及色彩的特征
（一）GUI設(shè)計(jì)的流程
對(duì)于一個(gè)完整的用戶界面設(shè)計(jì)包括其啟動(dòng)界面的設(shè)計(jì)、軟件架構(gòu)設(shè)計(jì)、相應(yīng)按鈕的設(shè)計(jì)、面板的設(shè)計(jì)、菜單的設(shè)計(jì)以及圖標(biāo)和滾動(dòng)條的設(shè)計(jì)等等。跟其他產(chǎn)品一樣其設(shè)計(jì)的過程非常復(fù)雜，包括前期的調(diào)研、總體設(shè)計(jì)、具體設(shè)計(jì)和實(shí)施[1] [2]，是一個(gè)需要循環(huán)測(cè)試和評(píng)估的設(shè)計(jì)過程。
（二）色彩在GUI設(shè)計(jì)中的作用
在人機(jī)界面使用過程中，色彩對(duì)人類的影響最為重要，會(huì)受到人們的首先關(guān)注，其次才是形狀或者其他。所以對(duì)于人類來說色彩直接影響著其精神感受，在設(shè)計(jì)的過程中就要考慮到用戶的審美觀，使用戶在使用的過程中產(chǎn)生舒適感和美感。
GUI的設(shè)計(jì)可以分為網(wǎng)頁和軟件兩種不同的類型，其設(shè)計(jì)時(shí)對(duì)色彩的選擇也不盡相同。在網(wǎng)頁的色彩設(shè)計(jì)過程中有很大面積的色塊區(qū)域，其像素空間也較大，設(shè)計(jì)師在設(shè)計(jì)色彩時(shí)有較大的發(fā)揮空間。但是在對(duì)軟件的GUI設(shè)計(jì)時(shí)要考慮到工程類的嚴(yán)謹(jǐn)性和專業(yè)性，目前大多數(shù)采用了灰色作為其背景色，那么對(duì)于其圖標(biāo)的色彩設(shè)計(jì)就會(huì)受到很大的限制，且其色彩不宜超過64色。在整個(gè)GUI設(shè)計(jì)中首先要做到簡(jiǎn)單明了，對(duì)用戶起到引導(dǎo)的作用，引導(dǎo)用戶得到正確的聯(lián)想和操作。其次還要保證色彩的柔和性，降低不同區(qū)域間的對(duì)比度，使用戶在使用的過程中不會(huì)感覺眼睛疲勞。
（三）人機(jī)交互界面色彩的選擇
在進(jìn)行人機(jī)界面的色彩選擇時(shí)首先要明確主色調(diào)，以體現(xiàn)界面的主題。在工業(yè)設(shè)計(jì)中一般選擇淺灰色、淺黃色、淺藍(lán)色以及淺綠色等淺顏色的背景，再配以深色系的字，這樣既能夠突出重點(diǎn)，又能夠得到大多數(shù)人的認(rèn)可。對(duì)于人機(jī)界面中其他的一些內(nèi)容不宜選用搶眼的顏色，否則就會(huì)喧賓奪主，當(dāng)然并不是完全不能應(yīng)用，為了突出強(qiáng)調(diào)某些因素可以采用明亮的色彩，但是不能使用太多，否則就會(huì)適得其反，達(dá)不到強(qiáng)調(diào)的效果[3]。
在進(jìn)行色調(diào)選擇時(shí)一般要考慮一下三點(diǎn)：
1.暖色調(diào)一般會(huì)給人一種溫暖的效果，冷色調(diào)則相反，使人感到冷清。
2.高彩度的暖色調(diào)給人刺激和興奮，低彩度的冷色調(diào)能夠使人平靜思索。
3.高明色調(diào)使人感覺清爽、明快，低明色調(diào)則使人感覺深沉和莊重。
在選擇顏色進(jìn)行背景色搭配時(shí)一樣不能使用對(duì)比強(qiáng)烈的色彩；使用大面積顏色時(shí)要選用低對(duì)比度的背景，否則會(huì)影響其圖片和文字的辨別，嚴(yán)重時(shí)會(huì)發(fā)生互溶現(xiàn)象，使圖片和文字不容易被辨識(shí)。例如在進(jìn)行標(biāo)題背景色設(shè)計(jì)時(shí)可以采用較深的顏色，配以鮮明的字體，這樣一方面可以吸引用戶的注意力，另一方面起到了突出界面主題的作用[4]。
三、人機(jī)工程學(xué)在GUI設(shè)計(jì)中的重要作用
設(shè)計(jì)的目的是為了更好的為人類服務(wù)，所以人是設(shè)計(jì)中首先要考慮的因素。人機(jī)工程學(xué)也是把人作為第一要素來考慮，它在GUI設(shè)計(jì)中的作用可以簡(jiǎn)單的概括為以下三個(gè)方面：
（一）提供人體尺度參數(shù)。人體工程學(xué)是人際工程學(xué)中研究中一個(gè)重要的方向，為GUI的設(shè)計(jì)提供人體結(jié)構(gòu)尺度、生理尺度以及心理尺度等相關(guān)數(shù)據(jù)，從而為設(shè)計(jì)者設(shè)計(jì)人機(jī)界面提供可靠地參考依據(jù)。
（二）提供功能合理性設(shè)計(jì)參數(shù)。在設(shè)計(jì)過程中為設(shè)計(jì)者提供界面中各個(gè)要素的形狀、大小以及色彩和布局等的參數(shù)，使其能夠?qū)崿F(xiàn)人和機(jī)器之間通信功能的最優(yōu)化，進(jìn)而最大限度的適應(yīng)人類心理和生理需求。
（三）提供系統(tǒng)設(shè)計(jì)的理論依據(jù)。人機(jī)工程學(xué)是研究人和機(jī)以及機(jī)所處的環(huán)境一門科學(xué)，人機(jī)工程學(xué)的原理存在于用戶界面設(shè)計(jì)的每一個(gè)過程中。在這個(gè)完整的人機(jī)系統(tǒng)中系統(tǒng)要能夠?yàn)橛脩籼峁├^續(xù)、后退和退出等命令的說明[5]。
四、設(shè)計(jì)實(shí)例
在這次設(shè)計(jì)中我們以一款兒童英語學(xué)習(xí)軟件為例進(jìn)行，設(shè)計(jì)了其登陸界面和一系列圖標(biāo)，其界面色彩豐富、圖標(biāo)的可指示性強(qiáng)。
上述圖標(biāo)和界面的設(shè)計(jì)主要采用了黃色調(diào)作為主色調(diào)，能夠給人一種活潑、燦爛和可愛的感覺。對(duì)于兒童英語課程的學(xué)習(xí)來說其用戶主要是兒童，這種色調(diào)的選擇可以使其在使用過程中感到喜歡，增加了其愉快度，從而能夠更好的幫助兒童學(xué)習(xí)英語。
五、結(jié)論
論文以人機(jī)工程學(xué)為基礎(chǔ)，對(duì)其在GUI設(shè)計(jì)中的相關(guān)內(nèi)容進(jìn)行了闡述，介紹了基于人機(jī)工程學(xué)的GUI界面設(shè)計(jì)的方法，并且介紹了色彩在界面設(shè)計(jì)中的重要作用和如何選擇合適的色彩以達(dá)到更好的效果。在文章的最后做著還給出了一個(gè)設(shè)計(jì)實(shí)例，驗(yàn)證了人機(jī)工程軟件界面設(shè)計(jì)方法的指導(dǎo)性。
參考文獻(xiàn)：
[1]何曉佑.產(chǎn)品設(shè)計(jì)程序與方法.北京：中國(guó)輕工業(yè)出版社，2000.
[2]Jeffrey L.Whitten，Lonnie D.Bentley，Victor M.Barlow.System Analysis and Design Methods. Von Hoffmann Press，1994.
[3]姜葳，用戶界面設(shè)計(jì)研究，浙江大學(xué)碩士學(xué)位論文[M].2006年3月。
引言
瀏覽器的發(fā)展是我們一般網(wǎng)民可以深刻感受到的。從開始大家都一貫使用的IE瀏覽器到現(xiàn)在五花八門的各種瀏覽器的出現(xiàn)，用戶越來越苛刻的要求以及市場(chǎng)的不斷細(xì)分使得網(wǎng)頁瀏覽器越做越細(xì)膩而且各個(gè)品牌開始有了自己的特征，本論文就選擇三個(gè)典型的瀏覽器基于用戶體驗(yàn)來進(jìn)行分析與定位，以及對(duì)瀏覽器的今后發(fā)展方向進(jìn)行探索性的設(shè)想。
一、用戶體驗(yàn)概述
1.用戶體驗(yàn)的定義
用戶體驗(yàn)（User Experience，簡(jiǎn)稱UE）是一種純主觀在用戶使用產(chǎn)品過程中建立起來的感受。ISO 9241-210標(biāo)準(zhǔn)將用戶體驗(yàn)定義為“人們對(duì)于針對(duì)使用或期望使用的產(chǎn)品、系統(tǒng)或者服務(wù)的認(rèn)知印象和回應(yīng)”。因此，用戶體驗(yàn)是主觀的，且其注重實(shí)際應(yīng)用。ISO定義的補(bǔ)充說明有著如下解釋：用戶體驗(yàn)，即用戶在使用一個(gè)產(chǎn)品或系統(tǒng)之前、使用期間和使用之后的全部感受，包括情感、信仰、喜好、認(rèn)知印象、生理和心理反應(yīng)、行為和成就等各個(gè)方面。該說明還列出三個(gè)影響用戶體驗(yàn)的因素：系統(tǒng)，用戶和使用環(huán)境。
2.用戶體驗(yàn)的目標(biāo)
用戶體驗(yàn)的目標(biāo)概括來說分為兩類，一是可用性目標(biāo)，另一個(gè)是用戶體驗(yàn)?zāi)繕?biāo)。兩者相互關(guān)聯(lián)，可用性是基礎(chǔ)它的好壞直接影響到整個(gè)的用戶體驗(yàn)。可用性目標(biāo)是關(guān)于滿足特定的可用性標(biāo)準(zhǔn)（例如有效性）的，而用戶體驗(yàn)?zāi)繕?biāo)則是對(duì)用戶體驗(yàn)質(zhì)量所做的明確說明（例如富有美感、令人舒暢）。
所謂可用性，就是說產(chǎn)品是否易學(xué)、使用是否有效果，以及通用性是否良好等等。它涉及優(yōu)化人們與產(chǎn)品的交互方式，從而使人們能更有效地進(jìn)行日常工作、完成任務(wù)和學(xué)習(xí)?？捎眯阅繕?biāo)具體可以分為：可行性（使用有效果）、有效性（工作效率高）、安全性（能安全使用）、通用性（具備良好的通用性）、易學(xué)性（易于學(xué)習(xí)）、易記性（使用方法便于記憶）等。
隨著新技術(shù)的快速發(fā)展，人們對(duì)產(chǎn)品也有了更多的要求。這就使得研究人員和業(yè)界人士開始思考進(jìn)一步的目標(biāo)。交互設(shè)計(jì)已經(jīng)不僅僅只是如何提高工作效率的問題了，人們也越來越關(guān)心產(chǎn)品是否具備其它一些品質(zhì)，例如：令人感到滿意、令人心情愉快、有趣味性、引人入勝、富有啟發(fā)性、富有美感、富有時(shí)尚感、可激發(fā)創(chuàng)造性、讓人有成就感、讓人得到情感上的滿足等。
根據(jù)如上我們對(duì)用戶體驗(yàn)?zāi)繕?biāo)的描述來進(jìn)行瀏覽器產(chǎn)品的調(diào)研與分析。
二、瀏覽器產(chǎn)品分析
瀏覽器是我們上網(wǎng)不可缺少的工具。網(wǎng)頁瀏覽器是個(gè)顯示網(wǎng)頁服務(wù)器或檔案系統(tǒng)內(nèi)的文件，并讓用戶與此些文件互動(dòng)的一種軟件。它用來顯示在萬維網(wǎng)或局部局域網(wǎng)絡(luò)等內(nèi)的文字、影像及其他資訊。這些文字或影像，可以是連接其他網(wǎng)址的超鏈接，用戶可迅速及輕易地瀏覽各種資訊。
根據(jù)國(guó)內(nèi)知名第三方數(shù)據(jù)統(tǒng)計(jì)分析服務(wù)提供商CNZZ的瀏覽器中國(guó)市場(chǎng)份額2009年8月統(tǒng)計(jì)報(bào)告中了解到，中國(guó)瀏覽器市場(chǎng)占有率第一的仍然是微軟IE，如圖1所示。IE6在國(guó)內(nèi)憑借Windows XP的保有量保持了接近百分之七十的市場(chǎng)份額。IE8在國(guó)內(nèi)占有3.7%的用戶。不過從這個(gè)瀏覽器排行榜單中可以看出國(guó)產(chǎn)瀏覽器異彩紛呈，以其多窗口瀏覽、多種功能集成和較高的安全性設(shè)置，在市場(chǎng)上同樣占據(jù)了不少份額。據(jù)CNZZ數(shù)據(jù)分析報(bào)告顯示，目前來看占據(jù)國(guó)產(chǎn)瀏覽器軟件第一的仍然是傲游Maxthon。而騰訊TT也依托QQ的龐大用戶群占據(jù)了第二名的位置。還有異軍突起的360安全瀏覽器，市場(chǎng)份額上升非常迅速?，F(xiàn)在已經(jīng)超越世界之窗排在了前五的位置。本論文就選取了比較有特點(diǎn)的google、遨游、360瀏覽器進(jìn)行分析，同時(shí)以騰訊的TT瀏覽器為被設(shè)計(jì)對(duì)象進(jìn)行未來產(chǎn)品的定位。
1.產(chǎn)品的企業(yè)定位：
遨游――瀏覽器
傲游是多標(biāo)簽瀏覽器，擁有業(yè)界最優(yōu)秀的在線收藏和廣告過濾功能，并囊括了智能填表、超級(jí)拖放、鼠標(biāo)手勢(shì)、分屏瀏覽等眾多易用功能，100%提高瀏覽效率，給我們帶來更快捷、更穩(wěn)定、更安全的上網(wǎng)體驗(yàn).Maxthon Browser基于IE內(nèi)核，并在其之上有創(chuàng)新，其插件比IE更豐富。
360――安全瀏覽器
360是互聯(lián)網(wǎng)上安全好用的新一代瀏覽器，擁有中國(guó)最大的惡意網(wǎng)址庫，采用云查殺引擎，可自動(dòng)攔截掛馬、欺詐、網(wǎng)銀仿冒等惡意網(wǎng)址。獨(dú)創(chuàng)的“隔離模式”，讓用戶在訪問木馬網(wǎng)站時(shí)也不會(huì)感染。無痕瀏覽，能夠最大限度保護(hù)用戶的上網(wǎng)隱私。360安全瀏覽器體積小巧、速度快、極少崩潰，并擁有翻譯、截圖、鼠標(biāo)手勢(shì)、廣告過濾等幾十種實(shí)用功能，已成為廣大網(wǎng)民上網(wǎng)的優(yōu)先選擇?，F(xiàn)在產(chǎn)品線有所拓展，緊跟潮流，開發(fā)了極速版瀏覽器突出無縫的快速搜索。
Google――瀏覽器
Chrome瀏覽器目標(biāo)是提升穩(wěn)定性、速度和安全性，并創(chuàng)造出簡(jiǎn)單且有效率的使用者界面。
2.產(chǎn)品用戶體驗(yàn)描述
通過發(fā)放調(diào)查問卷以及用戶訪談，把三個(gè)瀏覽器的品牌定位和產(chǎn)品優(yōu)劣勢(shì)進(jìn)行分析和比較。
總體來看，Google瀏覽器界面形式最簡(jiǎn)單，純粹，同時(shí)不乏個(gè)性化的擴(kuò)展。360與遨游瀏覽器的界面類似，采用與IE類似的傳統(tǒng)瀏覽器布局和功能類別，360界面比較清新，干凈，遨游界面略顯復(fù)雜，內(nèi)容過滿，在界面設(shè)計(jì)上加法過多。傲游瀏覽器設(shè)計(jì)了很多快捷功能，給瀏覽網(wǎng)頁提供了多種方便，360也具有多數(shù)相似的功能，但兩個(gè)產(chǎn)品的功能層次都稍有繁冗復(fù)雜，給了用戶多種通道和入口。360瀏覽器的安全保障做的比較突出，給人健康、安全、信任的感覺和體驗(yàn)。
通過分析，提煉出產(chǎn)品用戶體驗(yàn)的幾個(gè)關(guān)鍵詞為實(shí)用、快捷、安全、可擴(kuò)展、個(gè)性化，并且用這些關(guān)鍵詞對(duì)產(chǎn)品進(jìn)行進(jìn)一步的表述和分類。
圖例：
根據(jù)關(guān)鍵詞分析得出產(chǎn)品的綜合定位圖：谷歌產(chǎn)品有著簡(jiǎn)單美觀的界面設(shè)計(jì)，在個(gè)性化功能上比較突出。遨游產(chǎn)品實(shí)用但比較復(fù)雜，擁有著較多的功能，但是產(chǎn)品功能和界面內(nèi)容過于多，且在視覺設(shè)計(jì)上處于劣勢(shì)。360的產(chǎn)品安全性能較高，界面設(shè)計(jì)比較美觀，易用性居中。
三、總結(jié)
從用戶體驗(yàn)的分析來看，每一款產(chǎn)品都有自己的定位，并且跟自己的品牌文化，產(chǎn)品發(fā)展息息相關(guān)。拿騰訊TT產(chǎn)品為例，從騰訊產(chǎn)品優(yōu)勢(shì)以及競(jìng)品特征定位來看，TT產(chǎn)品應(yīng)該有自己企業(yè)的優(yōu)勢(shì)資源，同時(shí)帶給用戶完整豐富的騰訊產(chǎn)品體驗(yàn)。
根據(jù)與前邊瀏覽器的對(duì)比分析以及用戶體驗(yàn)研究，探討未來的TT瀏覽器的定位方向?yàn)椋?/p>
多種模式。簡(jiǎn)單搜索\輕松娛樂\商務(wù)辦公……
多種版本。速度主導(dǎo)\主題主導(dǎo)\功能主導(dǎo)……
產(chǎn)品整合。QQ、微薄、游戲、電子商務(wù)等騰訊產(chǎn)品。
輕松上網(wǎng)。不僅是搜索，在工作疲憊，等待系統(tǒng)運(yùn)轉(zhuǎn)之時(shí)還能有片刻的娛樂選擇。
分享交流。突出騰訊的核心產(chǎn)品特征。
所以，產(chǎn)品應(yīng)該立足于品牌文化和縱向產(chǎn)品特征，不僅從產(chǎn)品本身進(jìn)行研究，更要結(jié)合用戶的評(píng)價(jià)，對(duì)產(chǎn)品和品牌的整體感知，也就是產(chǎn)品的外延來進(jìn)行分析會(huì)得到更準(zhǔn)確和開闊的市場(chǎng)定位。
參考文獻(xiàn)
[1]Ben Shneiderman Catherine Plaisant著.張國(guó)印,等譯.用戶界面設(shè)計(jì)[M].電子工業(yè)出版.
目前非專業(yè)人員開發(fā)的網(wǎng)絡(luò)課件一般是網(wǎng)頁型的。由于網(wǎng)頁具有多媒體超文本實(shí)現(xiàn)能力，并且有良好的交互和動(dòng)態(tài)特性，所以借助Internet或Intranet來實(shí)現(xiàn)計(jì)算機(jī)輔助教學(xué)和遠(yuǎn)程教育已經(jīng)開始得到大力的發(fā)展和推廣。網(wǎng)絡(luò)課件運(yùn)行在服務(wù)器上，客戶只需用瀏覽器訪問就行了，在客戶端真正做到了“免安裝、免維護(hù)”。
網(wǎng)絡(luò)課件還實(shí)現(xiàn)了超媒體結(jié)構(gòu)。超媒體是基于超文本支持的多媒體，多媒體的表現(xiàn)可使超文本的交互界面更為豐富，由多媒體和超文本結(jié)合發(fā)展而成的超媒體系統(tǒng)目前已成為一種理想的知識(shí)組織結(jié)構(gòu)和管理方式。課件設(shè)計(jì)采用超媒體結(jié)構(gòu)，既方便了教師操作，又可以使教師根據(jù)實(shí)際教學(xué)情況自由選擇和重新組織教學(xué)內(nèi)容。
網(wǎng)絡(luò)課件強(qiáng)調(diào)發(fā)揮教師的教學(xué)主動(dòng)性和學(xué)生的積極參與性，主張給教師提供教學(xué)“組件”而不是提供成品。在內(nèi)容上，每個(gè)部分都設(shè)計(jì)了幾套方案供教師和學(xué)生選擇；在功能上，強(qiáng)調(diào)交互性，并且通過“課件編輯器”來實(shí)現(xiàn)教學(xué)內(nèi)容重組。教師可以根據(jù)自己的特長(zhǎng)選擇教學(xué)內(nèi)容，或重組或下載，還可以利用系統(tǒng)提供的自制課件平臺(tái)將各種素材合成，創(chuàng)造出自己的課件。
網(wǎng)絡(luò)課件的高度模塊化，使教師用它可以靈活地組織教學(xué)，學(xué)生用它可以靈活地選擇學(xué)習(xí)，與“教無定法，學(xué)無定法”的規(guī)律相適應(yīng)，是推進(jìn)素質(zhì)教育的現(xiàn)代化的教學(xué)輔助工具。
目前，網(wǎng)絡(luò)課件開發(fā)工具有很多，如FrontPage、dreamweaver、flash等。Front-Page簡(jiǎn)單易學(xué)。下面就以frontpage為例，陳述制作網(wǎng)絡(luò)課件的過程。
一、frontpage制作網(wǎng)絡(luò)課件的設(shè)計(jì)過程
1.依據(jù)教學(xué)設(shè)計(jì)構(gòu)建站點(diǎn)結(jié)構(gòu)
教學(xué)課件制作之前，對(duì)教學(xué)過程的設(shè)計(jì)和腳本的編寫非常重要。成熟和完善的教學(xué)設(shè)計(jì)可以使課件的設(shè)計(jì)制作事半功倍。在教學(xué)設(shè)計(jì)環(huán)節(jié)，教師要完成課題的選擇、教學(xué)手段和方法的設(shè)計(jì)、學(xué)生學(xué)習(xí)方法的設(shè)計(jì)、教學(xué)過程的組織等幾個(gè)方面的設(shè)計(jì)，并使之不斷趨于完善。
在此基礎(chǔ)上，我們可在frontpage中將整個(gè)課件建立為一個(gè)站點(diǎn)。建立站點(diǎn)時(shí)最好建立一個(gè)空站點(diǎn)，以便自由發(fā)揮我們的設(shè)計(jì)構(gòu)思。在站點(diǎn)中，我們要依據(jù)課堂教學(xué)的環(huán)節(jié)和內(nèi)容，在“導(dǎo)航”視圖下建立一個(gè)最簡(jiǎn)潔、有效的站點(diǎn)結(jié)構(gòu)（如圖1）。
當(dāng)然，我們也可以通過一個(gè)框架網(wǎng)頁達(dá)到使各個(gè)環(huán)節(jié)和板塊彼此鏈接、靈活跳轉(zhuǎn)的目的。
2.利用表格或框架巧妙為網(wǎng)頁布局
站點(diǎn)結(jié)構(gòu)（即課件的結(jié)構(gòu)）建立完畢后，即可從主頁開始在“網(wǎng)頁”視圖下編輯每一頁的內(nèi)容。在網(wǎng)頁編輯中，由于網(wǎng)頁上元素（媒體）眾多，更合理地安排它們的位置、使其位置相對(duì)固定，即網(wǎng)頁的布局就顯得十分重要。
頁面的布局，目前常采用的方法有兩種：一是借助表格，在整個(gè)網(wǎng)頁上創(chuàng)建一個(gè)或多個(gè)表格，將文本、圖片、動(dòng)畫、視頻等元素放置在表格中，且將其位置固定下來；二是借助框架網(wǎng)頁，將窗口拆分為既相互獨(dú)立、又保持聯(lián)系的多個(gè)框架。它可以滿足我們?cè)谝粋€(gè)瀏覽器窗口同時(shí)看到多個(gè)網(wǎng)頁的需要。在不影響其它框架的情況下，通過框架與網(wǎng)頁文件的鏈接，僅在一個(gè)框架中更新網(wǎng)頁的內(nèi)容，使得整個(gè)課件的結(jié)構(gòu)性更強(qiáng)，瀏覽各網(wǎng)頁內(nèi)容時(shí)更直接、簡(jiǎn)潔。
3.插入并編輯各種網(wǎng)頁元素，豐富和修飾網(wǎng)頁內(nèi)容
在課件的各頁面上將文本、音頻、圖形、動(dòng)畫、圖像、視頻等媒體元素插入并編輯，其操作方法與word中的操作方法大致相同。為了使頁面更加豐富，我們可以使用“插入”菜單在網(wǎng)頁上插入“水平線”、“時(shí)間戳”、“網(wǎng)頁橫幅”等來修飾頁面，還可通過“網(wǎng)頁屬性”的設(shè)置為網(wǎng)頁設(shè)置背景圖片及音樂。
4.使用“組件”、“網(wǎng)頁過渡”等方法給網(wǎng)頁添加動(dòng)態(tài)效果
為了使課件的各頁面更加生動(dòng)、豐富，更吸引學(xué)生的注意力，可以使用“插入”菜單“組件”命令中的“字幕”將某些需要引起學(xué)生關(guān)注的文字插入為一個(gè)滾動(dòng)的字幕；使用“格式”菜單中的“動(dòng)態(tài)HTML效果”命令將文字設(shè)置為單擊、雙擊、網(wǎng)頁加載、鼠標(biāo)懸停時(shí)出現(xiàn)飛入、彈出、螺旋、擦除等效果；使用“插入”菜單“組件”命令中的“橫幅廣告管理器”，制作多幅畫面反復(fù)過渡組成的帶有廣告效果的畫面；使用“插入”菜單“組件”命令中的“懸停按鈕”，插入當(dāng)鼠標(biāo)懸停其上顯示發(fā)光、凸出、凹進(jìn)等動(dòng)態(tài)特性，并可鏈接到網(wǎng)頁、聲音、圖片的動(dòng)態(tài)按鈕；必要時(shí)還可以插入Java小程序、Activex探件、Flash插件用于多媒體顯示、動(dòng)畫制作、數(shù)據(jù)庫通信等；如果教師需要將該課件到網(wǎng)上，并希望與通過網(wǎng)絡(luò)學(xué)習(xí)的學(xué)生交流、獲取教學(xué)反饋信息、主持小組討論，就需要借助Frontpage的表單功能。
教師如果希望在打開、關(guān)閉網(wǎng)頁時(shí)出現(xiàn)一些動(dòng)態(tài)的過渡效果，還可使用“格式”菜單中的“網(wǎng)頁過渡”命令，設(shè)置在進(jìn)入網(wǎng)頁、離開網(wǎng)頁進(jìn)出現(xiàn)擦除、放射、收縮等動(dòng)態(tài)效果。
5.建立網(wǎng)頁間的鏈接，使整個(gè)課件結(jié)構(gòu)成為一體
為了使課件的各個(gè)網(wǎng)頁（也即教學(xué)過程的各個(gè)環(huán)節(jié)）相互鏈接，使課件的進(jìn)程與課堂教學(xué)的進(jìn)程和諧統(tǒng)一，我們可以在網(wǎng)頁之間通過插入導(dǎo)航欄、共享邊框或者利用文本、圖片、懸停按鈕、書簽等多種形式的超鏈接，讓課件的各個(gè)環(huán)節(jié)和板塊鏈接在一起，非常方便地相互跳轉(zhuǎn)，讓課件的使用者在其導(dǎo)引下傳授、獲取知識(shí)。當(dāng)然，這種鏈接的路徑應(yīng)該設(shè)計(jì)得盡量簡(jiǎn)潔。
6.測(cè)試站點(diǎn)，課件到internet上
在課件的制作過程中和前夕，我們需要把整個(gè)站點(diǎn)（也即整個(gè)課件）全面地進(jìn)行檢查（包括超鏈接、拼寫、目錄、內(nèi)容等的正確性），以免課件使用過程中或后內(nèi)容有誤或不能正確使用。測(cè)試成功后，則將課件的整個(gè)站點(diǎn)到internet某個(gè)站點(diǎn)的服務(wù)器上。
二、制作網(wǎng)絡(luò)課件應(yīng)注意的問題
1.課件中使用的圖片、動(dòng)畫的文件的容量應(yīng)盡量小一點(diǎn)，圖片一般應(yīng)使用JPG格式，動(dòng)畫盡量使用二維動(dòng)畫，如GIF動(dòng)畫，如GIF動(dòng)畫或Flas。
2.課件中應(yīng)盡量少用與教學(xué)內(nèi)容無關(guān)的動(dòng)畫修飾頁面，以避免在教學(xué)中分散學(xué)生的注意力。
3.每一個(gè)顯示頁面都不宜太長(zhǎng)，且盡量避免使用滾動(dòng)條查看。
4.網(wǎng)頁下載速度要快，從選擇所需頁面算起到完成網(wǎng)上下載、在瀏覽器看到該頁為止，以不超過30秒鐘為宜。
5.導(dǎo)航欄、文本鏈接等各種形式超鏈接的路徑要簡(jiǎn)潔，要使課件的瀏覽者方便地在各教學(xué)板塊、教學(xué)內(nèi)容中進(jìn)出而不至迷路。
6.各網(wǎng)頁的藝術(shù)風(fēng)格應(yīng)盡量協(xié)調(diào)統(tǒng)一。
7.設(shè)計(jì)網(wǎng)絡(luò)課件時(shí)，要遵循如下教學(xué)設(shè)計(jì)原則：注重教學(xué)目標(biāo)及教學(xué)內(nèi)容分析、設(shè)計(jì)教學(xué)活動(dòng)時(shí)注意情境創(chuàng)設(shè)，強(qiáng)調(diào)“情境”在學(xué)習(xí)中的重要作用、注意信息資源設(shè)計(jì)，強(qiáng)調(diào)利用各種信息資源來支持“學(xué)”（而非支持“教”）、強(qiáng)調(diào)以學(xué)生為中心、注重自主學(xué)習(xí)設(shè)計(jì)、強(qiáng)調(diào)“協(xié)作學(xué)習(xí)”，要注重協(xié)作學(xué)習(xí)環(huán)境設(shè)計(jì)、注重基于網(wǎng)絡(luò)教學(xué)策略設(shè)計(jì)。
8.界面設(shè)計(jì)方面，界面設(shè)計(jì)即對(duì)屏幕上將要顯示的信息的布局進(jìn)行設(shè)計(jì)，包括主菜單、不同級(jí)別的操作按紐、教學(xué)信息的顯示背景、翻頁和清屏方式等。
9.界面布局要合理、風(fēng)格一致、色彩搭配協(xié)調(diào)。文本設(shè)計(jì)、圖片選擇要美觀大方，能激發(fā)學(xué)習(xí)者的學(xué)習(xí)激情。
10.在圖像處理、動(dòng)畫制作、聲音錄制、視頻采集、配音效果等方面要有一定的駕馭能力。制作思路要清晰，盡量采用較直接的設(shè)計(jì)流程，使整個(gè)操作流程一目了然。制作課件時(shí)不要與常規(guī)體系相悖。比如文字在呈現(xiàn)時(shí)應(yīng)盡量采用正規(guī)常用的字體；圖形符號(hào)的書寫應(yīng)符合本學(xué)科的規(guī)范，有聲音的媒體則普通話必須要標(biāo)準(zhǔn)。
11.注意聲像的有機(jī)結(jié)合。課件是現(xiàn)代多媒體技術(shù)發(fā)展的產(chǎn)物，如能在視聽元素結(jié)合方面得到進(jìn)一步加強(qiáng)，使之具有形神并茂、觸景生情的特點(diǎn)，那么在吸引學(xué)生注意力方面將會(huì)有著得天獨(dú)厚的教學(xué)特長(zhǎng)。
關(guān)鍵詞：頂崗實(shí)習(xí)平臺(tái)；系統(tǒng)設(shè)計(jì)；高職院校管理
中圖分類號(hào)：TP39 文獻(xiàn)標(biāo)識(shí)碼：B
1 引言（Introduction）
頂崗實(shí)習(xí)是現(xiàn)階段高職院校普遍實(shí)行的實(shí)習(xí)模式，但規(guī)范、高效的頂崗實(shí)習(xí)網(wǎng)絡(luò)化管理仍處于積極探索、反復(fù)實(shí)踐、不斷改進(jìn)階段。近幾年，雖然各高職院校教務(wù)管理部門針對(duì)頂崗實(shí)習(xí)網(wǎng)絡(luò)化管理開展了一些研究和實(shí)踐，但設(shè)計(jì)的平臺(tái)通用性欠強(qiáng)，功能欠全面，使用欠方便[1]。有鑒于此，文中分析設(shè)計(jì)了一個(gè)通用性好、功能性強(qiáng)、使用方便的頂崗實(shí)習(xí)平臺(tái)系統(tǒng)。
2 需求分析（Demand analysis）
頂崗實(shí)習(xí)平臺(tái)應(yīng)該包括兩大功能：（1）實(shí)現(xiàn)師生之間的交流。即學(xué)生通過平臺(tái)向?qū)焻R報(bào)實(shí)習(xí)和（或）課題完成情況并尋求指導(dǎo)，導(dǎo)師通過平臺(tái)給學(xué)生回復(fù)指導(dǎo)。（2）實(shí)習(xí)管理。即通過實(shí)習(xí)管理功能實(shí)現(xiàn)對(duì)管理制度、實(shí)習(xí)要求、課題、群發(fā)信息、新聞等內(nèi)容的管理，通過計(jì)劃管理功能實(shí)現(xiàn)對(duì)實(shí)施計(jì)劃、實(shí)習(xí)單位信息變更、計(jì)劃變更等內(nèi)容的管理，通過互動(dòng)交流功能實(shí)現(xiàn)對(duì)建議舉報(bào)、互動(dòng)信息、定期監(jiān)控、不良記錄等管理，通過論文報(bào)告功能實(shí)現(xiàn)對(duì)論文報(bào)告的管理[2]。
頂崗實(shí)習(xí)平臺(tái)的用戶包括學(xué)生、導(dǎo)師、系部管理員、系統(tǒng)（教務(wù)處）管理員、院領(lǐng)導(dǎo)五種。
該平臺(tái)的限制與約束為：（1）編程語言可采用/ASP/JSP，并符合編碼規(guī)范；網(wǎng)頁設(shè)計(jì)符合Web標(biāo)準(zhǔn)。（2）頂崗實(shí)習(xí)平臺(tái)應(yīng)能運(yùn)行在Win2003以上的服務(wù)器操作系統(tǒng)（含Microsoft Office（Excel）2003以上版本）和主流Web服務(wù)器上，數(shù)據(jù)庫服務(wù)器使用SQL Server2005以上版本。用戶在安裝有XP或Win7等主流操作系統(tǒng)的一般客戶端計(jì)算機(jī)上，通過主流瀏覽器的常見版本應(yīng)能正常操作頂崗實(shí)習(xí)平臺(tái)。（3）必須登錄后操作，并按權(quán)限的不同進(jìn)行不同的操作。
從非功能性需求上看，頂崗實(shí)習(xí)平臺(tái)應(yīng)界面友好、簡(jiǎn)單易用、響應(yīng)速度快、操作或出錯(cuò)友情提醒；系統(tǒng)運(yùn)行穩(wěn)定；對(duì)客戶端計(jì)算機(jī)配置要求不高；系統(tǒng)應(yīng)具有良好的可擴(kuò)展性，便于根據(jù)發(fā)展需要增加功能；系統(tǒng)安裝、移植方便。
3 系統(tǒng)設(shè)計(jì)（System design）
3.1 設(shè)計(jì)背景
（1）系統(tǒng)目標(biāo)。設(shè)計(jì)開發(fā)的頂崗實(shí)習(xí)平臺(tái)，運(yùn)行后應(yīng)能實(shí)現(xiàn)師生之間的互動(dòng)交流和定期監(jiān)控，并對(duì)實(shí)習(xí)進(jìn)行網(wǎng)上統(tǒng)一管理，從而有效地提高管理與指導(dǎo)質(zhì)量、學(xué)生頂崗實(shí)習(xí)質(zhì)量。
（2）系統(tǒng)環(huán)境定義。計(jì)算機(jī)硬件：包括安裝頂崗實(shí)習(xí)平臺(tái)的遠(yuǎn)程Web服務(wù)器、SQL Server數(shù)據(jù)庫服務(wù)器、瀏覽頂崗實(shí)習(xí)平臺(tái)用的客戶端計(jì)算機(jī)。
軟件：包括頂崗實(shí)習(xí)平臺(tái)、AspUpload文件上傳組件、服務(wù)器操作系統(tǒng)、Microsoft Office（Excel）、SQL Server數(shù)據(jù)庫管理系統(tǒng)、客戶端計(jì)算機(jī)操作系統(tǒng)等[3]。
人機(jī)界面：在瀏覽器上顯示的頂崗實(shí)習(xí)平臺(tái)的各個(gè)頁面。
（3）技術(shù)路線。體系結(jié)構(gòu)：B/S結(jié)構(gòu)[4]；開發(fā)與測(cè)試工具：Dreamweaver CS4或VS2008以上版本、Web服務(wù)器（IIS/JDK+Tomcat）、數(shù)據(jù)庫服務(wù)器SQL Server2005以上版本；代碼編寫：服務(wù)器端/ASP/JSP、客戶端JavaScript和JQuery、AJAX技術(shù)等[5]。
3.2 軟件功能設(shè)計(jì)
頂崗實(shí)習(xí)平臺(tái)劃分為登錄管理子系統(tǒng)、基礎(chǔ)管理子系統(tǒng)、實(shí)習(xí)管理子系統(tǒng)、實(shí)施計(jì)劃子系統(tǒng)、互動(dòng)交流子系統(tǒng)、論文報(bào)告子系統(tǒng)。
（1）登錄管理子系統(tǒng)包含的功能模塊：登錄管理、新聞顯示。（2）基礎(chǔ)管理子系統(tǒng)包含的功能模塊：設(shè)置屆數(shù)、實(shí)習(xí)啟動(dòng)、系部管理、專業(yè)管理、班級(jí)管理、學(xué)生管理、系管管理、領(lǐng)導(dǎo)管理、教師管理、公共信息維護(hù)、系統(tǒng)維護(hù)管理。（3）實(shí)習(xí)管理子系統(tǒng)包含的功能模塊：管理制度管理、實(shí)習(xí)要求管理、課題管理、群發(fā)信息管理、新聞管理。（4）實(shí)施計(jì)劃子系統(tǒng)包含的功能模塊：實(shí)施計(jì)劃管理、計(jì)劃變更管理、計(jì)劃瀏覽。（5）互動(dòng)交流子系統(tǒng)包含的功能模塊：匯報(bào)管理、回復(fù)管理、互動(dòng)總覽、定期監(jiān)控、不良記錄管理、建議舉報(bào)管理。（6）論文報(bào)告子系統(tǒng)包含的功能模塊：論文報(bào)告管理。
3.3 軟件邏輯設(shè)計(jì)
3.3.1 數(shù)據(jù)流設(shè)計(jì)
頂崗實(shí)習(xí)平臺(tái)的頂層數(shù)據(jù)流圖如圖1所示，其余各層數(shù)據(jù)流圖略[6]。
3.3.2 數(shù)據(jù)庫設(shè)計(jì)
頂崗實(shí)習(xí)平臺(tái)涉及的實(shí)體包括學(xué)生、班級(jí)、專業(yè)、系部、教師（含管理員、院領(lǐng)導(dǎo)）、實(shí)習(xí)單位、課題、實(shí)施計(jì)劃、更新計(jì)劃、學(xué)生匯報(bào)、匯報(bào)答復(fù)、舉報(bào)、舉報(bào)答復(fù)、論文報(bào)告、實(shí)習(xí)要求、管理制度、群發(fā)、新聞、未主動(dòng)聯(lián)系匯報(bào)、校導(dǎo)師不良記錄、當(dāng)前屆數(shù)等，可使用Sybase Power Designer建立概念數(shù)據(jù)模型[7，8]，再將各個(gè)實(shí)體及相應(yīng)的各個(gè)關(guān)系轉(zhuǎn)化成關(guān)系模式。本系統(tǒng)因?yàn)榘踩砸蟾?、字段較多、字段取值范圍寬、記錄多、要使用存儲(chǔ)過程并定期執(zhí)行監(jiān)控作業(yè)，故選擇SQL Server數(shù)據(jù)庫，進(jìn)而創(chuàng)建物理數(shù)據(jù)模型，并生成SQL表創(chuàng)建代碼。
3.3.3 用戶界面設(shè)計(jì)
按照頂崗實(shí)習(xí)平臺(tái)開發(fā)需求和設(shè)計(jì)要求，設(shè)計(jì)的系統(tǒng)主頁界面除包括常見的頁頭和頁腳外，還包括用戶登錄區(qū)和系部、學(xué)校新聞通知顯示區(qū)，以及“我的信息”編輯入口。用戶登錄后，根據(jù)權(quán)限的不同分別進(jìn)入相應(yīng)的界面：學(xué)生主頁界面、導(dǎo)師主頁界面、院領(lǐng)導(dǎo)主頁界面、系部管理員主頁界面、系統(tǒng)管理員主頁界面，然后進(jìn)行相應(yīng)的操作。
為保證系統(tǒng)各個(gè)界面整體風(fēng)格的統(tǒng)一，各個(gè)主頁界面、各個(gè)功能網(wǎng)頁界面的頁頭均類似、頁腳均相同。各個(gè)功能在組織時(shí)可采用Spry菜單欄形式。
學(xué)生主頁界面上放置有相關(guān)提醒、匯報(bào)表單，并顯示最近的幾次匯報(bào)標(biāo)題等信息；導(dǎo)師主頁界面上顯示相關(guān)提醒、最近的幾次匯報(bào)標(biāo)題等信息；院領(lǐng)導(dǎo)主頁界面上顯示最近的幾次匯報(bào)標(biāo)題等信息。
3.4 使用場(chǎng)景設(shè)計(jì)
頂崗實(shí)習(xí)平臺(tái)在各個(gè)高職院校使用，一般安裝在該學(xué)校校園網(wǎng)內(nèi)的某臺(tái)服務(wù)器上。（1）在校內(nèi)訪問系統(tǒng)：在校園網(wǎng)內(nèi)能正常訪問頂崗實(shí)習(xí)平臺(tái)所在服務(wù)器的計(jì)算機(jī)，安裝的瀏覽器應(yīng)是常見瀏覽器的常見版本，瀏覽頁面速度較快。（2）在校外訪問系統(tǒng)：能正常訪問頂崗實(shí)習(xí)平臺(tái)所在服務(wù)器的計(jì)算機(jī)，安裝的瀏覽器應(yīng)是常見瀏覽器的常見版本，瀏覽頁面的速度取決于所使用的網(wǎng)絡(luò)。
3.5 部署與安裝設(shè)計(jì)
頂崗實(shí)習(xí)平臺(tái)應(yīng)安裝在Win2003以上版本的服務(wù)器上，并安裝Office Excel2003以上版本、SQL Server2005以上版本、AspUpload文件上傳組件。條件允許的話，可單獨(dú)配置一臺(tái)數(shù)據(jù)庫服務(wù)器，安裝SQL Server2005以上版本。數(shù)據(jù)庫服務(wù)器須安裝SQL Server以便執(zhí)行定期監(jiān)控作業(yè)。
3.6 軟件安全性設(shè)計(jì)
頂崗實(shí)習(xí)平臺(tái)在安全性上的設(shè)計(jì)包括：（1）使用SQL Server作為數(shù)據(jù)庫，具有較好的數(shù)據(jù)安全性。（2）使用系統(tǒng)必須進(jìn)行登錄，不同權(quán)限的用戶登錄后只能進(jìn)行各自規(guī)定的操作。（3）對(duì)用戶可能輸入的非法字符， 如：select，insert，；，update，'，delete，exec，admin，drop，from，truncate，xp_cmdshell，netlocalgroup，and，chr，master，declare，*，char，script等進(jìn)行過濾[9]。（4）上傳的文件直接保存在數(shù)據(jù)庫中，避免惡意文件可能對(duì)服務(wù)器造成的損害。（5）導(dǎo)入Excel文件時(shí)，對(duì)導(dǎo)入的文件進(jìn)行判斷，確保導(dǎo)入的是Excel文件。（6）用戶操作出錯(cuò)時(shí)均有出錯(cuò)提示。（7）在不同的Windows服務(wù)器上，在兩種典型的瀏覽器IE、Firefox下，系統(tǒng)使用效果基本無差別。
3.7 程序測(cè)試流程與用例設(shè)計(jì)
測(cè)試時(shí)按照單元（模塊）測(cè)試集成測(cè)試（子系統(tǒng)測(cè)試、系統(tǒng)測(cè)試）驗(yàn)收測(cè)試的測(cè)試流程進(jìn)行。其中，單元（模塊）測(cè)試是由相應(yīng)模塊的開發(fā)（編程）人員在開發(fā)（編程）階段自行測(cè)試，而集成測(cè)試則是由測(cè)試人員根據(jù)測(cè)試用例專門進(jìn)行測(cè)試的，驗(yàn)收測(cè)試由用戶進(jìn)行測(cè)試的。具體的測(cè)試用例此處從略。
4 結(jié)論（Conclusion）
文中設(shè)計(jì)的頂崗實(shí)習(xí)平臺(tái)投入運(yùn)行后可以使師生之間的互動(dòng)交流方便高效，并能實(shí)行定期監(jiān)控，能對(duì)實(shí)習(xí)各方面情況進(jìn)行網(wǎng)上統(tǒng)一管理，從而有效地提高管理與指導(dǎo)質(zhì)量、學(xué)生頂崗實(shí)習(xí)質(zhì)量[10]，也可以在各個(gè)高職院校推廣使用，實(shí)現(xiàn)開發(fā)資源共享。由于頂崗實(shí)習(xí)平臺(tái)一般掛接在校園網(wǎng)上，并在Internet上使用，因此，可以實(shí)現(xiàn)各個(gè)高職院校頂崗實(shí)習(xí)管理經(jīng)驗(yàn)網(wǎng)上交流，并且只需提供給上級(jí)有關(guān)部門一個(gè)用戶名和密碼，就可讓其實(shí)時(shí)查看各種信息，實(shí)時(shí)了解各個(gè)高校頂崗實(shí)習(xí)情況。
參考文獻(xiàn)（References）
[1] 凌玲，徐金壽.高職學(xué)生頂崗實(shí)習(xí)管理研究的國(guó)內(nèi)綜述[J].中國(guó)電力教育，2012，（29）：142-143.
[2] 肖彥春，等.高職頂崗實(shí)習(xí)教學(xué)過程管理的探索[J].中國(guó)現(xiàn)代教育裝備，2012，（17）：78-80.
[3] 李振濤，劉洋.Web圖片上傳技術(shù)的探究[N].河北工程技術(shù)高等?？茖W(xué)校學(xué)報(bào)，2008，（1）：55-58.
[4] 何開春，等.中華文化英文文章管理系統(tǒng)[J].計(jì)算機(jī)系統(tǒng)應(yīng)用，2013，22（5）：45-48.
[5] 李俊成，童宇.基于B/S的頂崗實(shí)習(xí)綜合管理平臺(tái)的構(gòu)建[J].科技信息，2012，（20）：227.
[6] 田淑梅，等.軟件工程―理論與實(shí)踐[M].北京：清華大學(xué)出版社， 2011.
[7] 肖海蓉.基于統(tǒng)一建模語言的軟件開發(fā)實(shí)例[J].計(jì)算機(jī)系統(tǒng)應(yīng)用，2013，22（7）：141-143，182.
[8] 李紹中.基于UML的高職學(xué)生頂崗實(shí)習(xí)管理系統(tǒng)建模研究[J].電腦開發(fā)與應(yīng)用，2012，25（9）：49-51.
[9] 王青國(guó).淺析Web應(yīng)用軟件開發(fā)安全[J].計(jì)算機(jī)系統(tǒng)應(yīng)用，2013，22（2）：5-9.
[10] 黃國(guó)峰.頂崗實(shí)習(xí)管理系統(tǒng)的研究與實(shí)現(xiàn)[J].現(xiàn)代商貿(mào)工業(yè)，2010，22（3）：286-287.
【關(guān)鍵詞】網(wǎng)頁設(shè)計(jì)；前端工程師；工作過程；實(shí)訓(xùn)模式
為了適應(yīng)社會(huì)進(jìn)步所帶來的人才需求變化和提升教學(xué)效果，高等職業(yè)院校不斷嘗試結(jié)合專業(yè)和課程的特點(diǎn)，引入多種課程開發(fā)方法，深入進(jìn)行課程建設(shè)和改革。目前，基于工作過程導(dǎo)向的課程教學(xué)改革正逐漸成為高職教育改革的重要探索領(lǐng)域。網(wǎng)頁設(shè)計(jì)課程是高等職業(yè)院校電子商務(wù)專業(yè)和計(jì)算機(jī)類專業(yè)開設(shè)的職業(yè)核心課程。所以，網(wǎng)頁設(shè)計(jì)課程的教學(xué)質(zhì)量直接決定了學(xué)生的實(shí)踐能力和就業(yè)能力。
1.網(wǎng)頁設(shè)計(jì)課程存在的問題
網(wǎng)頁設(shè)計(jì)課程的相關(guān)崗位包括：前端工程師、網(wǎng)站管理、網(wǎng)絡(luò)編輯等，其中前端工程師是最主要的崗位。前端工程師是Web前端開發(fā)工程師的簡(jiǎn)稱，是一種高端技能型人才。很多高職院校的相關(guān)專業(yè)開設(shè)了網(wǎng)頁設(shè)計(jì)課程，但培養(yǎng)出的學(xué)生很多都達(dá)不到企業(yè)關(guān)于前端工程師崗位的用人需求，所以依然存在很大的人才需求缺口。
網(wǎng)頁設(shè)計(jì)課程存在的問題主要包括以下幾個(gè)方面。（1）知識(shí)體系相對(duì)滯后。學(xué)生在學(xué)校學(xué)到的table表格布局等相關(guān)知識(shí)在企業(yè)已經(jīng)基本不用。學(xué)生對(duì)企業(yè)用人需求描述中的專業(yè)術(shù)語和知識(shí)比較陌生，沒有用過企業(yè)要求的知識(shí)體系，這是造成學(xué)生不敢在前端工程師崗位競(jìng)聘的主要原因。（2）注重單個(gè)知識(shí)點(diǎn)的掌握，不注重綜合能力培養(yǎng)。調(diào)研發(fā)現(xiàn)網(wǎng)頁設(shè)計(jì)課程的教學(xué)組織大多采用案例教學(xué)等方法，注重單個(gè)知識(shí)點(diǎn)的掌握，學(xué)生掌握了一個(gè)個(gè)知識(shí)點(diǎn)，比較有成就感，但面對(duì)企業(yè)的工作任務(wù)卻無從下手，感覺都不是自己學(xué)過的知識(shí)。這種注重單個(gè)知識(shí)點(diǎn)，忽略綜合能力培養(yǎng)的教學(xué)方式，雖然短期能夠得到學(xué)生的認(rèn)可，但并沒有達(dá)到良好的教學(xué)效果，相應(yīng)地也不能實(shí)現(xiàn)教學(xué)目標(biāo)。
這引起了很多專家學(xué)者的關(guān)注，但很多研究?jī)H僅是簡(jiǎn)單地將某一種教學(xué)方法應(yīng)用于課程的實(shí)訓(xùn)教學(xué)，或者側(cè)重于項(xiàng)目驅(qū)動(dòng)、任務(wù)導(dǎo)向的教學(xué)過程設(shè)計(jì)，都不夠系統(tǒng)，不夠貼近前端工程師的職業(yè)能力需要，所以很難達(dá)到滿意的教學(xué)效果，也很難滿足學(xué)生的就業(yè)需求。因此，結(jié)合高職學(xué)生的實(shí)際情況和職業(yè)需求，對(duì)“網(wǎng)頁設(shè)計(jì)”課程實(shí)施基于工作過程的實(shí)訓(xùn)模式改革。
2.課程改革思路
工作過程是企業(yè)為完成一件工作任務(wù)并獲得工作成果而進(jìn)行的一個(gè)完整過程。生產(chǎn)復(fù)雜產(chǎn)品、完成重大項(xiàng)目都可能需要多個(gè)工作過程，從而構(gòu)成該產(chǎn)品、該項(xiàng)目的工作過程系統(tǒng)?；诠ぷ鬟^程即工作過程導(dǎo)向，是一種課程開發(fā)方法，是2002年德國(guó)勞耐爾（Rauner）教授帶領(lǐng)下的不來梅大學(xué)技術(shù)與教育研究所與大眾汽車公司合作開發(fā)的一種職業(yè)教育課程開發(fā)方法。
網(wǎng)頁設(shè)計(jì)課程面向的崗位群中最主要最具代表性的是前端工程師。所以在網(wǎng)頁設(shè)計(jì)課程的開發(fā)過程中依托前端工程師崗位展開。課題在研究過程中將通過走訪企業(yè)、校內(nèi)交流、理論應(yīng)用研究、調(diào)查問卷等方法對(duì)網(wǎng)頁設(shè)計(jì)人才需求情況和課程開展情況展開分析。根據(jù)調(diào)查研究中所發(fā)現(xiàn)的網(wǎng)頁設(shè)計(jì)課程教學(xué)過程中所存在的問題，結(jié)合企業(yè)對(duì)網(wǎng)頁設(shè)計(jì)人才能力的需求，對(duì)網(wǎng)頁設(shè)計(jì)師的工作過程進(jìn)行分析，分解出典型工作任務(wù)，分析各個(gè)環(huán)節(jié)的能力要求。再基于網(wǎng)頁設(shè)計(jì)師的工作過程，構(gòu)建網(wǎng)頁設(shè)計(jì)課程的實(shí)訓(xùn)教學(xué)模式，其中包括實(shí)訓(xùn)內(nèi)容、實(shí)訓(xùn)方法、考核方案等。并將構(gòu)建的實(shí)訓(xùn)教學(xué)模式應(yīng)用于教學(xué)實(shí)踐，借以激發(fā)學(xué)生的學(xué)習(xí)興趣和學(xué)習(xí)熱情，改進(jìn)教學(xué)效果。
3.前端工程師典型工作任務(wù)分解
通過調(diào)研，我們發(fā)現(xiàn)前端工程師的主要工作內(nèi)容是基于XHTML+CSS架構(gòu)根據(jù)網(wǎng)站策劃圖實(shí)現(xiàn)網(wǎng)站前端界面開發(fā)，所采用的技術(shù)目前主要是HTML4+CSS2，但也有部分前端工程師為了達(dá)到更好的設(shè)計(jì)效果已經(jīng)升級(jí)到HTML5+CSS3。為了兼顧目前的主流技術(shù)，課程設(shè)計(jì)以HTML4+CSS2為主要教學(xué)內(nèi)容。但為了學(xué)生將來的技術(shù)升級(jí)和可持續(xù)發(fā)展，課程簡(jiǎn)單涉及到HTML5+CSS3的特點(diǎn)。
將前端工程師的主要工作內(nèi)容進(jìn)行分析整理，結(jié)合前端工程師應(yīng)具備的能力和素質(zhì)，我們將前端工程師的典型工作過程分解為以下八個(gè)部分：網(wǎng)站規(guī)劃、頁面布局、簡(jiǎn)單元素添加、導(dǎo)航欄設(shè)計(jì)、圖文列表設(shè)計(jì)、特效腳本應(yīng)用、系統(tǒng)設(shè)計(jì)、兼容性測(cè)試。一個(gè)網(wǎng)站是由一個(gè)個(gè)網(wǎng)頁所組成的。任何一個(gè)網(wǎng)頁都要經(jīng)過除了網(wǎng)站規(guī)劃之外的七個(gè)步驟才能完成，每一個(gè)網(wǎng)頁的設(shè)計(jì)完成需要用到的知識(shí)基本類似，所以這里我們以單個(gè)網(wǎng)頁的設(shè)計(jì)完成為主要目標(biāo)。前端工程師崗位的工作內(nèi)容在技術(shù)方面涉及到Photoshop、Flash等網(wǎng)頁設(shè)計(jì)圖形設(shè)計(jì)軟件的使用以及JavaScript特效腳本的應(yīng)用，這些都是網(wǎng)頁設(shè)計(jì)課程的前導(dǎo)課程或同期課程的講授內(nèi)容，所以在此只涉及到應(yīng)用，并不深入講解。
4.重新構(gòu)建教學(xué)體系
4.1 實(shí)訓(xùn)內(nèi)容設(shè)計(jì)
網(wǎng)頁設(shè)計(jì)課程是以實(shí)踐為基礎(chǔ)的核心課程，所有理論知識(shí)必須在技能訓(xùn)練過程中得以掌握和運(yùn)用，所以必須注重培養(yǎng)學(xué)生理論知識(shí)的靈活運(yùn)用能力和網(wǎng)頁制作實(shí)訓(xùn)能力。網(wǎng)頁設(shè)計(jì)課程的實(shí)訓(xùn)內(nèi)容設(shè)計(jì)重點(diǎn)體現(xiàn)在以下幾個(gè)方面：
（1）以工作過程分解為依據(jù)。網(wǎng)頁設(shè)計(jì)課程以前端工程師的典型工作過程分解為依據(jù)，將實(shí)訓(xùn)內(nèi)容設(shè)計(jì)為包括局部設(shè)計(jì)、界面設(shè)計(jì)、兼容性測(cè)試、案例實(shí)訓(xùn)四個(gè)大的模塊，貼近前端工程師的工作過程，滿足前端工程師的崗位能力需求，使整個(gè)教學(xué)過程更加具有針對(duì)性。局部設(shè)計(jì)又由常用XHTML標(biāo)簽、DIV布局、CSS樣式美化、JavaScript頁面特效組成。局部模塊設(shè)計(jì)即兼顧網(wǎng)頁設(shè)計(jì)課程知識(shí)體系的系統(tǒng)性，又結(jié)合前端工程師的工作過程，即有利于加深學(xué)生對(duì)個(gè)別知識(shí)點(diǎn)的理解，又有利于學(xué)生網(wǎng)頁設(shè)計(jì)知識(shí)體系的構(gòu)建。
（2）基礎(chǔ)知識(shí)與綜合實(shí)訓(xùn)并重。實(shí)訓(xùn)內(nèi)容的前三個(gè)模塊屬于基礎(chǔ)知識(shí)學(xué)習(xí)部分，最后一個(gè)案例實(shí)訓(xùn)模塊屬于綜合實(shí)訓(xùn)。在整個(gè)課程設(shè)計(jì)中，綜合實(shí)訓(xùn)課時(shí)占整個(gè)課程課時(shí)的1/3以上。課程教學(xué)方式也從前期的講練結(jié)合，轉(zhuǎn)變?yōu)閷?shí)訓(xùn)輔導(dǎo)為主；授課對(duì)象從前期的面向整體為主，轉(zhuǎn)為面向個(gè)體為主。通過對(duì)綜合實(shí)訓(xùn)課時(shí)比例的增加，培養(yǎng)學(xué)生對(duì)知識(shí)點(diǎn)的綜合運(yùn)用能力，進(jìn)而無縫銜接前端工程師的崗位能力。
（3）化整為零、小小案例。前端工程師的工作過程是一個(gè)系統(tǒng)性非常強(qiáng)的、復(fù)雜的工程，由很多小的知識(shí)點(diǎn)組成，需要對(duì)知識(shí)點(diǎn)進(jìn)行綜合、靈活的應(yīng)用。針對(duì)知識(shí)點(diǎn)的案例往往并不適用于整體網(wǎng)頁設(shè)計(jì)，這就造成了知識(shí)點(diǎn)的學(xué)習(xí)與綜合實(shí)訓(xùn)的脫節(jié)，容易給學(xué)生造成一種無所適從感。課程實(shí)訓(xùn)設(shè)計(jì)將分布于綜合實(shí)訓(xùn)中的局部功能分解為基礎(chǔ)知識(shí)點(diǎn)的學(xué)習(xí)案例，一個(gè)個(gè)局部功能分解為一個(gè)個(gè)小小案例。這種方法也使得學(xué)生在做綜合實(shí)訓(xùn)時(shí)有一種親切感，方便學(xué)生知識(shí)體系從局部到整體的構(gòu)建。
4.2 實(shí)訓(xùn)方法設(shè)計(jì)
課程實(shí)訓(xùn)方法設(shè)計(jì)結(jié)合實(shí)訓(xùn)內(nèi)容特點(diǎn)，采用“教、學(xué)、做”一體化的教學(xué)方法。局部設(shè)計(jì)主要采用理論實(shí)踐一體化的項(xiàng)目教學(xué)法和任務(wù)驅(qū)動(dòng)教學(xué)法，強(qiáng)調(diào)知識(shí)點(diǎn)在小案例中的應(yīng)用。綜合實(shí)訓(xùn)主要采用分組教學(xué)法和真實(shí)案例教學(xué)法，強(qiáng)調(diào)小組協(xié)作能力和綜合實(shí)訓(xùn)能力。
（1）項(xiàng)目教學(xué)法。項(xiàng)目教學(xué)法時(shí)一種由項(xiàng)目引入進(jìn)而展開知識(shí)點(diǎn)的教學(xué)方法，一邊分析講解、一邊操作演示，講練結(jié)合，激發(fā)學(xué)生學(xué)習(xí)興趣，提高學(xué)生分析問題、解決問題的實(shí)際能力，輕松達(dá)到教學(xué)目標(biāo)。
（2）任務(wù)驅(qū)動(dòng)教學(xué)法。將實(shí)訓(xùn)內(nèi)容設(shè)計(jì)為一個(gè)個(gè)獨(dú)立任務(wù)，充分調(diào)動(dòng)學(xué)生的學(xué)習(xí)積極性和主動(dòng)性。任務(wù)也分為三種類型：局部功能任務(wù)、整體設(shè)計(jì)任務(wù)、真實(shí)企業(yè)任務(wù)。任務(wù)的實(shí)施也是從簡(jiǎn)單的局部功能任務(wù)到整體設(shè)計(jì)任務(wù)，再到靈活運(yùn)用的真實(shí)企業(yè)任務(wù)的過程，逐步進(jìn)階。任務(wù)驅(qū)動(dòng)貫穿整個(gè)實(shí)訓(xùn)環(huán)節(jié)設(shè)計(jì)，有利于訓(xùn)練學(xué)生的職業(yè)態(tài)度，也有利于提高學(xué)生的知識(shí)應(yīng)用能力和創(chuàng)新能力。
（3）分組教學(xué)法。綜合實(shí)訓(xùn)階段的任務(wù)相對(duì)復(fù)雜，單個(gè)同學(xué)實(shí)現(xiàn)有一定的難度，所以采用分組教學(xué)的方法，有利于形成小組內(nèi)探討解決問題的氛圍，也有利于加深對(duì)知識(shí)點(diǎn)的理解，能有效培養(yǎng)學(xué)生的團(tuán)隊(duì)意識(shí)。為充分發(fā)揮每個(gè)成員的潛能，形成足夠量的成員任務(wù)，在設(shè)計(jì)小組時(shí)人數(shù)不宜太多，一般以2-3人為宜。
（4）真實(shí)案例教學(xué)法。將企業(yè)真實(shí)案例引入教學(xué)過程，能有效拉近課程教學(xué)與崗位能力需求之間的距離，充分激發(fā)學(xué)生的學(xué)習(xí)熱情，即能讓學(xué)生對(duì)崗位能力需求有更深刻的理解，也能增加學(xué)生的自我認(rèn)同感和成就感，進(jìn)而達(dá)到培養(yǎng)崗位人才的目的。
4.3 考核方案設(shè)計(jì)
本課程的最終目的是要求學(xué)生應(yīng)用所學(xué)知識(shí)，根據(jù)網(wǎng)站策劃圖完成網(wǎng)站設(shè)計(jì)。前端工程師是一個(gè)注重實(shí)際能力的崗位，傳統(tǒng)的理論知識(shí)考試方式不能充分評(píng)價(jià)學(xué)生的學(xué)習(xí)成績(jī)和能力水平，對(duì)于學(xué)生實(shí)踐能力的提高，以及就業(yè)能力的提高是沒有多少益處的。也有部分研究者將考核形式改為考核學(xué)生完成網(wǎng)站作品制作的形式。這種考核方式相對(duì)理論知識(shí)考試有了很大的進(jìn)步，更加注重實(shí)踐能力的考核，但很多時(shí)候教師考核給出的網(wǎng)站策劃作品比較滯后，內(nèi)容相對(duì)簡(jiǎn)單，所有同學(xué)完成一樣的網(wǎng)站設(shè)計(jì)，難免存在抄襲的嫌疑。這就造成了很多同學(xué)覺得自己對(duì)課程內(nèi)知識(shí)掌握的不錯(cuò)，但看到企業(yè)復(fù)雜的網(wǎng)站策劃圖，依然不敢面試前端工程師崗位。
因此課題組對(duì)考核方案進(jìn)行了大膽的改革，期末總評(píng)學(xué)習(xí)成績(jī)由三部分組成：過程考核（平時(shí)到課考勤、上課回答問題和隨堂作品）占20%、技能考核（課內(nèi)分模塊作品以及綜合設(shè)計(jì)作品）占30%和項(xiàng)目考核（期末綜合作品）占50%。這種方式較為客觀的反應(yīng)了學(xué)生的學(xué)習(xí)情況和能力水平，主要特點(diǎn)包括：
（1）真題真做。將企業(yè)一線的多個(gè)真實(shí)案例拿來供學(xué)生選擇，作為項(xiàng)目考核題目。多種作業(yè)選擇能在一定程度上減少學(xué)生作業(yè)抄襲的情況。來自企業(yè)一線的真實(shí)案例與崗位能力要求高度契合，增強(qiáng)學(xué)生就業(yè)能力和自信心。
（2）注重過程考核。期末考核只占期末總評(píng)成績(jī)的50%，其余兩部分都是教學(xué)過程中完成的，屬于過程考核。這樣的考核方案設(shè)計(jì)能有效避免學(xué)生過分注重短時(shí)間的期末考核，能使學(xué)生更加重視知識(shí)技能積累的學(xué)習(xí)過程。
5.小結(jié)
基于工作過程的網(wǎng)頁設(shè)計(jì)課程實(shí)訓(xùn)模式開發(fā)，以前端工程師的典型工作過程分解為依據(jù)，從簡(jiǎn)單到復(fù)雜，從局部到整體，符合學(xué)生的認(rèn)知學(xué)習(xí)規(guī)律。實(shí)踐內(nèi)容以來自企業(yè)一線的真實(shí)案例為基礎(chǔ)，真題真做，培養(yǎng)和提高學(xué)生的實(shí)踐動(dòng)手能力和綜合運(yùn)用能力，拉近課程培養(yǎng)與企業(yè)用人需求之間的距離，提高學(xué)生的就業(yè)能力和核心競(jìng)爭(zhēng)力，實(shí)現(xiàn)技術(shù)技能型人才的培養(yǎng)目標(biāo)。
參考文獻(xiàn)
[1]何興國(guó).DACUM與工作過程導(dǎo)向課程開發(fā)方法比較研究[J].職教論壇，2012（27）：70.
[2]孫士新.基于工作過程導(dǎo)向的高職本土化教學(xué)模式研究[J].遼寧醫(yī)學(xué)院學(xué)報(bào)：社會(huì)科學(xué)版，2013（2）：69.
[3]沈玲.基于工作過程的高職課程建設(shè)研究[D].湖南師范大學(xué)論文，2012.6：20-27.
【關(guān)鍵詞】軟件工程；數(shù)字媒體；專業(yè)建設(shè)
1.引言
隨著計(jì)算機(jī)技術(shù)、通信技術(shù)和數(shù)字廣播等技術(shù)不斷發(fā)展，以互聯(lián)網(wǎng)、無線通信為傳播載體，以傳統(tǒng)媒體內(nèi)容與創(chuàng)新內(nèi)容模式為核心的數(shù)字媒體產(chǎn)業(yè)在全球范圍快速崛起，并正在改變著人們的信息獲取方式和休閑娛樂的形式。
我國(guó)的數(shù)字媒體業(yè)近幾年正處于高速發(fā)展時(shí)期，對(duì)于具有較高人文素養(yǎng)、掌握數(shù)字媒體核心技術(shù)并具有藝術(shù)創(chuàng)意能力的復(fù)合型數(shù)字媒體技術(shù)開發(fā)與設(shè)計(jì)人才需求旺盛。四川理工學(xué)院軟件工程專業(yè)是與IT企業(yè)合作辦學(xué)、實(shí)行“3+1”人才培養(yǎng)模式，即學(xué)生前3年在校學(xué)習(xí)，第4年在軟件企業(yè)實(shí)習(xí)并完成畢業(yè)設(shè)計(jì)（論文）。為使培養(yǎng)的學(xué)生既有較扎實(shí)的理論基礎(chǔ)，又有適應(yīng)人才市場(chǎng)需求的職業(yè)技能，在軟件工程專業(yè)大框架下設(shè)置了數(shù)字媒體技術(shù)方向。
數(shù)字媒體技術(shù)作為一個(gè)寬口徑、以技術(shù)為主、藝術(shù)為輔、技術(shù)與藝術(shù)相結(jié)合的新的專業(yè)方向，涉及到不同的學(xué)科知識(shí)，因此，我們有必要通過探索與改革人才培養(yǎng)模式、課程體系以及實(shí)踐教學(xué)體系的研討，搭建科學(xué)的創(chuàng)新人才培養(yǎng)平臺(tái)，促進(jìn)軟件工程專業(yè)人才培養(yǎng)整體水平的提升。
2.人才培養(yǎng)目標(biāo)
培養(yǎng)目標(biāo)是制定教學(xué)計(jì)劃、設(shè)計(jì)課程結(jié)構(gòu)、選擇知識(shí)發(fā)展方式以及確定教學(xué)組織形式的依據(jù)，也是教學(xué)內(nèi)容、教學(xué)方法、教學(xué)組織與管理、教學(xué)手段、教學(xué)評(píng)價(jià)等方面改革的基礎(chǔ)和前提。軟件工程專業(yè)數(shù)字媒體技術(shù)方向具有軟件工程與數(shù)字媒體技術(shù)相結(jié)合的特色，注重對(duì)學(xué)生軟件開發(fā)、應(yīng)用能力的培養(yǎng)，實(shí)踐性強(qiáng)。結(jié)合我們自身辦學(xué)特色和辦學(xué)條件，我校軟件工程數(shù)字媒體方向人才培養(yǎng)目標(biāo)是：“培養(yǎng)具備計(jì)算機(jī)科學(xué)、多媒體網(wǎng)絡(luò)、軟件工程技術(shù)、信息安全等方面的專業(yè)知識(shí)與技能，具有扎實(shí)的軟件工程和數(shù)字媒體技術(shù)基礎(chǔ)理論、寬厚的專業(yè)基礎(chǔ)知識(shí)、較強(qiáng)的實(shí)踐能力，能夠從事包括新媒體應(yīng)用以及虛擬現(xiàn)實(shí)等在內(nèi)的多媒體技術(shù)開發(fā)、數(shù)字媒體設(shè)計(jì)與創(chuàng)作、計(jì)算機(jī)游戲設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)與網(wǎng)站維護(hù)、信息服務(wù)及數(shù)字媒體管理等工作的創(chuàng)新性技術(shù)人才。”
3.核心課程體系
數(shù)字媒體方向課程體系的建設(shè)以創(chuàng)新性復(fù)合型人才培養(yǎng)為基本指導(dǎo)思想，重視實(shí)踐課程的開設(shè)，使學(xué)生所學(xué)習(xí)掌握的方法具有充分的實(shí)效性，真正做到學(xué)有所用，以適應(yīng)未來的工作崗位，成為本行業(yè)和企業(yè)所歡迎的有用人才。課程體系分為軟件工程專業(yè)核心課程模塊、數(shù)字媒體方向核心課程模塊、專業(yè)實(shí)訓(xùn)、畢業(yè)實(shí)習(xí)和畢業(yè)設(shè)計(jì)（論文）等模塊。
3.1 核心課程
軟件工程專業(yè)數(shù)字媒體技術(shù)方以軟件工程專業(yè)為主線構(gòu)成專業(yè)基礎(chǔ)和專業(yè)主干課程。其中，計(jì)算機(jī)與軟件基礎(chǔ)課程有：計(jì)算機(jī)導(dǎo)論、程序設(shè)計(jì)入門、面向?qū)ο蟪绦蛟O(shè)計(jì)、數(shù)據(jù)結(jié)構(gòu)與算法、Java程序設(shè)計(jì)、計(jì)算機(jī)組成原理、數(shù)據(jù)庫原理、計(jì)算機(jī)網(wǎng)絡(luò)、操作系統(tǒng)、編譯原理、信息安全技術(shù)、計(jì)算機(jī)體系結(jié)構(gòu)以及J2EE與中間件技術(shù)；軟件工程專業(yè)課程有：軟件工程導(dǎo)論、軟件測(cè)試技術(shù)、需求分析與UML設(shè)計(jì)、軟件項(xiàng)目管理與過程控制；數(shù)字媒體技術(shù)專業(yè)課程有：數(shù)字媒體技術(shù)導(dǎo)論、計(jì)算機(jī)圖形學(xué)、數(shù)字圖像處理、網(wǎng)絡(luò)流媒體技術(shù)、用戶界面設(shè)計(jì)、視頻音頻制作與處理、數(shù)字影視特技應(yīng)用、高級(jí)游戲特性與游戲引擎、人機(jī)交互技術(shù)、虛擬現(xiàn)實(shí)技術(shù)與應(yīng)用、高級(jí)腳本與插件技術(shù)等。對(duì)于實(shí)踐性較強(qiáng)的課程開始單獨(dú)的實(shí)驗(yàn)課程和配套的課程設(shè)計(jì)。
3.2 特色課程
計(jì)算機(jī)網(wǎng)絡(luò)游戲由計(jì)算機(jī)技術(shù)、藝術(shù)設(shè)計(jì)學(xué)和計(jì)算機(jī)動(dòng)畫以及計(jì)算機(jī)圖形圖像技術(shù)高度交叉結(jié)合，目的是培養(yǎng)具有扎實(shí)的游戲編程功底和良好的邏輯思維習(xí)慣，具備較強(qiáng)的審美能力和一定的藝術(shù)素養(yǎng)，熟悉游戲產(chǎn)品開發(fā)流程，具有一定的策劃能力，能在游戲公司、門戶網(wǎng)站、手機(jī)運(yùn)營(yíng)企業(yè)、動(dòng)畫公司等單位從事游戲設(shè)計(jì)、游戲開發(fā)、游戲制作、游戲策劃、游戲運(yùn)營(yíng)等方面工作的富于競(jìng)爭(zhēng)力與創(chuàng)新精神的高級(jí)復(fù)合型人才。
計(jì)算機(jī)游戲程序設(shè)計(jì)。課程目標(biāo)：本課程主要學(xué)習(xí)普及游戲開發(fā)理念，培養(yǎng)游戲開發(fā)氛圍，挑選有潛力的學(xué)生組成開發(fā)團(tuán)隊(duì)；傳授游戲開發(fā)中的程序設(shè)計(jì)要素，特別是游戲引擎開發(fā)的基本知識(shí)。通過本課程的學(xué)習(xí)，學(xué)生能夠掌握游戲開發(fā)的基本理念，熟悉游戲開發(fā)的基本技巧和流程，并具備從事游戲程序設(shè)計(jì)工作的基本技能。
虛擬現(xiàn)實(shí)與數(shù)字娛樂。課程目標(biāo)：本課程主要介紹虛擬現(xiàn)實(shí)的基本概念及其系統(tǒng)組成、相關(guān)的軟件技術(shù)及虛擬現(xiàn)實(shí)的應(yīng)用，并介紹了當(dāng)前數(shù)字娛樂的現(xiàn)狀，發(fā)展和一些關(guān)鍵技術(shù)。內(nèi)容包括：虛擬現(xiàn)實(shí)的定義、特性和組成，虛擬世界的創(chuàng)建和管理，虛擬現(xiàn)實(shí)中的視覺計(jì)算，虛擬現(xiàn)實(shí)中的交互技術(shù)，虛擬現(xiàn)實(shí)中的聲覺計(jì)算，增強(qiáng)現(xiàn)實(shí)，分布式虛擬現(xiàn)實(shí)，虛擬現(xiàn)實(shí)應(yīng)用，與虛擬現(xiàn)實(shí)相關(guān)的數(shù)字娛樂技術(shù)。
4.實(shí)踐教學(xué)體系
培養(yǎng)符合時(shí)代需要的創(chuàng)新性人才，就要強(qiáng)化實(shí)驗(yàn)教學(xué)的開放性和多層次化?；趧?chuàng)新性原則和以生為本原則，結(jié)合培養(yǎng)目標(biāo)和自身教學(xué)特點(diǎn)，數(shù)字媒體技術(shù)方向?qū)嵺`教學(xué)體系分為課程實(shí)驗(yàn)，專業(yè)實(shí)訓(xùn)、畢業(yè)實(shí)習(xí)和畢業(yè)設(shè)計(jì)三個(gè)方面，各實(shí)踐環(huán)節(jié)之問相互協(xié)調(diào)、相互銜接、循序漸進(jìn)。
4.1 課程實(shí)驗(yàn)
依照實(shí)踐能力培養(yǎng)循序漸進(jìn)的原則，根據(jù)實(shí)現(xiàn)數(shù)字媒體技術(shù)專業(yè)基本能力培養(yǎng)的系列課程，并按照系列課程的復(fù)雜度和規(guī)模設(shè)計(jì)實(shí)踐環(huán)節(jié)，開展了多層次課程實(shí)驗(yàn)教學(xué)，根據(jù)學(xué)生的需要和實(shí)踐能力培養(yǎng)的漸進(jìn)規(guī)則，將實(shí)驗(yàn)課安排大學(xué)四年的各個(gè)環(huán)節(jié)。
多層次實(shí)驗(yàn)教學(xué)是指在實(shí)驗(yàn)大綱與目標(biāo)的規(guī)范基礎(chǔ)上，將實(shí)驗(yàn)項(xiàng)目設(shè)計(jì)成基礎(chǔ)型、綜合設(shè)計(jì)型、研究創(chuàng)新型不同層次的實(shí)驗(yàn)。同一學(xué)生從基礎(chǔ)規(guī)范一綜合設(shè)計(jì)一研究創(chuàng)新這樣難度遞增的實(shí)驗(yàn)項(xiàng)目中逐漸進(jìn)行訓(xùn)練，實(shí)現(xiàn)系統(tǒng)培養(yǎng)學(xué)生綜合實(shí)踐能力。課程實(shí)驗(yàn)主要包括：手繪訓(xùn)練、視頻特技與非線性編輯、多媒體網(wǎng)頁設(shè)計(jì)、移動(dòng)娛樂軟件開發(fā)、網(wǎng)絡(luò)娛樂軟件開發(fā)、界面設(shè)計(jì)課程設(shè)計(jì)、虛擬現(xiàn)實(shí)開發(fā)課程設(shè)計(jì)等。
4.2 專業(yè)實(shí)訓(xùn)
專業(yè)實(shí)訓(xùn)作為知識(shí)、能力、綜合素質(zhì)教育的結(jié)合點(diǎn)，成為數(shù)字媒體技術(shù)專業(yè)實(shí)踐教學(xué)的重點(diǎn)之一。專業(yè)實(shí)訓(xùn)是對(duì)課堂教學(xué)具有延伸作用，是學(xué)生培訓(xùn)職業(yè)能力、熟悉職業(yè)環(huán)境、了解實(shí)際知識(shí)的重要渠道。通過專業(yè)實(shí)訓(xùn)，學(xué)生不僅可以把所學(xué)轉(zhuǎn)化為所用，還能使學(xué)生在學(xué)習(xí)操作過程中通過不斷調(diào)整自己的知識(shí)結(jié)構(gòu)來慢慢適應(yīng)相應(yīng)職業(yè)崗位，鍛煉職業(yè)的能力，為實(shí)習(xí)以及今后走向社會(huì)積累經(jīng)驗(yàn)、打下基礎(chǔ)。
我校軟件工程專業(yè)是校級(jí)專業(yè)綜合改革試點(diǎn)專業(yè)，以爭(zhēng)建微軟IT學(xué)院、HP軟件學(xué)院為契機(jī)，與知名IT企業(yè)開展深度合作，聯(lián)合培養(yǎng)具有國(guó)際視野的軟件開發(fā)、軟件測(cè)試和服務(wù)外包人才。與中軟國(guó)際、Tarena（達(dá)內(nèi)）科技等十多家IT企業(yè)聯(lián)合建立了實(shí)習(xí)實(shí)訓(xùn)基地、就業(yè)基地。
4.3 畢業(yè)實(shí)習(xí)和畢業(yè)設(shè)計(jì)
畢業(yè)實(shí)習(xí)是學(xué)生將前期學(xué)習(xí)到的知識(shí)運(yùn)用到生產(chǎn)實(shí)踐中，真正了解、感受未來的工作，鍛煉自己各方面的綜合能力。真正實(shí)現(xiàn)與行業(yè)需求的專業(yè)實(shí)踐能力對(duì)接。能勝任相應(yīng)崗位的工作，從而積累工作經(jīng)驗(yàn)，為就業(yè)做準(zhǔn)備。為了增強(qiáng)學(xué)生和指導(dǎo)老師對(duì)畢業(yè)設(shè)計(jì)（論文）及畢業(yè)實(shí)習(xí)的重視，提高畢業(yè)設(shè)計(jì)（論文）的質(zhì)量和提高學(xué)生在畢業(yè)設(shè)計(jì)（論文）及畢業(yè)實(shí)習(xí)實(shí)踐環(huán)節(jié)獲得的實(shí)踐能力，也為緩解畢業(yè)設(shè)計(jì)時(shí)間（論文）不足，筆者將畢業(yè)實(shí)習(xí)與畢業(yè)設(shè)計(jì)（論文）有機(jī)結(jié)合，實(shí)行“畢業(yè)實(shí)習(xí)+畢業(yè)設(shè)計(jì)”相結(jié)合的模式，學(xué)生畢業(yè)設(shè)計(jì)的內(nèi)容來自于畢業(yè)實(shí)習(xí)，并且畢業(yè)設(shè)計(jì)的內(nèi)容要將畢業(yè)實(shí)習(xí)的內(nèi)容進(jìn)行一定的升華，除體現(xiàn)學(xué)生四年來所學(xué)知識(shí)綜合之外，還要體現(xiàn)出學(xué)生的創(chuàng)新能力與科研能力，達(dá)到培養(yǎng)創(chuàng)新型、復(fù)合型人才的標(biāo)準(zhǔn)。
5.結(jié)束語
通過對(duì)國(guó)內(nèi)外數(shù)字媒體技術(shù)相關(guān)專業(yè)及方向的調(diào)研，基于創(chuàng)新性人才培養(yǎng)目標(biāo)，建立了相關(guān)的核心課程和多層次實(shí)踐教學(xué)體系，融合專業(yè)技術(shù)、實(shí)踐教學(xué)、校企合作共同培養(yǎng)為一體的軟件工程數(shù)字媒體特色專業(yè)方向的知識(shí)體系，著力培養(yǎng)學(xué)生的藝術(shù)與技術(shù)交叉結(jié)合的數(shù)字媒體制作與開發(fā)能力和職業(yè)素質(zhì)，進(jìn)而使得學(xué)生的基礎(chǔ)知識(shí)、科學(xué)素養(yǎng)、藝術(shù)感悟、專業(yè)知識(shí)、創(chuàng)新能力、工程能力和職業(yè)素質(zhì)都得到全面均衡的發(fā)展，以增強(qiáng)他們?cè)跀?shù)字媒體行業(yè)就業(yè)的競(jìng)爭(zhēng)能力。
參考文獻(xiàn)
[1]沈琦，于學(xué)軍，張麗，等.軟件工程（數(shù)字媒體技術(shù)）特色專業(yè)復(fù)合型創(chuàng)新型人才培養(yǎng)模式研究[J].中國(guó)校外教育，2010，16：162-163.
[2]蔡建平，沈琦，于學(xué)軍等.軟件工程（數(shù)字媒體技術(shù)）特色專業(yè)的特色建設(shè)[J].軟件，2012，33（4）：108-111.
[3]耿衛(wèi)東等.面向數(shù)字媒體技術(shù)專業(yè)的數(shù)字化學(xué)習(xí)平臺(tái)建設(shè)[J].計(jì)算機(jī)教育，2010（16）：99-101.
[4]向輝.數(shù)字媒體技術(shù)專業(yè)課程體系探討[J].計(jì)算機(jī)教育，2008（15）：28-30.
[5]黃成云.數(shù)字媒體技術(shù)本科專業(yè)實(shí)踐教學(xué)體系研究[D].華中師范大學(xué)，2012，5.
關(guān)鍵詞：信息可視化；視覺界面；交互
俗話說：“一圖抵過萬語千言”，交互式信息可視化設(shè)計(jì)作為現(xiàn)在視覺界面?zhèn)鬟_(dá)信息的新方式被越來越多的領(lǐng)域所應(yīng)用，它加深了人們對(duì)其表現(xiàn)出來的信息數(shù)據(jù)和新聞事件的理解，與此同時(shí)，使得界面上的抽象信息的呈現(xiàn)成為一種美麗、連貫和敘述性的事物。如何在應(yīng)用新的設(shè)計(jì)語言和技術(shù)的同時(shí)，準(zhǔn)確地把握信息內(nèi)容并向受眾傳播；如何將視覺界面的整個(gè)可視化做到顏色、圖形、圖案和獲取信息方式的合理性組合在一起；如何順應(yīng)受眾的認(rèn)知和體驗(yàn)需求，進(jìn)一步促進(jìn)信息可視化的設(shè)計(jì)，是我們?cè)谛畔r(shí)代背景下應(yīng)該思考的問題。視覺界面交互式信息可視化不僅展現(xiàn)了信息之間的趣味聯(lián)系，同時(shí)通過與人的互動(dòng)增強(qiáng)了信息的關(guān)聯(lián)性和親和度，我們期待更多富有人性化的信息可視化形式出現(xiàn)在我們的生活中。
1. 信息可視化概述
信息可視化（英文：Information visualization）是一門跨學(xué)科的設(shè)計(jì)領(lǐng)域，旨在研究大規(guī)模非數(shù)值型信息資源的視覺呈現(xiàn)，以及利用圖形圖像方面的技術(shù)與方法，幫助人們理解和分析數(shù)據(jù)。可視化是基于人們的認(rèn)知活動(dòng)和對(duì)信息的再理解過程，它強(qiáng)調(diào)的將那些復(fù)雜、不可視的事物向可視的轉(zhuǎn)變。
信息可視化（Information Visualization）是在計(jì)算機(jī)協(xié)助下，通過對(duì)數(shù)據(jù)可見的、 交互的表示，從而洞察數(shù)據(jù)，發(fā)現(xiàn)信息并利用圖像圖形學(xué)方面的技術(shù)與方法，向人們傳遞信息，幫助人們跟好的理解數(shù)據(jù)。
2. 視覺界面信息可視化的交互式設(shè)計(jì)分析
交互設(shè)計(jì)（Interaction Design）作為一門關(guān)注用戶交互體驗(yàn)的新學(xué)科產(chǎn)生于二十世紀(jì)八十年代，是由IDEO的一位創(chuàng)始人比爾?莫格里奇在1984年一次設(shè)計(jì)會(huì)議上提出。何為交互設(shè)計(jì)？從用戶角度來說，交互設(shè)計(jì)是一種技術(shù)，它能夠輕松的解釋產(chǎn)品，并使受眾在讀取信息時(shí)感到輕松。首先交互設(shè)計(jì)的前提是要充分了解目標(biāo)受眾想要什么，關(guān)注什么，愛好什么，喜歡哪種方式去進(jìn)行互動(dòng)。還要對(duì)交互的本身進(jìn)行擴(kuò)充，不能局限于單方面的需求還可以結(jié)合多個(gè)領(lǐng)域的溝通，還可以涉及不同的學(xué)科領(lǐng)域。
從而開展對(duì)產(chǎn)品的界面的交互設(shè)計(jì)，讓產(chǎn)品和它的受眾間建立親密的關(guān)系，從而有效傳達(dá)信息給目標(biāo)。這種可視化通過 Flash 或 Dreamweaver等軟件的編程制作，將已經(jīng)轉(zhuǎn)換為圖形語言的數(shù)據(jù)進(jìn)行整合，依據(jù)科學(xué)數(shù)據(jù)以美學(xué)的形式展現(xiàn)，其呈現(xiàn)形態(tài)不僅僅是可以動(dòng)起來的畫面而且觀者可以隨著自己的關(guān)注點(diǎn)來跟媒體上的短片進(jìn)行互動(dòng)，相較視頻信息圖更為靈活。例如新媒介交互體驗(yàn)的案例，這是紐約一家專門為零售店鋪提供界面技術(shù)支援的公司，他們推出的 Perch 產(chǎn)品主要是針對(duì)零售業(yè)店鋪內(nèi)的虛實(shí)互動(dòng)裝置作出規(guī)劃，其實(shí)目前這類的應(yīng)用已經(jīng)很普及化了，一旦顧客拿起一個(gè)產(chǎn)品，更多的信息將被展示出來。以這種別出心裁的互動(dòng)行為展示商品，不僅直接有效的傳遞商品信息，而且吸引了大量購買者的目光。從信息可視化角度來說，是通過計(jì)算機(jī)界面這個(gè)媒介，將抽象的信息數(shù)據(jù)用視覺化的形式呈現(xiàn)出來，并形成一種人性化的、方便流暢的人機(jī)交互模式。
3. 視覺界面信息可視化交互式體驗(yàn)
在信息可視化的傳遞和分享過程中，用戶首先看到的是整體數(shù)據(jù)所呈現(xiàn)出來的視覺外觀。區(qū)別與最開始枯燥冗長(zhǎng)的表格形式，信息可視化強(qiáng)調(diào)了它的圖形魅力，與此同時(shí)，使得用戶不會(huì)錯(cuò)過數(shù)據(jù)里所隱藏著的有趣P系。當(dāng)交互的信息可視化給用戶的第一感受是“簡(jiǎn)潔”或者“炫麗”時(shí)，其實(shí)是信息可視化視覺界面給人的感官體驗(yàn)，這種體驗(yàn)是用戶本能的、即刻的反應(yīng)，隨后上升為一種內(nèi)在的感受。人們?cè)谏钪袩o時(shí)無刻不在體驗(yàn)，只有親身經(jīng)歷的感官體驗(yàn)，才能繼而得到情感上的滿足，在視覺界面中交互式信息可視化提供給用戶的體驗(yàn)主要通過感官、行為、情感的整體作用來共同營(yíng)造。
3.1 感官體驗(yàn)
視覺是人類獲取信息和感知外界的重要途徑。科學(xué)研究表明，通過視覺所能獲取的信息量占獲取總信息量的70%，聽覺占20%，其他感覺僅占了10%。人們更容易記住通過圖形、圖像、地圖、動(dòng)畫等視覺形式所呈現(xiàn)出來的信息，因此，視覺界面交互式信息可視化設(shè)計(jì)是信息傳播及發(fā)展的一種必然趨勢(shì)。
信息可視化中的聲音起到了對(duì)視覺圖形界面的豐富和補(bǔ)充，依靠不同的聲音，可以輔助信息可視化的內(nèi)容制造出愉悅、舒緩、神秘、激進(jìn)等氣氛，并能提供給用戶一些對(duì)信息的指引作用。其聲音有兩種形式：（1）在用戶與可視化進(jìn)行信息交互的過程中，聲音起到提示用戶操作準(zhǔn)確性的作用。比如通過用戶選擇、點(diǎn)擊某條信息數(shù)據(jù)，聲音發(fā)出類似于簡(jiǎn)短的鳴笛聲、相機(jī)快門聲、石子落入水中的“撲通”聲等，以此告知用戶已選中或正在打開所選擇的信息，這屬于信息可視化中聲音的功能性作用。（2）另一種聲音元素表現(xiàn)為背景音樂，其作用是通過對(duì)信息可視化特殊主題的情境渲染，令用戶能夠產(chǎn)生沉浸其中之感。當(dāng)用戶全神貫注于可視化氛圍中時(shí)，視覺圖形利用人們視知覺的聯(lián)想，聽覺則進(jìn)一步完善聯(lián)想的真實(shí)性，比如以波浪紋表現(xiàn)時(shí)間及事件的可視化界面，輔以潺潺流水聲，讓人彷佛置身于歷史的長(zhǎng)河中，感受時(shí)間如流水劃過。例如：一個(gè)在線交互式信息可視化，名為The breathing earth。在這里用戶可以看過全球每個(gè)國(guó)家的出生和死亡人數(shù)，以及向大氣排放二氧化碳的數(shù)量。信息可視化的背景音樂一直是類似于下雨的毫無感彩的聲音，其節(jié)奏與可視化中二氧化碳排放的頻率相對(duì)應(yīng)，隨著界面中數(shù)值的不斷變化，在聽覺，觸覺和視覺感官共同刺激下，用戶不僅能夠印象深刻，而且也更能體會(huì)到可視化內(nèi)容的寓意。
3.2 行為體驗(yàn)
在界面設(shè)計(jì)中交互式信息可視化提供給用戶的行為體驗(yàn)首先是以可視化的可用性為基礎(chǔ)。比如：可視化傳達(dá)了什么信息含義？它都有什么樣的交互方式？用戶是否能夠清晰理解如何操作？如果信息可視化僅僅停留在表面的美觀和炫麗上，而缺失了其最根本的信息傳達(dá)的功能，那它也只能屬于華麗的軀殼。
從某種意義上來說，信息可視化行為體驗(yàn)中的可用性即它是否能使用戶進(jìn)行操作使用后達(dá)到獲取信息知識(shí)的實(shí)現(xiàn)。多數(shù)信息可視化都能將信息內(nèi)容呈現(xiàn)給用戶，但卻常常由于信息量的雜亂無章、毫無重點(diǎn)，而使用戶陷入更為困難的情境中。因此，為了讓用戶在與信息可視化交互過程中獲得愉悅的行為體驗(yàn)，需要分析用戶的視覺心理特征、行為習(xí)慣以及各國(guó)不同的文化等等，一個(gè)具有設(shè)計(jì)良好的信息可視化首先必須通過可用性測(cè)試，驗(yàn)證是否能夠準(zhǔn)確的傳達(dá)信息并增加信息數(shù)據(jù)的連貫性和易理解性。
信息可視化中的行為體驗(yàn)與功能性和易用性有關(guān)，在視覺界面給人的第一感覺之后，行為層次的設(shè)計(jì)體現(xiàn)的是信息可視化與用戶交互功能的實(shí)現(xiàn)。不同于傳統(tǒng)平面媒體或網(wǎng)頁中靜態(tài)的可視化形式，交互式的信息可視化在用戶瀏覽時(shí)提供給用戶與信息數(shù)據(jù)一定的交互界面。例如通過放大、縮小、拖拽、點(diǎn)選、圖層控制等方式實(shí)現(xiàn)一系列信息獲取時(shí)的交互過程。界面中信息可視化的交互方式賦予了信息生命特征，體現(xiàn)了視覺界面設(shè)計(jì)的社會(huì)價(jià)值，同時(shí)也豐富了用戶在行為層面的體驗(yàn)。
3.3 情感體驗(yàn)
視覺界面中交互式信息可視化在提供給用戶感官上的數(shù)據(jù)美感和互動(dòng)傳遞信息的基礎(chǔ)上，會(huì)使得用戶產(chǎn)生更深層次的理解、意識(shí)和情感等多種影響?！胺e極的情感增強(qiáng)了創(chuàng)造性和廣度優(yōu)先的思考，而負(fù)面的情感集中在認(rèn)知上，增強(qiáng)深度優(yōu)先處理并把干擾降到最少?！币虼?，當(dāng)可視化的界面令用戶感到喜歡、享受時(shí)，則滿足了他們視覺和心理的需要和期望，這會(huì)令整個(gè)信息獲取和傳遞的過程更為流暢和易用。
把枯燥乏味的數(shù)據(jù)變成有趣美觀的圖形畫面，不僅會(huì)令信息和事件變得清晰，同時(shí)在視覺美感、交互操作帶來的樂趣和愉悅共同作用下能產(chǎn)生更多的共鳴感和探求欲望。
4. 結(jié)論
視覺界面中交互式信息可視化的信息呈現(xiàn)方式不僅滿足了用戶對(duì)知識(shí)以及事件關(guān)的需求，同時(shí)也增加了用戶在互動(dòng)過程中的趣味性和體驗(yàn)感。通過用戶與信息之間的交互改變可視化的視覺界面，使得用戶真正參與到與信息交流的環(huán)節(jié)中，因此，用戶和信息可視化的交互成為了現(xiàn)在信息可視化的核心。與傳統(tǒng)靜態(tài)的信息可視化相比，視覺界面中交互式的信息可視化最突出的是其可交互性、可選擇性，它提供給用戶更多的自由，同時(shí)也加強(qiáng)了信息之間的聯(lián)系。
在交互式信息可視化中，用戶作為信息傳播過程中積極主動(dòng)的尋求者和接收者，他們會(huì)按照自己的興趣點(diǎn)和關(guān)注方向去選擇各種信息，以滿足自己的不同需要。信息可視化的整個(gè)過程更像是用戶去大型超市購物，超市盡可能地為用戶提供各類優(yōu)質(zhì)的產(chǎn)品（視覺精彩、交互流暢的可視化設(shè)計(jì)）。交互式信息可視化將主動(dòng)權(quán)交給了用戶自己，在這里用戶不僅僅是信息的解讀者，同樣是信息交流時(shí)的參與者和主導(dǎo)者，而其核心則是如何通過一種更為有效的表現(xiàn)形式將信息傳遞給目標(biāo)用戶，使得用戶在享受視覺“產(chǎn)品”的體驗(yàn)下獲得知識(shí)和信息。
[參考文獻(xiàn)]
[1] 戴立玲等，《信息圖形化基礎(chǔ)》[M]，北京化學(xué)工業(yè)出版社，2004.10
[2] 龍尼?利普頓（美）著，、劉小麓譯，《信息設(shè)計(jì)實(shí)用指南》[M]，上海人民美術(shù)出版社，2008
[3] 戴維?達(dá)博納，阿諾基?P西（英）著，湯凱青譯，《新編英國(guó)平面設(shè)計(jì)基礎(chǔ)教程》[M]上海人民美術(shù)出版社，
[4] 廖宏勇、張小綱編著，《信息編排設(shè)計(jì)》[M]，北京大學(xué)出版社，2011.8
[5] 魯曉波、詹炳宏編著，《數(shù)字圖形界面藝術(shù)設(shè)計(jì)》[M]，清華大學(xué)出版社，2006.4
[6] 王令中著，《視覺藝術(shù)心理》[M]，人民美術(shù)出版社.2005.8
[7] 魯?shù)婪?阿恩海姆（美）著，滕守堯、朱疆源譯，《藝術(shù)與視知覺》[M]四川人民出版社，，1998.3
[8] Jeff Johnson（美），著，張一寧譯，《認(rèn)知與設(shè)計(jì)―理解UI設(shè)計(jì)準(zhǔn)則》[M]，人民郵電出版社，2011
[9] Robert Spence（英）著，陳雅茜譯，《信息可視化交互設(shè)計(jì)》[M]，機(jī)械工業(yè)出版社，2012
[10] 覃京燕，信息可視化中交互設(shè)計(jì)方法探析[J]，裝飾，2007
[11] 吳橋，動(dòng)態(tài)設(shè)計(jì)―新媒介條件下的視覺傳達(dá)[J]，新視覺藝術(shù)，2009
[12]李韋，信息圖形化――淺談圖形在人機(jī)交互用戶界面設(shè)計(jì)中的重要性，[J]，開封教育學(xué)院學(xué)報(bào)，2006.
[13] 王賽蘭，論交互設(shè)計(jì)中的信息可視化[J]，產(chǎn)業(yè)與科技論壇，2012.
[14]龍娟娟，信息圖形設(shè)計(jì)中的情感因素[D]，中央美術(shù)學(xué)院碩士學(xué)位論文，2010
[15] 張尤亮，信息圖形設(shè)計(jì)―信息圖形設(shè)計(jì)在視覺傳達(dá)領(lǐng)域中的應(yīng)用[D]，中央美術(shù)學(xué)院碩士學(xué)位論文，2010