搜档网
当前位置:搜档网 › 基于web的精品课程 网站设计与实现

基于web的精品课程 网站设计与实现

基于web的精品课程 网站设计与实现
基于web的精品课程 网站设计与实现

中央民族大学学士学位论文Bachelor Thesis of Minzu University of China

基于web的精品课程网站设计与实现

摘要

精品课程建设是“高等学校教学质量与教学改革工程”的一项重要内容和先期启动的四个项目之一,也是教育部深化教学改革,以教育信息化带动教育现代化的一项重要举措。精品课程网站是精品课程建设和评价的窗口,是精品课程网络化学习的平台,是教师与学生互动交流的媒介,也是精品课程示范幅射的载体。因此,精品课程网站建设意义重大。

本精品课程网站就是为了顺应这一时代要求而设计的。本网站的开发是基于B/S结构,采用ASP程序设计语言及Access数据库进行开发。在本篇文章中,首先对本系统设计的意义和开发工具等做了简要介绍,接着对系统做了详细的需求分析;然后给出了精品课程网站所需的功能,重点探讨了精品课程网站的设计法案;最后对管理员的登录模块、新闻管理模块、文章管理、论坛模块等进行了重点详细介绍,并给出了具体实现步骤;通过测试分析,该系统的运行稳定、可靠,具有一定的实用价值。

关键词:精品课程;网站;资源共享;ASP

Abstract

The establishment of Quality Course is an important element of the "teaching quality and teaching reform project" and one of the early start of the four projects. It is an important measure to further reform the teaching methods and modernize teaching facility through educational informationization. The website establishment of Quality Course is the excellent courses learning platform and a window of communication. It is not only the interaction between teachers and students of the media, but also the excellent course radiation carrier. So, the website establishment of Quality Course is very important.

This Quality Course Website is to comply with the requirements of the times and design. The development of this website is based on B / S structure, using ASP and Access database programming language developed. In this article, the significance of the system design and development tools are briefly introduced at first, then introduced the detailed analysis of system needs; then gives the required Course Website features, focusing on the Course Website Design ; Finally, I introduced the administrator of the login module, news management module, article management, the Forum module for detail, and gives concrete steps to achieve; by test and analysis, the system is stable, reliable, has certain practical value.

Key Words:quality course; website; resource sharing; ASP

目录

一问题阐述 (1)

1.1课题背景 (1)

1.2国内外研究现状 (1)

1.3精品课程网站研究的意义 (1)

二需求分析以及开发工具介绍 (1)

2.1业务及用户需求分析 (1)

2.2系统可行性分析 (6)

2.2.1技术可行性 (6)

2.2.2经济可行性 (7)

2.2.3操作可行性 (7)

2.3系统开发工具介绍 (7)

2.3.1ASP与IIS (7)

2.3.2数据库与Css (9)

2.3.3 eWebEditor (10)

三系统设计 (11)

3.1系统设计指导思想及原则 (11)

3.2系统结构图 (11)

3.3系统功能具体分析 (11)

3.4数据库的设计 (13)

3.4.1概念结构设计 (13)

3.4.2逻辑结构设计 (14)

四详细设计 (15)

4.1网站前台显示模块设计 (15)

4.2管理员登陆模块设计 (19)

4.3新闻及文章管理模块设计 (22)

4.4论坛留言板模块设计 (25)

4.5文件上传模块设计 (27)

4.6图片循环显示模块 (28)

五系统测试 (30)

5.1系统测试 (30)

5.1.1测试的目的 (30)

5.1.2测试的准则 (30)

5.1.3测试的方法 (30)

5.2单元测试实例 (30)

六系统维护 (33)

6.1改正性维护 (33)

6.2适应性维护 (33)

6.3完善性维护 (33)

参考文献 (34)

附录 (35)

英文文献 (41)

致谢 (47)

前言

精品课程是国家教育部关于高等学校教学质量和教学改革工程的重要内容,是彰显学校整体办学水平的重要标志,各高校均十分重视。精品课程网站是精品课程建设和评价的窗口,是精品课程网络化学习的平台,是教师与学生互动交流的媒介,也是精品课程示范幅射的载体。因此,精品课程网站建设意义重大。

本文的主要目的是分析说明精品课程网站的各项功能以及其实现过程。本文的组织结构是这样安排的:“第1部分”从选题背景、国内外对精品课程网站的研究现状以及精品课程研究的意义等方面给大家做一个简要的介绍;“第2部分”精品课程网站的需求分析与开发工具介绍,将着重介绍精品课程的发展概况,系统的需求分析,设计所用的开发环境;“第3部分”精品课程网站的实现,重点介绍精品课程网站各个功能的设计以及系统的执行流程以及如何实现此精品课程网站各功能;“第4部分”网站运行测试与分析,将简要介绍此精品课程网站测试结果,以及通过测试结果所能得出的一些分析情况。

一问题阐述

1.1课题背景

以网络化、数字化、多媒体化和智能化为代表的现代信息技术正在改变着人们的工作、学习与生活方式,也给教育的内容和发展带来了新的发展空间。课程是教育的核心和灵魂,大学课程则是大学培养目标与培养规格的具体化,是高等学校教学工作的重要依据,而精品课程更被上升为学校办学水平的重要标志。高校实施精品课程建设是一项深化教学改革、提高教学质量的系统工程。因此,高校建立一个自己的精品课程网站是十分必要的事情,这不仅是能使更多的人享用宝贵的教育资料源,同时也对于提升学校自身的知名度,提高学生自学能力,有相当大的帮助。

1.2国内外研究现状

在世界范围内来看,有关精品课程网站研究一直都在进行并且不断取得进步,特别是西方发达国家,他们在精品课程的理论研究与实际运用方法积累了大量的经验,虽然我们中国国内在精品课程网站这一方面的研究起步较晚,但我们同样也取得了大量丰硕的成果。目前已有大约750门国家级精品课程上网,为实施和推广精品课程、全面提高教学质量提供了样板。各省、市院校也建立了自己的富有特色的精品课程网站。这些优质的课程资源,已经为其他高校的教学工作起到了先锋模范的样板作用。

1.3精品课程网站研究的意义

高等教育需要网络精品课程,因为它能使学生体验到先进的教学方式,获取大量的学科前沿信息,使他们在大学阶段的学习内容更加丰富,知识面更加宽广,能更快地提高自身的综合素质和能力,适应飞速发展的科学要求及学科之间日趋明显的交叉融合的趋势。可以说,网络精品课程的数量和质量直接地影响到能否打造出符合未来社会发展需求的人才。因此,探索和研究精品课程网站建设的设计原则以及设计、开发的方法,将对网络教育、终身教育以及充分发挥优秀教育资源的价值有很重要的指导意义。

二需求分析以及开发工具介绍

2.1业务及用户需求分析

随着现代信息技术的迅猛发展及广泛应用,传统的教学手段已远远不能适应现代化教学的需要,也不能满足当代大学生的信息需求。由于这种传统的教学手段所传输的信息量较少,在时空有限的课堂教学中,学生难以对课程内容进行充分的理解,并且自主选择式的学习模式不能得到实践,以学生为中心的现代教学理念很难得到实践。

精品课程网站是高等学校教学质量与教学改革工程的重要组成部分。在高等学校精品课程的评审、建设、验收过程中,课程教学网站起着非常重要的作用。精品课程网站对精品课程的网络化具有不可替代的作用,是学生自主学习、教学互动、学习交流的重要平台。

为了实现课程的精品化,在网站的设计中必须注重将无形的教学理念和方法融入到有形的教学资源中,实现资源的实例化、生动化和网络化。以这种思想为指导设计者在规划网站时必须考虑以下几个原则问题。

(1)内容充实

为了将待建学课程精品化,在网站的构建上必须充分考虑教与学的互动性,如设置清晰简洁的导航菜单,提供丰富详尽的教学资源.以多种形式卖现师生之间的交流等,来体现课程的精品性。教学网站应围绕“教学”这一主题尽量使其内容丰富,具备大量的学科素材,以满足不同专业、不同学科、不同级别学生的需要以及个别化学习的需要。

(2) 体现教学资源

教学网站的功能主要是为教学服务,在介绍学科知识体系、提供教学参考资料、相关题集和相关链接的基础上,结合实际情况,有重点地突出本学科的特色栏目。系统全面的教学资料能够帮助学习者理解和掌握教学要点。

(3) 模块化

模块化能大大提高系统的可管理性和可维护性.使整个教学系统能成为一个真正清晰明了的有机系统。模块化便于修改、扩充。采用模块化设计后,在维护时可以直接对某一需要改动的模块进行修改,从而能够有效降低网站不断更新带来的麻烦。

(4) 平台兼容性

目前,各种操作系统和各种版本的浏览器.都具备相似的访问站点的功能。用户只要选择一个合适的浏览器就可以访问Internet上发布的信息资源。

(5) 实现互动性

网络作为一种优势媒体能够得到迅速普及,在于它的实时性和可交互性。为搭建师生

交流的平台网站必须具备较强的交互能力。在Web网页的设计中,有这样几种常用的方式:(1)上网访问方式。教师可以在网上发布每门课程的标准化作业题、模拟试题以及在线测试等,学生可以下载到本机上完成作业,自己评判结果,并将疑问反馈给老师。

(2)e-mail电子邮件方式。学生可获得本教学网站提供的电子邮箱地址。通过电子邮箱师生可以讨论问题、提取或提交作业等。 (3)电子公告方式。学生可以把具有代表性的问题张贴到留言板上,管理员将相关问题整理为常见问题或公告发表在网站明显的位置上,供其他有同样疑问的学生方便浏览。

该系统主要面向的用户人群为:

(1)教师,作为教学资源的提供者,精品课程的申报者

(2)广大同学,作为网站的主要使用者

(3)管理员,作为后台管理者和网站维护者

精品课程网站建设的目标是使教学更加方便,方便学生在家或寝室自己学习,提高学生自学能力,也节省学生、老师的时间。要求所设计系统操作方便、更新及时、易于维护管理。拥有动态新闻;网上答疑;课程教学等基本功能。学生进入网站后可根据系统功能对该课程进行信息浏览,查看课件,查看动态新闻,提出问题及学习等;教师进入网站后也可对课程的一些信息进行浏览,对学生提出的问题进行回复,而后台管理员需要进入系统对网站进行维护,更新信息、修改信息或者删除某些信息。

因此该系统需要满足的需求为:

为使用户操作方便,要求有良好的人机界面。

学生查看新闻,下载课件,网上提问等。

教师查看学生提出的问题并进行回答。

管理员发布新闻,整理留言和教学资源等。

用例图如下:

图2. 1学生用例图

名称:学生操作

说明:学生进入前台进行操作

参与者:学生

基本操作流程:学生可以查看新闻,通过系统分类选择感兴趣的课程资料,查看、下载教师信息和学习资料,也可通过留言板进行交流。

图2. 2管理员用例图

用例描述:

名称:管理员操作

说明:管理员进入后台进行操作

参与者:管理员

前置条件:管理员登陆

假设:常有教师更新资料

基本操作流程:管理员登陆后,可以进行新闻管理,文章管理,留言管理,用户管理。

可选操作:常规设置管理。

图2. 3教师用例图

名称:教师操作

说明:教师将资料交与管理员或在前台进行操作

参与者:教师

假设:常有学生提出疑问

基本操作流程:教师通过管理员提出精品课程申请,提供教学资料,或者在前台浏览学生留言并进行答疑。

可选操作:申请精品课程

后台管理时序图:

图2. 4后台管理时序图

2.2系统可行性分析

2.2.1技术可行性

硬件:计算机的存储量大,运算速度快,成本较低,外部设备的功能好、效率高、可靠性高,通信设备的能力、质量都满足要求。

系统软件:本系统主要采用B/S结构,其中B/S部分采用ASP技术来实现,由前台用户使用、后台系统管理部分两大部分组成,不需安装客户端,被授权用户通过浏览器即可登录系统。

服务器以Windows 2000/2003为操作系统,Access为数据库,主体程序以Asp技术实现,IIS实现Web发布。

客户端以Windows98/ME/NT/XP/2000/2003为平台,用IE浏览器进行系统登陆和页面

浏览。

ASP技术是比较成熟的WEB开发技术,使用它可以创建和运行动态、交互的Web服务器应用程序,后台数据库是采用Access建库。

在B/S三层体系结构系统中,用户通过客户端浏览器向网络上的服务器发出请求,服务器对浏览器的请求进行处理,将用户所需信息返回到浏览器。B/S结构简化了客户机的工作,客户机上无需配置客户端软件。服务器将担负更多的工作,对数据库的访问和应用程序的执行将在服务器上完成。浏览器发出请求,而其余如数据请求、加工、结果返回以及动态网页生成等工作全部由Web Server完成。实际上B/S体系结构是把二层C/S结构的事务处理逻辑模块从客户机的任务中分离出来,由Web服务器单独组成一层来负担其任务,这样客户机的压力减轻了,把负荷分配给了Web服务器。这种三层体系结构如下图所示:

HTTP

图2.5 B/S三层体系结构图

2.2.2经济可行性

从经济角度看,投资要小于回报,决策者才会实施计划。本系统的开发过程所进行的投资为书费和网费、电费,投入很少,而做出的系统运行后将大大方便学生学习交流,性价比极高。

2.2.3操作可行性

本系统的开发对于初学者来说大概需要六个月的时间完成。前期主要是以学习以及收集资料为主,接下来就是对系统的分析,做数据库,界面,以及中间的连接。对于相关专业的人来说是可行的。

综上所述,网站建设在技术上、经济上、操作上都是可行的。

2.3系统开发工具介绍

2.3.1ASP与IIS

(1)ASP

近年来随着Internet技术的飞速发展及用户需求的不断升级,Web页面技术也不断的推陈出新,使得Web站点的功能越来越强大,能够提供的服务种类越来越繁多。从HTML、

Client Script 到CGI,从JA V A的诞生到ActiveX, Web页面设计人员不断受到冲击,微软公司在总结了以往技术,重新思考Web页面设计的真正需要后,推出了Active Server Pages (ASP),一种用以取代CGI(Common Gateway Interface,通用网关接口)的技术。

用ASP无须复杂编程,即可开发出专业的动态Web站点。ASP的出现给以静态内容为主的Web带来全新的动态效果,使站点更具灵活和方便的交互能力。客户端脚本是指客户端内嵌的描述语言,不在服务器端执行的语句。通常是使用VBScript或JavaScIit来实现。编写客户端脚本最大的优点就在于其可由浏览器解释执行。不需增加服务器的负担;另外,客户端脚本是在客户端解释执行,它可以实现服务器端脚本所不能实现的一些绚丽的特效.客户端脚本也存在一定的局限性,由于它是在客户端解释执行。数据须预先设定,不便后台DB内容的实时更新,而ASP最大的优势就在于它能与后台数据库进行信息交换,其特点是使用简单、方便,开发周期短、开发效率高。

简单讲,ASP是位于服务器端的脚本运行环境,通过这种环境,用户可以创建和运行动态的交互式Web 服务器应用程序,如交互式的动态网页,包括使用HTML 表单收集和处理信息,上传与下载等等。更重要的是,ASP使用的ActiveX技术基于开放设计环境,用户可以自己定义和制作组件加入其中,使自己的动态网页几乎具有无限的扩充能力,这是传统的Web编写工具所远远不及的地方。

(2)IIS服务

IIS(Internet Information Server)是微软推出的Windows NT Option Pack的主要成员,作为Windows NT的扩展,自推出以来已经有了很大发展,其体系结构是当今市场上最受关注的Web服务器之一。IIS5.0版本增强了系统安全性,具有服务器端脚本开发调试,内容管理和站点分析,崩溃防护,全面支持ASP等强大功能。

(3) ASP与IIS的结合

在过去,客户机/服务器结构的设计与Web的相关技术几乎处于平行线上,两者相互独立并无法做出集成性的设计。现在我们利用IIS+ASP构成三层式系统结构的中间一层,将客户机/服务器结构与Web密切结合,完成前后端两者的集成输出功能,使得Web站点的开发更方便,实现的功能更强大。

利用IIS+ASP技术来集成系统前后端所带来的强大效益可归结为以下几个方面:

减少构建和维护成本

加快联机过程

应用软件集中在服务器端开发管理

前端可使用任何浏览器(IE、Netscape…..)

后端可存取任何数据库(SQL、Access…..)

可使用任何脚本语言开发(VBScript、JavaScript、PERL…..)

2.3.2数据库与Css

(1)Access介绍

本系统采用Access 2000作为数据库平台。Access 2000是一种关系是数据库,能汇集各种信息以供查询、存储和检索。Access的优点在于它能使用数据表示图或自定义窗体筹集信息。数据表示图提供了一种类似于Excel的电子表格,可以设数据库一目了然。事实上,Access不仅是一个数据库,而且它具有强大的数据管理功能,可以方便地利用各种数据源,生成窗体(表单)、查询、报表和应用程序等。

对于小型的数据库应用需求,微软的Access数据库,应该是与ASP程序配套使用的首选。由于Access数据库的ODBC驱动程序支持的SQL指令全,执行效率高,所以Access 后台数据库+ASP服务器端程序+客户端IE浏览器,是一个精练实用高效的组合模式。

(2)Css介绍

CSS是一组格式设置规则,用于控制Web页面的外观。通过使用CSS样式设置页面的格式,可将页面的内容与表现形式分离。页面内容存放在HTML文档中,而用于定义表现形式的CSS规则则存放在另一个文件中或HTML文档的某一部分,通常为文件头部分。将内容与表现形式分离,不仅可使维护站点的外观更加容易,而且还可以使HTML文档代码更加简练,缩短浏览器的加载时间。

HTML 标签原本被设计为用于定义文档内容。通过使用

这样的标签,HTML 的初衷是表达“这是标题”、“这是段落”、“这是表格”之类的信息。同时文档布局由浏览器来完成,而不使用任何的格式化标签。

由于两种主要的浏览器(Netscape 和Internet Explorer)不断地将新的HTML 标签和属性(比如字体标签和颜色属性)添加到HTML 规范中,创建文档内容清晰地独立于文档表现层的站点变得越来越困难。

为了解决这个问题,万维网联盟(W3C),这个非营利的标准化联盟,肩负起了HTML 标准化的使命,并在HTML 4.0 之外创造出样式(Style)。

所有的主流浏览器均支持层叠样式表。

层叠样式表极大地提高了工作效率。样式表定义如何显示HTML 元素,就像HTML 3.2 的字体标签和颜色属性所起的作用那样。样式通常保存在外部的.css 文件中。通过仅仅编辑一个简单的CSS 文档,外部样式表使你有能力同时改变站点中所有页面的布局和外观。

由于允许同时控制多重页面的样式和布局,CSS 可以称得上WEB 设计领域的一个突破。作为网站开发者,你能够为每个HTML 元素定义样式,并将之应用于你希望的任意多的页面中。如需进行全局的更新,只需简单地改变样式,然后网站中的所有元素均会自动地更新。

2.3.3 eWebEditor

图2. 6编辑器界面效果图

eWebEditor是一个基于浏览器的在线HTML编辑器,WEB开发人员可以用她把传统的多行文本输入框“textarea” 替换为可视化的富文本输入框。

eWebEditor主要功能在于不需要在客户端安装任何的组件或控件,操作人员就可以以方便、易用的界面创建和发布网页内容。

本网站的后台管理建设中的新闻编辑和文章编辑部分使用到了此编辑器,eWebEditor 使用简单,非常容易与现有系统集成,只需用几行代码便可以调用此编辑器。

三系统设计

3.1系统设计指导思想及原则

实用性。以用户需求为指导,符合实际的开发条件,切实解决在线课程教学的实际问题。

先进性。计算机环境配置必须满足所提出的目标和所要实现的功能、指标等要求。体系结构、开发设计方法等要具有先进水平。

可靠性。在误操作的情况下,要能保证系统正常运行。

安全性。根据精品课程网站的特点和要求,制定相应的安全策略和安全机制。

友好性。提供友好的用户界面,简单、直观、易于使用、方便操作。

3.2系统结构图

根据需求分析和方案设计,可得到系统结构图如下:

图3. 2系统结构图

3.3系统功能具体分析

用户来到网站后,可以根据自己的需求查找自己感兴趣的课程,下载课件,浏览、下载视频及相关资料,在遇到困难时可以在留言板上留言讨论,查找相关课程的教室联系方式,通过网站直接给老师或管理员发送邮件提问。教师的职责是提供相关教学资料,给同学解答疑问。而管理员管理的功能为新闻管理、文章管理、版面设置、用户管理、论坛管理以及负责整理回答同学们的疑问。

故系统基本功能如下:

1.板块显示

新闻、课件、视频、相关材料等分版块显示,方便用户查找所需信息。界面清晰,美观易用。

2.管理员登陆

管理员只有在登陆后才能够对论坛内容进行管理,进行新闻管理、文章管理、留言管理、用户管理等,维护网站的正常运行。密码或账户错误则不能登录。

3.管理员注册

系统中有一个初始管理员,只有管理员才能添加新管理员,注册新管理员时要保证用户名不能重复,密码不可为空,否则将不能注册,管理员还可管理其他管理员的密码及删除其他管理员。

4.新闻管理

分为新闻添加、新闻管理和类别管理三部分,由管理员新闻的添加删除和分类,还可对已存在的新闻实施排序。

5.文章管理

文章管理的基本功能同新闻管理,但可对精华的文章设为推荐。

6.用户留言

无需登录即可查看、发表留言,回复留言,为有疑问的学生提供一个交流和互动的平台。留言发表时必须有发表者姓名、帖子姓名及内容,缺一则不能发表。只有管理员有权利删除别人的帖子。

7.留言管理

管理员可删除不良的或无用的帖子,对精华帖子进行置顶,推荐,对同学提出的疑问帖子进行回复留言。

8.辅助功能

论坛还提供一些辅助功能,如发送电子邮件,在线观看视频,图片管理,底部信息管理等。用户直接点击网站上所提供的邮箱地址即可发送电子邮件。管理员可更换页面上循环现实的图片以及页面上显示的底部信息。

故系统总流程图如下:

图3. 1 总流程图

3.4数据库的设计 3.

4.1概念结构设计

概念结构设计是数据库设计的核心。概念结构独立于数据库的逻辑结构,也独立与所使用的具体的数据库管理系统。概念模型(E-R 模型)的组成元素有:实体、属性、联系,E-R 模型用E-R 图表示。实体是用户工作环境中所涉及的事务,属性是对实体特征的描述,系统总体E-R 图如下所示。

图3.3系统E-R图

3.4.2逻辑结构设计

系统实体及其属性描述如下:

(1) 管理员{管理员ID,管理员名,管理员密码}

(2) 新闻{新闻类别ID,新闻ID,新闻标题,新闻内容,作者,文章来源,发表时间,点击次数}

(3) 新闻类别{ID,名称}

(4) 文章{文章类别ID,文章ID,文章标题,文章内容,作者,文章来源,发表时间,点击次数}

(5) 文章类别{ID,名称}

(6) 图片{图片ID,图片名称,链接地址,图片地址}

(7) 留言信息{帖子ID,作者名称,发表时间,帖子标题,文章内容}

相关主题