王益廣 陳蕾 蘇艷

云南大學網絡與信息中心 昆明 650091

作者：王益廣，云南大學副教授，研究生導師，研究方向為數字圖書館；陳蕾、蘇艷，云南大學網絡與信息中心2012屆研究生。

1 序言

1.1 課題研究背景及意義

教育技術學是一門交叉學科，包括的教育基礎理論主要有教育學、心理學、傳播學、系統(tǒng)科學、信息科學等；技術基礎理論不僅源于科學，還源于哲學和藝術等[1]。教育技術既包括物化形態(tài)的技術，如電子技術、信息技術、仿真技術等，又包括智能形態(tài)的技術和方法，如傳媒技術、教學設計技術、績效技術等。其中，信息技術是教育技術學的核心技術。而目前教育技術學專業(yè)的學生存在對學科認識不足，方向迷失的問題。從教育技術專業(yè)本科生生源來分析，剛入大學時，大都是對教育技術一無所知的學生，而教育技術本身是一門發(fā)展欠成熟的學科，大部分基礎理論都是引進教育學、信息學、計算機科學等方面的知識。這樣學生在經過一段時間的學習后仍然不能對本學科形成深刻的認識，尚不能認識到學科的定位，而且目前教育技術的研究領域尚未細化，博而不精，因而也就不能確定自己的研究方向。即使對其有認識也很片面，不知道教育技術到底該研究什么，很難找到教育技術專業(yè)與現(xiàn)實教育實踐的立足點[2]。

美國當代著名的心理學家、教育家布魯姆認為，如果學習者未能取得最優(yōu)異的成績，問題不在于智力方面，而在于未能得到他所需的適合自身特點的教學幫助和教學時間。因此，為了開展有成效的教學，就必須既要明確“目的地”（即教學目標），又要明確“出發(fā)地”（即學生的準備狀態(tài)）。所以，筆者認為開發(fā)一個教育技術學專業(yè)學生學習導航以使學生確定自己的專業(yè)學習“目的地”是十分必要的。

1.2 解決策略

該導航所針對的對象是教育技術學專業(yè)的本科學生，因為許多教育技術學的新生并不了解教育技術學是什么專業(yè)，不像對經濟學、醫(yī)學那些專業(yè)為人所了解。考慮到這個問題，筆者認為有必要設計一個與該專業(yè)相關的導航，希望這個導航能夠在該專業(yè)的學生學習過后對自己的專業(yè)有所認識，并且能確定自己的專業(yè)方向。

通過專業(yè)針對性強的學習網站，給予教育技術學專業(yè)的學生在專業(yè)學習方面明確的指導幫助。換言之就是使學生對教學目標有清晰的認識，對教育技術學學科有明確認識，以便確定自己的發(fā)展方向而有效確定自己的學習任務，使學生對學習活動有的放矢。

2 導航網站的構思

在開發(fā)教育技術學專業(yè)學生學習導航網站之前，首先要考慮相關的理論知識，通過閱讀大量的參考文獻使網站有堅實的理論基礎，在此基礎之上確定導航大綱，確定網站內容，總體設計與原型實現(xiàn)，編寫網站腳本，準備素材，設計網絡支撐環(huán)境。

2.1 理論基礎

與該導航網站相關的理論基礎有教育技術學的本質、網絡課程的開發(fā)、網絡學習者的特征等。

1）教育技術學的本質。教育技術是對學習過程和學習資源的設計、開發(fā)、運用、管理和評價的理論和實踐[3]。教育技術學是一個專門用于研究教育技術現(xiàn)象及其規(guī)律的科學，它是教育學和技術學相互交叉與相互作用而形成的學科。

2）網絡課程的開發(fā)。教育技術學專業(yè)學生學習導航網站是與學生學習本專業(yè)密切相關的網站，所以離不開網絡課程的理論支持。該導航網站以給予學生對專業(yè)方向有清晰認識為主要目的，所以它需要提供許多的相關資源，屬于教育資源建設的范疇。何克抗教授在《教育技術學》一書中寫到[4]：“網絡教育資源建設技術規(guī)范的主要內容有四個部分：題庫；多媒體素材；網絡課件庫；案例庫。”教育技術學專業(yè)學生學習導航網站以多媒體素材和案例庫為主，使學習者通過瀏覽素材和案例，更加直觀地對專業(yè)學習內容有所認識。

3）網絡學習者的特征。因為本導航網站所針對的對象是教育技術學專業(yè)的本科學生，所以在設計時要考慮到學生的學習心理。網絡環(huán)境中學習者的主意特征有[5]：首先，網絡環(huán)境中的學習者更易個性張揚；其次，學習者在網絡中更易結成團體，有利于團隊精神的培養(yǎng)，但從眾和服從權威心理卻在削弱；第三，學習者在網絡環(huán)境中角色扮演意識強烈；第四，學習者在網絡環(huán)境中的認知策略發(fā)生變化；最后，學習者的學習風格在網絡環(huán)境中得到充分發(fā)展和完善。

筆者認為在設計導航網站時，可通過不同的方式增進師生間的交流，所以內容中應該包含該專業(yè)教師的介紹以及聯(lián)系方式。

2.2 導航設計

導航內容設置上充分考慮學生的學習特征，包括學習需求、學習態(tài)度等。本科生剛學習時也許會有很濃厚的興趣，但學習興趣很難保持較長的時間，而通過網絡學習這樣的問題更是嚴重。所以為了使學生產生濃厚的專業(yè)興趣，網站的布局和內容要盡量做到吸引學習者，并且不斷更新，以便讓學習者保持一定的求知欲。

1）網站框架。依據學習者需求分析，教育技術學專業(yè)學生學習導航中的主要模塊結構圖如圖1所示。

2）模塊內容及作用說明。

①學科介紹。首先介紹教育技術學的發(fā)展，以及對教育技術學的展望；其次介紹教育技術學學生主修課程以及各門課程簡介和應用領域，包括教育技術學、計算機應用基礎、高級語言程序設計、網絡教育應用、教學系統(tǒng)設計、信息技術與教育、教學媒體的理論與實踐、多媒體軟件設計與制作、教育學、心理學、攝影技術、遠程教育學、教育電視節(jié)目編導與制作、電視原理等；最后介紹該專業(yè)的職業(yè)發(fā)展。

圖1 教育技術學專業(yè)學生學習導航網站模塊結構圖

②精選作品：展示教育技術學專業(yè)學生的優(yōu)秀作品，課內外以及參加各種比賽的作品。該模塊是網站的核心部分，通過展示作品直觀地表現(xiàn)本專業(yè)的學習內容。作品主要有六大類。

a.課件作品：課件制作是本專業(yè)的學生所必須掌握的技能，無論是使用Microsoft PowerPoint、Authorware制作還是Flash，制作課件時首先要把講課時的思維設計清楚，在此之前就必須掌握一些理論知識，比如教育學、心理學、教學系統(tǒng)設計等課程的內容。課件腳本的設計很重要，無論使用什么軟件，課件最重要的作用就是優(yōu)化教學效果，只要能達到這樣的目的，所做的課件就是有價值的。

b.網站制作：網站制作的技能也是教育技術學專業(yè)的學生不可缺少的，在本網站中展示的作品有靜態(tài)網站、動態(tài)網站，有教學網站、個人網站。

c.攝影作品：教育技術學的學生也應具備一定的攝影水平，并能對照片進行處理。網站中該模塊通過照片原圖和調整的圖片進行對比，目的是讓學生在瀏覽過作品后有在攝影方面的學習動機。

d.電視制作：該模塊展示教育技術學專業(yè)的學生在精心編寫劇本后拍攝編輯的電視作品，旨在告訴學生該專業(yè)也可從事電視臺編輯、記者等工作。

e.講課視頻：作為未來的教師，站上講臺講課時必然的事，網站上所陳列的學生講課視頻作為范例，使學生在觀看后有當教師的心理準備，并在自己的專業(yè)學習過程中有意識地培養(yǎng)自己這方面的能力。

f.圖片處理：該模塊是使用一般的素材圖片合成特殊的圖片效果，這一技能可以開發(fā)學生的創(chuàng)新思維和動手能力。

以上6個部分是教育技術學專業(yè)學生所應掌握的基本領域，而6個方面只是供學生作參考，學生不必每個方面都精通，可以在今后的學習中培養(yǎng)某方面的興趣，發(fā)現(xiàn)自己的專業(yè)方向，以求在以后的學習之路、求職之路上不會太迷茫，后悔自己起初沒有做好職業(yè)定位。

③仿真實驗。在多媒體技術日漸發(fā)達的時代，無論從事什么專業(yè)，都應該具備操作多媒體設備的基本技能，而教育技術學學生更應該具備連接多媒體設備，熟悉不同設備間的連接以及信息通過不同設備的輸入和輸出。“多媒體綜合教室系統(tǒng)虛擬實驗”適用于個別化學習，建議學生在“多媒體綜合教室實驗操作課”前使用，作為預習之用，結合實際操作，更有利于操作技能與操作原理的掌握。此外，該仿真實驗還適用于所有想學習使用多媒體教室集成控制系統(tǒng)的師范生以及在職教師。

④師資隊伍：提供教育技術學相關專業(yè)的教師的聯(lián)系方式及教師的研究方向，以便于學生與教師溝通交流。

⑤資源下載：在學生瀏覽過本網站的作品后，可能會有制作作品的沖動，在需要一些素材時可以在該模塊中下載軟件的安裝文件、制作作品的圖片聲音等、不同主題的課件和教程。

⑥相關網站：提供推薦教育技術學學生專業(yè)學習的網站鏈接，以擴展學生的學習范圍，獲取更多與本專業(yè)相關的資源和信息。

3）角色設置。①用戶角色：用戶無需注冊就可以學習該網站的內容，并在線瀏覽作品，在仿真實驗中在線操作，下載學習資料的打包文件等。②管理員角色：管理員登錄網站時，可添加或刪除模塊，并且對各模塊進行編輯和管理。

3 系統(tǒng)實現(xiàn)

3.1 系統(tǒng)目標

1）界面設計美觀友好，操作簡單；2）全面、分類展示與教育技術相關作品；3）提供作品的下載；4）系統(tǒng)實現(xiàn)易維護性和擴展性；5）系統(tǒng)運行穩(wěn)定，安全可靠。

3.2 運行環(huán)境

1）網站開發(fā)環(huán)境。網站開發(fā)環(huán)境：Microsoft Visual Studio 2008集成開發(fā)環(huán)境。網站開發(fā)語言：ASP.NET+C#。網站后臺數據庫：SQL Server 2005。開發(fā)環(huán)境運行平臺：Windows XP/Windows 2008。2）服務器。操作系統(tǒng)：Windows XP。數據庫服務器：SQL Server 2005。Web服務器：Internet信息服務器（IIS）管理器。瀏覽器：Internet Explorer 6.0以上。3）客戶端要求。瀏覽器：Internet Explorer 6.0以上。分辨率：1024*768。

3.3 開發(fā)技術

ASP.NET是.NET框架中專門用來開發(fā)網上應用程序的，具有下面一些特點[6]。

1）效率增強。與ASP相比，ASP.NET采用編譯后運行的方式，當用戶第一次訪問頁面時對頁面進行編譯，以后再訪問時就直接運行。

2）頂級開發(fā)工具支持。ASP.NET可以在Visual Studio.NET中開發(fā)，支持所見即所得、拖放控件和自動部署等功能，可以使開發(fā)效率大大提高。

3）程序結構清晰。在ASP中，ASP代碼和HTML標記是摻雜在一起的，其實是將ASP代碼嵌入到HTML文檔中。而ASP.NET可以將程序代碼和HTML標記分開，使程序結構更清晰。

4）開發(fā)簡單。ASP.NET中的很多特性使得開發(fā)更簡單，如驗證控件的使用，以及提交表單后可以自動保留客戶在表單內輸入的內容。

5）移植方便。在ASP.NET中，可以向目標服務器直接復制組件，當需要更新時，重新復制一個即可。ASP.NET會自動逐步用新的組件替換舊的組件。

3.4 功能介紹

系統(tǒng)實現(xiàn)的功能包括用戶模塊（包括查看學科簡介、瀏覽精選作品、進入仿真實驗、查看師資隊伍、下載資源等）、管理員模塊（包括修改學科簡介、添加精選作品、上傳資源、添加文章等）、最新消息和相關網站模塊（包括提示新上傳的作品資源，添加相關網站鏈接）。

教育技術學專業(yè)學生學習導航網站首頁如圖2所示。下面介紹用戶登錄后可進行的具體操作。

1）左欄是“最新消息”和“相關鏈接”?！白钚孪ⅰ背尸F(xiàn)最近7條上傳的作品列表，單擊作品的名稱即可進入瀏覽該作品的詳細信息?！跋嚓P鏈接”是與教育技術學相關的網站鏈接地址。

圖2 教育技術學專業(yè)學生學習導航網站首頁

2）右欄是作品展呈現(xiàn)的是“課件作品”“網站制作”“攝影作品”“電視制作”“講課視頻”“圖片處理”等6類最新一部作品的列表，單擊“More”鏈接到所有這類作品的界面，單擊作品的標題進入作品的詳細介紹和下載。

3）單擊導航上的“資源下載”到下載列表，列表中有該下載文件的瀏覽量和編輯修改的時間。單擊文件名標題可看見文件的縮略圖，單擊下載地址就可以下載資源文件。

4）單擊“仿真實驗”進入Flash實驗界面，經過緩沖后通過操作Flash動畫了解實驗并虛擬操作實驗。

5）“學科介紹”主要包含教育技術學本科專業(yè)的介紹、主要課程和職業(yè)發(fā)展。

6）“師資隊伍”是本學院教育技術學專業(yè)教師的基本信息，包括教師的研究方向、學習背景、QQ號碼、電子郵箱地址等。

7）“公告”是管理員發(fā)布的一些與該網站相關的內容，比如有新的資源文件供學習者下載，學習者通過本網站學習后有任何需求和問題可與管理員聯(lián)系等。

管理員登錄后可進行下面一些具體操作。

1）資源下載管理：逐個編輯和刪除下載文件。添加資源下載：輸入下載文件標題，在編輯器中簡要說明文件并使用“可下載的文件”工具上傳文件，可上傳txt、doc、pdf、zip、rar、avi、mp3 文件。

2）精選作品類型管理：編輯和刪除精選作品類型，添加作品類型，包括類型標題、顯示順序、類型簡介。精選作品管理：編輯精選作品和刪除精選作品，編輯精選作品包括修改作品標題、作品類型、圖片地址、作品內容。添加作品，包括添加作品標題、作品內容及選擇作品類型、圖片地址。

3）文章管理：刪除文章，選擇標題可進入所選文章的編輯界面，包括標題，顯示順序和內容的修改；添加文章，添加新文章的標題，顯示順序和內容。

4）相關鏈接管理：編輯和刪除鏈接，添加新地址包括標題、網址、顯示順序。?

3.5 數據表設計

數據表設計包括資源下載表、精選作品表、最新信息表、作品類型表、相關鏈接表等5個表的設計，如表1～表5所示。

表1 資源下載表

表2 精選作品表

表3 最新信息表

表4 作品類型表

表5 相關鏈接表

3.6 重要代碼說明

1）添加文章的代碼：

添加文章界面如圖3所示。

2）編輯器代碼。CuteEditor for ASP.NET中文版是建立在Html基礎之上，最簡單易用、功能最強大的所見即所得Asp.net在線編輯器。CuteEditor可以幫助Asp.net開發(fā)者輕松地對原來文本框中的內容（包括文字、圖片等Html內容）進行編輯，更重要的是這些內容編輯的實現(xiàn)是所見即所得方式。CuteEditor還集成了文件（包括圖片、文檔等）上傳、媒體（包括視頻、聲音等，支持YouTube）文件直接插入等非常實用的功能模塊。該系統(tǒng)中CuteEditor在添加作品模塊、上傳資源模塊、添加文章模塊中起著重要的作用。添加作品界面如圖4所示。

后臺編輯所用控件的代碼：

ContextMenuMode="Simple"EditorWysiwygModeCss="~/example.css"

FilesPath="~/CuteSoft_Client/CuteEditor/"SecurityPolicyFile="Admin.config"

Text="" Width="100%">

圖3 添加文章界面

圖4 添加作品界面

4 總結

教育技術的目的就是取得最好的教育效果，實施教育最優(yōu)化，利用新的科技成果去開發(fā)新的學習資源，并采用新的教與學的理論、方法去控制教學過程。教育技術面對的是更廣大的學生、教師。開發(fā)和使用各種學習資源，用系統(tǒng)的方法設計和組織教學過程等，以學生為本。教育技術不僅要運用到其他學科，更應該運用本學科的方法策略，促進教育技術學專業(yè)的學生促進自身學科的學習和發(fā)展。

本課題從教育技術學專業(yè)本科生的需求出發(fā)，確定明確的教學目標，設計教育技術學專業(yè)學生學習導航網站，經指導教師耐心認真的指導所完成的動態(tài)網站基本實現(xiàn)最初的所需的功能。為了達到教學目的時，一切的教學準備都起著至關重要的作用，筆者精心收集與專業(yè)相關的作品及資源，只為了使該專業(yè)的學生能夠縮小在專業(yè)上的認識差距。

[1]王其冰.教育技術專業(yè)本科生人才培養(yǎng)的困惑與出路[J].軟件導刊:教育技術,2008,7(4):57-59.

[2]徐紅彩.教育技術學專業(yè)本科生就業(yè)：現(xiàn)狀、問題與建議:對2005屆畢業(yè)生就業(yè)問題的調查研究[J].電化教育研究,2006(11).

[3]何克抗,李文光.教育技術[M].北京:北京師范大學出版社,2002:4-6.

[4]謝幼如,穆肅,柯清超.網絡課程的系統(tǒng)研究[J].電化教育研究,2002(7).

[5]何克抗.教學系統(tǒng)設計[M].北京:高等教育出版社,2006:31-34.

[6]尚俊杰.ASP.NET程序設計[M].北京:清華大學出版社,2006:6-7.

[7]伍順比,江玲.關于教育技術學專業(yè)課程體系的思考[J].現(xiàn)代教育技術,2007(8):16-19.

[8]謝幼如,李克東.教育技術學研究方法基礎[M].北京:高等教育出版社,2006:22-23.

[9]胡海燕.基于就業(yè)能力調查的教育技術專業(yè)課程設置探究[D].南昌:江西師范大學,2008.

[10]譚學軍.教育技術項目實踐[M].武漢:湖北科學技術出版社,2005:50-51.

[11]皮連生.教育心理學[M].上海:上海教育出版社,2004:32-34.

[12]Seels B B, Richey R C. Instructional Technology: The Definition and Domains of the Field[M].Washington DC: Association for Educational Communications and Technology,1994.