asp老师学生交互系统设计方案.docx

asp老师学生交互系统设计方案.docx

《asp老师学生交互系统设计方案.docx》由会员分享，可在线阅读，更多相关《asp老师学生交互系统设计方案.docx（40页珍藏版）》请在冰点文库上搜索。

asp老师学生交互系统设计方案

封面

作者：

PanHongliang

仅供个人学习

论文目录

第一章绪论……………………………………………………3

1.1设计思想……………………………………………4

1.2开发工具的选用和介绍……………………………5

第二章网站总体分析与设计…………………………………10

2.1网站系统分析………………………………………10

2.2系统结构设计………………………………………11

2.3数据库设计…………………………………………12

2.4主页设计……………………………………………15

第三章详细设计………………………………………………15

3.1学科讨论区的制作…………………………………15

3.2在线测试的制作……………………………………19

3.3作业模块的制作……………………………………21

3.4公告栏的制作………………………………………25

3.5在线答疑的制作……………………………………30

第四章网站建立与维护…………………………………………34

4.1网站的建立…………………………………………34

4.2网站的维护…………………………………………36

第五章总结与展望………………………………………………36

5.1总结…………………………………………………36

5.2展望…………………………………………………37

第六章参考文献及附件…………………………………………37

C语言课程网站的设计

中文摘要

随着互联网技术的迅速发展，Web技术已经不再局限于静态显示网页信息，越来越多的网站以各种方式动态的发布网页，使其网站能够和用户实现交互以及提供更快的更新速度。

随着这种要求的提出，各种适应这种要求的应用技术应运而生，本文对网站构建的几种主要的工具如：

Frontpage、Dreamwaver、Fireworks等进行了比较分析，对它们的优劣作了一些探讨，并详细介绍了ASP的特点。

基于ASP的优势，选用Access作为后台数据库，ASP作为前台的开发工具，并将软件工程相关理论应用于整个系统开发过程中，结合现有的设备条件和具体的实际情况，实现了基于ASP技术的C语言课程网站的构建与实施,并在文中对如何实现进行了具体阐述。

关键词Internet动态网页教学ASP

Thedesignsofteachingwebsites

（DepartmentofComputerScienceandTechnologyGrade2006）

Abstract:

WiththerapiddevelopmentofInternettechnology,Webtechnologyhasalreadynolongerconfinedtothestaticbehaviorandshowntheinformationofwebpages,moreandmoredynamicissuewebpagesbyvariouskindsofwayofwebsite,enableitswebsitetorealizewithusersmutuallyandofferfasterrenewalspeed.Withtheputtingforwardofthiskindofdemand,variouskindsofapplicationtechnologyofmeetingtheneedsofthiskindariseatthehistoricmoment,severalkindsofmaintoolsthatthistextstructurestowebsites,forinstance:

Frontpage,Dreamwaver,Fireworks，etc.havecarriedoncomparativeanalysis,hasdonesomediscussionstotheirquality,andhasintroducedthecharacteristicofASPindetail.OnthebasisoftheadvantageofASP,selectsAccessforuseasthebackstagesupporterdatabase.ASPisasthedevelopinginstrumentofthefrontdesk,andapplytherelevanttheoriesofsoftprojectthewholesystemisdevelopedinthecourse.Combinetheexistingequipmentconditionandconcreteactualconditions,hasrealizedtheconstructionbasedonteachingwebsiteofASPtechnologyandimplemented,andhasexplainedconcretlytothathowtorealizeinthearticle.

Keywords:

InternetDynamicwebpagetechingASP

第一章绪论

在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。

Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。

因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。

为了更好的办学，增强学生和学校的互动性，加强学生与老师之间的沟通以及同学之间的交流和探讨，给老师和学生提供一个教与学交流、共享资源的平台，以达到更好的教学效果，特构建一个C语言课程网站。

1.1设计思想

学科C语言课程网站是指基础教育阶段，具有学校、教师和学科鲜明教育教学特色，由学校或学科教师建设的，体现某学科教师教学、学生学习活动为核心的网站。

学科C语言课程网站的宗旨是培养学生利用信息技术的意识和能力，促进信息技术与学科课程的整合，逐步实现教学内容的呈现方式、学生的学习方式、教师的教学方式和师生互动方式的变革，充分发挥信息技术的优势，为学生的学习和发展提供丰富多彩的教育环境和有力的学习工具，它的主要功能如下：

一、能够提供丰富的教学资料，方便学生学习；二、能够为学科教师提供网站管理的能力，如学生的注册，对网站的相关信息进行有效管理（增加、删除、修改）；三、能够提供在线测验、在线作业提交和批改等，实现师生互动；四、能够为学生、教师提供相应的信息存储能力，学科教师可以将教学信息、教学参考资料、教案和课件较方便地发布到网站中，学生可以将自己的作业或自己收集到的学科资料方便地发布到网站中。

五、能够提供相关信息的下载，如相关教学资料、软件、课件等；六、开辟学生论坛、教师答疑，供师生交流；七、能够提供一定的安全机制，提供数据信息的授权访问，防止随意删改。

1.2开发工具的选用及介绍

一、ASP的优势：

ActiveServerPages：

“动态服务器网页”，一般简称为“ASP”。

ActiveServerPages所独具的特点：

1.使用VBScript、JScript等简单易懂的脚本语言，结合HTML代码，即可快速地完成网站的应用程序。

2.ASP无须编译，容易编写，由服务器的软件解释后直接执行。

当执行ASP程序时，脚本程序将一整套命令发送给脚本解释器（即脚本引擎），由脚本解释器进行翻译并将其转换成服务器所能执行的命令。

3.可使用普通的文本编辑器，如Windows的记事本，即可进行编辑设计。

4.与浏览器无关,用户端只要使用可执行HTML码的浏览器，即可浏览ActiveServerPages所设计的网页内容。

ASP所使用的脚本语言（VBScript、Jscript）均在WEB服务器端执行，用户端的浏览器不需要能够执行这些脚本语言。

5.ASP能与任何ActiveXscripting语言相容。

除了可使用VBScript或JScript语言来设计外，还通过plug-in的方式，使用由第三方所提供的其他脚本语言，譬如REXX、Perl、Tcl等。

脚本引擎是处理脚本程序的COM（ComponentObjectModel）物件。

6.ASP的源程序，不会被传到客户浏览器，因而可以避免所写的源程序被他人剽窃或篡改，提高了程序的安全性。

7.可使用服务器端的脚本来产生客户端的脚本。

8.对象导向（Object-oriented）。

9.ActiveXServerComponents（ActiveX服务器组件）具有无限可扩充性。

可以使用VisualBasic、Java、VisualC++等各种编程语言来编写你所需要的ActiveXServerComponent。

二、Dreamwaver的特点

Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

1、最佳的制作效率

Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。

使用检色吸管工具选择萤幕上的颜色可设定最接近的网页安全色。

对於选单，快捷键与格式控制，都只要一个简单步骤便可完成。

Dremweaver能与您喜爱的设计工具，如PlaybackFlash，Shockwave和外挂模组等搭配，不需离开Dremweaver便可完成，整体运用流程自然顺畅。

除此之外，只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。

2、网站管理

使用网站地图可以快速制作网站雏形，设计，更新和重组网页。

改变网页位置或档案名称，Dreamweaver会自动更新所有连结。

使用支援文字，HTML码，HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。

3、无可比拟的控制能力

Dreamweaver是唯一提供RoundtripHTML、视觉化编辑与原始码编辑同步的设计工具。

它包含HomeSite和BBEdit等主流文字编辑器。

帧（frames）和表格的制作速度快的令您无法想像。

进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。

甚至可以排序或格式化表格群组，Dreamweaver支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。

4、所供即所得

Dreamweaver成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给Third-party厂商，包含ASP，Apache，BroadVision，ColdFusion，iCAT，Tango与自行发展的应用软体。

当您正使用Dreamweaver在设计动态网页时，所供即所得的功能，让您不需要透过浏览器就能预览网页。

5、梦幻样版和XML

Dreamweaver将内容与设计分开，应用於快速网页更新和团队合作网页编辑。

建立网页外观的样版，指定可编辑或不可编辑的部份，内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式。

您也可以使用样版正确地汇入或输出XML内容。

6、全方位的呈现

利用Dreamweaver设计的网页，可以全方位的呈现在任何平台的热门浏览器上。

对于cascadingstylesheets的动态HTML支援和鼠标换图效果，声音和动画的DHTML效果资料库可在Netscape和Microsoft浏览器上执行。

使用不同浏览器检示功能，Dreamweaver可以告知您在不同浏览器上执行的成效如何。

当有新的浏览器上市时，只要从Dreamweaver的网站在下载它的描述档，便可得知详尽的成效报告。

三、Frontpage的特点

1.所见即所得的工作方式

编辑器所显示的内容与用Web浏览器看到的内容是一致的。

2.与MSWord的工作方式非常相似

FrontPage编辑器的工作方式与字处理程序MSWord的工作方式是非常相似的

3.提供功能强大的向导和模板

FrontPage编辑器为制作网页提供了许多功能强大的向导和模板，可以创建自己的模板，使网页具有自己想要的相似的风格。

4.能够从WWW上打开网页

FrontPage编辑器能够从WWW上打开网页，FrontPage编辑器还能够打开许多种常见类型的文件，然后把它们转换为HTML格式。

5.能够双向操作

FrontPage编辑器是一个双向的工具，既可以按所见即所得的工作方式编辑网页，让FrontPage编辑器自动生成相应的HTML代码。

也可以切换到HTML视图方式，自己键入HTML代码，然后切换到Normal视图看看网页的效果。

6.预定义主题

“Themes”（主题）类似于Word中的“Styles”（样式）。

FrontPage编辑器预定义了许多种主题，选择其中一个合适的主题，能够简化人的好多工作。

7.方便创建超级链接（Hyperlink，以下简称超链）

FrontPage编辑器可以方便地创建超链，把自己的网站或WWW上其它网站的信息有效而又直观地组织和联系起来。

8.支持多种类型图像

支持几乎所有类型的图像，然后统一转换为GIF或JPEG格式，只要在图像上双击将会打开指定的图像编辑器。

9.简单的图像编辑功能

内置了一些简单的图像编辑功能，包括裁剪、翻转、改变尺寸、变为黑白、斜边、调整亮度和黑白对比度等。

与Office家族的其它成员共享剪辑图片库（ClipGallery）。

10.能方便地建立和制作表格

可以方便地建立表单（Form），表单中可以包含文本框、复选框、单选按钮、下拉菜单、普通按钮等表单域（FormField）。

FrontPage编辑器可以方便地制作表格或者用框架（Frame）来组织信息，FrontPage编辑器同样支持框架方式下的所见即所得。

11.增强网页的生动性

可以把ActiveX控件、插件、JavaApplet和PowerPoint动画加到网页中，支持在HTML中嵌入JavaScript、VBScript等脚本语言。

还可以在网页中加入一些增强交互性的功能，如导航栏、全文本搜索等。

四、Fireworks的特点：

Fireworks是由Macromedia公司开发的网页制作软件利器之一。

在绘图方面Fireworks结合了位图以及矢量图处理的特点，不仅具备复杂的图象处理功能，并且还能轻松地把图形输出到Flash，Dreamweaver以及第三方的应用程序。

在网页制作方面Fireworks能快速地为图形创建各种交互式动感效果，不论在图象制作或是在网页支持上都有着出色的表现。

第二章网站总体分析与设计

2.1网站系统分析

根据前面的设计思想进行分析，按照系统开发的基本观点对网站进行分解，从内容上可对网站作如下划分：

一、网上学习区：

1、学科知识：

按类别提供本学科的知识。

　　2、在线答疑：

在答疑教室功能模块中，学生在网上可以提出问题，老师提供解答。

　　3、学科讨论区：

教师或者学生可以在讨论区中提出自己的问题，也可以回答别人的问题。

　　4、在线测验：

学生可以在网络上进行测验，计算机能自动批改，并将成绩写入数据库中；教师则可以通过管理模块对试题、试卷和成绩进行管理。

　　5、作业处理：

学生由此可以提交作业和了解教师的批改成绩。

二、教师工作区：

1、公告发布：

教师可以通过公告功能发布各项通知，例如一下内容。

●招生公告：

（招生简章、招生专业介绍、招生站点联系方式、课程介绍等）

●规章制度：

包括各类管理文件等。

●课程安排：

包括课程教学方式、课程播放表、考试日程安排等。

●临时通知和教材。

2、作业批改：

在此教师对学生上载的作业进行批改并给出成绩。

3、网站管理：

包括学生管理、测验试题管理、公告发布管理、网站系统设置、作业管理等模块。

2.2系统结构设计如下页图所示：

图一：

系统结构图

2.3数据库设计

采用的数据库是MicrosoftAccess，拟建立teach.mdb库文件，包含如下几个表文件：

表一：

Student学生信息表

表二：

board公告信息表

表三：

keywords教案查询索引表

留言板留言信息表（见讨论区详细设计部分）

回复留言回复留言信息表（见讨论区详细设计部分）

ADO连接函数页面cod_ado.inc:

对于程序设计中建立数据连接和关闭数据连接的操作，最好也放在一个包含文件中，这样便于维护和修改。

cod_AdoOpen（objConnection,rsCoursesList,dsn,rss）为建立连接函数，objConnection为数据连接对象，rsCoursesList为数据集对象，dsn为数据连接字符串，rss为要执行的SQL语句；cod_AdoClose（objConnection,rsCoursesList）为关闭连接函数，objConnection为数据连接对象，rsCoursesList为数据集对象。

对于要进行数据库操作的页面，可以通过调用这两个函数来实现。

<%

’打开连接

subcod_AdoOpen（objConnection,rsCoursesList,dsn,rss）

SetobjConnection=Server.CreateObject（"ADODB.Connection"）

objConnection.Opendsn

SetrsCoursesList=Server.CreateObject（"ADODB.Recordset"）

rsCoursesList.ActiveConnection=objConnection

rsCoursesList.CursorLocation=adUseClient

rsCoursesList.CursorType=adOpenForwardOnly

rsCoursesList.LockType=adLockReadOnly

rsCoursesList.Source=rss

rsCoursesList.Open

endsub

’关闭连接

subcod_AdoClose（objConnection,rsCoursesList）

rsCoursesList.close

objConnection.close

setrsCoursesList=nothing

setobjConnection=nothing

endsub

%>

2.4主页设计

网站主页采用静、动相结合的方式，即静态的主画面和动态的图片相结合，体现网站的勃勃生气，静态主页方式介绍学科知识、教师园地、学生园地，对于，资料下载、学科论坛和网站管理就得利用ＡＳＰ与数据库结合的技术建立数据库查询管理系统，采用交互式的动态的web画面来实现。

主页结构图如下：

图二：

主页结构图

第三章详细设计

3.1学科讨论区的制作

3.1.1功能

通过在讨论区留言，可以互相探讨学科方面的问题，学生可以向老师提问题，老师可以回答学生所提出的问题，这样可以促进师生互动，同学之间的交流，以达到更好的学习效果。

3.1.2组成构造

◇0.gif～9.gif：

这10个GIF动画图形文件是用来作为留言簿上的插图。

◇Fig.jpg：

这个JPEG图形文件是网页的标题图片。

◇Fig1.jpg：

这个JPEG图形文件是网页的标题图片。

◇ADOFunctions.asp：

这个是存取数据库的函数库，里面有GetRecordset、GetSQLRecordset、GetSecureRecordset等三个函数。

◇Adovbs.inc：

这个文件定义许多可能会用到的常数。

◇Books.mdb：

这是一个Access数据库文件，里面有名称为“留言板”和“回复留言”的两个文件表，具体如图所示：

表四：

留言板

表五：

回复留言

◇NewsGroup.asp：

这个文件是讨论区的主程序，除了负责从数据库读取留言、以分页方式显示留言，还提供表单让浏览者输入新留言，输入完毕并按下“张贴留言”按钮之后，就调用表单处理程序

◇Post.asp：

这个文件负责读取浏览者于网页的表单中所输入的作者、主题及内容，然后写入“留言板”文件表，最后再重新导向网页。

◇ShowNews.asp：

在浏览者按下超级链接文字“阅读留言与加入讨论”之后，便调用这个文件去“留言板”文件表读取原来留言的作者、主题、内容及时间，然后显示出来；接着，再根据原来留言的主题去“回复留言”文件表读取看看有没有任何回复留言，有的话就读取其作者、主题、内容及时间，然后显示出来；若要回复留言，可以在网页下方的表单中进行输入，输入完毕并按下“回复留言”按钮之后，就调用表单处理程序。

◇PostReply.asp：

这个文件负责读取浏览者于网页的表单中所输入的作者、主题及内容，然后写入“回复留言”文件表，最后再重新导向到页。

3.1.3网页的执行流程

图三：

网页执行流程图

3.1.4效果图如下：

图四：

学科讨论区之留言板

图五：

学科讨论区之留言回复

3.2在线测试的制作

3.2.1功能

学生可以在网络上进行测验，计算机能自动批改，并将成绩写入数据库中；教师则可以通过管理模块对试题、试卷和成绩进行管理。

3.2.2程序流程图

图六：

在线测试程序流程图

3.2.3测试界面如下图所示：

图七：

在线测试

3.2.4点击“查看成绩”后的效果如图所示：

图八：

测验结果全部正确时图九：

测验结果有误时

3.3作业模块的制作

3.3.1功能：

对于作业，学生需要将作业通过上传的方式上交。

教师根据作业完成情况给每份作业打分，因此，系统需要提供以下功能：

●上传：

将作业上载到指定地点，并按某种方式进行标识。

●批阅：

教师可以对作业进行批阅判分。

3.3.2详细设计：

此模块涉及到的部分ASP文件如下：

●uploadform.asp：

上交作业的表单

●uploadaction.asp：

执行上交操作

●homeworkcheck.asp：

作业成绩查询

●homework_admin.asp：

教师工作区作业管理主页面

●homework_mark.asp：

作业判分页面

●homework_markOK.asp：

完成判分操作

（1）作业上传页面如下所示:

图十：

作业上传页面

（2）执行上交操作：

uploadaction.asp,流程图如下