高職網(wǎng)絡(luò)課程交互設(shè)計(jì)研究

時(shí)道波

徐州高等師范學(xué)校 江蘇徐州 221116

作者：時(shí)道波，碩士，研究方向?yàn)閿?shù)字化資源建設(shè)與應(yīng)用。

隨著網(wǎng)絡(luò)技術(shù)的突飛猛進(jìn)，教育信息化得以迅速發(fā)展，教育信息傳播的方式也正在發(fā)生改變，目前，網(wǎng)絡(luò)教學(xué)已經(jīng)成為世界各國(guó)教育改革和發(fā)展的重要趨勢(shì)。而網(wǎng)絡(luò)課程作為網(wǎng)絡(luò)教學(xué)的基本信息載體，是網(wǎng)絡(luò)教學(xué)資源的重要組成部分，它為學(xué)習(xí)者提供了一種新型的、具有豐富資源的學(xué)習(xí)平臺(tái)。由于其信息量大，給教育信息傳播過程中的交互活動(dòng)帶來(lái)巨大的沖擊和變化。筆者以高職網(wǎng)站設(shè)計(jì)與制作網(wǎng)絡(luò)課程為例，針對(duì)網(wǎng)絡(luò)課程中的交互策略進(jìn)行探究。

1 網(wǎng)絡(luò)課程交互概述

1.1 網(wǎng)絡(luò)課程交互概念

交互是指在兩個(gè)參與者之間連續(xù)交替作用與反饋的循環(huán)過程。網(wǎng)絡(luò)課程中的交互是指學(xué)習(xí)者與學(xué)習(xí)資源、學(xué)習(xí)伙伴以及指導(dǎo)教師等在網(wǎng)絡(luò)課程情境中所進(jìn)行的信息交流活動(dòng)。交互是媒介傳輸過程中的重要途徑與關(guān)鍵方式，為了保證學(xué)習(xí)效果，學(xué)生不僅要在有限時(shí)間內(nèi)適應(yīng)課程學(xué)習(xí)環(huán)境，而且要能很快進(jìn)入學(xué)習(xí)狀態(tài)，因此，網(wǎng)絡(luò)課程必須具有良好的交互性。

1.2 網(wǎng)絡(luò)課程交互基本形態(tài)

相比文字、影視、單機(jī)課件等媒體，網(wǎng)絡(luò)課程可以通過某種方式，在學(xué)習(xí)者與網(wǎng)絡(luò)課程、學(xué)習(xí)者與教師、學(xué)習(xí)者與學(xué)習(xí)者之間進(jìn)行信息交換。信息表現(xiàn)形式包括原始的形象表達(dá)、文字表達(dá)及圖、聲等多媒體結(jié)合的超文本表達(dá)，實(shí)現(xiàn)了在不同的時(shí)空里進(jìn)行面對(duì)面的人機(jī)互動(dòng)、人際互動(dòng)，使信息的傳遞更加精準(zhǔn)化、完整化。學(xué)習(xí)者使用網(wǎng)絡(luò)課程學(xué)習(xí)活動(dòng)基本形態(tài)如圖1所示。

圖1 學(xué)習(xí)者使用網(wǎng)絡(luò)課程學(xué)習(xí)活動(dòng)基本形態(tài)

2 網(wǎng)絡(luò)課程交互設(shè)計(jì)原則

2.1 以學(xué)習(xí)者為中心

要想真正提高教學(xué)質(zhì)量，實(shí)現(xiàn)以學(xué)生為中心的教學(xué)，教學(xué)交互設(shè)計(jì)就必須從學(xué)習(xí)者的角度出發(fā)，注重易學(xué)易用，并且具有一定的容錯(cuò)性，能夠調(diào)動(dòng)學(xué)習(xí)者的學(xué)習(xí)積極性，避免只從媒體的特性出發(fā)，為發(fā)揮媒體的功能而設(shè)計(jì)。

2.2 整合性原則

在網(wǎng)絡(luò)課程中，學(xué)生與教學(xué)內(nèi)容之間的交互、教師與學(xué)生之間的交互、學(xué)生與學(xué)生之間的交互，都不是孤立的，進(jìn)行設(shè)計(jì)的時(shí)候應(yīng)把它們整合起來(lái)，從多個(gè)角度支持學(xué)生的學(xué)習(xí)。

2.3 一致性原則

為了減少學(xué)生認(rèn)識(shí)上的負(fù)擔(dān)，避免引起思維上的混亂，對(duì)話框、按鈕等對(duì)象做到清晰簡(jiǎn)單，標(biāo)識(shí)清楚，界面對(duì)象加以歸類分組或區(qū)塊化，同類的界面在格式和功能上力求一致。

網(wǎng)絡(luò)課程中的交互可以分為人際交互和人機(jī)交互。人際交互是指學(xué)習(xí)者和教師或?qū)＜抑g、學(xué)習(xí)者與學(xué)習(xí)者之間的交互，這種交互可以是實(shí)時(shí)的，也可以是非實(shí)時(shí)的；而人機(jī)交互則是指學(xué)習(xí)者與學(xué)習(xí)材料之間、學(xué)習(xí)者與教學(xué)軟件之間的交互，這種交互方式靈活多變，具有很大的創(chuàng)造空間。

3 網(wǎng)絡(luò)課程的交互設(shè)計(jì)

高職學(xué)生普遍文化課基礎(chǔ)差，但是在進(jìn)行網(wǎng)站設(shè)計(jì)與制作學(xué)習(xí)之前，已經(jīng)具備一定的專業(yè)基礎(chǔ)知識(shí)，如網(wǎng)絡(luò)檢索、信息處理、圖形圖像處理等。為了滿足不同學(xué)習(xí)者的需求，提高網(wǎng)絡(luò)課程的學(xué)習(xí)、交流、控制功能，滿足審美需要，必須精心設(shè)計(jì)網(wǎng)絡(luò)課程的交互功能，包括人際交互與人機(jī)交互。

3.1 人際交互

人際交互主要包括師生交互和生生交互。教師對(duì)學(xué)習(xí)者的個(gè)別指導(dǎo)能夠?qū)ζ洚a(chǎn)生激勵(lì)和促進(jìn)作用，學(xué)習(xí)者之間的相互交流，將使他們?cè)诰W(wǎng)絡(luò)學(xué)習(xí)中產(chǎn)生一定的歸屬感。網(wǎng)絡(luò)課程中進(jìn)行人際交互的工具很多，如E-mail、BBS論壇、聊天室、視頻會(huì)議等。在本網(wǎng)絡(luò)課程中主要采用的是電子郵件和BBS論壇等。

1）電子郵件。電子郵件是一種用電子手段提供信息交換的通信方式，是因特網(wǎng)應(yīng)用最廣泛的服務(wù)之一，具有快捷、方便、可靠等特點(diǎn)。登錄課程后，通過主頁(yè)面上的電子郵箱，教師與學(xué)生、學(xué)生與學(xué)生之間可以不受時(shí)間和空間的限制，對(duì)教學(xué)內(nèi)容、心得體會(huì)等進(jìn)行交流探討。學(xué)習(xí)者在學(xué)習(xí)過程中遇到問題可以通過E-mail把問題提交給教師，教師會(huì)盡快給學(xué)習(xí)者提供學(xué)習(xí)幫助。

2）BBS論壇。BBS是Bulletin Board System的縮寫，翻譯為電子公告板，是Internet上的一種電子信息服務(wù)系統(tǒng)。它提供一塊公共電子白板，每個(gè)用戶都可以在上面發(fā)布信息或提出看法，其他人可以看到，也可以留言發(fā)表意見。在BBS論壇里，學(xué)習(xí)者可以自由地參與討論，與其他學(xué)生和教師進(jìn)行交流。BBS論壇模塊功能架構(gòu)，如圖2所示。

圖2 BBS論壇模塊功能架構(gòu)

3.2 人機(jī)交互

人機(jī)交互方式主要完成人向計(jì)算機(jī)輸入信息以及計(jì)算機(jī)向人輸出信息的工作，使用的交互方式主要有問答式對(duì)話、菜單技術(shù)、命令語(yǔ)言、填表技術(shù)、查詢語(yǔ)言、圖形方式及直接操縱等。人機(jī)交互是網(wǎng)絡(luò)學(xué)習(xí)的基本方式和主要途徑，設(shè)計(jì)網(wǎng)絡(luò)課程的人機(jī)交互要以人為本，新穎別致的交互界面可以讓課程顯得更加默契、完整，增加課程的趣味性。

1）登錄管理。使用JavaScript做了一個(gè)表單驗(yàn)證，進(jìn)行用戶管理，不同類型用戶具有不同的權(quán)限，只有通過注冊(cè)才有資格學(xué)習(xí)本課程的內(nèi)容。用戶按權(quán)限分為兩類：教師和學(xué)生。整個(gè)系統(tǒng)結(jié)構(gòu)按照兩類用戶可分為兩個(gè)子系統(tǒng)——教師教學(xué)子系統(tǒng)、學(xué)生學(xué)習(xí)子系統(tǒng)：教學(xué)子系統(tǒng)基本功能包括上傳或刪除各種學(xué)習(xí)資源，添加、刪除作業(yè)，批閱作業(yè)，在討論區(qū)發(fā)貼等；學(xué)習(xí)子系統(tǒng)基本功能包括課程學(xué)習(xí)、作業(yè)上傳、瀏覽優(yōu)秀作品、在討論區(qū)發(fā)帖等。登錄界面如圖3所示。

圖3 登錄界面

圖4 導(dǎo)航菜單

圖5 樹狀菜單

2）導(dǎo)航設(shè)計(jì)。網(wǎng)絡(luò)課程為學(xué)習(xí)者提供了一種新型的、具有豐富資源的學(xué)習(xí)平臺(tái)，其信息量大，信息之間關(guān)系復(fù)雜，在網(wǎng)絡(luò)課程中一定要為學(xué)習(xí)者提供方便快捷的“導(dǎo)航”。本網(wǎng)絡(luò)課程在設(shè)計(jì)過程中，力求能夠支持學(xué)生自主學(xué)習(xí)，強(qiáng)調(diào)良好的界面視覺設(shè)計(jì)和優(yōu)秀的導(dǎo)航設(shè)計(jì)，在每一個(gè)組織層次上提供視覺結(jié)構(gòu)。具體來(lái)說，導(dǎo)航設(shè)計(jì)包括導(dǎo)航菜單、樹狀目錄、課程地圖。

①導(dǎo)航菜單。導(dǎo)航菜單包括首頁(yè)、課程學(xué)習(xí)、作品展示、作業(yè)管理、討論交流、課程地圖6個(gè)欄目，方便鏈接到相關(guān)模塊。其中，課程學(xué)習(xí)又包括二級(jí)菜單在線學(xué)習(xí)、視頻資源和學(xué)習(xí)支持。導(dǎo)航菜單如圖4所示。

②樹狀菜單。在課程學(xué)習(xí)板塊中，“在線學(xué)習(xí)”部分是樹狀菜單，羅列了本課程共14章教學(xué)內(nèi)容，點(diǎn)擊每章前面“+”，可以看到其下一級(jí)菜單，對(duì)應(yīng)的具體內(nèi)容在右側(cè)呈現(xiàn)。樹狀菜單如圖5所示。

③課程地圖。每個(gè)網(wǎng)絡(luò)課程都有其特有的框架、功能及使用特點(diǎn)，對(duì)于初期使用者來(lái)說，很難快速了解、熟悉課程的體系結(jié)構(gòu)和使用方法，從而給學(xué)習(xí)者帶來(lái)一定的學(xué)習(xí)障礙。因此，本網(wǎng)絡(luò)課程設(shè)計(jì)了課程地圖欄目，列舉了網(wǎng)站結(jié)構(gòu)圖和教學(xué)模型圖，并對(duì)課程體系結(jié)構(gòu)和使用方法予以說明、引導(dǎo)。

3）在線學(xué)習(xí)。在本網(wǎng)絡(luò)課程的在線學(xué)習(xí)板塊中，使用框架技術(shù)，把頁(yè)面分為左右兩邊，左邊是目錄，右面顯示相應(yīng)的內(nèi)容。右面的結(jié)構(gòu)化內(nèi)容是學(xué)習(xí)的主要對(duì)象，另外還提供了視頻教程、學(xué)習(xí)支持、經(jīng)典作品等豐富的學(xué)習(xí)資源，學(xué)生可以自主控制學(xué)習(xí)進(jìn)度，遵循“情境導(dǎo)入課題——出示教學(xué)目標(biāo)——明確學(xué)習(xí)策略——提出任務(wù)要求——基于網(wǎng)絡(luò)課程資源學(xué)習(xí) ——交流討論、師生互動(dòng)——作品上傳、批閱展示”的教學(xué)實(shí)施步驟，在整個(gè)學(xué)習(xí)過程中，需要學(xué)生主動(dòng)地獲取知識(shí)、應(yīng)用知識(shí)，是一個(gè)主動(dòng)探究、解決問題的過程。在線學(xué)習(xí)界面如圖6所示。

4）在線作業(yè)。作業(yè)管理使用Jsp小腳本的IFELSE語(yǔ)句，實(shí)現(xiàn)教師用戶、學(xué)生用戶登錄后，由于類型不同而顯示不同的界面。學(xué)生通過網(wǎng)絡(luò)課程中的作業(yè)管理模塊上傳提交作品，查看教師評(píng)語(yǔ)與作品成績(jī)；教師通過作業(yè)管理模塊批閱學(xué)生作品，并適當(dāng)點(diǎn)評(píng)。作業(yè)管理模塊學(xué)生登錄、教師登錄功能區(qū)界面如圖7、圖8所示。

5）學(xué)生優(yōu)秀作品展示。在這個(gè)板塊中設(shè)置一個(gè)動(dòng)態(tài)功能，成績(jī)高于90分的學(xué)生作品將自動(dòng)在網(wǎng)絡(luò)課程中的優(yōu)秀作品區(qū)展示。學(xué)生優(yōu)秀作品展示如圖9所示。

圖6 在線學(xué)習(xí)界面

圖7 學(xué)生登錄界面

圖8 教師登錄界面

圖9 學(xué)生優(yōu)秀作品展示界面

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

交互是網(wǎng)絡(luò)課程有效利用的生命力，在進(jìn)行網(wǎng)絡(luò)課程設(shè)計(jì)時(shí)必須充分利用網(wǎng)絡(luò)的信息交互功能提高網(wǎng)絡(luò)課程的交互效率。相信隨著網(wǎng)絡(luò)在教育中的廣泛應(yīng)用以及數(shù)據(jù)庫(kù)技術(shù)、編程技術(shù)等的快速發(fā)展，隨著教學(xué)專家等科研人員的更多參與，各種支持服務(wù)的逐漸完善，網(wǎng)絡(luò)認(rèn)知工具的改進(jìn)，以及教學(xué)設(shè)計(jì)理論的更加成熟，網(wǎng)絡(luò)課程交互設(shè)計(jì)的研究必將更加深入、系統(tǒng)，最終實(shí)現(xiàn)交互的智能化、個(gè)性化，給學(xué)習(xí)者提供更佳的學(xué)習(xí)體驗(yàn)。

[1]陳麗.遠(yuǎn)程學(xué)習(xí)的教學(xué)交互模型和教學(xué)交互層次塔[J].中國(guó)遠(yuǎn)程教育,2004(5):24-28.

[2]高勝寒,李泓蓉.交互界面設(shè)計(jì)中的符號(hào)運(yùn)用[J].現(xiàn)代交際,2012(2):99.

[3]諾曼.情感化設(shè)計(jì)[M].付秋芳,程進(jìn)蘭,譯.北京:電子工業(yè)出版,2005.

[4]鄧子云.Jsp網(wǎng)絡(luò)編程從基礎(chǔ)到實(shí)踐[M].北京:電子工業(yè)出版社,2009.