教师个人教学网站设计.docx
《教师个人教学网站设计.docx》由会员分享,可在线阅读,更多相关《教师个人教学网站设计.docx(39页珍藏版)》请在冰豆网上搜索。
![教师个人教学网站设计.docx](https://file1.bdocx.com/fileroot1/2022-11/28/9d61cfcc-aa35-4e04-8258-8497ba9b9c79/9d61cfcc-aa35-4e04-8258-8497ba9b9c791.gif)
教师个人教学网站设计
本科毕业设计
教师个人教学网站设计
题目:
学生姓名:
学号:
所属系部:
年级:
专业(方向):
指导教师:
职称:
提交日期:
教师个人教学网站设计
摘要:
随着Internet的发展,教师教学的技术、手段和载体发生了革命性的变化,使得教学突破了时间和空间的限制。
基于这个背景,本课题研制开发了教师个人教学网站,实现了学生网上浏览教学内容、完成作业、教学互动、信息查询以及资料上传下载等功能。
本文分析了现在教学网站所存在的不足,详细介绍了利用Dreamweaver8.0、ASP、Access2003等相关技术和工具来设计并完善网站的过程,重点阐述本系统的设计思想以及解决方案。
关键词:
ASP;Access2003;教师个人教学网站
Teacherindividualteachingwebsiteproject
Pangmengqiu
Abstract:
WiththedevelopmentofInternet,thetechnology,methodandcarrierofteacher’steachinghashadarevolutionarychange,whichmadetheteachingbreakthroughthetimeandthespatiallimit.Basedonthisbackground,Thistopicdevelopsteacherindividualteachingwebsite,andrealizesthefunctionsofthestudentbrowsingcontentofcoursesonline、completingthework、teachinginteraction,informationinquiry、materialuploadinganddownloadingandsoon.Thisarticleanalyzestheinsufficiencywhichthepresentteachingwebsiteexists,andsimultaneouslyproposesthesolutionway.itexplainsindetailthattheprocessofmakinguseofthecorrelativetechnologiesandtoolssuchasDreamweaver8.0、Asp、Access2003todesignthewebsiteandperfectit,Andthisarticleexpoundsespeciallythedesignconceptofthissystemaswellassolutions.
KeyWords:
ASP;Access2003;Teacherindividualteachingwebsite
目次
1绪论
1.1教师个人教学网站开发背景
Internet技术的发展使得教师教学的技术、手段和载体发生了革命性的变化,使得教学突破了时间和空间的限制。
在数字化的网络环境下,学生希望得到个性化的满足,根据自己的情况进行学习;老师希望有效的改进现有的教学模式,提高教学效率,同时希望全面准确地对学生进行跟踪和评价。
教师个人教学网站正是迎合这一需求而开发的。
目前国外十分重视现代信息技术在教育中的应用,利用因特网的非同步教学、双向交互式的视频教学等技术,积极推进利用网络辅助教学。
许多高校都有各自教师教学网站。
我国也建成中国教育科研网(CER-NET),并开展地区性区域教育信息网络建设和校园网络建设。
各高校也建立起自己的教师教学网站。
但也存在着很多问题,首先是缺乏整体规划、组织和指导。
很多网站仅仅搭建起功能框架,可用资源少,不足以支持学生的自主学习和探究学习,不能实现优化和改善教学的目的。
其次,网站的综合素质较低。
网站的制作和维护,除了需要相当数量的资料外,还需要检索、筛选、鉴别、使用、表达和输出信息等处理信息的能力,并涉及个人的审美情趣、艺术素养和文字处理能力等,同时需要大量的时间和精力。
由于工作岗位的关系,加上平时教学事务繁忙,使得教师很难独立制作和维护个人网站[14]。
1.2系统开发意义
教师个人教学网站的开发,使学生除了在传统的课堂教学学习知识外,还增加了通过教师个人教学网站学习的方式。
教师个人教学网站旨在以网络为纽带,快速、高效、方便地实现知识传递,以现代化手段促进教学改革,探索一种以互联网为基础的教学模式。
通过这种模式,为学生营造一种新的教学环境,使教学工作突破时空限制,提高工作效率,使教师、学生可以随时、随地进行教学工作。
同时,教师个人教学网站在很大程度上弥补了大型教育网站“大而全,全而粗”的问题,以精、准、小、巧的定位起到了面向教育实际,解决具体教学问题的作用,并且由于教师直接从事教学工作,因而其发布的教育资源、教育方法等信息的价值更大。
建成功能强大、结构合理的教师个人教学网站,正是目前急需考虑和解决的重要问题。
搞好教师个人教学网站的设计对整个教学工作的开展具有十分重要的意义[15]。
2网站建设使用的相关理论和技术
2.1Browser/Server模式
本教师个人教学网站采用Browser/server简称B/S体系结构。
B/S体系结构一般分为3个层次:
第1层为客户浏览器,它是学生与整个系统的接口,客户的应用程序精简到一个通用的浏览器软件。
第2层为web服务器,它是客户机的后台。
第3层为数据库服务器。
2.2网站开发工具及工作平台
2.2.1ASP技术
ASP是Microsoft公司开发的服务器端的脚本环境,是目前流行的开放式Web应用程序开发技术。
ASP使用VBScript、JavaScript等脚本语言作为开发工具,镶嵌于HTML文本中,使用“<%…%>”将ASP的程序包含起来。
当用户从浏览器向Web服务器提出请求时,Web服务器会自动将ASP的程序解释为标准的HTML格式的主页内容,用户端只要使用常规可执行HTML程序的浏览器,就可浏览ASP所设计的主页内容,因此与浏览器无关,并且保证了ASP的源程序代码不会外漏[1]。
2.2.2Access数据库
Access具有界面友好、易学易用、开发简单、接口灵活等特点,是典型的新一代关系数据库管理系统。
Access创建的是关系数据库,这表示数据按照不同的主题或任务存储在各个独立的表中。
但是,数据可按照指定的方式进行关联和组合。
这种关联大大提高了数据的管理效率。
这是Office套件中其他软件所不具备的功能。
[5]
2.2.3ASP与数据库
在ASP中,可以有多种方法访问数据库。
现在流行的是ADO,ADO是一个服务器组件,也即是一系列的对象。
通过应用这些功能强大的对象,可以轻松完成对数据库复杂的操作。
[2]
2.2.4系统开发辅助工具
MacromediaDreamweaver8.0是建立Web站点和应用程序的专业工具。
它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大。
从对基于CSS的设计的领先支持到手工编码功能,Dreamweaver提供了专业人员在一个集成、高效的环境中所需的工具。
开发人员可以使用Dreamweaver及所选择的服务器技术来创建功能强大的Internet应用程序,从而使用户能连接到数据库、Web服务和旧式系统。
3系统分析
要设计开发一个网站,首先应该进行各项系统分析,如系统的可行性分析、系统的需求分析等,这样才能令设计出的网站满足用户的各项需求。
下面就对教师个人教学网站的设计进行各项系统分析。
3.1需求分析
平时,教师除了课堂教学外,还需要准备授课资料,及登记学生成绩,光是整理准备相关资料及文件就相当繁杂,另外,还有教学政务上的事务要处理。
再者,教师时间忙碌,如果碰到学生有问题想请教,往往难以相互配合时间,也可能出现不同学生有相同疑问,但却在不同时间询问,虽然教师会细心回答学生所提问的疑惑,但是,造成浪费时间的情况一再发生;而另一方面,学生如果想要向老师拿取一些课程资料,例如上课讲义等,亦是如上述的情形一样,对于老师和学生而言,是会浪费时间的。
而且,互动性和便利性并不高,虽然教师也可派请学生帮忙处理一些教学事务,可是,面临学生提出的问题,仍要教师亲自处理解决,且学生无法时时帮忙教师分担处理教学事务。
因此,教师个人教学网站的建立就已经成为当务之急。
(1)强化教学资源网上共享,教师能及时编写或上传教案,并根据实际讲课的情况,发布、修改和删除教案,并提供各种资源,供学生学习。
(2)教师可以进行在线布置作业、批改作业等教学活动,也可以发布消息,管理个人资料与信息等。
(3)为提高学习效率,同学、老师可以在线留言讨论相关疑难问题,做到人人参言,优势互补。
3.2可行性分析
可行性分析(FeasibilityAnalysis)也称为可行性研究,是在系统调查的基础上,针对新系统的开发是否具备必要性和可能性,对新系统的开发从技术、经济、社会等方面进行分析和研究,以避免投资失误,保证新系统的开发成功。
可行性研究的目的就是用最小的代价在尽可能短的时间内确定问题是否能够解决。
本人通过了解教师教学工作和学生学习的需要,对教师个人教学网站开发的可行性进行了分析,具体包括以下几个方面的内容。
1、技术可行性分析
本教师个人教学网站采用Dreamweaver8.0、ASP、Access2003等相关技术和工具来设计并完善网站。
现在ASP技术应用很普遍,其技术也很成熟,可以与数据库紧密地联系在一起,能够实现数据的调出和录入。
这样的教师个人教学网站实现起来是完全可行的,所以在技术上是可行的。
硬件方面,输入输出能力,内部存储器和外部存储器的容量都能满足用户的要求;软件方面,有合适的软件系统、数据库系统;技术人员方面,只要对操作人员管理人员稍加培训即可。
2、经济可行性分析
该系统是一款小型的网站,开发经费比较小,适合在校学生开发。
并且本网站所需设备都非常基本,对现在的学校设施不需要进行更新和添置,所以不论对于教师或学生的使用都不会造成负担。
3、管理可行性分析
基本上所有的教师和学生都具备计算机操作能力,并且对浏览网站的操作步骤已经十分熟悉了,这就减少了一个培训的过程。
本网站的建立大大提高了教师部分教学事务管理的效率,有利于教学事务的高效管理,并且教师基本都有多年的管理经验,他们的水平足以达到本网站所需要的管理意识和水平,所以在管理上是可行的。
4、社会可行性分析
本教师个人教学网站的开发和使用完全符合国家法律法规以及相关规定,能够与社会大系统实现良好的对接。
通过以上的分析,无论是在技术、经济、管理、社会等方面都具有可行性,而且这个网站为学生自行研发,所需要的人力物力相对与向外界软件开发公司寻求帮助要少得多,同时在网站开发过程中还锻炼了学生的创新能力、钻研精神。
综上所述,可以进行教师个人教学网站的设计开发。
4网站总体设计
4.1项目规划
教师个人教学网站的目的是为了打破传统教学时间空间的局限,便于学生自由掌握学习时间,加强老师与学生、学生与学生之间的沟通与交流。
通过教师个人教学网站,实现学生网上浏览教学内容、上传文件、完成作业、查询成绩、下载资料等功能,教师也可借助此平台,发布公告信息、布置作业、实现课件上传下载、组织答疑等功能。
4.2系统功能结构图
根据教师个人教学网站的特点,可以将其分为前台和后台两个部分设计。
前台主要用于用户浏览、查找课程信息、作业等;后台主要用于教师管理员对课程信息、用户信息和一些其他信息进行管理。
教师个人教学网站的前台功能结构图如图4.1所示。
图4.1教师个人教学网站前台功能结构图
教师个人教学网站的后台功能结构图如图4.2所示。
图4.2教师个人教学网站后台功能结构图
4.2.1系统主要功能
1.新用户注册
如果学生是第一次登录,则需要在线注册相关信息,以成为系统的合法用户,才能登录相关网页。
2.用户登陆
在登录页面对应的地方输入用户名、密码。
确认无误后即可登录,身份不同进入的网页也将不同。
(1)学生可以通过自己的登录用户名和密码进入学生页面。
(2)教师可以通过自己的用户名和密码进入管理员页面,教师根据实际讲课的情况,可以在页面中发布和删除教学教案资料等,供学生学习。
教师可以在线答疑,布置作业、批改作业等教学活动,也可以发布消息,管理个人资料与信息等。
3.修改个人信息功能
用户信息在注册时出现了错误,则可以通过此功能进行修改。
4.学生查询信息功能
在学生页面中,学生可以查询教师信息、课程公告、课程信息、课程作业等信息。
5.资源下载功能
可以在网站中下载各种教学课件、样卷及练习等学习资料,实现资源共享。
6.教学互动功能
学生可观看在线教学视频、上传资料、完成作业、使用留言板等。
4.2.2用户类型
系统用户分为两类:
学生类用户和管理员用户。
(1)学生类用户:
此类用户只能对自己的信息进行初次注册及浏览修改,不具有浏览和查询他人信息的权利,也不能对他人的信息进行管理。
参与浏览教学内容、完成作业、查询相关信息、下载文件等操作。
(2)管理员用户:
老师作为管理员用户,可以对自己和他人的信息进行浏览、查询以及删除等管理。
同时参与了发布公告信息、布置作业、管理资料、管理留言板、管理用户、管理用户的上传资料等操作。
4.3数据库设计
4.3.1数据描述
1、静态数据
静态数据是系统内部有关的数据结构与操作规程。
具体可包括:
网站用户表tb_student,资料信息表tb_passage,留言板表tb_Board,课程信息表tb_Teach,作业信息表tb_Work等。
2、动态数据
动态数据包括程序运行时输入和输出的数据,具体是数据库的各个表的各个不同元组与属性值,如学生用户信息。
3、数据库描述
根据上面的分析可以设计出能够满足用户需求的各种数据实体,以及它们之间的关系,为后面的逻辑结构设计打下基础。
这些实体包括各种具体信息,通过相互之间的作用形成数据的流动[5]。
本系统的实体有:
用户实体,管理员实体,资料实体,公告栏实体,留言板实体,作业实体,作业成绩实体,课程实体,考试成绩实体等实体。
各个实体具体的描述E-R图如下所示:
图4.3用户实体E-R图
图4.4管理员实体E-R图
图4.5资料实体E-R图
图4.6公告栏实体E-R图
图4.7留言板实体E-R图
图4.8作业实体E-R图
图4.9作业成绩实体E-R图
图4.10课程实体E-R图
图4.11考试成绩实体E-R图
4.3.2逻辑结构设计
1、数据库表结构详细设计
根据3.2小节中所述的系统的功能以及4.3.1小节中的数据描述,设计要用的数据表。
因为这些表之间相互关联,存储着系统的相关数据,所以在设计数据表的过程中,要求设计一个表只存储一个实体或对象的相关信息,不同实体存储在不同的表中。
对于不同的对象或者实体,如果还可以细分,则可以根据当前系统的需求和未来扩展的需要,对实体或对象进行表结构的建立;扩充信息和动态变化的信息要分开放在不同的表里等。
[13]本系统需要设计的数据库表如表4.1所示。
表4.1数据库表
序号
数据库表
数据库存储内容
1
tb_student
存储网站用户的信息
2
tb_Board
存储网站留言板的信息
3
tb_passage
存储资料的信息
4
tb_Teach
存储课程的信息
5
tb_TeachRes
存储考试成绩的信息
6
tb_Work
存储作业的信息
7
tb_WorkAnswer
存储作业成绩的信息
8
tb_BBS
存储公告栏的信息
9
tb_Adm
存储管理员的信息
10
tb_Audio
存储视频的信息
下面详细介绍教师个人教学网站数据库中各表的数据表结构。
学生用户表主要用于存储教师个人教学网站用户的信息,每个用户都可以在这里设置自己的用户信息。
学生用户表tb_student详细数据字段如表4.2所示。
表4.2用户信息表(tb_student)
序号
字段名
数据类型
说明
备注
1
User_id
文本
用户学号
PrimaryKey
2
User_Name
文本
用户真实姓名
3
m_passwd
文本
用户密码
4
m_sex
文本
性别
5
qudui
文本
区队
6
User_Email
文本
电子邮件
7
User_Phone
文本
联系电话
留言板信息表tb_Board的结构如表4.3所示。
表4.3留言板信息表(tb_Board)
序号
字段名
字段类别
说明
备注
1
Topic_id
自动编号
留言板主题编号
PrimaryKey
2
User_id
文本
用户编号
3
Content
文本
留言内容
4
Datatime
日期/时间
发表时间
默认为now()
资料信息表tb_passage将详细说明文章的信息,具体如表4.4所示。
表4.4资料信息表(tb_passage)
序号
字段名
字段类别
说明
备注
1
passage_id
自动编号
资料编号
PrimaryKey
2
passage_Name
文本
资料名称
3
datatime
日期/时间
上传时间
4
address
文本
地址
5
passage_jianjie
备注
资料简介
课程信息表tb_Teach的详细信息如表4.5所示。
表4.5课程信息表(tb_Teach)
序号
字段名
字段类别
说明
备注
1
Teach_id
自动编号
课程编号
PrimaryKey
2
Teach_Name
文本
课程名称
3
Teach_score
文本
课程学分
4
Teach_Content
备注
课程简介
5
Teach_dagang
备注
课程大纲
6
Teach_gaikuang
备注
课程建设概况
7
Teach_shijian
备注
实践教学
8
Teachexam_datatime
日期/时间
考试日期
9
Teachexam_class
文本
考试地点
10
Teach_year
文本
学年
考试成绩信息表tb_TeachRes,其结构如表4.6所示。
表4.6考试成绩信息表(tb_TeachRes)
序号
字段名
字段类别
说明
备注
1
id
自动编号
编号
PrimaryKey
2
User_id
文本
用户编号
3
Teach_id
数字
课程编号
4
Teach_name
文本
课程名称
5
Teach_Res
文本
考试成绩
作业信息表tb_Work,其结构如表4.7所示。
表4.7作业信息表(tb_Work)
序号
字段名
字段类别
说明
备注
1
Work_id
文本
作业编号
PrimaryKey
2
Work_Name
文本
作业名称
3
Work_Datatime
日期/时间
发表时间
4
Work_Content
备注
作业内容
作业成绩信息表tb_WorkAnswer,其结构如表4.8所示。
表4.8作业成绩信息表(tb_WorkAnswer)
序号
字段名
数据类型
说明
备注
1
id
自动编号
编号
PrimaryKey
2
User_id
文本
用户学号
3
Work_id
文本
作业编号
4
Work_Answer
备注
作业答案
5
Work_Res
备注
作业成绩
公告栏信息表tb_BBS,其结构如表4.9所示
表4.9公告栏信息表(tb_BBS)
序号
字段名
字段类别
说明
备注
1
BBS_id
自动编号
公告编号
PrimaryKey
2
BBS_Topic
文本
公告主题
3
BBS_Datatime
日期/时间
发表时间
4
Adm_id
数字
管理员编号
管理员信息表tb_Adm的结构如表4.10所示。
表4.10管理员信息表(tb_Adm)
序号
字段名
字段类别
说明
备注
2
Adm_Name
文本
管理员名称
PrimaryKey
2
Adm_PassWord
文本
管理员密码
3
Adm_RealName
文本
管理员真实姓名
4
power
文本
访问级别
视频信息表tb_Audio,其结构如表4.11所示。
表4.11视频信息表(tb_Audio)
序号
字段名
数据类型
说明
备注
1
Audio_id
自动编号
编号
PrimaryKey
2
Audio_Name
文本
视频名称
3
Audio_bofangName
文本
视频播放名称
4
datatime
日期/时间
上传日期
默认为Now()
5
Address
文本
存储地址
6
Remark
备注
简单介绍
2、数据表之间的关系
图4.12数据表间关系
3、建立数据库的连接
在Dreamweaver8.0中ASP可以通过两种方式与数据库创建连接:
(1)DSN(DataSourceName):
利用系统中的ODBC管理器来设置数据源的名称,即能连接到需要的数据库。
(2)DSN_Less:
设置连接的字符串与设置驱动程序,直接通过ODBC连接到数据库。
[2]
前一种连接方法十分简单,但是在实际用途上却有他的困难之处,因为如果你所使用的网页空间不是自己的主机,或是你没有主机服务器网管的权限,是无法到主机上去设置DSN的。
所以,在教师个人教学网站的开发中,本设计使用了另外一种数据库连接方式:
DSN_Less。
设置完毕后,Dreamweaver会在文件夹中自动新建一个文件夹,以及conn.asp文件,其中有conn.asp文件,连接代码如下:
<%'FileName="Connection_ado_conn_string.htm"
'Type="ADO"
'DesigntimeType="ADO"
'HTTP="false"
'Catalog=""
'Schema=""
DimMM_conn_STRING
MM_conn_STRING="Provider=Microsoft.Jet.OLEDB.4.0;DataSource=D:
\
learning\Dat