本站原创摘 要：研究基于Web的在线教学系统的设计思想及其实现方法.对现阶段教育模式进行了深入调查,明确建立信息时代在线教育网站的意义.利用JSP技术开发的网站在线教育系统,实现了网站教育资源的动态管理,使得教师与学生更好地互动学习,提高了学习效率与资源的利用率.
Abstract：Theworkmulti-mediateachingplatformbasedonwebtechnologyhasbeenthereformandevelopmenttomoderneducationtechnology.Thispaperanalysesthefunctionandthetechnicalcharacteristicsofthework-teachingplatformandmostlyexploreshowthework-teachingplatformbasedonwebtechnologyisdesignedandthewaytofulfillmajortechniques.
关 键 词：在线教育网站；信息；JSP；MySQL数据库
KeyWords：on-lineeducationwebsiteinformationJSPMySQLdatabase
[中图分类号]：G434[文献标识码]：A
[文章编号]：1002-2139（2013）-6--02
一、前言
在线教育是指师生凭借媒体所进行的非面对面的教育,即使学生在时间和空间并不统一的情况下,能与教师进行交互并完成学习任务.在线网上教学模式的特点：
（1）教师必须具有网上教学能力.注意发挥教师的主导作用.
（2）教学双方不受时间、空间的限制.
（3）学生学习更自主,而且具有网上学习能力才能真正成为学习的主体.
（4）为学生构建一个多媒体,全方位的虚拟学习环境.
（5）教育的投入小,效益大.
在线教育是传统教育的延伸,它可以利用网络的无限广阔空间,随学习者所需地学习,加深学生对知识的理解,拓宽学生的视野,并可以部分地代替单一的传统教学形式.正是基于这样的思考,结合实际情况设计了一个在线教育网站,它可以为用户提供在线学习资料共享、在线视频学习等服务.
二、在线教育的模块构建以及设计流程
依据现代的教学设计理论和建构主义学习理论,本网站是一个面向学生的学科教学―学习平台,包括管理模块、网上答疑模块、学习资源模块几个子系统.
管理系统模块,主要是管理员执行数据库信息的管理,含注册登记、权限设置、公告等功能.对教师的基本情况、上传资料情况、注册等具体情况进行了解；网上答疑模块,在本网站中,还都单独设立了网络学习答疑模块,作为师生相互交流的窗口.学生提交问题后,系统转发给教师,一定时间后,教师将答案再提交给系统；立体、开放的超媒体资源库系统模块,在网站中登录即可查找各类教师共享的资源,资源的内容包括与学科内容有关的文字、图形、动画、视频、音频等各种新式的媒体信息,各种媒体信息都按制定的描述标准进行描述定义,方便信息的存放与共享.资源库有强大的检索功能,能方便、快捷地检索信息,满足不同学生的需要.可根据教师情况、课程情况等进行多方面的快捷查找.
在线教育网站具体的设计理念如下图所示：
三、教师管理模块网站的设计
本网站的设计重点教师管理的设计,分为添加教师、编辑教师、删除教师三个主要模块
图2
1.教师信息添加子模块
教师信息添加子模块的功能利用表单的提交功能,通过填写教师的信息,在数据库中调出与之相匹配的数据显示在页面中.教师拥有管理能力,用登录管理模式,就可以进行自己信息的更新.
教师信息添加子模块包括以下页面：
（1）搜索教师信息表单网页adminteacher.jsp
登陆者用来搜索要管理的教师,页面显示要填写的表单内容,可以通过教师所属院、所属系或者教师的姓名或ID的任意一项来查询.若全部不填则显示所有教师清单.
图3：搜索教师信息页面
（2）搜索教师信息结果网页adminsearchteacher.jsp
根据表单内容显示搜索结果.
图4：搜索教师信息结果页面
（3）教师注册网页addteacher.jsp
在表单中填写教师的信息进行注册.
图5：教师注册页面
（4）添加教师信息成功结果网页addteachercherok.jsp
显示成功窗口并转入主界面.
图6：添加信息成功页面
2.教师信息修改模块
教师信息修改模块的主要功能是教师登陆后可以进行自己信息的更新,是登陆时有限制.在管理员的界面中有对教师登陆的限制,管理员可以设置教师为禁止登陆和允许登陆.
师信息修改子模块包括以下页面：
（1）编辑教师信息表单网页editteacher.jsp
登陆后用来更新要管理的教师,页面显示要填写的表单内容,详细填写表单中的每项内容.若有一项没添则进行提示.可以修改登陆限制为禁止登陆.
图7：编辑教师信息页面
（2）编辑教师信息表单结果网页editteacherok.jsp
用窗口信息提示添加成功.
图8：修改信息成功页面
（3）具体实现