教学网站的设计与开发

1、教学网站系统的设计和开发1引言1.1 背景与意义随着计算机网络信息技术的日益进步及其在社会生活各个领域中的应用，它对社会、 教育以及大学产生着迅猛、广泛和深入的影响。网络一经产生，就迅速地在教育中得到广 泛的应用。应用网络进行教学，已经成为当代世界的一个主要趋势。网络也带来了很多负面影响，广大教师和学生家长经常是谈网色变，不少学生整天沉 迷于网络的虚拟世界，无心学习。在当前的学校教育中，遇到某个问题时，老师和学生都 习惯于“网上查资料”，但网络带给我们的往往是失望，因为网络上学术性的资料太少， 而且很分散，也缺乏必要的严肃。有人做过统计，在In ternet中，教育学科类网站只占2.8%。网上

2、能够用于教学和学生开拓视野的资源太少，学生上不良网站的时候居多。如果 说使用多媒体课件是为了让学生更好地进行课内学习，那么，教师建立教学网站则更多地 是帮助学生进行课外学习。教师建立教学网除了帮助学生进行课外学习以外，也是实现教学交往的一种有效环 境。他既可以作为传统课堂教学交往的补充和延伸 （当前以班级授课制为主的教学组织形 式，教师与学生的交往，特别是“点对点”的交往严重不足）;也为师生敞开心扉提供了便利，可以实现师生双方的情感交流（网络交往中主体的虚拟性，可以在一定程度上排除面 对面交往中情感、态度、地位等带来的负面影响）;同时还为教师间的合作与交流提供了平 台。在越来越重视素质教育的今

3、天，这一点越发显得重要和迫切。同时教师建立教学网站， 带有鲜明的个人特色或校本特色，也是其他的商业网站甚至于同行的教学网站无法取代 的，如与学生的交流，随教学进度，学生反应的不同而不断更新的内容。教师建立个人网 站，也可以使自己的思想在网上延伸，精神在网中释放。因此，在目前的情况下，“信息高速公路”已经建成 （对大部分高校而言），“高速公 路”上“货源”的组织是我们广大教师的职责，教师的本质工作一一教书育人，也迫使我 们应该加入到信息建设者的行列中。1.2 国内外研究现状及发展趋势网站，在刚一出现时，就以其强大的资源共享性赢得了无数用户的心，也吸引了很多 国内外很多专家的兴趣，而其后的交互性也

4、奠定了其后迅猛发展的基石，WW技术的出现使这股史无前例的旋风席卷全世界，尤其是近几年来，网站建设业务一直呈快速上升势头， 行业市场越来越大，范围也更加的广阔。任何事物的发展壮大都会引起技术的变革，网站 自然也不会例外，由最初的单纯注入代码到各种编程工具的出现再到各种编程语言的应运 而生，而且随着技术融合与发展，许多在其他行业热门应用的技术如视频、三维动画、虚 拟现实等技术都已经实现向互联网上移植，使得网站的制作技术不断地完善，而新技术的 完善也必将促使网站的设计更具魅力，更富挑战性。如新的网络编程语言（.net技术）和服务器CDN（内容发布网络）技术将使网站结构 更紧密，访问更流畅，更能适应新

5、的要求。从国内外很多专家来看，网站未来很可能有以下几种发展趋势：1. 网络、应用和服务融合今后网络的发展将由应用服务主导，由智能终端将各种应用叠加起来，叠加之后网络 对应地要做到服务的融合，而服务的融合则会推动网络的融合。2. 计算机系统重新整合随着计算机技术（包括软、硬件技术）的发展，以前在计算机里面做的东西会慢慢拿 到网络上做。3. 网络进行整合以前网络的层次分得很清楚，是完全分开的。但是随着技术的发展，以前没什么关系 的技术也会融合在一起，比如说，以前光是光、路由是路由，现在随着新的技术出现，比 如路由技术，变成了光的IP转换。4. 计算机系统结构改变随着网络的发展，网络的带宽越来越宽，

6、网络一样可以有总线，就是说，CP外设、CPU内存中间的总线功能是网络可以实现的，这个改变带来的好处是出现新的概 念：虚拟系统总线。虚拟总线可以带来的最大好处是虚拟化，共享会更理想。将来计算机 本身也会变，现在很多设备本身就在改变，比如把外设拿出来，但没有把内存拿出来。以 后会达到把内存拿出来，已经有一些新的技术往这个方向走了。3系统需求分析3.1 需求分析教育网站是提供教育服务为主的网站，教育网站除了具有一般网站的特点，如多媒体 呈现、交互性、开放性、共享性、灵活性外，还具有比较明确的教育性与科学性。本网站主要以用户（学生）在网上可以进行课程的学习和网上互动为目的， 使用户（学 生）可以在客户

7、端方便的流览教学网站上有关的信息（如教学课件、公告信息、资源信息 等），通过最新公告让学生清楚知道接下来要完成的事，通过网络资源方便找到该课程的 相关资料，通过留言板，提出自己的问题，管理员或教师可以在后台对同学的问题做出回 答，形成一种互动，提高师生之间的沟通和了解，并且还可以是同学之间的交流，加强了 知识的流畅性，能够最大程度的实现课下再次互动学习。而且管理员或教师在后台进行文 章相关操作：发表文章、修改文章、删除文章等。其具体内容大概如下：1. 实现诸多教学环节的网络化本站将实现教学过程中的教学通知、答疑、课堂考勤、作业发布、批改等诸多环节的 网络化，减轻了教师教学负担，提高了教师工作效

8、率。2. 教学网站的自动生成系统本网站适应于各专业课程的教学。实际上是为不具备网站建设知识的教师搭建了一个 网络教学的平台。任课教师只需要录入课程的基本信息，都可以以本平台为基础，创建自 己的网络课程，结构合理、管理方便。3. 以学生自主学习、教师课程管理为主线的网络教学平台对于学生用户而言，登录后的主界面以课程内容导航为主线， 同时配合教学文件查询、 习题、作业、课件浏览等各项学习环节。对于教师用户，登录后的主界面以课程教学管理为主线，允许教师进行课程信息设置、 发布教学文件、教学通知、作业等信息；实现教师在线回收作业并批改作业、设置课件库 等功能；允许教师在线答疑、网上命题等。4. 已建成

9、的网络课程形式丰富、逻辑性强、吸引力高各种现成的课程资源综合使用了文字、数据、图形、图像、视频、音频、动画等多种 媒体技术，符合教学规律和特点，通过听觉视觉的直观效果增加艺术性、实用性，使学生 对课程能够更好地学习和理解，教学内容内在逻辑性强，科学性高，利于提高学生的积极 性，教学效果得以较大幅度地提高。另外其创新点大概如下：支持在线试卷生成，不仅能够手动生成，而且能够自动生成试卷，管理员（教师）只 需要写出各种题型有多少道，并给出各种题型的分数即可生成。另外还想要尝试让生成的 试卷自动符合本校正规的试卷的那种类型，省去了管理员（老师）的大量时间。当然平时 的习题自然就可以自动生成了。最后就是

10、将试卷出题分等级，让它有简单、中等、困难的 各种类型的试卷，当然要实现这些功能可能会有些困难，但其实际意义颇大，也并不是难 以解决的问题。主要的实施方案，技术路线：主要分为3个方面：学生、教师、管理员，他们分为不同的权限。1、学生端包括学生资料、学习公告、作业公告、课程学习、网络答疑、讨论交流、退出系统。2、教师端包括学生资料、学习公告、作业公告、课程教学、网络答疑、讨论交流、退出系统。3、管理员端包括学生管理、教师管理、学院管理、专业管理、班级管理、用户管理、课程管理、 开课管理、讨论管理、退出系统。项目实施方案：首先要解决是就是网站的功能模块，其功能构想大概如下：（1）用户管理系统为保护网

11、站信息的安全性，网站实行用户注册分级授权的认证管理制度，用户必须使 用真实姓名注册才可以得到网站认证；用户登录时，系统自动识别用户的身份及等级并赋 予不同的网站操作权力，网站同时记录用户登录的时间和 IP地址。（2）课程管理系统允许在线增加、修改、删除任意课程的名称、课时、所属专业、学分、类型等属性。 任课教师可以增加或删除允许浏览自己任教课程的信息的用户，其他用户只有被授权后才 可以浏览到该课程的信息。（3）文章发表管理系统允许教师用户发表、修改、删除教学文件、课程通知、课程讲稿等文章。（4）作业上传及批改系统、成绩表下载允许教师发布在线课程作业，学生接到作业通知后可远程下载，学生完成作业以

12、后可 以通过本网站在线提交给任课教师，教师可下载学生作业，批改后可以在线给学生反馈批 改意见，并为作业打分。并尝试让其自动生成 Excel格式的学生成绩表供教师下载，可以 作为教学管理环节的资料以备教学检查、评估之用。（5）课件上传及浏览、下载系统允许教师上传图片、文本、动画、音频、视频等各种格式的课件。发布的课件可以在 课堂教学时直接调出作为教学的辅助材料，也可供学生课后在线反复浏览以加深对知识点 的理解。（6）信息查询允许教师及学生根据关键词、发布时间、发布人等字段在线查询站内所有资料。（7）习题库系统允许教师按照课程、章、节以及单选题、多选题、填空题、简答题、计算题、绘图题 等类别发布、

13、编辑、查询习题。习题属性包括：类型、题干、选项、答案、所属课程及章节、难度等。允许学生浏览、查询各课程习题，并附有习题答案供学生对照。教师发布习题时可以为其选择“公开”或“不公开”属性，设置为“公开”的习题构 成“习题库”，可以供学生平时练习使用；设置为“不公开”的习题构成“试题库”，仅 供被授权的教师浏览，可以作为期末考试试卷的选题。（8）讨论交流提供了教师和学生远程交流的平台，实现了教师与学生间的异地同步双向互动。教师 可以建立专门的课程交流室，学生登录后可以在线留言、提问或相互交流学习经验、学习 资料，教师可以在线解答学生疑问或发布教学信息。学生的问题可以随时提问并能够得到 及时解答，改

14、变了传统教学模式中必须在规定的答疑时间和地点上才能进行师生交流的限 制。师生互动的信息在网站上能够较长时间地保留，学生也可以浏览到其他同学的问题以 及教师的解答，这样既节省了师生的时间，又扩展了师生间历史交流信息的影响性。教学论坛上的师生交流信息可以下载作为教学资料保存，能够达到教学检查、教学评 估等的要求。其次就是实现其构想所要用到的东西以及它的可行性：本网站是以Struts为框架,以Sqlserver作为数据库开发，用ASP.NET实现动态网页 的效果，用DreamWeave，PhotoShop等网页处理工具，保证网站正常使用的前提下，页 面清新淡雅，内容丰富多彩，神形兼备。根据以上的介绍

15、在其技术层面上，该项目在技术可行性上是完全是可行的，而且用到 的都是比较廉价甚至是免费的软件，所以在经济可行性上也是完全具备的，还有其简便的 操作，丰富的资源也使它的操作可行性和社会可行性都是大大的满足。3.2 数据库的分析本课题开发的数据库包括三个方面:1、用户表：存储注册用户有关数网站管理系册用户基本信息数据表、用户登录信丿 数据表及管理员账号管理表。丨 2、论坛留言数据表：存储论坛留言即论坛留言信息数据表。 教师学生信息、数设计与秽4个系统的设人教学程站系统并不 资 学 答:求资从目习的教育制度 习题、作业、浏储教师学生信息。包括学注册与业理课程数据表学是一个和教育、业网络答疑、讨论交流

16、1=1作环境。软件设计必须符合实际教学工作的需 学生教师用户进行课程信 库，允许发教师在线答院管理该系统主要是为了满足查询教学文件、。查允许 置课" 教师管理布学 开课管理、讨论管理、退出系统。流等各项学习环节 息设置、发布教学文件、教学通知、作业等信息料实现教师设览课件疑等班级4.也的主要功能包括学生管理 理、可趁管理、对于管理员来说，他管理、用户管I系统功能模块设计1、用户注册登录功能，得到用户及密码可以登录本系统进行相应权限的操作,“其他人员没有用户密码不能进.入该网站；仃“和2、管理员管理功能，管理员进入网站可以查看或修改自己的信息，也可以进行学生 管理、教师管理、学院管理、

17、专业管bS务班级管理、用户管理、课程管理、开课管理、讨 论管理等功能，可以添加并修改学牛信息、教师信息、学院信息、专业信息、班级信息、 课程信息相应的进入该网 动解答疑、开课信息，其他人员没有木相应的用口密3、教师管理功能，站后可以查看或厝难问题和交谈；能，进入?据提后疑难问J5、本网站的论,教师得到相应的用户和 或修改自己教学牛信息,班可以不能进入该网站;1可以登 录本系 统进行相应权st的 操作, 专传学习内辱，布置作业，I可以与学生互到相息可以查看自己的信息 题和老师交流;坛功能，1=1板户管理本系统课进行相应权限的操作,弓应级勺用户和密程码可 查看老师布置的作业，查看学习内容理查看自己

18、以登用户间1管理员管理业，查能。如管理员管理4.1.2rr前台管理模块|学生管理功能4.1.1修改,此模块T 学生及教师类的疑交流资我资料图公告4-3公教。教师般可以网亠网自己及料、学习、作 修改资料等功师功程交流图4-4学生功能模块图4.3 系统功能实现设计学生、教师、管理员登陆时所包含的内容，由于需要在这些页面中显示相同的板 块信息，因此特别制作了left页面，不必在每张需要这些板块的页面都重做一遍，而是通过调用left页面就能够实现。左边用来提供能够使用的信息，右边用来显示所需要的 信息，从数据库中读取相应的数据内容显示出来，点击标题进入后可以浏览其中具体的内 容。考虑到日后包含的信息较

19、多，因此信息页面都要采用分页显示。图4-5 登陆界面的流程图4.3.1 管理员各项功能实现管理员也都拥有一个用户名和密码，通过输入用户名和密码，进入管理员管理页面。登录 功能的实现采用第一个登录页面让管理员输入自己的账号和密码，然后查询数据库中保存 的用户名和密码进行身份验证，因为每一个用户登录系统都会自动分配一个session，所以我们把验证后的信息存储到session里面，方便后续页面的调用和认证。管理员管理页 面如下图所示，在该页面里通过各个链接，使用各项功能。管理员本人均可查看自己的信 息、作业、学习、课程，添加或删除学生、教师、学院、班级、专业、课程开课等功能以 及实现论坛和答疑等功

20、能。4.3.2 教师用户各项功能实现教师都拥有一个用户名和密码，通过输入用户名和密码，进入教师管理页面。登录功能的 实现采用第一个登录页面让教师输入自己的账号和密码，然后查询数据库中保存的用户名 和密码进行身份验证，因为每一个用户登录系统都会自动分配一个session，所以我们把验证后的信息存储到session里面，方便后续页面的调用和认证。教师管理页面如下图所 示，在该页面里通过各个链接，使用各项功能。教师本人均可查看自己的信息、作业、学 习、课程以及实现论坛和答疑等功能。433 学生用户各项功能实现本系统是学校内部的教学管理系统，用户群体自然是学校内部的学生、教师和学校管理员。登录系统的用

21、户名和密码全部是由学校统一分发和管理的。当然非学生本人即便登录进教 学网站首页后，没有得到用户名和密码也不能进行其他操作。学生都拥有一个用户名和密 码，通过输入用户名和密码，进入学生管理页面。登录功能的实现采用第一个登录页面让 学生输入自己的账号和密码，然后查询数据库中保存的用户名和密码进行身份验证，因为 每一个用户登录系统都会自动分配一个 session，所以我们把验证后的信息存储到 session 里面，方便后续页面的调用和认证。学生管理页面如下图所示，在该页面里通过各个链接， 使用各项功能。学生本人均可查看自己的信息、作业、学习、课程以及实现论坛和答疑等 功能。4.4 留言板设计留言页面

22、由两部分组成：第一是浏览留言，浏览页面按时间顺序从上往下显示，留言 的内容分两块，左边是留言人的卡通头像、姓名、IP地址、邮件以及主页信息，右边又分 为上下两部分，上部显示留言人的表情和发表时间，下部则显示留言信息，管理员还可以 对每个留言信息进行回复。第二是发表留言，游客和会员都可以进行发表，用户在发表留 言时填写个人信息和留言内容，选择表情和头像后点击提交留言就能在浏览页面看到刚发 表的留言信息。管理员则可以通过管理登陆进入管理首页，对留言进行审核，包括修改、回复，固顶,隐藏，删除等等。而且管理员还可以进入管理选项界面修改设置，包括设置留言是否需要 审核才能显示，留言的长度限制，每页显示的留言条数，回复提示、颜色，脏话过滤等。 如果发现用户发布不健康或违法信息则设置需要审核才能显示。此块内容参考了网上其他留言板的设计，其中，脏话过滤功能我个人认为非常实用， 将它引用过来，使得留言板的功能更加地完善。图4-9 留言版流程图5系统测试5.1 系统测试的目的系统测试不是为了表明程序是否正确的，如果只是为了这样，就会设计出一些不易暴 露错误的测试方案，也不会主动去检测、排除程序中可能存在的一些隐患。 对于测试目的， G.J.Myers给出了以下几个观点：（1）测试是为了发现程序中的错误而执行程序的过程。（2）好的测试方案是极可能发现迄今为止尚