教育技术学专业学生学习导航网站设计与开发的思考

王益广 陈蕾 苏艳

云南大学网络与信息中心 昆明 650091

作者：王益广，云南大学副教授，研究生导师，研究方向为数字图书馆；陈蕾、苏艳，云南大学网络与信息中心2012届研究生。

1 序言

1.1 课题研究背景及意义

教育技术学是一门交叉学科，包括的教育基础理论主要有教育学、心理学、传播学、系统科学、信息科学等；技术基础理论不仅源于科学，还源于哲学和艺术等[1]。教育技术既包括物化形态的技术，如电子技术、信息技术、仿真技术等，又包括智能形态的技术和方法，如传媒技术、教学设计技术、绩效技术等。其中，信息技术是教育技术学的核心技术。而目前教育技术学专业的学生存在对学科认识不足，方向迷失的问题。从教育技术专业本科生生源来分析，刚入大学时，大都是对教育技术一无所知的学生，而教育技术本身是一门发展欠成熟的学科，大部分基础理论都是引进教育学、信息学、计算机科学等方面的知识。这样学生在经过一段时间的学习后仍然不能对本学科形成深刻的认识，尚不能认识到学科的定位，而且目前教育技术的研究领域尚未细化，博而不精，因而也就不能确定自己的研究方向。即使对其有认识也很片面，不知道教育技术到底该研究什么，很难找到教育技术专业与现实教育实践的立足点[2]。

美国当代著名的心理学家、教育家布鲁姆认为，如果学习者未能取得最优异的成绩，问题不在于智力方面，而在于未能得到他所需的适合自身特点的教学帮助和教学时间。因此，为了开展有成效的教学，就必须既要明确“目的地”（即教学目标），又要明确“出发地”（即学生的准备状态）。所以，笔者认为开发一个教育技术学专业学生学习导航以使学生确定自己的专业学习“目的地”是十分必要的。

1.2 解决策略

该导航所针对的对象是教育技术学专业的本科学生，因为许多教育技术学的新生并不了解教育技术学是什么专业，不像对经济学、医学那些专业为人所了解。考虑到这个问题，笔者认为有必要设计一个与该专业相关的导航，希望这个导航能够在该专业的学生学习过后对自己的专业有所认识，并且能确定自己的专业方向。

通过专业针对性强的学习网站，给予教育技术学专业的学生在专业学习方面明确的指导帮助。换言之就是使学生对教学目标有清晰的认识，对教育技术学学科有明确认识，以便确定自己的发展方向而有效确定自己的学习任务，使学生对学习活动有的放矢。

2 导航网站的构思

在开发教育技术学专业学生学习导航网站之前，首先要考虑相关的理论知识，通过阅读大量的参考文献使网站有坚实的理论基础，在此基础之上确定导航大纲，确定网站内容，总体设计与原型实现，编写网站脚本，准备素材，设计网络支撑环境。

2.1 理论基础

与该导航网站相关的理论基础有教育技术学的本质、网络课程的开发、网络学习者的特征等。

1）教育技术学的本质。教育技术是对学习过程和学习资源的设计、开发、运用、管理和评价的理论和实践[3]。教育技术学是一个专门用于研究教育技术现象及其规律的科学，它是教育学和技术学相互交叉与相互作用而形成的学科。

2）网络课程的开发。教育技术学专业学生学习导航网站是与学生学习本专业密切相关的网站，所以离不开网络课程的理论支持。该导航网站以给予学生对专业方向有清晰认识为主要目的，所以它需要提供许多的相关资源，属于教育资源建设的范畴。何克抗教授在《教育技术学》一书中写到[4]：“网络教育资源建设技术规范的主要内容有四个部分：题库；多媒体素材；网络课件库；案例库。”教育技术学专业学生学习导航网站以多媒体素材和案例库为主，使学习者通过浏览素材和案例，更加直观地对专业学习内容有所认识。

3）网络学习者的特征。因为本导航网站所针对的对象是教育技术学专业的本科学生，所以在设计时要考虑到学生的学习心理。网络环境中学习者的主意特征有[5]：首先，网络环境中的学习者更易个性张扬；其次，学习者在网络中更易结成团体，有利于团队精神的培养，但从众和服从权威心理却在削弱；第三，学习者在网络环境中角色扮演意识强烈；第四，学习者在网络环境中的认知策略发生变化；最后，学习者的学习风格在网络环境中得到充分发展和完善。

笔者认为在设计导航网站时，可通过不同的方式增进师生间的交流，所以内容中应该包含该专业教师的介绍以及联系方式。

2.2 导航设计

导航内容设置上充分考虑学生的学习特征，包括学习需求、学习态度等。本科生刚学习时也许会有很浓厚的兴趣，但学习兴趣很难保持较长的时间，而通过网络学习这样的问题更是严重。所以为了使学生产生浓厚的专业兴趣，网站的布局和内容要尽量做到吸引学习者，并且不断更新，以便让学习者保持一定的求知欲。

1）网站框架。依据学习者需求分析，教育技术学专业学生学习导航中的主要模块结构图如图1所示。

2）模块内容及作用说明。

①学科介绍。首先介绍教育技术学的发展，以及对教育技术学的展望；其次介绍教育技术学学生主修课程以及各门课程简介和应用领域，包括教育技术学、计算机应用基础、高级语言程序设计、网络教育应用、教学系统设计、信息技术与教育、教学媒体的理论与实践、多媒体软件设计与制作、教育学、心理学、摄影技术、远程教育学、教育电视节目编导与制作、电视原理等；最后介绍该专业的职业发展。

图1 教育技术学专业学生学习导航网站模块结构图

②精选作品：展示教育技术学专业学生的优秀作品，课内外以及参加各种比赛的作品。该模块是网站的核心部分，通过展示作品直观地表现本专业的学习内容。作品主要有六大类。

a.课件作品：课件制作是本专业的学生所必须掌握的技能，无论是使用Microsoft PowerPoint、Authorware制作还是Flash，制作课件时首先要把讲课时的思维设计清楚，在此之前就必须掌握一些理论知识，比如教育学、心理学、教学系统设计等课程的内容。课件脚本的设计很重要，无论使用什么软件，课件最重要的作用就是优化教学效果，只要能达到这样的目的，所做的课件就是有价值的。

b.网站制作：网站制作的技能也是教育技术学专业的学生不可缺少的，在本网站中展示的作品有静态网站、动态网站，有教学网站、个人网站。

c.摄影作品：教育技术学的学生也应具备一定的摄影水平，并能对照片进行处理。网站中该模块通过照片原图和调整的图片进行对比，目的是让学生在浏览过作品后有在摄影方面的学习动机。

d.电视制作：该模块展示教育技术学专业的学生在精心编写剧本后拍摄编辑的电视作品，旨在告诉学生该专业也可从事电视台编辑、记者等工作。

e.讲课视频：作为未来的教师，站上讲台讲课时必然的事，网站上所陈列的学生讲课视频作为范例，使学生在观看后有当教师的心理准备，并在自己的专业学习过程中有意识地培养自己这方面的能力。

f.图片处理：该模块是使用一般的素材图片合成特殊的图片效果，这一技能可以开发学生的创新思维和动手能力。

以上6个部分是教育技术学专业学生所应掌握的基本领域，而6个方面只是供学生作参考，学生不必每个方面都精通，可以在今后的学习中培养某方面的兴趣，发现自己的专业方向，以求在以后的学习之路、求职之路上不会太迷茫，后悔自己起初没有做好职业定位。

③仿真实验。在多媒体技术日渐发达的时代，无论从事什么专业，都应该具备操作多媒体设备的基本技能，而教育技术学学生更应该具备连接多媒体设备，熟悉不同设备间的连接以及信息通过不同设备的输入和输出。“多媒体综合教室系统虚拟实验”适用于个别化学习，建议学生在“多媒体综合教室实验操作课”前使用，作为预习之用，结合实际操作，更有利于操作技能与操作原理的掌握。此外，该仿真实验还适用于所有想学习使用多媒体教室集成控制系统的师范生以及在职教师。

④师资队伍：提供教育技术学相关专业的教师的联系方式及教师的研究方向，以便于学生与教师沟通交流。

⑤资源下载：在学生浏览过本网站的作品后，可能会有制作作品的冲动，在需要一些素材时可以在该模块中下载软件的安装文件、制作作品的图片声音等、不同主题的课件和教程。

⑥相关网站：提供推荐教育技术学学生专业学习的网站链接，以扩展学生的学习范围，获取更多与本专业相关的资源和信息。

3）角色设置。①用户角色：用户无需注册就可以学习该网站的内容，并在线浏览作品，在仿真实验中在线操作，下载学习资料的打包文件等。②管理员角色：管理员登录网站时，可添加或删除模块，并且对各模块进行编辑和管理。

3 系统实现

3.1 系统目标

1）界面设计美观友好，操作简单；2）全面、分类展示与教育技术相关作品；3）提供作品的下载；4）系统实现易维护性和扩展性；5）系统运行稳定，安全可靠。

3.2 运行环境

1）网站开发环境。网站开发环境：Microsoft Visual Studio 2008集成开发环境。网站开发语言：ASP.NET+C#。网站后台数据库：SQL Server 2005。开发环境运行平台：Windows XP/Windows 2008。2）服务器。操作系统：Windows XP。数据库服务器：SQL Server 2005。Web服务器：Internet信息服务器（IIS）管理器。浏览器：Internet Explorer 6.0以上。3）客户端要求。浏览器：Internet Explorer 6.0以上。分辨率：1024*768。

3.3 开发技术

ASP.NET是.NET框架中专门用来开发网上应用程序的，具有下面一些特点[6]。

1）效率增强。与ASP相比，ASP.NET采用编译后运行的方式，当用户第一次访问页面时对页面进行编译，以后再访问时就直接运行。

2）顶级开发工具支持。ASP.NET可以在Visual Studio.NET中开发，支持所见即所得、拖放控件和自动部署等功能，可以使开发效率大大提高。

3）程序结构清晰。在ASP中，ASP代码和HTML标记是掺杂在一起的，其实是将ASP代码嵌入到HTML文档中。而ASP.NET可以将程序代码和HTML标记分开，使程序结构更清晰。

4）开发简单。ASP.NET中的很多特性使得开发更简单，如验证控件的使用，以及提交表单后可以自动保留客户在表单内输入的内容。

5）移植方便。在ASP.NET中，可以向目标服务器直接复制组件，当需要更新时，重新复制一个即可。ASP.NET会自动逐步用新的组件替换旧的组件。

3.4 功能介绍

系统实现的功能包括用户模块（包括查看学科简介、浏览精选作品、进入仿真实验、查看师资队伍、下载资源等）、管理员模块（包括修改学科简介、添加精选作品、上传资源、添加文章等）、最新消息和相关网站模块（包括提示新上传的作品资源，添加相关网站链接）。

教育技术学专业学生学习导航网站首页如图2所示。下面介绍用户登录后可进行的具体操作。

1）左栏是“最新消息”和“相关链接”。“最新消息”呈现最近7条上传的作品列表，单击作品的名称即可进入浏览该作品的详细信息。“相关链接”是与教育技术学相关的网站链接地址。

图2 教育技术学专业学生学习导航网站首页

2）右栏是作品展呈现的是“课件作品”“网站制作”“摄影作品”“电视制作”“讲课视频”“图片处理”等6类最新一部作品的列表，单击“More”链接到所有这类作品的界面，单击作品的标题进入作品的详细介绍和下载。

3）单击导航上的“资源下载”到下载列表，列表中有该下载文件的浏览量和编辑修改的时间。单击文件名标题可看见文件的缩略图，单击下载地址就可以下载资源文件。

4）单击“仿真实验”进入Flash实验界面，经过缓冲后通过操作Flash动画了解实验并虚拟操作实验。

5）“学科介绍”主要包含教育技术学本科专业的介绍、主要课程和职业发展。

6）“师资队伍”是本学院教育技术学专业教师的基本信息，包括教师的研究方向、学习背景、QQ号码、电子邮箱地址等。

7）“公告”是管理员发布的一些与该网站相关的内容，比如有新的资源文件供学习者下载，学习者通过本网站学习后有任何需求和问题可与管理员联系等。

管理员登录后可进行下面一些具体操作。

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开发者轻松地对原来文本框中的内容（包括文字、图片等Html内容）进行编辑，更重要的是这些内容编辑的实现是所见即所得方式。CuteEditor还集成了文件（包括图片、文档等）上传、媒体（包括视频、声音等，支持YouTube）文件直接插入等非常实用的功能模块。该系统中CuteEditor在添加作品模块、上传资源模块、添加文章模块中起着重要的作用。添加作品界面如图4所示。

后台编辑所用控件的代码：

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

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

Text="" Width="100%">

图3 添加文章界面

图4 添加作品界面

4 总结

教育技术的目的就是取得最好的教育效果，实施教育最优化，利用新的科技成果去开发新的学习资源，并采用新的教与学的理论、方法去控制教学过程。教育技术面对的是更广大的学生、教师。开发和使用各种学习资源，用系统的方法设计和组织教学过程等，以学生为本。教育技术不仅要运用到其他学科，更应该运用本学科的方法策略，促进教育技术学专业的学生促进自身学科的学习和发展。

本课题从教育技术学专业本科生的需求出发，确定明确的教学目标，设计教育技术学专业学生学习导航网站，经指导教师耐心认真的指导所完成的动态网站基本实现最初的所需的功能。为了达到教学目的时，一切的教学准备都起着至关重要的作用，笔者精心收集与专业相关的作品及资源，只为了使该专业的学生能够缩小在专业上的认识差距。

[1]王其冰.教育技术专业本科生人才培养的困惑与出路[J].软件导刊:教育技术,2008,7(4):57-59.

[2]徐红彩.教育技术学专业本科生就业：现状、问题与建议:对2005届毕业生就业问题的调查研究[J].电化教育研究,2006(11).

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

[4]谢幼如,穆肃,柯清超.网络课程的系统研究[J].电化教育研究,2002(7).

[5]何克抗.教学系统设计[M].北京:高等教育出版社,2006:31-34.

[6]尚俊杰.ASP.NET程序设计[M].北京:清华大学出版社,2006:6-7.

[7]伍顺比,江玲.关于教育技术学专业课程体系的思考[J].现代教育技术,2007(8):16-19.

[8]谢幼如,李克东.教育技术学研究方法基础[M].北京:高等教育出版社,2006:22-23.

[9]胡海燕.基于就业能力调查的教育技术专业课程设置探究[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.