课程教学网站信息交流与发布系统Word文件下载.docx
- 文档编号:16608209
- 上传时间:2022-11-24
- 格式:DOCX
- 页数:26
- 大小:764.04KB
课程教学网站信息交流与发布系统Word文件下载.docx
《课程教学网站信息交流与发布系统Word文件下载.docx》由会员分享,可在线阅读,更多相关《课程教学网站信息交流与发布系统Word文件下载.docx(26页珍藏版)》请在冰豆网上搜索。
(2)系统管理人员:
管理员人员通过认证登录,可以很方便地对使用本系统的用户资料和信息进行管理维护,而无需太多的专业知识。
2.1.4实现功能
(1)存储、管理客户信息
用户和管理员相关信息都能够存储于系统自带的数据库和ASP文件中,方便管理员对于以上信息的查找。
(2)发布、交流信息
用户和管理员都可以通过本系统发布信息,同时还可以实现一对一、一对多、多对多的在线交流。
(3)管理人员对系统进行管理
拥有管理员权限的相关人员可以即时地对用户资料进行维护,并对用户发布信息进行反馈。
2.1.5网站整体结构
网站整体框架图如下:
图2.1网站整体框架设计
2.1.6设计环境
设备
a.处理器型号及内存容量:
CPUAMD1600+内存256M外存容量:
60G;
b.存储格式:
动态存储;
c.脱机;
涉及软件
操作系统:
WindowsXP
相关软件:
数据库:
Access操作界面:
DreamWaver2004PhotoShop7.0
2.2系统可行性分析
一个系统能否正常运行,如期实现其功能,在设计制作之前,作者对其可行性进行了多方面深入的分析。
2.2.1经济可行性
在经济社会,任何项目想要正常如期运行,都少不了资金的支持。
本系统开发环境要求不高,普通商用或家用电脑便可进行;
开发期内,大部分ASP代码可以从网上免费获取,可以大大提高作者工作效率;
在设计完成后的运行时期,由于本系统是学校品牌课程的一个部分,故系统对网上空间的要求以及后期管理维护的需要都能够在学校的支持下正常实现。
因此,设计在经济上时完全可行的。
2.2.2技术可行性
作者做为一大四应届毕业生,在大学四年间学习和掌握了许多计算机硬、软件方面的只是,尽管对ASP开始并不是很了解,但是在导师的指导下,通过一段时间对书本的学习,网上代码的参考以及自己的设计实践,已经基本能够自行开发出一套能够满足网站需求的信息交流与发布系统。
针对用户而言,系统并没有过高的门槛来进行限制,只要用户能够具备使用InterNet浏览器上网的基本技能,便可对本系统进行正常使用。
2.2.3方案可行性及其比较
设计初期,作者对系统各部分的制作都初步设计出了不同方案,并比较后采用了其中相对较好的方案。
1、课件阅览:
PPT课件
网页课件
制作难易度
直接加载于网站中,制作简单。
将每一PPT课件复制加工后贴于网页上,工序简单但工作量大。
在线观看方便性
直接点击观看。
用浏览器直接观看。
下载使用方便性
下载后需要OFFICE软件支持
阅览。
在Windows操作系统下,无需任何软件便可进行阅览。
表2.1课件发布方案比较
介于以上原因,作者选择了工作量大但相对方便用户使用的网页课件方式进行了课件发布系统的制作工作。
2、用户信息反馈发布系统:
作者参看了不少信息发布系统,感觉彼此所用的方式和功能都大同小异。
考虑到作
者目前的设计水平和用户需求,故没有添加太多功能,而仅设计了具备用户信息发布,管理员回复和对信息进行管理等功能的系统。
目的是满足用户的正常使用和信息的正常发布。
3、即时信息交流系统:
带数据库交流系统
不带数据库交流系统
资源占用率比较
大
小
数据读取速度比较
慢
快
信息安全性比较
较好
较差
表2.2即时信息交流系统方案比较
由上表可以看出,不带数据库的即时信息交流系统在资源占用和数据读取速度方面都有一定优势,尽管其信息安全性相对较差,但是考虑到本系统对此要求较低,目的就是为了满足用户在线交流需要,故选择不带数据库交流系统的方案。
2.3重点涉及理论及技术
在整个系统设计过程当中,一些理论和技术不断重复使用,其强大的功能和良好的兼容性在网站的建设过程中起到了不可忽视的作用。
现将设计所涉及的部分重点理论及技术进行介绍,以便读者在后面的阅读过程中有清晰的认识。
2.3.1CSS(层叠样式表)
层叠样式表(CascadingStyleSheet)是一系列格式规则,他们控制网页内容的外观。
使用CSS样式可以非常灵活并更好地控制确切的网页外观,从精确的布局定位到特定的字体和样式[1]。
2.3.2ADO(ActiveDataObject)方法
ADO方法是一种功能强大的数据访问编程模式,能够吧大部分数据源可编程的属性直接扩展到ActiveServer上。
而ADO方法的实现主要是通过一段代码实现的,几句看似简单的代码,实现了Access数据库文件同asp代码的相互调用[2],下面就来看看吧。
<
%
xguest="
guest.mdb"
connstr="
DBQ="
+server.mappath("
"
&
xguest&
)+"
;
DefaultDir=;
DRIVER={MicrosoftAccessDriver(*.mdb)};
setconn=server.createobject("
ADODB.CONNECTION"
)
conn.openconnstr
%>
2.3.3Request和Response对象
Request对象:
它用来链接客户端的Web页(.HTML文件)和服务器端的Web页(.ASP文件),似的他们之间可以交换数据。
Request对象循序ASP查询有关与之交互的客户程序信息,Request对象代表由客户程序发出的HTTP请求报文。
事实上,Request对象的功能是单向的,它只能接收客户端Web页面提交的数据。
Response对象:
用于相客户端浏览器发送数据。
用户可以使用该对象将服务器端的数据,用HTML超文本的可是发送到用户端的浏览器。
该对象的功能与Request对象的功能恰恰相反,Response对象是用于将服务器端的数据发送到用户的浏览器,这也是实现动态的基础。
2.3.3返回语句:
ahref="
javascript:
history.go(-1)"
>
[返回]<
/a>
此语句为一java脚本语句[8],意为返回历史上一步,实现返回用户上一个浏览界面。
第三章信息交流与发布系统总体分析与设计
3.1总体设计思路
“OS”课程教学网站信息交流与发布系统目的就是起到信息的相互传递作用,故方便快捷是本系统设计的宗旨,最大的体现人性化设计是本系统的目标。
无论是课件阅览部分,信息留言板块还是在线聊天系统,无一不遵循着设计的初衷。
毕竟本网站并非综合性或娱乐性的网站,除了学习,能够留住用户的理由并不充分,故整个信息交流与发布系统都简单易学,且没有要求正式的用户注册,为信息的交流提供了最便捷的渠道。
根据设计初衷,本系统划分为一下三部分组成。
第一部分:
在线课件阅览系统通过课件向用户展示“OS”课程整体内容,提供详细资料。
第二部分:
信息留言系统提供用户进行咨询和留言的平台。
第三部分:
即时信息交流系统提供用户进行一对一,一对多和多对多的信息交流平台。
3.2在线课件发布系统分析设计
3.2.1在线课件发布系统重要性
在线课件阅览系统是信息交流与发布系统三个组成部分之一,虽然其设计开发难度不高,但工作量却不容忽视,且其重要性不亚于整个网站的任何一个系统,因为它是用户了解和学习“OS”课程的重要渠道。
3.2.2课件发布系统设计流程
本系统主要是将老师所给的PPT格式的“OS”课程课件转换为HTML网页格式供远程用户浏览。
课件主页采用静、动相结合的方式,即静态的文字和动态的gif图片相结合并配以背景音乐,给用户感觉良好的界面,续而激发阅读课件的欲望。
课件首页由DreamWaver制作,外观图示顶部图片是学校新区景色,左上角鲜明的标出了西南科技大学的字样,给人以一目了然的感觉。
首页主体主要由文字链接构成,并规则放于框架之中,层次分明,重点突出。
且首页还提供网站首页、在线考试、留言和聊天系统的链接,充分体现了网站设计的初衷――方便适用。
最后页面底部,辅以常规型的联系方式和版权所有等,再搭上适当的底色和图片,以及动听的背景音乐,课件首页的构建就此基本完成。
课件阅览主页面如“图3.1”所示:
图3.1课件阅览主页面
下面是网页链接代码段:
palign="
center"
fontsize="
5"
l1.asp"
class="
style1"
target="
_blank"
>
计算机操作系统概述<
/font>
/span>
/p>
这里需要强调的是,课件首页包括整个课件的网页制作都应用了DreamWaver所带的CSS,而href后面所链接的内容就是点击“计算机操作系统概述”时所看到的页面。
这里,为了方便用户对其他章节的阅览,特别使用target="
这一语句,所起的作用是采用弹出式窗口的形式。
接着便是对课件页面的设计。
“OS”课程教学课件主要取自指导老师所提供的PPT课件,通过逐一复制整理,转换为网页形式课件,其工作量之大可想而知。
由于课件基本由文字和简单图片构成,故为了方便用户阅读,体现网站的人性化设计,课件阅览页面对网页色彩的搭配很是讲究。
课件背景以淡蓝色为主基调,正文深蓝色的文字和背景形成了鲜明的对比色,在用户长时间阅读时减少眼部的疲劳。
课件总共由九章组成,每一章又包含了不同的小节数。
于是,在设计制作时,我以每一节单独为一个页面,并且每个页面都提供了与网站、课件首页链接的导航条,同时,也有与本章各节相连的链接地址,让用户可以方便地浏览自己所需要的章节,而不会迷茫在书海之中。
另外,为了让每节的课件内容具备整体感,我采用了外部CSS方法,并加载于课件每一节的页面,此方法简单适用,且具有同内部CSS相同的效果。
下面就是每节页面所共同调用的外部CSS代码[2]:
.content{
font-family:
"
宋体"
font-size:
16px;
line-height:
normal;
font-weight:
lighter;
color:
#000066;
text-decoration:
none;
}
.title1{
……
.title2{
.down{
body{
background-image:
url(picture/Winterwoman.jpg);
a:
link{
hover{
bold;
#FF00FF;
underline;
CSS样式表的建立是从DreamWaver的状态栏处点击设计,在CSS样式处新建类,新建类必须以“.”开头,上文代码“.content”后大括号中代码是对课件内容的样式设计,同理,“title1”、“title2”、“down”、“body”分别是对各大小标题和底部链接的式样设计以及背景图片。
而“a:
link”和“a:
hover”所对应代码,分别指代链接文字和当鼠标移动至链接文字上方时的文字状态。
3.2.3课件发布系统后期工作
整个课件的设计制作就此告一段落。
回过头来浏览整个课件,感觉整个课件色彩种类过于繁多,而页面却仍显单调。
于是,我将文字和背景色彩调控在三种以内,同时在每节课件顶部放置一体现学校风采且色彩搭配合理的图片,在纵观整个页面,顿时有一种焕然一新的感觉。
同时,无论是课件的首页还是每一节的页面,都提供了与主页、留言版、聊天室等页面的链接地址,使其虽为单独一部分,却实与整个网站浑然一体。
3.3用户信息反馈发布系统分析设计
3.3.1用户信息反馈发布系统重要性及模块设计
作为一个远程教育网站,具备一个良好的与用户沟通的平台是必不可少的。
因为用户的对网站包括课程的信息反馈,是网站建设跟上用户需求的关键因素之一。
我们的网站设计初衷就是适合用户使用,能否听到用户的建议,及时给予用户合理的答复,并一步步提升网站质量等等,不但关系到本网站的发展,更影响着学校的声誉。
用户信息反馈发布系统就在本网站中担当起了这一重任,它建立起了用户直接与管理员沟通的桥梁。
根据系统功能分析,得到系统整体框架图如下:
信息反馈发布系统
用户信息发布
管理员功能
查看留言
进行留言
回复留言
删除留言
图3.2用户信息反馈发布系统功能模块图
3.3.2系统组成构造
用户信息反馈发布系统共由十三个文件组成,每个文件各司其职,最终构建成了用户和管理员以及用户和用户之间交流的平台。
现将个文件及其功能介绍如下:
⑴信息反馈公布index.asp:
此页面用于用户管理员和用户在线查看公布信息。
⑵管理员登录login.asp:
管理员由此登录系统,进行信息维护。
⑶管理员退出logout.asp:
执行管理员退出功能。
⑷信息输入write.asp:
用户在此输入信息进行留言。
⑸信息回复reply.asp:
执行管理员对用户信息回复功能。
⑹信息删除del.asp:
执行管理员对用户发布信息和回复的删除功能。
⑺页面顶部top.asp:
镶套在每个页面顶部的功能条。
⑻数据库链接connection.asp:
数据库调用代码。
⑼conn.asp:
数据库对应连接文件。
⑽层叠样式表bbs.css:
各页面共同调用的外部样式表。
⑾数据库文件guest.mdb:
信息存取数据库。
⑿背景音乐“记事本.rm”:
信息发布页面所调用的音乐。
⒀图片文件夹images:
整个系统所调用的图片。
为清晰展现用户信息反馈发布系统各功能模块,下图为系统流程图:
读
回
返
出
写入数据库
写入数据
退
员
管
理
点击回复
点击退出
确认删除
自动返回
点击进入
身份确认
退出登录
管理员登录
登
录
登录
用户
管理员
主页面
登录页面
数据库
删除
回复
图3.3信息反馈发布系统流程图
3.3.3数据库设计
用户信息反馈发布系统简而言之就是信息留言平台,在这部分的设计制作中,后台调用了OFFICEXP办公系统套件所自带的Access数据库系统[3]。
建立了名为“guest”的数据库,并在数据库中建立了以下四张表:
1.admin表
列名
数据类型
可否为空
说明
Id
自动编号
NOTNULL
登录编号(主键)
Admin
文本
NULL
管理员名字
Password
备注
管理员密码
Home
网站主页
Page
数字
页数
total
允许输入字数
表3.1管理员信息表
2.guest表
用户编号(主键)
Username
用户名
Time
日期/时间
发布信息时间
Title
信息题目
Content
信息内容
ip
用户IP地主
用户邮箱
occation
来自哪里
表3.2用户信息表
3.reply表
R_id
回复编号(主键)
R_time
回复时间
R_content
回复内容
R_ip
回复者IP地址
R_username
回复者名称
表3.3管理员回复信息表
4.stycss
S_id
颜色编号
Tcolor
主标颜色
Tcolor1
附标1颜色
Tcolor2
附标2颜色
Hcolor
主页背景图片
Bgcolor
回复页颜色
Bdtj
回复背景颜色
Top1
页顶颜色
Link
链接颜色
Tdc
信息标题颜色
Tdc1
信息内容颜色
Background
背景颜色
表3.4系统颜色信息表
用户信息反馈发布系统的前台界面对后台数据库之间的调用连接,则是整个系统能否正常运行的关键,就此,数据库建立完毕。
另外,在建立数据库调用文件时,我是通过单独建立一ASP页面,从外部进行数据库调用,而在每个需要调用数据库的页面程序开头加入语句“<
!
--#includefile="
Connections.asp"
-->
”来实现对Access数据库的调用的。
采取这种方式的原因是由于调用数据库文件的页面比较多,重复写入代码会加大工作量,显得累赘;
而采用外部调用方法,减少了工作量,且思路清晰,便于功能的实现。
3.3.4用户信息发布流程
为方便外部用户阅读信息,在进入系统时,用户可以不需要任何身份认证而
登录用户信息公布页面,对所有留言包括管理员回复进行阅览。
当用户需要进行留言时,可点击主页面左上的“我要留言”标志进入留言界面,在优美的背景音乐下写下自己的留言信息,并点击“提交”发布。
信息发布页面如“图3.4”所示:
图3.4用户信息发布页面
信息发布ASP代码如下[4]:
ifrequest.querystring("
action"
)="
add"
then
username=Request.Form("
username"
email=Request.Form("
email"
address=Request.Form("
Address"
home=Request.Form("
home"
title=Request.Form("
title"
ip=Request.Form("
ip"
content=Request.Form("
content"
action="
ture"
ifusername="
then
error1="
用户不能为空<
BR>
false"
endif
iftitle="
error1=error1&
标题不能为空<
ifcontent="
内容不能为空<
iflen("
)>
totalthen
内容超过了"
total&
的限制"
ifaction="
response.redirect
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 课程 教学 网站 信息 交流 发布 系统