教學網頁的系統性發展





劉明洲、陳龍川

國立花蓮師範學院
  花蓮市華西123號
  TEL:(03)8234106 EXT. 1500
  EMAIL: liu@sparc2.nhltc.edu.tw

 

摘要

   本文先以整體性的角度,從內容 (Content)、使用介面(User-interface)及 教育學(Pedagogy)的CUP觀點去檢視教學網頁 (Web-course)的發展需求。再以系 統性、階段性的角度去看待教學網頁的發展歷程,並且發展了管理工具圖表,以促成 網頁課程的有效發展。 關鍵字: 教學網頁,學習理論



 

前言

遠距教學的發展,包含同步的視訊會議與非同步的網頁教學。此二者又可以同時 使用,相輔相成,以使遠距教學效果大獲提昇。同步式遠距教學建置與效益評估,有 其實施上的過程與評估要領(劉明洲,民87),在此僅就非同步之全球資訊網(World Wide Web)的部份,就其發展上的不同階段,以及各階段應有的重要考量,提出討論。



教學網頁的意義

從全球資訊網來看此環境的學習成效,除了整體面的網頁的學習可以達成不受時 空限制,達到隨處可學(Learning with wall)與即時可學(Just in time learning) 的優點(Harasim, Hiltz, Teles, & Turoff, 1995)之外,透過網路的聯繫,學習的範 疇可以方便的延伸到外界不同的人與不同的資訊網,此即網路通訊(communication) 的另一用途。以3W(What, How, Why)的角度去解構網頁上的學習成效,包括如圖一的內 涵,除了Know-what的概念知識外(Conceptual knowledge)與Know-how的操作知識 (Procedural knowledge)之外,還有因為網路溝通所造成合作學習(Collaborative learning)的Know-why知識環境。







總而言之,教學網頁是否能達成教學效果,很顯然的受此三大因素所影響, 1)教 學內容(content)的部份,因此,教學網頁的內容必須經過適當取材與設計,是網頁 能進行有效教學的第一步驟。2)人機介面(user-interface)的部份:內容指的是教 學材料,但如何將這些材料呈現,又是另外一項必須關心的問題。舉例而言,Nielson (1998)以及許多研究均顯示許多的網路使用者的閱讀行為是對整頁做大略掃瞄(Scan) ,因此,如何將畫面資訊做有效的組織,以吸引學習者的注意(Attention) ,進而感知 (Perception)與學習,以符合學習者的認知歷程(Cognitive process),必是人機介面 設計的重要考量。很顯然的,此部份必然牽涉到教學活動的設計與安排,以及環境上的 影響,大者如媒體的使用與配置;小者如畫面文字的擺設、顏色的對比等,都不可輕忽 。3)教育學(pedagogy)的基礎:在前二者what 及how安排背後,令人不得不關注的是 為何如此安排?Creed & Plank(1998)認為"好的網頁始自好的教育學"(good web site design begins with good pedagogy)Duchastel & Turcotte(1966)也認為在資訊豐 富的教學環境中的教學設計必然大大不同於傳統的教學環境。有效的教學網頁自不能忽 略以相關教育學理的理論為基礎,其中又以認知心理學(cognitive psychology)最為 重要。將以上三者以互動方式結合,可以得到如圖二的3W架構,讓我們在發展教學網頁 時多加斟酌思考。







教學網頁的發展

以軟體工程(Software engineering)的角度來看教學網頁的發展,有其歷程性與 階段性,一如傳統的電腦輔助教學(CAI)軟體設計一般,從選擇主題、教材教法設計、 腳本撰寫、程式設計到測試完成,有不同的歷程與階段。但是網頁教材與傳統CAI教材最 大的不同,在於後者的內容可以是累增式(incremental)的建構,隨時有新的內容都可以 加入,反之,後者的內容則較具封閉性,通常必須待軟體改版才能做內容上的增刪。網頁 教材發展的階段劃分,有許多學者提出(Hackbarth, 1996; Nichols, 1997),惟大體而言 仍不脫如圖三的架構。







網頁建構從初步構想到可行性研究,若確認在技術、內容取得、及效益方面均可預期 ,則在成本允許之下即可進行第二階段的詳細規畫,表一可供作為此階段的規劃輔助工具。







表中的問題克服程度,如果有落在臨界線之右邊者,則代表計畫的進行會有實際困難。 雖然未必因此就代表計畫不能執行,但卻有必要作進一步的分析考量,例如以人力的規劃 為例,可將各工作項目(task)與人力資源作二維表格的分析,以進一步瞭解工作中的人 力需求,確定人力來源。這種表格也可以延伸到如各階段的人力需求(階段 X人力)等各 種分析。







為達成有效教學,網頁課程在設計階段,必須時時以上述C、U、P三元素加以考量。就 一般網頁設計而言,教育功能的考量比較不易達成,因此需借重教學專家的教育理念。 Reeves & Reeves(1997)所設計的評估表(表三)可作為參考。







就課程的設計與安排而言,可以應用的課程資料敘述工具有樹狀的多層次分段(Multi- level segmentation)、實體關係圖(E-Q Diagram)、工作流(Work flow)或資料流(Data flow)表示法及多媒體腳本單(storyboard)等方式(Pernici & Casati,1997),其中如表四 所示的腳本單修改自傳統CAI設計單(洪榮昭、劉明洲,民86),使用上相當方便。







以教學法為例,在網頁中可採用的教學法包括了: 1. 敘述式:如CAI中的教導式(Tutorial),將資訊提供於網頁上供學習者擷取。 2. 生產式:網頁的內容能促使學生學習,進而在內容上推陳出新。 3. 合作式:供學習者進行合作學習,包括內在式合作,即指學生間的互動,以及外在式的合 作,指學習者與外界的互助。 4. 學徒式:學習者受外界專家的指導進行學習。 5. 模擬式:指角色扮演的方式。 6. 測驗式:以測驗為學習的方法。 7. 練習式:反覆練習一技巧或概念。



以目前的網頁而言,以敘述式為大宗,然整體而言,教學網頁是不能侷限於某一教學法, 而應該依不同的教學主題採用適合的教學法。



儘管教學法可以有許多,然而欲達成教學的目的確是只有唯一,即達成最好的教學效果。 因此,設計上的派典轉移(paradigm shifting),教學設計的新趨勢是必須以學習者為中心 (learner-centered),著眼於建構主義(constructivism)的學習環境開發。於是以問題為 導向的教學(Problem-based learning)是相當符合此一趨勢的設計理念,簡而言之,即是 以嵌入的問題去引導學習者思考、解題,並從中獲得學習。(Siegel & Kirkley, 1997)整 理了許多專家的看法,認為網頁課程的設計,從內容導向到問題導向,其方向與策略包括了: 1. 以學習者解題為中心:應著重真實世界(real-world)的問題解決,使學習者學到有用 可用的知識。 2. 妥善設計之學習環境:解歷程未必要求快而正確,反而是該重視每一個錯誤的發生原因, 以及所造成的學習影響。 3. 教與學的界線逐漸融合:不再是涇渭分明,而是在學習者透過網頁主導自己的學習後,界 線趨於模糊。 4. 學習功能的整合:教學網頁中將瀏覽、通訊、合作學習、知識生產等功能整合在一環境中 ,使教學網頁成為新一代的整合式學習系統。 5. 學習管理的功能:在學習者自我引導學習的架構下,教學網頁的學習管理,包括學習成就 的認定,後續學習單元的安排等都應一併包含。 6. 設備的普及化:教學網頁務必使一般化的設備即可連線,不需特殊裝置而使學習管道窄化 與特殊化。 7. 資訊結構的開放性、更新性與擴充性:使教學資訊得以更開放、更易維護。



除了上述各點之外,適性化(adaptive)的教學網頁也是未來的發展方向,適性化學習 是教學上相當吸引人的一個理想境界,其主要精神是針對學習者的回答進行診斷,依學習者 的程度與學習狀況安排後續教學內涵,以促成有效的學習(effective learning)。目前網 路上有許多課程網頁,惟多僅為單向的教學內涵呈現,若能加入適性化的學習設計,不僅使 學習者與課程之間有雙向的互動,而且是有意義的(meaningful)的互動,使不同的學習者 均能在課程中迅速找到適合自己的學習脈絡(context),達到學習上的定軌(tracking)。



教學網頁在實際建置階段,主要著眼於內容設計與整合,並以人機介面的親和度為目標 ,使教學內容能順利傳遞,使教學活動能順利進行。此時在製作問題的遭遇與解決上,可以 採用如表五的問題處理單。第一大格之「處理需求」由問題發現者或遭遇者填寫,並判定問 題的重要等級。第二大格之處理過程則由專案負責人判定之問題解決單位填寫,並判定問題 狀況,第三大格則由專案負責人對問題處理加以評估與管理。







至於在各項工作的掌握上,則可以參考如表六的設計,由表中去瞭解工作內容與進度狀 況,並從中瞭解進度上是否依舊順利,是否有嚴重的延誤。







網頁課程的發展,到了使用與維護的階段,就是將建構好的內容出版(publish)於網路 上,並且就位址加以組織管理,使連結沒有問題,還要時時將內容作更新,使網頁具有生命, 內容與時俱進。除此之外,並可進行評鑑動作,以瞭解網頁是否達成預先規劃的目標,是否具 有所揭櫫的CUP三個向度的內涵。評鑑方法可以有形成性(Formative)評量,著重於發展過程是 否採用系統性的方法以促成有效率的開發,而在總結性(Summative)評量方面,則可以有內容 、教育性、人機介面、評量設計與課程設計管理方面,內容指的是豐富性、組織性與教材難易 度。教育性則指是否具有教學目標,是否採用有效的教學法等。人機介面指的是畫面設計妥善 、組織有順序、並提供各項工具、各項教材內容之擷取,使學生得以順利進行學習。而所謂評 量設計,則指是否有互動、有測驗、測驗本身是否具有信度與效度等。另外,課程管理方面則 是著眼系統的有效運作,使教學得以順利進行,並保持資料之一致性,最好系統還能以檢查的 動作去主動核知一致性的情形。上述各項指標內容可以發展成如表七的評量表,以A(高) 、 B(中) 、C(低)三等級加以區分,並計算A、B、C的次數,以提供系統發展者時時掌握網頁的建 構內涵。







除了上述表格之外,有效的教學網頁,最好在還是完成之後,採實驗法的精神進行實地的 教學實驗,以檢核教學效果。



結語

網頁課程的發展非一朝一夕可成,必須做好各項規畫設計,妥善思考教學內容與方法,以 促成有效的學習。網頁的發展,更不能炫於多媒體的熱鬧,而忽略了內容的重要性。本文提出 了C、U、P的三個向度,做為工作網頁設計的思考主軸,並發展了一些工具圖表,做為網頁課程 系統性發展的應用,相信可以使網頁發展歷程更有操控性,使網頁的教學效果更有期待性。



參考資料

[1] 洪榮昭、劉明洲(民86) 。 電腦輔助教學之設計原理與應用(增訂一版)。 台北: 師大書苑。 [2] 劉明洲(民87) 。 遠距教學的建置與效益評估。 資訊與教育,65期,31-38。 [3] Cred, T,& Plank, K, (1998)Seven principles for good course Web Site design. The National Teaching and Learning Forum,7(3)8-10. [4] Duchatel, P. & Turcotte, S(1996). On-line learning and teaching in an information- rich context, Proceedings of the 1996 Internet Conference of the Internet, Montreal. [5] Hackbarth, S. (1996). The educational technology handbook: A comprehensive guide- Process and products of learning. Englewood Cliffs, NJ: Educational Technology Pubs. [6] Harasim, L., Hiltz, S.R., Teles, L., & Turoff, M. (1995). Learning network: A field guide to teach and learning online. Cambridge, MA: MIT. [7] Nichols, G. W. (1997). Formative evaluation of Web-based instruction. In B. H. Khan (ed.). Web-based instruction. 369-374. Englewood Cliffs, NJ: Educational Technology Pubs. [8] Nielsen, J.(1998) Designing Web site with authority: Secrets of an information architect. Indianapolis: New Riders Pubs. [9] Pernici, B. & Casati, F. (1997). The design of distance education applications based on the World Wide Web. In B. H. Khan (ed.). Web-based instruction. 245-254. Englewood Cliffs, NJ: Educational Technology Pubs. [10]Reeves, T.C. & Reeves, P. M. (1997). Effective dimensions of interactive learning on the World Wide Web. In B. H. Khan (ed.). Web-based instruction. 59-66. Englewood Cliffs, NJ: Educational Technology Pubs. [11]Siegel, M. A. & Kirkley, S. (1997). Moving toward the digital learning environment: The future of Web-based instruction. In B. H. Khan (ed.). Web-based instruction. 263-270. Englewood Cliffs, NJ: Educational Technology Pubs