毕业设计怎么做_精品课程网站的设计与实现毕业设计

      毕业论文 精品课程网站的设计与实现 ——ASP动态网站的开发与制作 作  者 系(院) 专  业 年  级 学  号 指导教师 论文成绩 日  期 目 录 1 绪论 1 1.1 引言 1 1.2 开发背景及意义 1 1.3 研究现状 2 1.4 开发目标 2 2 基于信息技术的现代学习理念 2 2.1 E-learning、泛在学习、移动学习 2 2.1.1 E-learning 2 2.1.2 泛在学习 3 2.1.3 移动学习 3 2.2 精品课程网站功能设计 4 2.2.1 数据库连接文件 4 2.2.2 管理登录和注销 4 2.2.3 界面头设计 4 2.2.4 界面尾设计 4 2.2.5首页的设计与实现 5 2.2.6 新闻公告/文章管理 5 2.2.7 eWebEditor的应用及实现 6 2.2.8 交流论坛的实现 6 3 基本理论知识及开发工具介绍 7 3.1 ASP技术 7 3.2 Dreamweaver开发工具 7 3.3 IIS服务 7 3.4 Access服务器工具 7 3.5 eWebEditor编辑器 8 4 开发过程 8 4.1 系统总体分析 8 4.1.1 可行性分析 8 4.1.2 功能模块划分 9 4.1.3 采用主要技术的分析 12 4.1.4 数据分析 13 4.1.5 数据流图 13 4.2 数据库的分析及设计 13 4.2.1 数据库的概念结构设计 13 4.2.2 数据库逻辑结构设计 14 4.2.3 数据库的完整性和安全性 16 4.3 系统总体设计 17 5 精品课程网站的几个关键技术 18 5.1 精品课程网站中音视频应用中的问题 18 5.2 精品课程网站交互功能 18 6 测试 19 6.1 测试目的 19 6.2 测试方法 19 6.3 测试用例 19 7 结束语 21 8 致谢 21 精品课程网站的设计与实现 摘 要:此篇论文主要研究了精品课程网站的开发过程,目标是向大学所学习相关课程的学生提供一个知识交流平台,并为任课教师建设一个教学资源管理信息系统。系统以Html、Asp语言为依托,使用Access作为系统数据库,IIS作为服务器,利用Javascript、Actionscript 作为脚本语言,采用Flash、Css样式美化页面。论文首先介绍了精品课程网站建设的现状和意义,然后对网站进行了可行性分析和需求分析,并介绍了精品课程网站所实现的功能。通过测试分析,该系统运行稳定可靠,最后对系统进行了总结和展望。

关键词:精品课程;
ASP;
IIS;
Access;
Css 1 绪论 1.1 引言 在21世纪这个信息高度发达,并且高速流通的时代,计算机的普及以及计算机网络技术的应用,让大量普通人能够有机会接触到比以往更多的知识。作为一个以传播知识为主要职能的机构——学校建立一个自己的精品课程网站是十分必要的事情,这不仅是能使更多的人享用宝贵的教育资料源,同时也对于提升学校自身的知名度,提高学生自学能力,有相当大的帮助。

1.2 开发背景及意义 高等教育为国家培养了大量有用人才和建设者。为了提高教学质量,适应形势发展的需要,我国高等教育也在不断进行变革。在2003年,教育部提出了实施“高等学校教学质量与教学改革工程“。而精品课程建设就是“高等学校教学质量与教学改革工程”的一项重要内容和先期启动的四个项目之一。精品课程的建设目标是建设具有一流教师队伍、一流教学内容、一流教学方法、一流教材、一流教学管理等特点的示范课程。精品课程是教育部深化教学改革,以教育信息化带动教育现代化的一项重要举措。它将引导广大高等学校进一步巩固教学工作的中心地位,在切实加强教学建设、提高教学质量的基础上改善、加强高校信息化条件建设,利用现代化教育信息技术手段将优质的教学资源上网并共享,使全国其他高校在实施同类课程教学的过程中能够借鉴、使用这些优质的教学资源,在更大范围内提高高等学校的教学和人才培养质量。精品课程的建设是学校课程教学工作中一个重要的内容,为了使学生和老师之间有多角度,多渠道的沟通,以及及时、有序和高效地完成教学任务,及时了解学生当前的状态,精品课程的建设就显得尤为重要。

我国高等教育实现了历史性的跨越,使我国高等教育进入国际公认的大众化教育阶段。高等教育规模取得如此快速的发展,而且教育质量仍然不断提高,创造了世界教育发展史上的奇迹。但是,我国是发展中国家办大教育,而且是世界上最大规模的教育。人民群众不断增长的教育需求同教育供给特别是优质教育供给不足的矛盾,是现阶段教育发展面临的基本矛盾。教育投入严重不足,教育基础设施和教师队伍的水平都远远不能适应教育现代化的要求。要在高等教育规模持续增长的情况下,继续保持教育质量的不断提高,是我们面临的前所未有的严峻挑战。网络教学是缓解这种现状的一个方法,而精品课程为网络教学提供了一个很好的网络教材,使网络能够很好的教学。网上的资源通过教学网站来进行发布,有条件的学生可以通过学习教学网站的课件来学习,这样不用实时实地的进行学习,可以使学生可以更好的分配时间来学习。精品课程的建设极大缓解了我国教育力量不足的压力。

1.3 研究现状 在世界范围内来看,有关精品课程网站的研究一直都在进行并且不断取得进步,特别是西方发达国家,他们在精品课程的理论研究与实际运用方法积累了大量的经验,虽然我们中国国内在精品课程网站这一方面的研究起步晚,但是我们同样也取得了大量丰硕的成果。各个高校相继创建了各自的精品课程网站,清华大学,北京大学等一批知名学府利用自身的资源优势,引领中国国内精品课程网站的发展方面。政府的大力支持,各高等学府的积极配合,使得我们国内精品课程网站的研究取得了不俗的成就。

1.4 开发目标 如果从一个较低层次来理解什么是精品课程网站。那么首先它是一个网站,因此它必须具备一个网站所应该拥有的开放性、可用性、安全性、可维护性等属性。要做到这些,就必须要求在设计与实现过程中更多去了解与网络有关的知识。其次,精品课程网站设计与实现的主要目的是传播知识,因此它必须具备一些与教育有关的功能,比如考试、答疑等功能。作者认为精品课程网站应该是一个与时代接轨的产物,因此还应该具备这个时代所必须的一些特性,比如信息化、高效、远程、资源共享等特点。因此,本文的主要目的是分析说明精品课程网站研究应具有的各项功能以及其实现过程。

2 基于信息技术的现代学习理念 2.1 E-learning、泛在学习、移动学习 2.1.1 E-learning E-Learning:英文全称为(Electronic Learning),中文译作“数字(化)学习”、“电子(化)学习”、“网络(化)学习”等。不同的译法代表了不同的观点:一是强调基于因特网的学习;
二是强调电子化;
三是强调在E-Learning中要把数字化内容与网络资源结合起来。三者强调的都是数字技术,强调用技术来改造和引导教育。在网络学习环境中,汇集了大量数据、档案资料、程序、教学软件、兴趣讨论组、新闻组等学习资源,形成了一个高度综合集成的资源库。

E-Learning并不只是意味着远距离的教育,在线教学同样可以在传统校园教学中发挥重要的作用,同样,在远程网络教育中,一些常规的教学手段与教学方法同样是非常重要的。E-Learning完全取代传统的课堂教学是不现实的,传统课堂教学在知识传授、社会性、互动性方面具有巨大优势。

E-Learning进入校园,并不是对传统教学替代式的进入,而是不断与传统教学相互碰撞,在碰撞中逐步融合,在融合中不断补充和完善,形成实践中有效可行的信息技术环境下的教学方法体系。

可以说,在线教学与传统教学优势互补的混合式教学并不是一种全新的教学方法或理论,而随着教育信息化的深入,人们的教育思想观念从表面上看是在回归,而实际上是按螺旋方式上升的一种体现。

E-Learning不能完全取代面授学习。许多中国的业内人士也期待着网络学习的浪潮能够给应用者带来更多价值,同时也给这个产业带来更多的收益。但事实是E-Learning没有取代面授学习,却遭遇被边缘化的危险。究其原因,E-Learning只能解决企业培训过程中的一部分问题,而在培训效果方面,缺乏了课堂效果的营造和积极的教学互动,培训效果就会大打折扣。就像很多人在培训现场会热血沸腾,而看视频学习却会哈欠连天一样,培训效果的保证与受训者的受控状态密不可分。为了进一步深化 E-Learning的应用,提升E-Learning的培训效果,国际教育技术界在对“网络化学习”深入思考后提出了“混合式学习(Blended Learning)”。

2.1.2 泛在学习 泛在学习(U-Learning),顾名思义就是指无时无刻的沟通,无处不在的学习,是一种任何人可以在任何地方、任何时刻获取所需的任何信息的方式。就是利用信息技术提供学生一个可以在任何地方、随时、使用手边可以取得的科技工具来进行学习活动的4A(Anyone,Anytime,Anywhere,Anydevice)学习。

泛在学习创造智能化的环境让学生充分获取学习信息,这与让学生到图书馆或学校进行学习或通过网络获取学习信息有很大的差异。泛在学习的目标就是创造让学生随时随地、利用任何终端进行学习的教育环境,实现更有效的学生中心教育。在泛在学习环境中,学生根据各自的需要在多样的空间、以多样的方式进行学习,即所有的实际空间成为学习的空间。知识的获得、储存、编辑、表现、传授、创造等的最优化的智能化环境将提高人们的创造性和问题解决能力。

泛在学习(U-learning)是数字学习(E-learning)的延伸,克服了数字学习的缺陷或限制。由于移动通信技术的进步,移动学习(M-Learning)逐渐引入 泛在学习体系。

2.1.3 移动学习 移动学习(Mobile Learning)是一种在移动计算设备帮助下的能够在任何时间、任何地点发生的学习,移动学习所使用的移动计算设备必须能够有效地呈现学习内容并且提供教师与学习者之间的双向交流。

移动学习在数字化学习的基础上通过有效结合移动计算技术带给学习者随时随地学习的全新感受。移动学习被认为是一种未来的学习模式,或者说是未来学习不可缺少的一种学习模式。

正确理解移动学习的内涵应该从以下几个方面来把握:
首先,移动学习是在数字化学习的基础上发展起来的,是数字化学习的扩展,它有别于一般学习。Sun公司的E-learning专家Michael Wenger针对移动学习提出了他独到的见解,他认为移动学习并不是什么新鲜事物,因为在传统学习中印刷课本同样能够很好的支持学习者随时随地进行学习,可以说课本在很早以前就已经成为支持移动学习的工具,而移动学习也一直就在我们的身边。

其次,移动学习除具备了数字化学习的所有特征之外,还有它独一无二的特性,即学习者不再被限制在电脑桌前,可以自由自在、随时随地进行不同目的、不同方式的学习。学习环境是移动的,教师、研究人员、技术人员和学生都是移动的。

最后,从它的实现方式来看,移动学习实现的技术基础是移动计算技术和互联网技术,即移动互连技术;
实现的工具是小型化的移动计算设备,或者如Quinn所说的IA设备。Sariola等人在对移动学习的概念进行讨论的过程中,对移动学习实现的设备从特征上作了这样的一个分析:可携带性(portability),即设备形状小、重量轻,便于随身携带;
无线性(wireless),即设备无需连线;
移动性(mobility),指使用者在移动中也可以很好的使用。

我国在未来的二十年中,移动学习的发展将经历三个阶段:基础环境建设阶段,知识体系化建设阶段和学习服务建设阶段,每个阶段间的过渡是迭代循环的过程。

2.2 精品课程网站功能设计 2.2.1 数据库连接文件 为了操作数据库方便,把连接数据库、查询、更新、插入、关闭连接等数据库操作都写在一个公用文件Conn.asp中,这样其他页面引入这个页面,就可以调用数据库操作方法,操作数据库了,这样便于提高程序的重用性。

图1 数据库连接文件代码 2.2.2 管理登录和注销 把判定登录和注销的程序写在admin.asp中。当用户输入用户名和密码请求登录时,先从数据库查询该用户的用户名和密码是否正确,如果正确则把该用户的用户名和密码,写入用户Cookie,这样其他页面如果需要用户登录才能访问,只需要从Cookie取用户的用户名,如果能取得,则说明用户已经登录,否则用户未登录。当然用Cookie记录用户登录是有风险的,最好用Session记录。注销只需要设置记录用户的Cookie过期就可以了。

图2 登录 2.2.3 界面头设计 为了体现简洁明快的风格,界面头不打算用很复杂的动画图片,顶部直接安排一个导航栏,让用户可以在各个页面之间方便的切换;
为了体现个性化,需要为用户在导航栏下留出一片个性空间,让用户可以安置主题和LOGO图标。

图3 界面上部 2.2.4 界面尾设计 界面尾部,一般声明一些版权信息,是否有ISP登记,联系信息等,本站只需声明一下版权就可以了。

图4 界面下部 2.2.5首页的设计与实现 首页是一个网站的窗口,长久留住一个用户靠网站强大的功能和丰富的内容,要想吸引用户,首页的设计精美和人性化也是重要的因素。首先是给浏览者留下的第一印象。所以设计要精美;
首页是网站的导航图,所以设计要人性化,重点层次突出。

网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型,此次设计所采用是“国”字型。

“国”字型,也可以称为“同”字型,是一些大型网站所喜欢的类型,即最上面是网站的标题以及横幅广告条,接下来就是网站的主要内容,左右分列一些两小条内容,中间是主要部分,与左右一起罗列到底,最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是我们在网上见到的差不多最多的一种结构类型。

网页配色很重要,网页颜色搭配是否合理直接影响到访问的情绪。好的色彩搭配会给访问者带来很强的视觉冲击力,不恰当的色彩搭配则会让访问者浮躁不安。

此次设计选用的是蓝色系,蓝色非常纯净,通常让人联想到海洋、天空、水、宇宙。纯净的蓝色表现出一种美丽、冷静、理智、安详与广阔。由于蓝色沉稳的特性,具有理智、准确的意象,另外蓝色也代表忧郁,这事受了西方文化的影响,这个意象也应用在文学作品或感性诉求的商业设计中。

图5 首页展示 2.2.6 新闻公告/文章管理 此部分功能设计主要是可以发表文章,显示当前用户所写的所有文章,并能修改或者删除现有文章。

图6 公告管理 2.2.7 eWebEditor的应用及实现 eWebEditor不需要在客户端安装任何的组件或控件,操作人员就可以以直觉、易用的界面创建和发布网页内容。可以通过eWebEditor自带的可视配置工具,对eWebEditor进行完全的配置。

eWebEditor是非常容易与您现有的系统集成,简单到您只需要一行代码就可以完eWebEditor的调用。

图7 ewebeditor调用代码 图8 ewebeditor效果 2.2.8 交流论坛的实现 论坛全称为Bulletin Board System(电子公告板)或者Bulletin Board Service(公告板服务),是Internet上的一种电子信息服务系统。它提供一块公共电子白板,每个用户都可以在上面书写,可发布信息或提出看法。它是一种交互性强,内容丰富而及时的Internet电子信息服务系统,用户在BBS站点上可以获得各种信息服务、发布信息、进行讨论、聊天等等。

图9 交流论坛 3 基本理论知识及开发工具介绍 通过对网站功能及应用各方面的综合分析,网站采用ASP技术即动态服务器页面技术,以Dreamweaver作为主要设计工具,在此基础上运用图形处理软件Photoshop、动画制作软件Flash、代码编辑软件Notepad++、互联网基本服务IIS、简易ASP网页服务器Aspweb等进行辅助设计,并通过eWebEditor编辑器的应用简化了设计与操作。数据库设计采用Access数据库开发工具,通过 ADO 对象访问数据库,最终建设成一个有持久生命力兼容性、安全性、可扩展性良好并可以满足师生获取信息和服务的教学网站。

3.1 ASP技术 ASP是Active Server Page的缩写,意为“动态服务器页面”。ASP是微软公司开发的代替CGI脚本程序的一种应用,它可以与数据库和其它程序进行交互,是一种简单、方便的编程工具。ASP的网页文件的格式是.asp。现在常用于各种动态网站中。

使用 ASP 可以组合 HTML页、VBScript脚本命令和JavaScript脚本命令等,以创建交互的 Web 页和基于 Web 的功能强大的应用程序。由于脚本程序是在服务器上而不是在客户端运行,传送到浏览器上的 Web 页是在 Web 服务器上生成的。所以不必担心浏览器能否处理脚本:Web 服务器已经完成了所有脚本的处理,并将标准的 HTML 页面传输到浏览器。

ASP是服务器端的脚本执行环境,可用来产生和执行动态的高性能的WEB服务器程序。当用户使用浏览器请求ASP主页时,WEB服务器响应,调用ASP引擎来执行ASP文件,并解释其中的脚本语言(javascript或vbscript),通过ODBC连接数据库,由数据库访问组件ADO(active data objects)完成数据库操作,最后ASP生成包含有数据查询结果的HTML主页返回用户端显示。

3.2 Dreamweaver开发工具 Dreamweaver是建立Web站点和应用程序的专业工具。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。从对基于CSS的设计的领先支持到手工编码功能,Dreamweaver提供了专业人员在一个集成、高效的环境中所需的工具。

3.3 IIS服务 IIS是Internet Information Server的缩写,它是微软公司主推的Web服务器, 最新的版本是Windows2000里面包含的IIS 5.0,IIS与Window NT Server完全集成在一起, 因而用户能够利用Windows NT Server和NTFS(NT File System,NT的文件系统)内置的安全特性, 建立强大、灵活而安全的Internet和Intranet站点。

IIS的一个重要特性是支持ASP。

3.4 Access服务器工具 Access数据库是集成在Microsoft公司开发的产品更新换代Office系统中的集成软件。

Access是一个数据库管理系统,它之所以被集成到Office中而不是Visual Studio中,是因为它与其它的数据库管理系统(如Visual FoxPro)相比更加简单易学,一个普通的计算机用户即可掌握并使用它。而且最重要的一点是,Access的功能足够强大,足以应付一般的数据管理及处理需要。

ODBC(Open Database Connectivity开放式数据库互联)是微软推出的一种工业标准,一种开放的独立于厂商的API应用程序接口,可以跨平台访问各种个人计算机、小型机以及主机系统。ODBC作为一个工业标准,绝大多数数据库厂商、大多数应用软件和工具软件厂 商都为自己的产品提供了ODBC接口或提供了ODBC支持,这其中就包括常用的SQL SERVER、ORACAL、INFORMIX等,当然也包括了Access。

ASP访问数据库的几种方式:在ASP脚本中可以通过三种方式访问数据库:
IDC(Internet Database Connector)方式;

ADO(ActiveX Data Objects)方式;

RDS(Remote Data Service)方式;

这三种访问方式对数据库的访问是由Internet Information Server来完成的。Web浏览器用HTTP协议向Internet信息服务器(IIS)递交请求。Internet信息服务器执行访问数据库的操作,并以一个HTML格式的文档作为回答。在本程序中我使用的是第二种方式,即ADO方式。

在Web服务器运用Web应用程序进行的最常见和最实用的任务就是访问服务器端的数据库。而ASP内建的Database Access组件使得我们能够轻而易举地通过ActiveX Data Objects(ADO)访问存储在服务器端的数据库或其他表格化数据结构中的信息。

ADO是对当前微软所支持的数据库进行操作的最有效和最简单直接的方法,它是一种功能强大的数据访问编程模式,从而使得大部分数据源可编程的属性得以直接扩展到Active Server页面上。

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

eWebEditor主功能不需要在客户端安装任何的组件或控件,操作人员就可以以直觉、易用的界面创建和发布网页内容。可以通过eWebEditor自带的可视配置工具,对eWebEditor进行完全的配置。

4 开发过程 4.1 系统总体分析 4.1.1 可行性分析 可行性分析(Feasibility Analysis)也称为可行性研究,是在系统调查的基础上,针对新系统的开发是否具备必要性和可能性,对新系统的开发从技术、经济、社会的方面进行分析和研究,以避免投资失误,保证新系统的开发成功。可行性研究的目的就是用最小的代价在尽可能短的时间内确定问题是否能够解决。为了确定开发具有可行性,对本系统主要进行了以下四个方面的分析。

(1) 经济可行性。经济可行性主要是对项目的经济效益进行评价。本系统对系统开发者来说并不需要太高的成本支出,只是对系统的管理者付出管理报酬即可,而且开发周期不需要太长,节省了人力、物力、财力资源,所以本系统在经济上是可行的。

(2) 技术上的可行性。技术上的可行性分析主要是分析技术条件能否顺利完成开发工作,硬、软件能否满足开发者的需要等。在软件方面,本系统采用的是ASP进行开发,网页设计使用的是Dreamweaver,而数据库系统采用的是Microsoft Access 。通过分析,在软、硬件方面现有工具与环境完全可以实现系统的开发,因此具有技术上的可行性。

(3) 时机可行性。时机可行性是分析系统开发时机是否成熟。目前越来越多的应用程序都已经是转向基于Web的开发,并且Internet已经广泛使用,因此系统的设计具有时机可行性。

(4) 管理上的可行性:主要是管理人员是否支持,现有的管理制度和方法是否科学,规章制度是否齐全,原始数据是否正确等。系统的开发主要就是为了方便校友信息的管理,补充现在传统管理方式的不足,因此具备了管理上的可行性。

综上所述,本系统开发目标已明确,在技术和经济等方面具备可行性,并且投入少、见效快,因此系统的开发是完全可行的。

4.1.2 功能模块划分 在可行性分析阶段已经简要地分析和研究了本系统的基本需求,也论证了开发平台及软件的可行性,但为了明确系统设计的目标,了解用户的需求,现对用户需求作以调研,从而进一步明确了设计所实现子系统的功能。

(1) 用户管理模块 在调研中了解到,用户想要使用系统,首先要有一个友好的用户注册界面,其次,用户需要经历登录验证过程,只有合法的拥有管理员身份的用户才可以使用系统中的管理功能,这样做可以防止非法用户登录并使用本系统,妨害数据安全。

用户登录。通过系统登录验证,用户成功进入系统并开始使用其中功能。

用户管理。对用户列表进行添加、删除、修改等操作,对工维护人员的更替等及其对应的帐号和密码进行更新。

用户注销。注销后将不可再进行管理操作,防止密码泄漏,保护网站安全。

图10 用户管理 (2) 公告和文章管理模块 公告和文章管理是用户所有公告和文章的信息,用户可以进入此处进行相关公告和文章的管理。这部分主要包括以下方面:
1、公告和文章信息显示。显示出所有公告和文章的大概信息。

2、发表新公告和文章。可以发表新的公告文章,以供网友浏览。

3、修改公告和文章。可以修改已有的公告和文章的内容。

4、删除文章。允许用户对信息进行删除操作。

5、分类管理。可以对文章进行分类。

图11 公告管理 图12 文章管理 (3)配置管理模块 系统开始运行之后,随着时间的变化会有想要更改系统配置的相关信息的要求,比如:网站名称、网站标题,因此需要提供信息更新的功能。同时,为了保证数据使用系统的安全性,管理员也应该经常修改登录密码信息等。

1、 网站信息的配置管理 网站名称、网站标题的修改关键字的设置,以及文件选项的设置,如文件大小、文件格式的设置,文件保存地址的设置等。

图13 网站信息配置管理 2、公共信息的配置管理 网站的一些公共信息的编辑、修改及美化。如:政策支持,公示出相关的最新政策文件;
课程简介,需对网站所提供的课程给出直观的介绍;
课程特色,需指出课程的亮点以及和其他同类课程相比的优点;
申报书,需给出申报范文、要求等等。

图14 公共信息配置管理 3、 版权信息的声明的管理 图15 版权信息管理 4、 论坛管理 精品课程网站论坛是本站交互功能的主要体现,对于论坛内容的管理被规划至此模块内,主要是对论坛贴子的修改和删除,以及一些公共信息的添加。

图16 论坛管理 5、 首页图片管理 图片给以给予浏览者一种直观的感受,是网站中很重要的一部分,而首页所展示的图片更是尤为重要,对于首页图片的管理因其重要性和公共性也被规划至此模块,主要是对图片的添加、删除、修改和查看等操作,以及对于图片名称的修改管理。

图17 首页图片管理 4.1.3 采用主要技术的分析 (1)ASP的工作原理 ASP的执行过程 1、用户在浏览器的地址栏中键入ASP文件,并回车触发这个ASP的申请。

2、浏览器将这个ASP的请求发送到给Web服务器。

3、Web Server接收这些申请并根据.asp的后缀名判断这是ASP要求。

4、Web Server 从硬盘或内存中读取正确的ASP文件。

5、Web Server 将这个文件发送到ASP.DLL的特定文件中。

6、ASP文件将会从头至尾执行并根据命令要求生成相应的HTML文件。

7、HTML文件被送回浏览器。

8、用户的浏览器解释这些HTML文件并将结果显示出来。

图18 ASP执行过程 ASP.NET是一个请求处理引擎,它可以通过它的内部的管道将一个请求传送到一个开发者的代码上。实际上这个引擎完全独立于HTTP或者web服务器。事实上,HTTP Runtime是一个在IIS或者其他任何服务器之外的应用程序的宿主环境。有一系列的相关对象,大多数都是可以在请求的每一个层次,通过实现其子类或者实现事件接口来进行扩展。通过这个机制能够接触到非常低层的接口,例如缓存,权限验证等。

(2) 硬件设备和操作系统 为了满足系统开发设计的需要,表1为实现系统设计开发对硬件要求的最低配置,建议使用当前中等或以上计算机配置。

表1 硬件要求配置 CPU 在PⅢ以上 硬盘 20GB及以上 内存 256MB及以上 光驱 无要求 软驱 无要求 显示器 无要求 其他设备 网卡等 (3) 系统开发平台 电脑配置:HASEE电脑 CPU:Dual-Core T4200 2.00GHz 内存:2.0 GB 硬盘:160 GB 操作系统:Microsoft Windows XP SP3 中文版 数据库:Microsoft Access 2003 4.1.4 数据分析 网站系统中,主要是管理用户的文章、系统信息等数据。数据的类型决定了程序对数据的处理方式也就是算法,因此,数据是系统实现分析的起点。现通过数据流图的方式分析系统中数据的流动和处理。

对系统的管理员,在登录系统后,本系统接受管理员的修改、添加、删除请求,通过分析将这种请求转化成相应的SQL语句执行对数据库的相关的操作,并将执行的相应结果送回系统中。系统接收到数据库返回的结果集,经过一定的分析处理,将其转化成ASP页面,返回到客户端显示给用户。

4.1.5 数据流图 系统运行过程中,主要涉及到两部分的数据流向,一部分是管理员在系统后台管理界面上发出的对数据库操作的数据流,另一部分是用户在应用前台使用系统时所产生的数据流。

管理员用户 登录信息 修改操作 增加操作 相应结果返回 系统服务器 浏览者 提供数据 浏 览 请 求 图19 数据流图 4.2 数据库的分析及设计 4.2.1 数据库的概念结构设计 (1) 实体与属性之间的关系 E-R模型的组成元素有:实体、属性、联系。E-R模型用E-R图表示。实体是用户工作环境中所涉及的事务,属性是对实体特征的描述。

1、模型中的实体相当于实体集、一个表,而不是单个实体或表中的一行。实体用矩形框表示,实体名称标注在矩形框内。用菱形表示实体间的联系,菱形框内写上联系名,用无向边把菱形分别与有关实体相连接,在无向边旁标上联系的类型。

2、属性是实体的性质。用椭圆框表示,与实体之间用一条线相连表的主码是关键属性,关键属性项加下划线。

3、各子系统模块中主键相同的字段之间存在着相互关联的关系。

4、在程序中实现对它们的完整性和一致性控制。

(2)数据库的E-R图 1、系统总体的E-R图 图20 系统总体E-R图 2、 文章实体E-R图 图21 文章实体E-R图 4.2.2 数据库逻辑结构设计 数据库的概念结构设计完毕后,现在可以将上面的数据库概念结构转化为某种数据库系统所支持的实际数据模型,也就是数据库逻辑结构。

系统中各个表的设计结果如下面表格所示。每个表格表示在数据库中的一个表,表2为管理员表,记录管理员的详细信息。

表2 admin表 字段名称 数据类型 字段大小 是否主键 默认值 备注 ID 自动编号 - 是 - 管理员ID UserName 文本 50 否 - 登录名称 PassWord 文本 100 否 - 登录密码 Pname 文本 50 否 - 真实姓名 Hits 数字 - 否 0 登录次数 LastTime 日期 - 否 - 最后时间 flag 数字 - 否 0 权限 表3为文章列表,详细如下。

表3 article表 字段名称 数据类型 字段大小 是否主键 默认值 备注 ArticleID 自动编号 - 是 - 文章ID SmallID 数字 - 否 0 小类ID BigID 数字 - 否 0 大类ID Title 文本 50 否 - 标题 Hits 数字 - 否 0 浏览次数 Date 日期 - 否 - 时间 Content 备注 - 否 - 备注说明 表4为大类表,详细如下。

表4 bigclass表 字段名称 数据类型 字段大小 是否主键 默认值 备注 BigID 自动编号 - 是 - 大类ID BigName 文本 50 否 - 大类名称 Adddate 日期 - 否 - 日期 title 文本 255 否 - 标题 keyword 文本 255 否 - 关键词 description 文本 255 否 - 描述 表5为小类表,详细如下。

表5 smallcalss表 字段名称 数据类型 字段大小 是否主键 默认值 备注 SmallID 自动编号 - 是 - 小类ID BigID 数字 - 否 0 大类ID SmallName 文本 50 否 - 小类名称 Adddate 日期 - 否 - 日期 title 文本 255 否 - 标题 keyword 文本 255 否 - 关键词 description 文本 255 否 - 描述 表6为新增类表,详细如下。

表6 Newclass表 字段名称 数据类型 字段大小 是否主键 默认值 备注 ClassID 自动编号 - 是 - 新类ID Classname 文本 50 否 - 新类名称 表7为新闻公告表,详细如下。

表7 News表 字段名称 数据类型 字段大小 是否主键 默认值 备注 NewsID 自动编号 - 是 - 新闻ID ClassID 数字 - 否 - 类别ID title 文本 50 否 - 标题 author 文本 50 否 - 作者 Hits 数字 - 否 0 浏览次数 Date 日期 - 否 - 时间 Content 备注 - 否 - 备注说明 表8为图像表,详细如下。

表8 img表 字段名称 数据类型 字段大小 是否主键 默认值 备注 imgID 自动编号 - 是 - 图片ID imgName 文本 50 否 - 图片名称 imgPath 文本 50 否 - 图片地址 4.2.3 数据库的完整性和安全性 数据库的完整性是指数据的正确性和相容性。数据库管理系统(DBMS)用一定的机制来检查数据库中的数据是否满足规定的条件——完整性约束条件,数据的约束条件是语义的体现,将作为模式的一部分存入数据库中。此次数据库的完整性约束主要体现在实体完整性。

实体完整性是指若属性A是基本关系R的主属性,则属性A不能取空值。对于每个表来说,主键都不可以为空。在用户提交信息时,系统会对用户所填写的信息进行验证,对于其中的关键信息没有填写或者数据非法时,系统会提示用户更改后再提交。这样保证了系统实体完整性。

系统的安全设计包括服务器和数据库两方面设计。当用户使用系统时,系统首先会检查用户是否登录,如果用户还没有登录,系统将会弹出警告窗口提醒用户,并将相应的页面跳转至用户登录。在用户提交登录信息后,系统会对用户的身份进行核对,如果在数据库中查找到了相关记录,打开用户页面,表明用户登录成功。对于数据库的安全,主要是通过对授权用户的身份验证实现的。在的系统管理页面,提示用户使用管理员帐号在此登录,没有管理权限的系统注册用户无法登录到数据库管理的后台。系统确认了管理员身份之后统会打开管理页面,系统管理者可在此对整个系统的数据库进行管理和维护。

4.3 系统总体设计 对网站进行系统分析、数据库设计之后,现介绍系统各功能模块的设计及其实现。

软件所实现的功能强弱是衡量一个软件的最根本的标准。通过对系统的全面分析并结合调研的情况,确定了本系统的功能模块图。

首页 关于 管理/登录 导航x 导航2 导航1 Access数据库 VBScript 图22 系统结构图 根据系统的功能分析可以画出系统的功能结构图,分别从用户界面、管理界面对功能模块图加以描述。用户界面的系统功能模块如下图所示。

首页 关于 管理/登录 导航3 导航2 导航1 分类列表 文章列表 文章内容 图23 用户界面功能图 管理界面的功能如下图所示。

管理 论坛管理 文章管理 添加文章 分类管理 添加分类 修改 删除 修改 修改 删除 删除 基本管理 图24 管理功能 5 精品课程网站的几个关键技术 5.1 精品课程网站中音视频应用中的问题 此次网站音视频设计主要是通过eWebEditor来实现的。文件来源为上传文件和外来链接。文件的浏览方式可以下载浏览也可以在线浏览,下载浏览需等待时间长,但是文件下载之后可多次反复浏览;
在线浏览等待短,可较快地进行观看,但是观看之后若再次观看还需重新打开其页面。

随着互联网和计算机的发展,音视频在网上浏览的形式中逐渐有合并的趋势,又由于硬件的局限性,个人认为将音视频文件上传至大型视频网站长期保存,然后提取下载链接和嵌入播放是一个合适的选择,因为其硬件设备完善,算法优秀,可以使用户获得更加优越的体验,减少因版本更替、文件遗失等所产生的无法浏览、无法下载等错误。

图25 上传文件 图26 外来链接 5.2 精品课程网站交互功能 此次网站交互设计主要是针对精品课程实现课外交互,是课堂学习的补充和辅助。而通过BBS可以有效地解答学习者的疑惑,将教师从重复回答千篇一律的简单问题的繁忙状态中解脱出来。因此精品课程网站在交互方面的特点主要体现在BBS上。

本站BBS为教学类的论坛,中心放在对一种知识的传授和学习,在计算机软件等技术类的行业,这样的论坛发挥着重要的作用,通过在论坛里浏览帖子,发布帖子能迅速的与很多人在网上进行技术性的沟通和学习。

图27 BBS留言 6 测试 6.1 测试目的 程序测试就是在程序投入运行前,对程序的需求分析、设计规格说明和编码的最终复审,是保证程序质量的关键步骤。如果要给程序测试下定义,可以这样讲,程序测试是为了发现错误而执行程序的过程。

测试的目的就是在软件投入生产性运行之前,尽可能多地发现软件中的错误。在开发大型软件系统的过程中,需要面对错综复杂的问题,因此,在软件生存周期的每个阶段都不可避免地会产生错误。编程人员力求在每个阶段结束之前通过严格的技术审查,尽可能早的发现并纠正错误。

6.2 测试方法 程序测试的主要方法分为两大类,白盒测试和黑盒测试。

白盒测试:也称结构测试,将软件看成一个透明的白盒子,按照程序的内部结构和处理逻辑来选定测试用例,对软件的逻辑路径及过程进行测试,检查它与设计是否相符。

黑盒测试:也称功能测试,将软件看作黑盒子,在完全不考虑程序的内部结构和特性的情况下,测试软件的外部特性。根据软件的需求规格说明书设计测试用例,从程序的输入和输出特性上测试是否满足设定的功能。

在本次测试工作中使用了两种方法。但主要使用的是黑盒测试方法。

6.3 测试用例 (1) 管理权限测试 测试内容:普通管理员用户点击管理按钮,系统是否会允许管理操作。

操作:以普通管理员的身份进入系统,点击管理按钮。

结果:测试成功。

(2) 文章显示测试 测试内容:打开前台首页后,是否会显示相应的文章列表。

操作:打开前台首页查看。

结果:文章列表区域正确显示发表的文章。

出现问题:当文章的内容并不多即少于500字时,出现异常。

解决方法:在做前500个字符截取的时候,先做判断,如果大于500字,则才做截取处理。

结论:显示的内容与数据库中的内容一致,经调试成功。

(3) 文章详细显示测试 测试内容:点击一个文章的标题,是否会显示出文章的全部内容。

操作:随意点击一篇文章的标题。

结果:在文章细节页面正确的显示出文章的全部内容。

结论:测试成功。

(4) 文章管理测试 测试1:发表文章 测试内容:管理员用户发表新文章,。

操作:以管理员的身份进入博客系统,点击管理按钮,选择添加文章的操作,填写完文章内容之后单击添加按钮,看系统是否会提示发表成功。

结果:测试成功。

测试2:修改文章 测试内容:管理员对自己所发表的文章信息是否可以修改。

操作:点击修改打开文章编辑页面。

结果:文章信息重新编辑后提交成功。

结论:测试成功。

测试3:删除文章。

测试内容:用户对自己所发表的文章信息能否成功删除。

操作:点击删除系统询问是否删除该文章信息。

结果:文章信息被成功删除。

结论:测试成功。

(5) 管理登录测试 测试1:
测试内容:填写用户名及密码,验证能否成功登陆。

操作:① 填写正确的用户名及密码。② 填写错误的用户名或密码。

结果:① 管理员成功登陆。② 提示用户登录失败。

测试2:
测试内容:注册以已经注册的用户,系统是否会提示注册失败。

操作:进入首页页面点击注册按钮进行用户名为“cyf123”的注册,完成相关信息的后点完成,提示注册成功。重复以上操作再次注册用户名为“cyf123”的用户。

结果:测试成功。

(6) 系统信息管理测试 测试1:显示原系统信息。

测试内容:进入页面后,能否正确的显示原系统信息中的内容。

操作:进入系统信息管理页面查看信息情况。

结果:页面成功的显示出正确的信息。

结论:测试成功。

测试2:修改系统信息 测试内容:修改系统内容后,系统配置是否能正确反映。

操作:分别修改系统信息中的不同的信息。

结果:成功的修改了配置,并成功反应到系统中。

结论:测试成功。

7 结束语 在本次设计的全过程中,我对两年所学的知识有了一个比较系统的认识和理解。涉及了各方面的知识,大大扩展了我的知识面,同时是我学会了如何使用所学的知识去解决一些实际的问题。

在设计中我深知自己掌握的知识还远远不够,掌握的一些理论知识应用到实践中去,总会出现这样或那样的问题,不是理论没有掌握好,而是光知道书本上的知识是远远不够的,一定要把理论知识和实践结合起来。把学到的知识应用到时间中去,多做多练,才可以把理论的精华发挥出来。知识不是知道,了解就好,一定要去应用它,发展它,让它在现实生活中得到充分的应用,从而解决一些问题,这才是学习的根本目的。而且知识又不是单一的,它是互相联系的,学科与学科之间都有着内在的联系。计算机是一门非常复杂且庞大的学科,一项课题往往需要多项技术才可以完成的。在设计阶段,通过对课题的深入分析与研究,迫使我对技术有了一定的了解。在遇到问题时,得到了指导老师与同学的悉心帮助,使我感受到集体的力量是无穷的。

通过这次设计,我学会了和别人配合工作,因为一个人所学的知识不可能面面俱到的,只有通过合作,发挥自己的优点,体现团队精神,才能使工作做得更为出色。通过这次设计,我学到了许多书本上学不到的知识,增强了自己的动手能力。即将毕业我十分珍惜这次锻炼的机会,我按部就班的完成了自己的设计任务,但由于自己的知识水平有限,仍然存在很多的不足之处,恳请老师多多指教!当今的社会是竞争的社会,而人才的竞争则是竞争的焦点,毕业设计对于我们即将离校的同学来说,是离校前很好的一次锻炼,使我们各方面的能力都有了很大的提高,为我们踏出校门,走上社会增强了能力与自信! 计算机技术的高速发展,使我深深地认识到只有不断的加强学习,才能在计算机技术方面不至于被淘汰,今后,我还要加强学习,努力使自己成为一位专业的计算机人员,为我自己所从事的工作服务。

8 致谢 毕业设计完成之际,我由衷地感谢XX老师的大力帮助和支持,感谢我的同学与朋友,在我遇到各种各样复杂问题的时候,给予我鼓励和帮助,使我的分析问题和解决问题能力有了很大的提高。

经过几个月的忙碌和工作,本次毕业设计已经接近尾声,作为一个毕业设计,由于经验的匮乏,难免有许多考虑不周全的地方,如果没有导师的督促指导,以及一起工作的同学们的支持,想要完成这个设计是难以想象的。

本论文是在XX老师悉心指导下完成的。袁老师渊博的专业知识,严谨的治学态度,精益求精的工作作风,诲人不倦的高尚师德,严以律己、宽以待人的崇高风范,朴实无华、平易近人的人格魅力对我影响深远。不仅使我树立了远大的学术目标、掌握了基本的研究方法,还使我明白了许多待人接物与为人处世的道理。所有这一切都将成为我受益终生的宝贵财富!本论文从选题到完成,每一步都是在导师的指导下完成的,倾注了导师大量的心血。在此,谨向导师表示崇高的敬意和衷心的感谢!我在研究思想方法上得到了许多启发,并在研究工作中采用他们的部分研究成果与统计资料。尽管与他们为我付出的一切相比,所有的语言都显得苍白无力,我仍要真诚地说声:谢谢! 感谢我的两年来对我学习、生活的关心和帮助。在论文即将完成之际,我的心情无法平静,从开始进入课题到论文的顺利完成,有多少可敬的师长、同学、朋友给了我无言的帮助,在这里请接受我诚挚的谢意! 最后感谢我的母校—安阳师范学院人文管理学院两年来对我的大力栽培。

毕业设计完成之际,我由衷地感信息工程教研室各位指导老师们的大力帮助和支持,感谢我的同学与朋友,在我遇到各种各样复杂问题的时候,给与我鼓励和帮助,使我的分析问题和解决问题能力有了很大的提高。

设计期间,指导老师严肃的科学态度、严谨的治学精神、精益求精的工作作风深深地感染和激励着我。从课题的选择到项目的最终完成,都始终给予我细心的指导和不懈的支持。

参考文献 [1] 孙文江.动态网页制作[M].北京:电子工业出版社,2010.9. [2] 罗保山.Dreamweaver CS4动态网页制作实用教程[M].北京:电子工业出版社,2009.8. [3] 刘志成.Web开发教程(ASP.NET)[M].北京:电子工业出版社,2010.8. [4] 张凌杰.计算机网络基础[M].西安:西北大学出版社,2009.8. [5] 商信华,王理.数据结构[M].西安:西北大学出版社,2009.2. [6] 苏玉.数据库原理[M].西安:西北大学出版社,2009.2. [7] 佟伟光.软件测试技术[M].北京:人民邮电出版社,2009.6. [8] 曾海文.网页设计与制作教程[M].北京:清华大学大学出版社,2010.9. [9] 孙宝林. ACCESS数据库应用技术[M].北京:清华大学出版社,2010.9. [10] 朱雄军等.网络数据库开发与应用[M].北京:清华大学出版社,2010.5. [11] 赵池龙.实用数据库教程[M].北京:清华大学出版社,2010.9. [12] 王淑敏,刘丹等. ASP.NET动态网站设计[M].北京:清华大学出版社,2010.6. Design and Implementation of Excellent Course Website Abstract:The thesis mainly studies the development process of this exquisite course website,the goal is to provide a knowledge exchange platform to the University Students,and to build a teaching resource management system for teachers.This system is based on Html, Asp language,it uses Access as database,and uses IIS as server.Its script language is Javascript,Actionscript.It uses Flash, Css style as beautification tools.This paper first introduces the status and significance of excellent course website construction,then conducted a feasibility analysis and needs analysis on the web,and introduces functions of the excellent course website.Through the test analysis,the system runs stable and reliable,and the last is summary and outlook of this design. Keywords:exquisite course;active server page;internet information services;access data;cascading style sheet