中文摘要:在线教育系统主要提供网上的教学平台,老师可以通过系统发布教育,布置/批改作业,发布公告和答疑解惑。学生可以通过系统完成自学,跟老师和其他同学讨论,查询作业及成绩等。在线教育系统可以使教学过程网络化,创建知识学习的新途径!
在线教育系统包括教师子系统和学生子系统两个大的模块。教育部分的功能:在往上发布作业,包括作业题目在上载、公布作业完成时间、内容等。批阅作业、给出学生成绩。通过讨论论组的形式回答学生问题。通过聊天室与学生进行实时讨论。学生部分的功能:阅读公告。在网上完成课程学习。通过讨论组的形式向老师提出问题。通过聊天室与老师进行实时讨论。
关键词:ASP、在线教育系统、Access2000数据库、 HTML语
Abstract:The on-line education system mainly provides the on-line teaching platform,Teacher may through the system issue education, the arrangement/correct students' papers, issued announced and answers questions dispels The student may complete through the system studies independently, discusses with teacher and other schoolmates, inquiry work and result and so on. The on-line education system may cause the teaching process network, foundation knowledge study new way!
On-line education system including teacher subsystem and student subsystem two big modules. Educates the partial functions: Upward is issuing the work, is uploading, the announcement work including the work topic completes the time, the content and so on. Reviews the work, produces the student result. Discusses the group through the discussion the form to answer the student the question. Carry on the real-time discussion through the chat room and the student. Student's partial functions: Reading announced. On-line completes the curriculum to study. Asks the question through the discussion group's form to teacher. Carry on the real-time discussion through the coatroom and teacher.
Key Words:ASP On-line education system Access2000 database HTML language
目 录
一、系统设计
(一)目录设计
(二)设计思想
(三)系统功能分析与设计
二、数据库设计与实现
(一)数据库的需求分析
(二)数据库的逻辑设计
三、后台数据库的配置
四、前端页面的设计与开发
(一)系统公用页面
(二)主页面
(三)菜单页面
(四)公告拦
(五)案学习
(六)答疑解惑
(七)作业模块
(八)聊天室
注释、
参考文献、
致谢辞
一、系统设计
(一)目标设计
在线教育系统主要提供网上的教学平台,其功能如下:
教育部分的功能:
1.通过教学公告向学生发布信息,制定教学计划、宣布考试日程安排、2.发布临时通知等。
3.在往上发布教案。
4.在往上发布作业,包括作业题目在上载、公布作业完成时间、内容等。
5.批阅作业、给出学生成绩。
6.对上课学生名单的管理。
7.通过讨论论组的形式回答学生问题。
8.通过聊天室与学生进行实时讨论。
学生部分的功能:
1.阅读公告。
2.在网上完成课程学习。
3.在网上完成作业、包括作业下载、上传作业内容和作业成绩查询等。
4.通过讨论组的形式向老师提出问题。
5.通过聊天室与老师进行实时讨论。
(二)设计思想
通过本章的学习,我们将开发一个简单的在线系统,它将具有以下特点:
1.实用性:要为网上教学提供方便。
2.操作简单:本系统应该适用于不同水平的使用者,包3.括教师和学生,同时系统不应太复杂和烦琐,因此要4.求系统的操作尽可能简单易行。
5.代码的可读性好:作为实例,文中的代码将尽可能简洁。
6.系统的结构,多数页面都是通过ASP脚本程序直接访问数据库和文件系统,有部分ASP程序通过组件(上传组件)访问数据库和文件系统。
(三)系统功能分析与设计
在线教育系统共分为两个子系统:教师子系统和学生子系统,其功能模块划分如图所示。
1.教学内容发布
教师发布教案,这些内容是在线教育的最主要的内容。教案可能有各种形式,如htm、doc、ppt、avi等,但在通常情况下,这些教学内容都是静态内容,因此按类别及内容分类在网站上发布即可。
另外,系统应对教学内容提供查询功能。
2.公告功能
教师可以通过公告功能发布各项通知,例如以下内容。
招生公告,包括招生简章、招生专业介绍、招生站点联系方式、课程介绍等。
规章制度,包括各类管理文件等。
课程安排,包括课程教学方式、课程播放表、考试日程安排等。
临时通知和教材。
对于作业,学生需要将作业通过上传的方式上交。教师要根据作业完成情况给每份作业打分。因此,系统需要提供以下功能:
上传:将作业上载到指定地点,并按某种方式进行标识。
批阅:教师可对作业进行批阅判分。
3.答疑功能
非实时答疑:系统需要完成一个讨论组的功能,以便学生和老师能顺利提问和解答。
实施时答疑:功能类似于聊天室。学生和老师可以同时登录到系统,进行实时交流。
二、数据库设计与实现
(一)数据库的需求分析
根据系统需求,可以列出以下数据项和数据结构:
1.公告信息:包括标题、发布时间、公告内容、公告序号等。
2.教案查询索引:包括关键字、描述、内容所在地址等。
3.答疑信息:包括提问标题、问题内容、回答内容、提问时间、显示标记、回答标记等。
4.学生信息:包括学生姓名、学号、各次作业成绩等。
(二)数据库的逻辑设计
1. 公告信息表
公告信息表(board)如图所示。
2. 答疑信息表
答疑信息表(problem)如图所示
3.学生信息表
学生信息表(student)如图所示。学生信息表和教案查询索引表需要初始化数据,学生信息表的内容逐条录入即可。
三、后台数据库的配置
后台数据库可以使用SQL Server 或Access,数据据库服务器和Web服务器可以配置在同一台计算机上也可在两台计算机上,以上两种情况对于开发的过程来说是类似的,只需在Web 服务器上配置好ODBC的系统数据源就可以了。系统是在Windows XP Professional下开发的,开发数据库使用的是 Access2000。具体配置步骤如下:
1.新建一个空数据库,取名为newdata.mdb
在newdata.mdb中建立表board、deyword、problem、student,数据表的结构。
2.在学员表student中初始化数据。
建立一个ODBC数据源,名称为newdata,指向newdata.mdb,步骤如下:
首先,选择“控制面板”中的“ODBC数据源管理”选项,选择“系统DSN”选项卡,单击“添加”按钮。
在“创建新数据源”窗口中,选择“Driver do Microsoft Access(*.mdb)”作为数据库驱动程序,然后单击“完成”按钮。
在“ODBC Microsoft Access安装”窗口中,数据源名称为“newdata”,这是ASP程序中将要引用的。单击“选择”按钮,从弹出的文件窗口中选择newdata.mdb文件所在的位置,其他先项都不改变。
单击“确定”按钮,这样就完成了Access数据库的ODBC数据源设置。
四、前端页面的设计与开发
在建立了后台数据库和整体设计的基础上,本章将功能模块对页面的具体设计和实现进行介绍。
(一)系统公用页面
系统公用页面包括以下4个:globa1.asa文件、ADO常数页面adovbs.ins文件、ADO连接函数页面cod_ado.inc文件、页面风格定义文件style.inc。在本例中,global.asa文件放在网站的根目录下,这是由global.asa文件的特性决定的,其余3个文件都放在/include目录下。
1.global.asa文件:global.asa文件可以对application和session对象的开始和结束事件定义函数据。在该文件中,将数据库连接的字符串存放在application(“dsn”) 对象中。这样,每次启动网站的时候,数据连接字符串application(“dsn”)就被赋值。
2.ADO常数据页面文件程序中将会使用一些常数,例如adOpenForwardOnly,adLockReadOnly等。因此将它们放在一个头文件adovbs.inc中,以方便调用。
3.ADO连接函数页面cod_ado.inc对于程序中建立数据连接和关闭数据连接的操作,最好也放在一个包含文件中,这样例题地维护和修改。Cod_AdoOpen(objConnection,rsCoursesList,dsn,rss)为建立连接函数,参数objConnection为数据连接对象,rsCoursesList为数据集对象,dsn为数据连接字符串,rss为要执行的SQL语句。Cod_AdoClose(objConnection,rsCoursesList)为关闭连接函数,objConnection为数据连接对象,rsCoursesList为数据集对象。
4.页面风格定义文件style.inc在style.inc文件中我们利用CSS风格表对该系统的页面整体风格进行了定义。主要包括页面、表格、标题、输入框的字体、颜色等。
(二)主页面
系统的起始页如图所示。共分为左右两个页面。
系统运行过程中,左边菜单toc.asp一直都是显示状态,右边的页面随模块不同内容也不同。
(三)菜单页面
页面示例:菜单页面包括各英功能页面的连接,即公告区、教案学习、答疑教室、聊天室,作业查询、作业上传。页面底部的图标是到教师工作室菜单页面的连接。
该页面的教案学习中有一个分级展开的菜单,下面将对此菜单的实现做一介绍。如图所示,当单击标题“第二章 线形表”的时候,下面子菜单每一小节的标题就显示出来;再次单击,下面的子菜单又收缩不显示了。
如果原来子标题部分的属性是显示的,那么就将属性改为不显示
(四)公告栏
下面以教师发布公告、修改公告、删除公告的各个页面为例来说明公告功能的实现。
此模块涉及到的部分ASP文件如下:
Bulletin.asp:教师工作区公告栏主页面。
Bulletin_detail.asp:公告详细内容。
Bulletin_update.asp公告内容更新。
Bulletin_insert.asp:插入一条新公告。
Bulletin_new.asp:新公告录入表格。
Bulletindelete.asp:删除公告。
Bulletin_stu.asp:学生查看公告列表页面。
Bulletin_detail_stu.asp:学业生查看公告详细信息页面。
这个模块虽小,但它完整的包括了数据库的查询、增删改以及数据分页显示的操作。
1.bulletin.asp:教师工作区公告主页面
是教师工作区公告栏主页面bulletin.asp。页面上按时间倒序列出了12条公告,另外,在每条公告前面有复选框,可以选中部分公告,然后删除。单击公告标题可以看到公告的详细内容,并进行修改。单击“新增”按钮可以新增一条公告。
2.bulletin_detail.asp:公告详细内容
显示了公告的详细内容。
单击每一条公告,即可看到公告的详细内容。标题和公告内容都是通过文本框显示的,教师可以重新填写其中的内容并提交,从而对公告内容进行修改。
3. bulletin_update.asp:公告内容更新
在bulletin_detail.asp页面上修改提交到bulletin_update.asp,完成对公告内容的更新。
读者可能注意到了程序中将单引号替换成了两个单引号,这是为什么呢?这是因为标题或内容中含有单引号,可能导致最后生成的SQL语句非法。
4. bulletin_new.asp:新公告录入表格
5. bulletin_insert.sap:插入一条新公告
6. bulletindelete.asp:删除公告
Bulletin_stu.asp:学生查看公告列表页面和bulletin_detail_stu.asp:学生查看公告详细信息页面。以上两个文件仅涉及数据库内容的显示,这里就不再赘述了。
(五)教案学习
教案部分主要为表态内容,系统按章节和媒体类型分目录进行存放,并在菜单页面放置了连接。
我们建立了一个lesson目录用来存放教师的教案,其中每一个章节的内容用为一个目录,分别命名为ch01、……
在每个章节的内容下,存放着这部分内容的教案,包括 html文件,图片,多媒体文件(如*.rm,*.ppt)等,
资源整理完毕,我们还需要在菜单中正确的访问入口,使学生和教师都能从菜单上连接到资源。在前面的节也介绍过,这里需要着重指的是:
第一章节都要设置一个起始页面,可以是此章节的目录页面,也可是第一小节的页面。
注意在html文件中做好对资源的链接,确保所有资源都能被方便地访问到。
(六)答疑教室
此模块涉及到的部分ASP文件如下:
Problem.asp:提问列表。
Problem_item.asp:提问详细信息。
Insertproblem.asp:提出新问题。
Problemadmin.asp:教师工作区答疑主页面。
Problem_detail.asp:答疑详细信息页面。
Problem_answer.asp:完成答疑操作。
Problemdelete.asp:删除一条答疑记录。
在答疑教室功能模块中,学生在网上可以提出问题,老师提供解答。
problem.asp:提问列表
页面示例如所示,进入答疑教室,学生可以看到所有的提问列表。
Problem_item.asp:提问详细信息
insertproblem.asp:提出新问题
Problemadmin.asp:教师工作区答疑主页面
Problem_detail.asp:答疑详细信息页面
Problem_answer.asp:完成答疑操作
Problemdelete.asp:删除一条答疑记录。