基于ID-SE模型的遠(yuǎn)程教學(xué)網(wǎng)站設(shè)計(jì)

1、基于ID-SE模型的遠(yuǎn)程教學(xué)網(wǎng)站設(shè)計(jì)Design of Website about Distance Instruction Based on ID-SE Model詹青龍* 王 祥* 天津職業(yè)技術(shù)師范學(xué)院計(jì)算機(jī)系 E-mail: qlzhan文章提出了遠(yuǎn)程教學(xué)網(wǎng)站的設(shè)計(jì)除了考慮技術(shù)性因素外，更應(yīng)該遵循教學(xué)設(shè)計(jì)的思想，并據(jù)此構(gòu)建了一個(gè)ID-SE模型，詳細(xì)地論述了應(yīng)用該模型開(kāi)發(fā)遠(yuǎn)程教學(xué)網(wǎng)站的方法。關(guān)鍵詞：遠(yuǎn)程教學(xué) ID-SE模型 教學(xué)設(shè)計(jì) 網(wǎng)站 1 引言運(yùn)用Internet開(kāi)展現(xiàn)代遠(yuǎn)程教學(xué)，其核心工作就是遠(yuǎn)程教學(xué)網(wǎng)站的設(shè)計(jì)。作為一個(gè)成功的遠(yuǎn)程教學(xué)網(wǎng)站，應(yīng)該是教學(xué)性和技術(shù)性的完美結(jié)合。因此，在進(jìn)行

2、遠(yuǎn)程教學(xué)網(wǎng)站設(shè)計(jì)時(shí)，除了技術(shù)性因素外，還必須以教學(xué)設(shè)計(jì)的思想來(lái)指導(dǎo)遠(yuǎn)程教學(xué)網(wǎng)站的開(kāi)發(fā)，即以IDSE模型為基礎(chǔ)來(lái)設(shè)計(jì)遠(yuǎn)程教學(xué)網(wǎng)站。2 IDSE模型網(wǎng)站設(shè)計(jì)分 析設(shè) 計(jì)網(wǎng)上發(fā)布學(xué)習(xí)者分析主頁(yè)內(nèi)容分析頁(yè)面內(nèi)容分析主頁(yè)及頁(yè)面設(shè)計(jì)學(xué)習(xí)策略設(shè)計(jì)媒體信息設(shè)計(jì)導(dǎo)航設(shè)計(jì)交互設(shè)計(jì)選擇開(kāi)發(fā)工具媒體素材制備集 成技術(shù)測(cè)試專(zhuān)家測(cè)評(píng)學(xué)習(xí)者測(cè)評(píng) 制 作調(diào)試與評(píng)價(jià)學(xué)習(xí)目標(biāo)分析所謂IDSE模型就是將教學(xué)設(shè)計(jì)思想（Instructional Design）和軟件工程思想(Software Engineering)結(jié)合起來(lái)，指導(dǎo)遠(yuǎn)程教學(xué)網(wǎng)站的設(shè)計(jì)，其流程圖如圖1所示。圖1 IDSE模型網(wǎng)站設(shè)計(jì)流程圖2.1 分析階段2.1.1學(xué)習(xí)者

3、分析現(xiàn)代遠(yuǎn)程教育的一切教學(xué)活動(dòng)都是以學(xué)習(xí)者為中心展開(kāi)的，學(xué)習(xí)者的有效學(xué)習(xí)是教學(xué)活動(dòng)的出發(fā)點(diǎn)和歸宿。因此，學(xué)習(xí)者分析是我們?cè)O(shè)計(jì)與開(kāi)發(fā)遠(yuǎn)程教學(xué)網(wǎng)站的第一個(gè)要素，同時(shí)也是最重要的因素，它關(guān)系到遠(yuǎn)程教學(xué)網(wǎng)站的成敗。教學(xué)網(wǎng)站的設(shè)計(jì)與開(kāi)發(fā)只有滿足學(xué)習(xí)者的需要并能夠提供給他們期望檢索到的學(xué)習(xí)內(nèi)容時(shí)，才會(huì)有強(qiáng)大的生命力。從目前遠(yuǎn)程教學(xué)網(wǎng)站的教學(xué)對(duì)象來(lái)分，可細(xì)化為大學(xué)生、中學(xué)生、小學(xué)生以及學(xué)齡前兒童。對(duì)于學(xué)習(xí)者的分析，主要從學(xué)習(xí)者的生理特征、心理特征、思維方式、社會(huì)文化背景、學(xué)習(xí)風(fēng)格、具備的初始學(xué)習(xí)能力、對(duì)待事物的態(tài)度和看法等因素進(jìn)行綜合考慮。通過(guò)對(duì)學(xué)習(xí)者的分析，我們可根據(jù)不同的教學(xué)對(duì)象，確定相應(yīng)的教學(xué)目標(biāo)，選

4、擇相應(yīng)的教學(xué)內(nèi)容和學(xué)習(xí)策略，進(jìn)而設(shè)計(jì)、開(kāi)發(fā)不同的教學(xué)網(wǎng)站，做到有的放矢。2.1.2學(xué)習(xí)目標(biāo)分析學(xué)習(xí)目標(biāo)是學(xué)習(xí)者完成學(xué)習(xí)任務(wù)后所必須掌握的知識(shí)與技能的總和，它決定了網(wǎng)站上教學(xué)活動(dòng)內(nèi)容的編排和教學(xué)媒體信息的選擇。學(xué)習(xí)目標(biāo)的表述應(yīng)力求做到明確、具體，避免用含糊的、不切實(shí)際的語(yǔ)言來(lái)陳述學(xué)習(xí)者完成學(xué)習(xí)任務(wù)后應(yīng)該達(dá)到的行為目標(biāo)。關(guān)于學(xué)習(xí)目標(biāo)的分析，美國(guó)教育學(xué)家布魯姆把學(xué)習(xí)目標(biāo)分為認(rèn)知、情感、動(dòng)作技能三個(gè)領(lǐng)域，考慮到在遠(yuǎn)程教學(xué)網(wǎng)站中無(wú)法開(kāi)展具體的實(shí)驗(yàn)，動(dòng)作技能不太容易實(shí)現(xiàn)，我們應(yīng)側(cè)重于認(rèn)知和情感領(lǐng)域類(lèi)學(xué)習(xí)目標(biāo)分析，把學(xué)習(xí)目標(biāo)分解為知道、領(lǐng)會(huì)、應(yīng)用、分析、綜合、評(píng)價(jià)，明確告知學(xué)習(xí)者基本學(xué)習(xí)目標(biāo)和具體學(xué)習(xí)目標(biāo)，

5、指出哪些是關(guān)鍵知識(shí)，哪些是必須掌握的技能。2.1.3主頁(yè)內(nèi)容和頁(yè)面內(nèi)容分析主頁(yè)是學(xué)習(xí)者最先瀏覽到的頁(yè)面，是構(gòu)成遠(yuǎn)程教學(xué)網(wǎng)站的最基本的教學(xué)信息頁(yè)面，學(xué)習(xí)者通過(guò)主頁(yè)訪問(wèn)相關(guān)的教學(xué)信息資源。主頁(yè)內(nèi)容的組織主要是根據(jù)學(xué)科內(nèi)容劃分成若干個(gè)學(xué)習(xí)單元，將每個(gè)單元內(nèi)容置于主頁(yè)，便于學(xué)習(xí)者對(duì)課程結(jié)構(gòu)有一個(gè)詳細(xì)的了解。頁(yè)面內(nèi)容由一些項(xiàng)目或者是知識(shí)點(diǎn)構(gòu)成。各個(gè)單元之間以及知識(shí)點(diǎn)之間根據(jù)學(xué)科特性來(lái)確定。理工科的學(xué)習(xí)內(nèi)容通常根據(jù)概念的抽象程度進(jìn)行排列和組織，在進(jìn)行分析時(shí)，應(yīng)注意內(nèi)容從具體到抽象的順序，文科的學(xué)習(xí)內(nèi)容按照觀念發(fā)展的順序、時(shí)間順序、從整體到部分的順序進(jìn)行編排。2.2設(shè)計(jì)2.2.1主頁(yè)與頁(yè)面設(shè)計(jì)主頁(yè)的設(shè)計(jì)應(yīng)遵

6、循簡(jiǎn)潔、明了的原則，并將最基本、最重要的學(xué)習(xí)內(nèi)容安排在主頁(yè)上，便于學(xué)習(xí)者查找某一學(xué)科的相關(guān)學(xué)習(xí)主題，頁(yè)面內(nèi)容都是按主頁(yè)內(nèi)容來(lái)組織的。在進(jìn)行主頁(yè)及頁(yè)面設(shè)計(jì)時(shí)應(yīng)重點(diǎn)考慮以下幾個(gè)因素：（1）視覺(jué)平衡與色彩搭配。視覺(jué)平衡主要包括文本、圖形、圖像、視頻、動(dòng)畫(huà)、鏈接、前景、背景等之間的平衡。文本是主題及其他媒體元素的核心，文本的字體、字型、字號(hào)、字色、樣式和標(biāo)題、周?chē)瞻卓臻g的視覺(jué)對(duì)比要強(qiáng)烈，確保文本塊清晰、易讀；鏈接關(guān)系應(yīng)使學(xué)習(xí)者不感到迷惑為原則。圖形圖像、視頻、動(dòng)畫(huà)要相對(duì)較小，以便快速地裝入。在主頁(yè)及頁(yè)面的安排上，文本、圖形、圖像、視頻、動(dòng)畫(huà)、鏈接、前景、背景等媒體元素的位置在整個(gè)教學(xué)網(wǎng)站設(shè)計(jì)上要相對(duì)

7、保持一致。背景的設(shè)計(jì)應(yīng)以白色或者淡雅的色調(diào)最為適宜，避免使用深色調(diào)。（2）頁(yè)面長(zhǎng)度。頁(yè)面長(zhǎng)度與具體內(nèi)容有關(guān)，一般說(shuō)來(lái)，短頁(yè)面適宜于：主頁(yè)、菜單頁(yè)和導(dǎo)航頁(yè)；在線閱讀和瀏覽相關(guān)的學(xué)習(xí)材料；較大圖形圖像的頁(yè)面。長(zhǎng)頁(yè)面適宜于：?jiǎn)我恢黝}；易于學(xué)習(xí)者下載和打??；聯(lián)系緊密，不易分割。（3）頁(yè)面動(dòng)靜。靜態(tài)頁(yè)以?xún)?nèi)容表的形式呈現(xiàn)，便于學(xué)習(xí)者觀看；動(dòng)態(tài)頁(yè)面按照菜單項(xiàng)的選擇而動(dòng)態(tài)變化。（4）頁(yè)面應(yīng)具有的信息。教師個(gè)人信息包括教師學(xué)歷、經(jīng)歷、主講課程、研究領(lǐng)域及成果、聯(lián)系方式；課程信息包括教學(xué)計(jì)劃、學(xué)習(xí)目標(biāo)、學(xué)習(xí)內(nèi)容、作業(yè)、電子演示文稿、在線測(cè)試；學(xué)習(xí)資源包括電子圖書(shū)館、與本課程有關(guān)的外部站點(diǎn)、知名專(zhuān)家、最新書(shū)刊和研究

8、成果；人際交互信息包括實(shí)時(shí)或非實(shí)時(shí)交流、討論，班級(jí)同學(xué)聯(lián)系方式。（5）頁(yè)面格式。頁(yè)面格式有很多種，常用的有以下幾種方式，如圖2所示。（虛線表示隱藏式菜單）圖2 頁(yè)面格式圖2.2.2學(xué)習(xí)策略設(shè)計(jì)學(xué)習(xí)策略可分為產(chǎn)生式學(xué)習(xí)策略和替代式學(xué)習(xí)策略。產(chǎn)生式學(xué)習(xí)策略是指由學(xué)生自己產(chǎn)生學(xué)習(xí)目標(biāo)，自行對(duì)學(xué)習(xí)內(nèi)容進(jìn)行組織，安排學(xué)習(xí)順序，允許學(xué)生自主設(shè)計(jì)、實(shí)踐和改善學(xué)習(xí)方法，建構(gòu)具有個(gè)人特有風(fēng)格的學(xué)習(xí)。在學(xué)習(xí)過(guò)程中，學(xué)生處于主動(dòng)處理學(xué)習(xí)信息的地位，產(chǎn)生式學(xué)習(xí)策略易于培養(yǎng)學(xué)生的學(xué)習(xí)興趣，學(xué)習(xí)效果較好。替代式學(xué)習(xí)策略是指教師提出學(xué)習(xí)目標(biāo)、組織教學(xué)內(nèi)容、安排教學(xué)順序，指導(dǎo)學(xué)生學(xué)習(xí)。遠(yuǎn)程教學(xué)網(wǎng)站中的學(xué)習(xí)策略應(yīng)以產(chǎn)生式學(xué)習(xí)策

9、略為主，替代式學(xué)習(xí)策略為輔，也就是說(shuō)，由教師提出學(xué)習(xí)目標(biāo)，提供相關(guān)的學(xué)習(xí)材料，由學(xué)生自行選擇學(xué)習(xí)內(nèi)容和學(xué)習(xí)順序，培養(yǎng)學(xué)生獲取學(xué)習(xí)信息、加工、處理學(xué)習(xí)信息的能力。2.2.3媒體信息的設(shè)計(jì)媒體信息主要包括文本、圖形、圖像、動(dòng)畫(huà)、視頻、音頻（以解說(shuō)為主）等。在遠(yuǎn)程教學(xué)網(wǎng)站中，我們主要根據(jù)學(xué)習(xí)目標(biāo)、學(xué)習(xí)內(nèi)容、學(xué)習(xí)者特征、各種媒體的教學(xué)特性及其數(shù)據(jù)量大小來(lái)合理地設(shè)計(jì)、選擇適當(dāng)?shù)拿襟w信息，并把它們安排不同的教學(xué)頁(yè)面中。2.2.4導(dǎo)航設(shè)計(jì)遠(yuǎn)程教學(xué)網(wǎng)站采用超媒體方式組織信息，良好的導(dǎo)航設(shè)計(jì)顯得尤為重要。當(dāng)學(xué)習(xí)者進(jìn)入教學(xué)網(wǎng)站時(shí)，他們不僅瀏覽信息，而且與相關(guān)的教學(xué)信息產(chǎn)生交互作用，主頁(yè)及頁(yè)面的組織要通過(guò)導(dǎo)航設(shè)計(jì)顯

10、示結(jié)構(gòu)化的學(xué)習(xí)路徑，滿足學(xué)習(xí)者的需要。常用的導(dǎo)航設(shè)計(jì)有以下四種方式：（1）順序結(jié)構(gòu)。順序式是最簡(jiǎn)單的導(dǎo)航結(jié)構(gòu)?？梢园粗黝}順序、時(shí)間順序等。在順序式結(jié)構(gòu)中，學(xué)習(xí)序列已預(yù)先設(shè)置好，學(xué)習(xí)者只能被動(dòng)地、順序地進(jìn)行頁(yè)面瀏覽，接受信息。（2）網(wǎng)格結(jié)構(gòu)。網(wǎng)格式導(dǎo)航結(jié)構(gòu)并沒(méi)有特定的順序。學(xué)習(xí)課程列表和各種類(lèi)型的專(zhuān)題可以安排為網(wǎng)格式結(jié)構(gòu)，設(shè)計(jì)時(shí)必須確保學(xué)習(xí)者能夠確認(rèn)頁(yè)面之間的關(guān)系。（3）樹(shù)狀結(jié)構(gòu)。樹(shù)狀結(jié)構(gòu)是我們組織復(fù)雜的信息和欄目經(jīng)常變動(dòng)時(shí)所采用的導(dǎo)航結(jié)構(gòu)。學(xué)習(xí)者沿著樹(shù)狀分枝展開(kāi)學(xué)習(xí)活動(dòng)，該樹(shù)狀結(jié)構(gòu)由教學(xué)內(nèi)容的自然邏輯形成。（4）網(wǎng)狀結(jié)構(gòu)。網(wǎng)狀結(jié)構(gòu)允許學(xué)習(xí)者自由瀏覽，它是一種非結(jié)構(gòu)化的導(dǎo)航，學(xué)習(xí)者在學(xué)習(xí)單元內(nèi)容

11、之間自由航行，可方便地從一個(gè)頁(yè)面跳到另一個(gè)頁(yè)面，沒(méi)有預(yù)置路徑的約束。不過(guò)，這種結(jié)構(gòu)很容易產(chǎn)生迷航現(xiàn)象，往往不知道自己處于教學(xué)網(wǎng)站的什么位置上。因此，必須設(shè)置導(dǎo)航策略，引導(dǎo)學(xué)習(xí)者進(jìn)行有效的學(xué)習(xí)。常用的導(dǎo)航策略有：提供檢索機(jī)制；動(dòng)態(tài)記錄學(xué)習(xí)路徑并允許回溯；提供教學(xué)信息結(jié)構(gòu)圖；預(yù)演學(xué)習(xí)路徑；允許學(xué)習(xí)者直接返回到主頁(yè)。2.2.5 交互設(shè)計(jì)交互設(shè)計(jì)包括學(xué)習(xí)者與學(xué)習(xí)內(nèi)容的交互，學(xué)習(xí)者與教師、專(zhuān)家、學(xué)習(xí)者的交互和電子績(jī)效支持（EPSS）交互三個(gè)方面。（1）學(xué)習(xí)者與學(xué)習(xí)內(nèi)容的交互。以教師為中心的學(xué)習(xí)者與學(xué)習(xí)內(nèi)容的交互包括信息的呈現(xiàn)、舉例說(shuō)明、動(dòng)畫(huà)演示、電子演示文稿、語(yǔ)音解說(shuō)、電子筆記等； 以學(xué)習(xí)者為中心的學(xué)習(xí)

12、者與學(xué)習(xí)內(nèi)容的交互包括電子答疑、情境學(xué)習(xí)、案例研究、問(wèn)題解決、在線測(cè)試等。（2）學(xué)習(xí)者與教師、專(zhuān)家、學(xué)習(xí)者的交互。學(xué)習(xí)者通過(guò)電子郵件、電子布告牌、新聞?dòng)懻摻M、聊天室、電子語(yǔ)音、可視電話、視頻會(huì)議等方式與其他學(xué)習(xí)者、教師、專(zhuān)家進(jìn)行實(shí)時(shí)或非實(shí)時(shí)交互學(xué)習(xí)。（3）電子績(jī)效支持（EPSS）交互。電子績(jī)效支持（EPSS）是利用計(jì)算機(jī)化的工具幫助學(xué)習(xí)者解決學(xué)習(xí)過(guò)程中遇到的問(wèn)題，達(dá)到提高學(xué)習(xí)效果和學(xué)習(xí)效率的目的。它由專(zhuān)家系統(tǒng)、在線幫助系統(tǒng)、交互式訓(xùn)練系統(tǒng)、監(jiān)測(cè)系統(tǒng)、學(xué)習(xí)支持工具等構(gòu)成，以消除學(xué)生在線學(xué)習(xí)的恐懼感和孤獨(dú)感。2.3 制作網(wǎng)頁(yè)著作工具的選擇。目前許多公司推出了許多功能強(qiáng)大的網(wǎng)頁(yè)著作工具，并且不需要復(fù)

13、雜的編程技巧。例如，Adobe pagemil 3.0、dreamwaver4.0、 Hot metal pro 5.0、Front page 2000、Net objects Fusion 4.0、Visual page 2.0等。我們可根據(jù)實(shí)際需要選擇網(wǎng)頁(yè)著作工具進(jìn)行開(kāi)發(fā)。（1）媒體素材的制備。媒體素材的制備包括文本、圖形、圖像、動(dòng)畫(huà)、視頻、音頻等，需要借助于一定的專(zhuān)用設(shè)備或軟件進(jìn)行數(shù)字化處理、設(shè)計(jì)、制作等。至于制作方法已有許多書(shū)籍專(zhuān)門(mén)論述，本文不再介紹。但要注意以下幾個(gè)問(wèn)題：圖形、圖像要采用適宜于網(wǎng)上傳輸?shù)腏PG、GIF格式，不能用太多的修飾，也不宜過(guò)大，否則下載太慢，學(xué)習(xí)者等待時(shí)間較長(zhǎng)

14、，影響學(xué)習(xí)效果；幀數(shù)較多的動(dòng)畫(huà)、視頻，建議采用采用流媒體格式，即ASF文件，便于學(xué)習(xí)者在線點(diǎn)播，節(jié)約時(shí)間和磁盤(pán)存儲(chǔ)空間。（2）集成。利用選定的網(wǎng)頁(yè)著作工具將制作好的媒體素材按照制作腳本進(jìn)行合理的鏈接和組織，并處理好主頁(yè)和頁(yè)面之間、頁(yè)面與頁(yè)面之間的鏈接關(guān)系，形成遠(yuǎn)程教學(xué)網(wǎng)站。在集成過(guò)程中，可用HTML標(biāo)記語(yǔ)言實(shí)現(xiàn)文本之間的鏈接，用Java script腳本語(yǔ)言實(shí)現(xiàn)圖片、動(dòng)畫(huà)、視頻、音頻的鏈接。整個(gè)集成過(guò)程要注意一致性。2.4 調(diào)試與評(píng)價(jià)（1）技術(shù)調(diào)試。技術(shù)調(diào)試包括階段性調(diào)試和完整性測(cè)試。通過(guò)測(cè)試可檢測(cè)各節(jié)點(diǎn)或各頁(yè)面的鏈接關(guān)系、運(yùn)行環(huán)境的適應(yīng)性等方面的情況，找出軟件存在的錯(cuò)誤和缺陷，判斷問(wèn)題所在，

15、進(jìn)而修改完善。（2）評(píng)價(jià)包括專(zhuān)家測(cè)評(píng)和學(xué)習(xí)者測(cè)評(píng)。邀請(qǐng)學(xué)科教師、教學(xué)設(shè)計(jì)人員、技術(shù)人員組成專(zhuān)家組，依據(jù)教學(xué)性、技術(shù)性、科學(xué)性、藝術(shù)性、一致性、容錯(cuò)性、使用便捷性等評(píng)價(jià)指標(biāo)對(duì)遠(yuǎn)程教學(xué)網(wǎng)站進(jìn)行評(píng)價(jià)，給出評(píng)審結(jié)果，提出修改意見(jiàn)；制作完成的教學(xué)網(wǎng)站將發(fā)布在網(wǎng)上，供學(xué)習(xí)者試用，并將使用情況通過(guò)Email回傳給教師，教師或技術(shù)人員根據(jù)反饋信息進(jìn)行修改、完善，直至最終滿足學(xué)習(xí)者的學(xué)習(xí)需求。3 結(jié)論遠(yuǎn)程教學(xué)網(wǎng)站的設(shè)計(jì)要立足教育，體現(xiàn)先進(jìn)的教學(xué)設(shè)計(jì)理念，以學(xué)習(xí)者為中心來(lái)加強(qiáng)教學(xué)策略設(shè)計(jì)和交互性學(xué)習(xí)策略設(shè)計(jì)，同時(shí)要體現(xiàn)一定的技術(shù)性和藝術(shù)性，為遠(yuǎn)程學(xué)習(xí)者營(yíng)造良好的學(xué)習(xí)環(huán)境。This article puts forward that devising a website about distance instructio