基于Web的课程教学平台设计与开发
论文关键词:基于Web的课程教学平台设计与开发
今天的校园网建设获得的重要进步,如何在传统教学引入网络环境成为所有学校关注的题目。 大家都希望能促进使用网络教学环境的发展,即开发一个网络多媒体课堂教学平台,使它可能弥补传统教学的不足,并且发挥传统教室多媒体优势,能根据学校行教学实际情况和教师以及学生的需求,低投资,高效率发展教学工作。
本文以下内容便是对系统开发过程以及部分实现的介绍。该教学平台按照软件工程的方法进行分析与设计,首先进行了需求分析,然后详细介绍了系统的设计,最后详细介绍了系统的实现以及测试过程。
2系统需求分析
为了使用户能够进行远程在线录入编辑、系统更新和管理维护工作,系统设计必须具有系统安全性、系统科学性、系统合理性和系统可靠性。
2.1系统功能需求分析
前台系统主要功能有:课程信息包括(课程介绍、课程大纲、教材教参、电子教案),资源下载和讨论区。
课程信息:在首页点击相应的导航栏,如课程介绍、课程大纲等,可以快速的查阅相关信息。
资源下载:进入资源下载界面,可下载相关学习资料。
讨论区:进入留言板主界面后,学习者可查看留言,通过填写昵称、信箱、主题等可签写留言。
后台系统主要功能有: 登录管理,管理员管理,栏目管理,栏目内容管理,讨论区管理。
登录管理:为了确保网站的安全性,需要对企图访问网站后台的用户进行登录信息的检查,非管理员不允许登录网站后台,防止对网站的非法操作。
管理员管理:本系统的管理员分为超级管理员和一般管理员。
栏目内容管理:被赋予特点权限的一般管理员和超级管理员都可对栏目内容进行管理,包括对
栏目内容的添加、修改和删除工作。
讨论区管理:超级管理员拥有对讨论区进行管理的权限。
·查看留言:登陆后可以查看所以留言。
·管理留言:管理员可以执行对留言进行回复,删除和编辑的操作。
·修改管理员信息:管理员可以对用户名、密码进行修改。
2.2用户需求分析
网络教学平台是网络教育的载体,是体现网络教育优势的关键, 网络学习必将成为人们学习行为的一种重要形式。本系统提供了一个良好的平台,建立起一个动态的、交互的在线学校网站。方便学生利用课余时间学习与研究。
2.3 数据字典
数据字典是关于数据的信息的集合,也就是对数据流图中包含的所有元素的定义的集合。提供关于数据的描述信息。通过对系统的分析,可得到下列数据字典信息:
⑴ 栏目内容信息表的数据字典的描述:
⑵ 管理员信息表的数据字典的描述:
⑶ 栏目信息表的数据字典的描述:
(4)讨论区信息表的数据字典描述:
3系统平台、模式及技术分析
基于Web的教学互动平台提供给学习者一个平台,用户可以通过Internet接入,登录本系统,在这个平台上查找教学信息、下载作业、在线讨论等。
本系统是以Java为开发语言,以JSP技术为核心,运用B/S三层模式开发出来的网络教学系统。该Web系统开发使用的脚本语言是Javascript,应用的环境是windowsXP +JDK+Tomcat,配置的数据库是MySQL数据库。windowsXP是系统运行的操作系统环境,也可以使用windows2000。
4.系统设计
4.1 教学平台的总体设计目标
基于Web的教学互动平台,利用网络教学环境,充分发挥了学生的主导作用,有利用教学工作的展开。本系统实用性强,主要是为了方便学生与教师课后学习与交流。网页的界面友好,系统操作简单。
4.2教学平台结构设计

图4-1 总体框架图

4-2 前台功能框架图

4-3 后台功能框架图
4.3数据库设计
根据系统的功能设计要求和模块划分,本网站的数据库主要管理员信息、栏目信息和新闻信息。本精品课程网站需要设计主要信息表3张(管理员信息表master、栏目信息表class和新闻信息表news)。
数据项和数据结构如下:
管理员信息表: ID(自动编号)、管理员用户名、管理员密码、管理的栏目数、加入日期、管理栏目的ID、管理员登陆次数。
栏目信息表:ID(自动编号)、栏目名称、管理用户。
新闻信息表:ID(自动编号)、新闻标题、新闻内容、浏览次数、添加时间、添加用户、所在栏目编号、新闻图片地址
5 系统实现及测试
本系统采用的是JDBC连接MySQL数据库的连接池,其连接代码和sql语句的执行具体如下:
DBconnetct.Java
void init() {
dcm = DBConnectionManager.getInstance();
conn = dcm.getConnection('mysql');
}
/**
* 构造数据库的连接和访问类
*/
public DBConnect() throws Exception {
init();
stmt = conn.createStatement();
}
public DBConnect(int resultSetType, int resultSetConcurrency)
throws Exception {
init();
stmt = conn.createStatement(resultSetType, resultSetConcurrency);
}
执行sql语句的代码:
public void executeUpdate(String sql) throws SQLException {
if (stmt != null)
stmt.executeUpdate(sql);
}
public void executeUpdate() throws SQLException {
if (prepstmt != null)
prepstmt.executeUpdate();
}
整个首页页面分为6个大的模块:顶图、动态图、课程介绍、友情链接、最新动态、教学大纲,每个部分为一个独立的table。首页的最新动态是通过后台发布上去的,通过调用list.jsp中的classinfo.getID()方法,获得栏目的ID,将最新动态部分显示的首页。详细代码如下:
<%
Vector listclass = new Vector();
DispClass dispclass = new DispClass();
listclass = dispclass.allClass();
int i = 7;
IClass classinfo = (IClass) listclass.elementAt(i);
Vector listnews = new Vector();
D
1/3 1 2 3 下一页 尾页 |