利用桌面式網(wǎng)站革新網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)的用戶(hù)體驗(yàn)*

胡世清 林子華 郭超群

（深圳大學(xué) 師范學(xué)院教育信息技術(shù)系，廣東深圳 518060）

利用桌面式網(wǎng)站革新網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)的用戶(hù)體驗(yàn)*

胡世清 林子華 郭超群

（深圳大學(xué) 師范學(xué)院教育信息技術(shù)系，廣東深圳 518060）

影響基于網(wǎng)頁(yè)系統(tǒng)的網(wǎng)絡(luò)學(xué)習(xí)實(shí)效性的主要因素是用戶(hù)體驗(yàn)問(wèn)題，Windows桌面系統(tǒng)的用戶(hù)體驗(yàn)完全優(yōu)于網(wǎng)頁(yè)系統(tǒng)，利用RIA的Silverlight新技術(shù)可以成功地將桌面用戶(hù)體驗(yàn)在網(wǎng)頁(yè)系統(tǒng)中實(shí)現(xiàn)。文章利用Silverlight技術(shù)實(shí)現(xiàn)了桌面式網(wǎng)站的架構(gòu)組成設(shè)計(jì)、網(wǎng)頁(yè)內(nèi)容的XPS呈現(xiàn)設(shè)計(jì)、網(wǎng)頁(yè)鼠標(biāo)多態(tài)交互設(shè)計(jì)和網(wǎng)站實(shí)時(shí)在線(xiàn)更新與維護(hù)設(shè)計(jì)等，并將桌面式網(wǎng)站應(yīng)用于網(wǎng)絡(luò)學(xué)習(xí)系統(tǒng)，有效地解決了網(wǎng)絡(luò)學(xué)習(xí)的用戶(hù)體驗(yàn)問(wèn)題。

網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)；用戶(hù)體驗(yàn)；RIA；桌面式網(wǎng)站

伴隨著技術(shù)的進(jìn)步，學(xué)習(xí)的革命不斷發(fā)生，從傳統(tǒng)的基于黑板的課堂教學(xué)，到基于電視的遠(yuǎn)程教學(xué)，到基于PPT加投影的計(jì)算機(jī)多媒體教學(xué)，再到今天的基于網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)的網(wǎng)絡(luò)學(xué)習(xí)，技術(shù)不斷促進(jìn)學(xué)習(xí)方式的變革。特別是隨著互聯(lián)網(wǎng)的出現(xiàn)和發(fā)展，產(chǎn)生了網(wǎng)絡(luò)課程、網(wǎng)絡(luò)學(xué)習(xí)社區(qū)、MOOC、微課等眾多網(wǎng)絡(luò)學(xué)習(xí)概念，網(wǎng)絡(luò)學(xué)習(xí)已得到廣泛認(rèn)可。

盡管網(wǎng)絡(luò)學(xué)習(xí)已被廣泛地接受和使用，但網(wǎng)絡(luò)學(xué)習(xí)的實(shí)效并不夠理想，其主要問(wèn)題出在技術(shù)方面。隨著計(jì)算機(jī)和網(wǎng)絡(luò)技術(shù)的飛速發(fā)展，硬件已經(jīng)越來(lái)越不是問(wèn)題了。影響網(wǎng)絡(luò)學(xué)習(xí)實(shí)效性的主要問(wèn)題是軟件方面的問(wèn)題，包括資源問(wèn)題和平臺(tái)問(wèn)題。就軟件平臺(tái)問(wèn)題而言，又可分為功能問(wèn)題和用戶(hù)體驗(yàn)問(wèn)題——功能問(wèn)題關(guān)系到平臺(tái)是否可用；用戶(hù)體驗(yàn)問(wèn)題關(guān)系到平臺(tái)是否好用，決定學(xué)習(xí)者是否愿意用、是否喜歡用，進(jìn)一步?jīng)Q定學(xué)習(xí)者是否有興趣參加網(wǎng)絡(luò)學(xué)習(xí)。當(dāng)今，網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)的功能已經(jīng)基本完善，但用戶(hù)體驗(yàn)方面不盡如人意，究其原因，主要是沒(méi)有理想的技術(shù)來(lái)支持和改善網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)用戶(hù)的體驗(yàn)。新的RIA網(wǎng)絡(luò)技術(shù)的出現(xiàn)，提供了改善網(wǎng)頁(yè)用戶(hù)體驗(yàn)的技術(shù)手段，使通過(guò)技術(shù)手段改善網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)的用戶(hù)體驗(yàn)成為可能。

一 網(wǎng)絡(luò)學(xué)習(xí)與用戶(hù)體驗(yàn)

1 用戶(hù)體驗(yàn)與計(jì)算機(jī)用戶(hù)體驗(yàn)

“用戶(hù)體驗(yàn)（User Experience，UE）是一種純主觀的用戶(hù)在使用產(chǎn)品過(guò)程中建立起來(lái)的感受”，“通俗來(lái)講就是‘這個(gè)東西好不好用，用起來(lái)方不方便’”[1]。這個(gè)概念適用于任何產(chǎn)品。

計(jì)算機(jī)用戶(hù)體驗(yàn)則是指用戶(hù)在使用計(jì)算機(jī)過(guò)程中的主觀感受。計(jì)算機(jī)的使用主要是通過(guò)輸入和輸出設(shè)備實(shí)現(xiàn)的，因此計(jì)算機(jī)的用戶(hù)體驗(yàn)主要表現(xiàn)為信息的呈現(xiàn)方式和人機(jī)的交互方式，即計(jì)算機(jī)用戶(hù)體驗(yàn)包括感官體驗(yàn)和交互體驗(yàn)。另外，也包括用戶(hù)對(duì)信息持續(xù)性更新的需求等。

2 兩種計(jì)算機(jī)系統(tǒng)的用戶(hù)體驗(yàn)及發(fā)展

當(dāng)今計(jì)算機(jī)系統(tǒng)的使用，主要有桌面系統(tǒng)和網(wǎng)頁(yè)系統(tǒng)兩種方式，它們各自發(fā)展。

1985年Windows 1的誕生具有劃時(shí)代的意義，從此開(kāi)始了計(jì)算機(jī)圖形操作界面的體驗(yàn)，但Windows 1交互仍主要依賴(lài)鍵盤(pán)，鼠標(biāo)還不是標(biāo)配。1990年Windows 3發(fā)布，設(shè)計(jì)了全新的窗口交互界面，以窗口方式呈現(xiàn)應(yīng)用，以鼠標(biāo)和鍵盤(pán)操作窗口元素。1995年Windows 95發(fā)布，Windows系統(tǒng)發(fā)生了質(zhì)的變化，它的重大突破是專(zhuān)注于桌面，并為所有應(yīng)用添加了圖標(biāo)，鼠標(biāo)可以更加靈活地操作圖標(biāo)和窗口。2001年Windows XP發(fā)布，設(shè)計(jì)了全新的開(kāi)始菜單。2006年Windows Vista發(fā)布，它帶來(lái)了高亮質(zhì)感、玻璃通透感及透明狀的全新Aero視覺(jué)體驗(yàn)。2009年Windows 7上市，推出了超級(jí)任務(wù)欄，改進(jìn)了開(kāi)始菜單，其Aero效果比Vista更加華麗，有碰撞效果、水滴效果。2012年發(fā)布的Windows 8新設(shè)計(jì)了Metro風(fēng)格，Metro風(fēng)格界面中，沒(méi)有了開(kāi)始按鈕，也沒(méi)有了Windows圖標(biāo)，操作方面以觸摸作為第一類(lèi)輸入方法[2]。

可以說(shuō)，桌面系統(tǒng)用戶(hù)體驗(yàn)是伴隨著計(jì)算機(jī)操作系統(tǒng)的發(fā)展而不斷提升的。呈現(xiàn)方面從文字界面到圖形界面、從窗口界面到桌面界面、從平面效果到立體質(zhì)感效果等，交互方面從鍵盤(pán)到鼠標(biāo)、鼠標(biāo)操作從單擊到拖曳（觸屏），說(shuō)明了用戶(hù)體驗(yàn)在不斷地演繹著革命性的創(chuàng)新。

另一方面，以IE為代表的網(wǎng)頁(yè)系統(tǒng)，從1995年的IE 1到2013的IE 10，信息呈現(xiàn)以文字、圖形的羅列為主，操作以鼠標(biāo)單擊超鏈接為主，其用戶(hù)體驗(yàn)并沒(méi)有發(fā)生實(shí)質(zhì)性的變化。

3 提升網(wǎng)絡(luò)學(xué)習(xí)用戶(hù)體驗(yàn)的必要性

“網(wǎng)上教學(xué)是以學(xué)生為中心的，強(qiáng)調(diào)學(xué)生的‘學(xué)’”[3]，即網(wǎng)絡(luò)學(xué)習(xí)主要是學(xué)生自主學(xué)習(xí)，學(xué)生對(duì)著計(jì)算機(jī)開(kāi)展學(xué)習(xí)，計(jì)算機(jī)的用戶(hù)體驗(yàn)直接影響學(xué)習(xí)者的興趣與意志。

網(wǎng)絡(luò)學(xué)習(xí)主要通過(guò)網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)進(jìn)行學(xué)習(xí)，而網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)基本都是基于網(wǎng)頁(yè)系統(tǒng)建立的，因此網(wǎng)絡(luò)學(xué)習(xí)實(shí)質(zhì)上是通過(guò)瀏覽器進(jìn)行網(wǎng)頁(yè)瀏覽來(lái)實(shí)現(xiàn)，即網(wǎng)頁(yè)系統(tǒng)的用戶(hù)體驗(yàn)設(shè)計(jì)決定了學(xué)習(xí)者的學(xué)習(xí)感受，進(jìn)一步?jīng)Q定了學(xué)習(xí)者的學(xué)習(xí)興趣與學(xué)習(xí)效率。我們已知網(wǎng)頁(yè)用戶(hù)體驗(yàn)并不令人滿(mǎn)意，結(jié)果是“不舒適的網(wǎng)絡(luò)學(xué)習(xí)環(huán)境致使學(xué)習(xí)者難以保持長(zhǎng)時(shí)間的網(wǎng)上學(xué)習(xí)是網(wǎng)絡(luò)學(xué)習(xí)者面臨的最主要問(wèn)題”[4]，即網(wǎng)頁(yè)系統(tǒng)的用戶(hù)體驗(yàn)對(duì)于網(wǎng)絡(luò)學(xué)習(xí)具有制約作用。

Windows基于桌面的呈現(xiàn)方式與操作方式已為人們所接受與熟悉，如能將Windows桌面系統(tǒng)移植到網(wǎng)頁(yè)中，將極大地提升網(wǎng)頁(yè)的用戶(hù)體驗(yàn)，進(jìn)一步可給網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)的建設(shè)帶來(lái)革命性的改觀。2007年田俊華、李藝[5]就發(fā)文指出，Web學(xué)習(xí)環(huán)境“其建構(gòu)模式應(yīng)借鑒主流應(yīng)用程序的發(fā)展趨勢(shì)，逐步拋開(kāi)以頁(yè)面為單元的傳統(tǒng)設(shè)計(jì)模式，吸取桌面應(yīng)用程序中積累的用戶(hù)體驗(yàn)”，提出一種有效的解決網(wǎng)頁(yè)體驗(yàn)的技術(shù)途徑，但當(dāng)時(shí)實(shí)現(xiàn)這樣網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)的技術(shù)條件尚未成熟。

二 桌面式網(wǎng)站的概念與實(shí)現(xiàn)技術(shù)

桌面式網(wǎng)站是將桌面元素移植到網(wǎng)頁(yè)中，使網(wǎng)頁(yè)看起來(lái)和桌面系統(tǒng)一樣，操作上也類(lèi)似于桌面系統(tǒng)，具有鼠標(biāo)的多樣操作性。桌面式網(wǎng)站即在網(wǎng)頁(yè)中要實(shí)現(xiàn)像Windows一樣的呈現(xiàn)、像Windows一樣的操作，使桌面進(jìn)入網(wǎng)頁(yè)內(nèi)。

傳統(tǒng)網(wǎng)頁(yè)開(kāi)發(fā)是基于HTML語(yǔ)言的開(kāi)發(fā)，它的呈現(xiàn)模式以文本為基礎(chǔ)，無(wú)法滿(mǎn)足桌面式網(wǎng)站的開(kāi)發(fā)需求。RIA即豐富的因特網(wǎng)應(yīng)用程序，是為解決用戶(hù)的體驗(yàn)問(wèn)題而誕生的，它克服了基于HTML表現(xiàn)層的頁(yè)面式單調(diào)體驗(yàn)，能實(shí)現(xiàn)豐富的界面元素及特效，為用戶(hù)提供了全方位的視覺(jué)體驗(yàn)。目前Microsoft公司的Silverlight是一種比較成功的RIA客戶(hù)端開(kāi)發(fā)技術(shù)，它的媒體支持度、豐富的界面功能和跨平臺(tái)性能等都非常強(qiáng)大。Silverlight使用.NET托管代碼，以XMAL為用戶(hù)界面描述語(yǔ)言，轉(zhuǎn)換成具體內(nèi)容顯示在網(wǎng)頁(yè)上。

三 桌面式網(wǎng)站的設(shè)計(jì)

“用戶(hù)體驗(yàn)設(shè)計(jì)的目標(biāo)是提高用戶(hù)對(duì)于某個(gè)服務(wù)或者產(chǎn)品感官接受度，增強(qiáng)用戶(hù)對(duì)于該服務(wù)或者產(chǎn)品的認(rèn)可度，進(jìn)而提高用戶(hù)粘度”[6]，感官接受度主要體現(xiàn)在界面呈現(xiàn)和人機(jī)交互方面。

1 呈現(xiàn)體驗(yàn)設(shè)計(jì)

（1）桌面式網(wǎng)站的框架組成設(shè)計(jì)

傳統(tǒng)網(wǎng)頁(yè)是文字圖片的羅列，利用Silverlight技術(shù)開(kāi)發(fā)的桌面式網(wǎng)站則完全顛覆這種網(wǎng)頁(yè)格局。圖1窗體內(nèi)是一個(gè)桌面式網(wǎng)站，該網(wǎng)站的網(wǎng)頁(yè)具有和Windows桌面系統(tǒng)完全類(lèi)似的桌面、圖標(biāo)、窗口、開(kāi)始菜單、任務(wù)欄等元素，具有和Windows一樣的視覺(jué)體驗(yàn)。

桌面式網(wǎng)站初始時(shí)，各主題網(wǎng)頁(yè)以圖標(biāo)形式排列于桌面，即桌面上只有圖標(biāo)，鼠標(biāo)單擊圖標(biāo)可以打開(kāi)主題網(wǎng)頁(yè)窗口，查看網(wǎng)頁(yè)具體內(nèi)容——這與Windows桌面系統(tǒng)完全類(lèi)似。

桌面式網(wǎng)站的網(wǎng)頁(yè)內(nèi)容通過(guò)打開(kāi)窗口得以展現(xiàn)，每個(gè)主題網(wǎng)頁(yè)窗口由網(wǎng)頁(yè)內(nèi)容（右上）、菜單按鈕（左）和瀏覽控制按鈕（右下）組成，如圖2所示。利用菜單按鈕可控制本主題多個(gè)網(wǎng)頁(yè)內(nèi)容的切換，利用瀏覽按鈕可控制本主題同一網(wǎng)頁(yè)內(nèi)容的翻頁(yè)瀏覽。窗口菜單按鈕和瀏覽按鈕相當(dāng)于傳統(tǒng)網(wǎng)頁(yè)的導(dǎo)航鏈接，這是桌面式網(wǎng)站解決超鏈接技術(shù)的一種創(chuàng)新嘗試。

傳統(tǒng)網(wǎng)頁(yè)窗口的打開(kāi)與關(guān)閉沒(méi)有動(dòng)畫(huà)效果，桌面式網(wǎng)站的窗口切換可以實(shí)現(xiàn)窗口出入的動(dòng)畫(huà)效果，且可以實(shí)現(xiàn)三維動(dòng)畫(huà)效果，讓用戶(hù)在使用網(wǎng)站的同時(shí)獲得更佳的視覺(jué)享受。圖2顯示了正在打開(kāi)網(wǎng)頁(yè)窗口的三維動(dòng)畫(huà)效果。

圖1 桌面式網(wǎng)站總體架構(gòu)

圖2 正在打開(kāi)的XPS文檔網(wǎng)頁(yè)

（2）網(wǎng)頁(yè)窗口內(nèi)容設(shè)計(jì)

網(wǎng)頁(yè)內(nèi)容是網(wǎng)站的核心，如何使網(wǎng)頁(yè)內(nèi)容呈現(xiàn)出令人滿(mǎn)意的視覺(jué)效果，是網(wǎng)站用戶(hù)體驗(yàn)設(shè)計(jì)最重要的內(nèi)容。傳統(tǒng)網(wǎng)頁(yè)的內(nèi)容排版是在網(wǎng)頁(yè)開(kāi)發(fā)時(shí)設(shè)計(jì)的，主要以文圖排列方式設(shè)計(jì)，界面呆板且不易更改。桌面式網(wǎng)站的所有靜態(tài)窗口內(nèi)容創(chuàng)新性地使用Office文檔作為網(wǎng)頁(yè)內(nèi)容，即每一個(gè)主題網(wǎng)頁(yè)窗口展現(xiàn)的就是一個(gè)Office文檔。圖2的窗口網(wǎng)頁(yè)就是這樣一種圖文并茂的Word文檔。

微軟公司開(kāi)發(fā)了一種新的Office保存格式——XPS文檔格式，它與Office普通文檔具有相同的顯示效果。XPS是基于WPF的XAML置標(biāo)語(yǔ)言的文檔，可以被Silverlight解析和重繪。因此，桌面式網(wǎng)站的靜態(tài)網(wǎng)頁(yè)都可用Office進(jìn)行設(shè)計(jì)，只需將Office文檔另存為XPS文檔即可。

Office文檔幾乎人人都會(huì)編輯，因此桌面式網(wǎng)頁(yè)內(nèi)容可由任何人進(jìn)行編輯，不需要專(zhuān)業(yè)的網(wǎng)頁(yè)開(kāi)發(fā)人員。同時(shí)Office文檔可以實(shí)現(xiàn)非常滿(mǎn)意的用戶(hù)體驗(yàn)效果:絢麗的色彩、美化的字體、多樣的效果、整潔的排版等。桌面式網(wǎng)站將Office的用戶(hù)體驗(yàn)移植到網(wǎng)頁(yè)上，極大地提高了網(wǎng)頁(yè)的用戶(hù)體驗(yàn)效果。

2 交互體驗(yàn)設(shè)計(jì)

網(wǎng)站操作的主要目的是瀏覽網(wǎng)頁(yè)內(nèi)容，必要時(shí)應(yīng)移動(dòng)或縮放網(wǎng)頁(yè)內(nèi)容以達(dá)到最佳視覺(jué)瀏覽效果。而傳統(tǒng)網(wǎng)頁(yè)內(nèi)容的位置與大小，一般不能通過(guò)鼠標(biāo)的簡(jiǎn)單操作來(lái)改變。

桌面式網(wǎng)站的網(wǎng)頁(yè)窗口可以利用鼠標(biāo)滾輪來(lái)改變窗體中網(wǎng)頁(yè)內(nèi)容的大小，即窗口大小不變，窗口中的內(nèi)容隨鼠標(biāo)滾輪的滾動(dòng)而按比例改變大小，實(shí)現(xiàn)網(wǎng)頁(yè)內(nèi)容的縮放控制。另外，窗口網(wǎng)頁(yè)內(nèi)容的位置也可以利用鼠標(biāo)拖曳在網(wǎng)頁(yè)窗口內(nèi)改變，實(shí)現(xiàn)網(wǎng)頁(yè)的滾動(dòng)瀏覽。這樣的設(shè)計(jì)使用戶(hù)可以得心應(yīng)手地進(jìn)行網(wǎng)頁(yè)瀏覽，提升了用戶(hù)網(wǎng)頁(yè)操作的愉悅感和網(wǎng)頁(yè)呈現(xiàn)的視覺(jué)效果。

由于桌面式網(wǎng)站的網(wǎng)頁(yè)內(nèi)容主要是Office文檔，無(wú)超鏈接，頁(yè)面的切換需另辟蹊徑。桌面式網(wǎng)站通過(guò)鼠標(biāo)單擊窗口內(nèi)的菜單按鈕與瀏覽控制按鈕，實(shí)現(xiàn)窗口內(nèi)多頁(yè)面之間的切換。

3 更新與維護(hù)設(shè)計(jì)

提高用戶(hù)體驗(yàn)不僅僅限于呈現(xiàn)與交互，網(wǎng)頁(yè)更新也是一個(gè)非常重要的用戶(hù)體驗(yàn)指標(biāo)。利用Silverlight技術(shù)可以實(shí)現(xiàn)應(yīng)用程序的動(dòng)態(tài)增減和網(wǎng)頁(yè)文件的動(dòng)態(tài)替換，所有與這些功能相關(guān)的程序和文件操作可以設(shè)計(jì)成像Windows一樣的方式進(jìn)行管理。

（1）網(wǎng)站結(jié)構(gòu)的管理維護(hù)與更新

傳統(tǒng)網(wǎng)站一經(jīng)建好后，用戶(hù)很難更改網(wǎng)站結(jié)構(gòu)；要更改網(wǎng)站結(jié)構(gòu)，需由開(kāi)發(fā)人員利用網(wǎng)站開(kāi)發(fā)工具進(jìn)行更改。桌面式網(wǎng)站設(shè)計(jì)了后臺(tái)桌面式應(yīng)用管理程序，可以對(duì)構(gòu)成網(wǎng)站結(jié)構(gòu)的桌面圖標(biāo)、網(wǎng)頁(yè)窗口的層級(jí)菜單隨時(shí)進(jìn)行增加、刪除、更改和編輯操作，進(jìn)而改變網(wǎng)站的結(jié)構(gòu)，真正做到動(dòng)態(tài)維護(hù)網(wǎng)站。圖3是后臺(tái)桌面式應(yīng)用管理程序界面，可實(shí)現(xiàn)如下管理功能:

通過(guò)單擊“添加應(yīng)用”按鈕，可以增加一項(xiàng)主題網(wǎng)頁(yè)條目，之后在相應(yīng)文本框內(nèi)輸入主題網(wǎng)頁(yè)的名稱(chēng)、圖標(biāo)在桌面的位置、圖標(biāo)文件的路徑等，即可在桌面添加新的主題網(wǎng)頁(yè)圖標(biāo)；也可以在相應(yīng)的文本框內(nèi)修改“標(biāo)題”、“序號(hào)”、“圖標(biāo)”等，并單擊“更改應(yīng)用”按鈕確認(rèn)更新桌面主題網(wǎng)頁(yè)的圖標(biāo)；如果單擊某一主題網(wǎng)頁(yè)條目后直接單擊“刪除應(yīng)用”按鈕，則可刪除這一主題網(wǎng)頁(yè)條目，同時(shí)刪除桌面對(duì)應(yīng)的主題網(wǎng)頁(yè)圖標(biāo)。

通過(guò)單擊某一主題網(wǎng)頁(yè)條目，再單擊“添加子菜單”按鈕，即出現(xiàn)該主題網(wǎng)頁(yè)的子菜單編輯欄，通過(guò)在相應(yīng)文本框內(nèi)輸入菜單名稱(chēng)、層級(jí)位置、打開(kāi)的文件名稱(chēng)等，即可在該主題網(wǎng)頁(yè)窗口內(nèi)添加新的網(wǎng)頁(yè)菜單；通過(guò)單擊子菜單編輯欄的“刪除”按鈕，可以刪除子菜單。

圖3 應(yīng)用管理程序界面

圖4 網(wǎng)頁(yè)文件管理界面

利用以上管理功能，初始提交的網(wǎng)站可以是沒(méi)有任何圖標(biāo)的桌面，之后完全由用戶(hù)根據(jù)需要自行增加圖標(biāo)及子菜單，構(gòu)建出自己所需的網(wǎng)站結(jié)構(gòu)，這相當(dāng)于實(shí)現(xiàn)了用戶(hù)自建網(wǎng)站的功能。

（2）網(wǎng)站文件及其內(nèi)容的更新

網(wǎng)站結(jié)構(gòu)建立過(guò)程中給出了每個(gè)層級(jí)菜單對(duì)應(yīng)的網(wǎng)頁(yè)文件，這些網(wǎng)頁(yè)文件也是可以更新的。通過(guò)更新網(wǎng)頁(yè)文件，可以實(shí)現(xiàn)網(wǎng)站內(nèi)容的更新。圖4是后臺(tái)桌面式網(wǎng)頁(yè)文件管理界面。

通過(guò)單擊某一文件圖標(biāo)選擇該文件，單擊“刪除文件”按鈕，即可刪除該文件。再單擊“上傳文件”按鈕，將新文件上傳到網(wǎng)站，這樣通過(guò)文件的更替即可完成網(wǎng)頁(yè)內(nèi)容的更新。

以上設(shè)計(jì)實(shí)現(xiàn)了網(wǎng)頁(yè)文件的更替，但文件的內(nèi)容如何更新呢？傳統(tǒng)網(wǎng)頁(yè)更新十分不便，即使網(wǎng)頁(yè)上的一個(gè)錯(cuò)字，也需要網(wǎng)絡(luò)管理人員利用網(wǎng)頁(yè)編輯軟件進(jìn)行修改，之后再發(fā)布到網(wǎng)站上。桌面式網(wǎng)站的每一個(gè)靜態(tài)頁(yè)面都對(duì)應(yīng)一個(gè)Office文檔，因此網(wǎng)頁(yè)的修改變得十分容易。通過(guò)在Office中編輯文件就可完成網(wǎng)頁(yè)內(nèi)容的更新，這給網(wǎng)站維護(hù)提供了相當(dāng)大的便捷。

四 桌面式網(wǎng)站的網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)應(yīng)用

當(dāng)今網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)種類(lèi)繁多，但平臺(tái)功能基本類(lèi)似，一般都包括課程基本信息、公告通知、課程播放、資源管理等基本元素。桌面式網(wǎng)站在實(shí)現(xiàn)這些功能方面具有獨(dú)特的用戶(hù)體驗(yàn)效果。

學(xué)習(xí)網(wǎng)站必須提供關(guān)于課程的各種描述信息，包括課程介紹、教學(xué)團(tuán)隊(duì)、課程計(jì)劃等。所有這些課程信息基本都是靜態(tài)內(nèi)容，都可以用Office編輯生成XPS文檔。桌面式網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)可直接上傳這些XPS文檔，使之成為桌面式網(wǎng)站的靜態(tài)網(wǎng)頁(yè)圖標(biāo)及窗口，圖5是課程計(jì)劃。

圖5 課程計(jì)劃

圖6 網(wǎng)站公告

學(xué)習(xí)網(wǎng)站一般都需要發(fā)布關(guān)于課程學(xué)習(xí)相關(guān)的公告與通知，桌面式網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)公告的內(nèi)容同樣可以采用Office文檔直接編寫(xiě)，生成XPS文檔，直接上傳到網(wǎng)站上。這樣的公告可以是包含精細(xì)編輯的圖文并茂的Office文檔，圖6是網(wǎng)站公告的瀏覽界面。

網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)的學(xué)習(xí)功能是平臺(tái)的核心，如同課堂學(xué)習(xí)需要教師的講解和教學(xué)PPT的觀看，網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)主要通過(guò)學(xué)習(xí)者觀看教學(xué)PPT和教學(xué)視頻來(lái)完成學(xué)習(xí)。桌面式網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)中的PPT是發(fā)布為XPS格式的PPT文檔，可以直接在桌面式網(wǎng)站中瀏覽。另外，可以通過(guò)網(wǎng)頁(yè)窗口內(nèi)容的動(dòng)態(tài)切換效果實(shí)現(xiàn)PPT的動(dòng)態(tài)效果，使網(wǎng)頁(yè)窗口的3D切換效果更加絢麗。

網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)必須提供豐富多樣的學(xué)習(xí)資源幫助學(xué)習(xí)者學(xué)習(xí)，資源管理包括學(xué)習(xí)資源的上傳和下載。RIA桌面式網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)的資源上傳，可以采用和前面添加網(wǎng)頁(yè)類(lèi)似的方式實(shí)現(xiàn)。

五 結(jié)束語(yǔ)

網(wǎng)絡(luò)學(xué)習(xí)是一種新型的學(xué)習(xí)方式，是學(xué)習(xí)革命的發(fā)展趨勢(shì)，一切制約網(wǎng)絡(luò)學(xué)習(xí)的技術(shù)問(wèn)題終究會(huì)得到解決。RIA新技術(shù)對(duì)于革新網(wǎng)頁(yè)設(shè)計(jì)是卓越的，文章利用RIA技術(shù)設(shè)計(jì)的桌面式網(wǎng)站，有效解決了網(wǎng)絡(luò)學(xué)習(xí)用戶(hù)體驗(yàn)的瓶頸問(wèn)題，提升了網(wǎng)絡(luò)學(xué)習(xí)者的興趣與效率。

用戶(hù)體驗(yàn)對(duì)于計(jì)算機(jī)使用者來(lái)說(shuō)越來(lái)越重要，未來(lái)的用戶(hù)體驗(yàn)將會(huì)不斷地創(chuàng)新和發(fā)展。未來(lái)的計(jì)算機(jī)用戶(hù)體驗(yàn)具體是什么樣？界面呈現(xiàn)體驗(yàn)方面或?qū)⑾蛄Ⅲw感、通透感、動(dòng)態(tài)效果發(fā)展？操作交互體驗(yàn)方面或?qū)⑾蚴种赣|屏、語(yǔ)音控制發(fā)展？一切皆有可能，一切都在進(jìn)行中，對(duì)此我們將拭目以待。我們有理由相信:新的用戶(hù)體驗(yàn)將越來(lái)越多地滿(mǎn)足用戶(hù)網(wǎng)絡(luò)學(xué)習(xí)的體驗(yàn)需要，將為用戶(hù)提供越來(lái)越舒適、愉悅的學(xué)習(xí)環(huán)境。

[1]百度百科.用戶(hù)體驗(yàn)[OL].〈http://baike.baidu.com/subview/274884/5077647.htm?fr=Aladdin.〉

[2]多圖回顧:Windows歷代Logo與版本變化[OL].〈http://wenku.baidu.com/view/8755872e3169a4517723a315.html.〉

[3]黃榮懷,張振虹,陳庚,等.網(wǎng)上學(xué)習(xí)：學(xué)習(xí)真的發(fā)生了嗎?——跨文化背景下中英網(wǎng)上學(xué)習(xí)的比較研究[J].開(kāi)放教育研究,2007,(6):12-24.

[4]李奉華,楊雪,黃海林.基于RIA技術(shù)的網(wǎng)絡(luò)學(xué)習(xí)者體驗(yàn)分析與模型設(shè)計(jì)[J].現(xiàn)代教育技術(shù),2010,(2):81-84.

[5]田俊華,李藝.基于桌面風(fēng)格的Web集成學(xué)習(xí)環(huán)境建設(shè)[J].中國(guó)電化教育,2007,(11):107-109.

[6]馮翔,吳永和,祝智庭.智慧學(xué)習(xí)體驗(yàn)設(shè)計(jì)[J].中國(guó)電化教育,2013,(12):14-19.

[7]郭麗娜,任劍鋒.基于Silverlight的可視化協(xié)作知識(shí)建構(gòu)工具的設(shè)計(jì)與實(shí)現(xiàn)[J].電化教育研究,2012,(4):72-75.

Improving User Experience of Online Learning Platform Using Desktop Web

HU Shi-qing LIN Zi-hua GUO Chao-qun
(Shenzhen University Normal college Education information technology department, Shenzhen, China 518060)

The main factor affecting the effect of online learning is user experience and user experience of Windows desktop system completely outmatches against Web system. User experience of Windows desktop system can be realized by using RIA Silverlight technique. This paper realized the architecture design of desktop web, XPS presentation design of Webpage, the polymorphic design of mouse interaction and real-time update and maintain design of website etc by using Silverlight technique. And the desktop web is used in network learning system, result in effectively solving the problem of user experience in network learning.

online learning platform; user experience; RIA; desktop web

G40-057

A【論文編號(hào)】1009—8097（2015）06—0115—06【DOI】10.3969/j.issn.1009-8097.2015.06.018

編輯:小西

本文為 2010年全國(guó)教育科學(xué)“十一五”規(guī)劃課題“RIA新技術(shù)條件下網(wǎng)絡(luò)協(xié)作學(xué)習(xí)模式及虛擬社區(qū)學(xué)習(xí)環(huán)境的研究”（項(xiàng)目編號(hào)：DCA100202）的研究成果。

胡世清，教授，碩士，研究方向?yàn)橛?jì)算機(jī)與網(wǎng)絡(luò)技術(shù)的教育教學(xué)應(yīng)用研究，郵箱為hushiqing@tom.com。

2014年9月23日