《综合课设计算机网络课程群网站的设计与实现大学论文.doc》由会员分享,可在线阅读,更多相关《综合课设计算机网络课程群网站的设计与实现大学论文.doc(27页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、综合课程设计报告题目: 计算机网络课程群网站的设计与实现 班级: 姓名: 学号: 指导教师: 完成日期:网络工程专业2010级综合课程设计任务书一、 设计目的 目前,精品课程资源平台建设,尤其是课程群平台建设,是高校教学改革于建设的主要内容之一,也是教学质量工程内容之一。为广大师生对本计算机网络精品课程的了解和认识;从而为计算机网络课程群实现资源共享提供大家一个公共的学习平台。便于大家对计算机网络课程群的知识组织结构衔接的重要性,特做此网站。二、设计内容 此次计算机网络课程群网站设计的主要内容如下:首页,课程群优化表,课程群说课录像,计算机网络,网络管理,网络安全技术,网络协议分析,网络程序设
2、计。其中本组设计成员各自完成如下功能:由舒均波所完成的功能:首页:其中包括标题行的首页,课程群优化表,课程群说课录像,计算机网络,网络管理,网络安全技术,网络协议分析,网络程序设计;在首页中实现课程群介绍、通知公告、五大课程、申请书和交流区;设计头部和脚本。课程优化表:实现下载 联合课程优化表PDF;课程群说课录像:实现课程录像的观看;计算机网络:介绍计算机网络课程的重要性,和该课程的主要负责人的介绍;由苏浩完成的功能:网络管理,网络安全技术,网络协议分析,网络程序设计;设计课程的主页标题(课程主页,说课录像,师资队伍,课程描述,建设规划,课程评价,学习资源,课程申报书,在线回答,返回首页)。
3、网络管理:实现课程的介绍和课程的负责人;网络安全技术:介绍该课程重要性和主要负责人的介绍;网络协议分析:实现介绍课程的重要性课程的负责人;点击课程主页的标题分别实现相应的实习队伍介绍,课程的描述,建设规划,课程评价,学习资源,在线回答的功能。三、设计要求第一:标题行中的内容: 首页 课程群优化表 课程群说课录像 计算机网络 网络管理 网络安全技术 计算机网络协议分析 网络程序设计第二: 网页中在课程群介绍、通知公告、五大课程、申请书、交流区。四、时间安排及考核方式 设计时间为5周。 采用答辩和设计报告相结合的考核方法对综合课程设计效果进行考核。其中综合课程设计报告(不少于5000字)(占总成绩
4、50%),答辩(占总成绩50%)。考核共分五个等级,优秀、良好、中等、及格、不及格。五、主要参考文献:Web应用开发技术清华大学出版社;DEDE织梦官方网PHP100;W3school。一、概述1.1 简介计算机网络课程群网站设计的内容此次综合课程设计的项目是完成计算机网络课程群网站的设计与实现,主要包括首页,课程群优化表,课程群说课录像,计算机网络,网络管理,网络安全技术,网络协议分析,网络程序设计。实现相关精品课程和相关课程负责人的介绍功能。首页中实现课程群介绍,通知公告,五大课程,申请书和交流区这五大模块。在主页中栏目下的子栏目中如主页中的计算机网络这个栏目;即点击计算机网络这个栏目则进
5、入计算机网络课程相关的页面。这里有课程主页,说课录像可供大家观看,有计算机网络的师资队伍的介绍和计算机网络的负责人的介绍等内容。主页中的其他栏目也可以按照计算机网路这样的方式显示相关的内容和该课程的介绍和详解的内容。1.2 项目分工:此次综合课程设计的项目是完成计算机网络课程群网站的设计与实现,主要包括首页,课程群优化表,课程群说课录像,计算机网络,网络管理,网络安全技术,网络协议分析,网络程序设计。实现相关精品课程和相关课程负责人的介绍功能。以上是综合课设设计项目的大体功能,其具体的项目分工情况如下,即本组设计成员各自完成如下功能:由x所完成的功能:首页:其中包括标题行的首页,课程群优化表,
6、课程群说课录像,计算机网络,网络管理,网络安全技术,网络协议分析,网络程序设计;在首页中实现课程群介绍、通知公告、五大课程、申请书和交流区;设计头部和底部。课程优化表:实现下载 联合课程优化表PDF;课程群说课录像:实现课程录像的观看;计算机网络:介绍计算机网络课程的重要性,和该课程的主要负责人的介绍。由x完成的功能:网络管理,网络安全技术,网络协议分析,网络程序设计;设计课程的主页标题(课程主页,说课录像,师资队伍,课程描述,建设规划,课程评价,学习资源,课程申报书,在线回答,返回首页)。网络管理:实现课程的介绍和课程的负责人;网络安全技术:介绍该课程重要性和主要负责人的介绍;网络协议分析:
7、实现介绍课程的重要性课程的负责人;点击课程主页的标题分别实现相应的实习队伍介绍,课程的描述,建设规划,课程评价,学习资源,在线回答的功能。1.3 开发环境的简介1.31 APMserv 的简介APMserv是一款快速搭建Apache、PHP、MySQL5.0和MySQL4.0,以及ASP,CGI,PhpMyAdmin等网站服务器平台的绿色软件,可以在WinNT/Win2000/WinXP的环境下运行。APMserv拥有跟IIS一样便捷的图形管理界面。具有灵活的移动性,将其拷贝到其他目录、分区或其他的电脑时,均只需点击APMserv.exe中的驱动按钮,即可进行相关的设置,讲Apache和MyS
8、QL安装位系统服务并启动;该服务器支持了MySQL5.0和MySQL4.0两个版本,虚拟主机,虚拟目录、端口的更改,SMTP、上传大小限制、自动全局变量、SSL证书制定、缓存性能优化的呢过设置,只需鼠标点击即可完成。该服务器集成了以下软件:Apache2.23HTTP服务器;NetBox2.8Build4128HTTP服务器+ASP脚本解释引擎;PHP5.2.0PHP脚本解释引擎;MiniPerl5.8Perl脚本解释器;MySQL5.0.27MySQL数据库服务器;phpMyAdmin2.9.1.1MySQL数据库在线管理工具等。1.32 MySQL简介MySQL是一个关系型数据库管理系统,
9、由瑞典MySQL AB公司开发,目前属于Oracle公司。MySQL是一种关联数据库管理系统,关联数据库将数据保存在不同的表中,而不是将所有数据放在一个大仓库内,这样就增加了速度并提高了灵活性。MySQL所使用的SQL语言是用于访问数据库的最常用标准化语言。MySQL软件采用了双授权政策,它分为社区版和商业版,由于其体积小、速度快、总体拥有成本低,尤其是开放源码这一特点,一般中小型网站的开发都选择MySQL作为网站数据库。由于其社区版的性能卓越,搭配PHP和Apache可组成良好的开发环境。MySQL是一个真正的多用户、多线程SQL数据库服务器,是世界上最流行的和标准化的数据库语言,是以一个客
10、户机/服务器结构的实现,它由一个服务器守护程序mysql和很多不同的客户程序和库组成。 1.33 JavaScript简介 JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言,常用来给HTML网页添加动态功能,比如响应用户的各种操作。它最初由网景公司(Netscape)的Brendan Eich设计,是一种动态、弱类型、基于原型的语言,内置支持类。JavaScript是Sun公司的注册商标。Ecma国际以JavaScript为基础制定了ECMAScript标准。JavaScript也可以用于其他场合,如服务器端编程。完整
11、的JavaScript实现包含三个部分:ECMAScript,文档对象模型,字节顺序记号。Netscape公司在最初将其脚本语言命名为LiveScript。在Netscape在与Sun合作之后将其改名为JavaScript。JavaScript最初受Java启发而开始设计的,目的之一就是“看上去像Java”1,因此语法上有类似之处,一些名称和命名规范也借自Java。但JavaScript的主要设计原则源自Self和Scheme2。JavaScript与Java名称上的近似,是当时网景为了营销3考虑与Sun公司达成协议的结果。为了取得技术优势,微软推出了JScript脚本语言。Ecma国际(前身
12、为欧洲计算机制造商协会)创建了ECMA-262标准(ECMAScript)。现两者都属于ECMAScript的实现。尽管JavaScript作为给非程序人员的脚本语言,而非是作为给程序人员的编程语言来推广和宣传,但是JavaScript具有非常丰富的特性。二、设计内容该课程群所包含的各门课程建设一个公共平台。在平台中首先介绍平台建设的背景及组织结构,课程群的公共资源以及每门课程的链接;其次是各门课程的详细资源建设。即计算机网络课程群的设计内容如下。2.1后台的服务设计本次综合课程设计之计算机网络课程群网站建设的后台服务主要是使用DEDE织梦官方网站的服务提供,后台服务器在安装过程中一自动实现把
13、MYSQL 5.1给安装好,在后台的管理登陆界面下输入用户名admin和密码admin,然后再输入验证码就可以实现对计算机网络课程群网站建设的后台的服务操作。数据库的导入,根据已建好的数据库,在织梦管理服务器中选择管理MySQL数据库,然后创建一个数据库名称,选择Import将自己的数据库导入到后台创建的数据库中。根据计算机网络课程群网站前台页面要显示的栏目,在织梦后台的核心中的栏目管理,选择批量增加栏目,依次在栏目中填入首页,课程群优化表,课程群说课录像,计算机网络,网络管理,网络安全技术,网络协议分析,网络程序设计。在后台的系统模块中修改默认模板为moban,在生成的主页默认default
14、. html改为moban. Html。将已建好的栏目根据网页要实现的设计要求可将一些栏目管理设为频道封面页,也可以栏目设为列表内容页即list_article.htm;根据计算机网络设计的要求可以在栏目的内容页中添加标题和内容。以便在前台显示。2.2前台页面的设计在计算机网络群网站的顶部的logo中显示计算机网络精品课程群的图片;首页中除了显示课程群优化表,课程群说课录像,计算机网络,网络管理,网络安全技术,计算机网络协议分析,网络程序设计7个标题名称之外,显示课程群的介绍区域;显示计算机网络课程的相关内容,点击该区域的更多可以查看整个内容的文章。中间还可以显示相关计算机网络相关的图片,图片
15、可以动态的按顺序跳转。通知公告区域的设计内容;该区域以列表页的形式显示各通知公告;点击通知公告下面的通知可以查看相关通知的内容!也可以点击该通知公告区域的更多可以查看更多的通知和内容。在另外一个区域中可以看到五大课程,点击相关的图片可以调到相关的链接。在交流区区域可以实现交流的区域,便于光大学生对精品课程的了解和认识。底部的设计,加上版权和背景效果;是页面看起来更加友好! 三、设计目标目前,精品课程资源平台建设,尤其是课程群平台建设,是高校教学改革于建设的主要内容之一,也是我校教学质量工程内容之一。课程群建设的基本思想是把内容联系紧密、内在逻辑性强、属同个培养能力范畴的同一类课程作为个课程群组
16、进行建设,打破课程内容的归属性,从技能培养目标层次把握课程内容的分配、实施、保障和技能的实现。计算机网络课程群,主要包括计算机网络、网络管理、网络安全技术、网络工程设计与系统集成、网络协议分析等课程,是网络工程专业的主干课程 ,部分课程也是计算机科学与技术专业、软件专业的必须主干课程。课程之间存在着明显的前导、后继关系,在教学内容、教学模式、教学方法等各方面具有深厚的学缘关系。将这些课程组织为课程群进行建设并指导教学安排,使各门课程主讲老师加强教研活动,以帮助学生构建整个学科体系的知识架构为目标,调整各门课程的教学内容,做好教学衔接,建立综合教学平台,拓宽教学资源的共享面,从而提高教学效果。本
17、次计算机网络课程群网站主要的设计目标就是建设计算机网络课程群网站,为该课程群所包含的各门课程建设一个公共平台。在网站的栏目中可以实现各个精品课程的栏目,在相关栏目下可以查看具体的课程信息;在平台中首先介绍平台建设的背景及组织结构,课程群的公共资源以及每门课程的链接;其次是各门课程的详细资源建设。在建设计算机网络课程群网站达到界面友好,界面的整体布局合理;图片和文字相结合看起来给人一种平易近人的感觉。四、需求分析4.1引言计算机网络精品课程群网站是高校计算机学院精品课程建设的一项重要内容,一个优秀的计算机网络精品课程群网站在我校各类课程建设与教学中发展中发挥着不可或缺的重要作用。本校目前,精品课
18、程资源平台建设,尤其是课程群平台建设,是高校教学改革于建设的主要内容之一,也是我校教学质量工程内容之一。课程群建设的基本思想是把内容联系紧密、内在逻辑性强、属同个培养能力范畴的同一类课程作为个课程群组进行建设,打破课程内容的归属性,从技能培养目标层次把握课程内容的分配、实施、保障和技能的实现。计算机网络课程群,主要包括计算机网络、网络管理、网络安全技术、网络工程设计与系统集成、网络协议分析等课程,是网络工程专业的主干课程 ,部分课程也是计算机科学与技术专业、软件专业的必须主干课程。课程之间存在着明显的前导、后继关系,在教学内容、教学模式、教学方法等各方面具有深厚的学缘关系。将这些课程组织为课程
19、群进行建设并指导教学安排,使各门课程主讲老师加强教研活动,以帮助学生构建整个学科体系的知识架构为目标,调整各门课程的教学内容,做好教学衔接,建立综合教学平台,拓宽教学资源的共享面,从而提高教学效果。4.2总体目标本系统网站能够根据精品课程的需求,生成课程网站要求能够满足计算机学院精品课程网站的建设要求,能实现以下目标:1) 根据计算机网络精品课程网站的建设,能够在后台根据需求完成栏目的创建,栏目内容的添加和更改;2) 网站界面管理部分根据模板的方式,是的课程主页的外观、布局,使得网站界面看起来更加友好和美观;3) 具有交互功能。学生和老师都可以通过网站的在线答疑进行交流;4) 系统具有良好的性
20、能,能够稳定高效的运行;5)具有良好的安全机制和扩展能力。4.3功能需求 为了让精品课程网站系统真正的够用,易用,好用;让学生可以通过该网站来实现对精品课程的了解和认识,方便学生实现学习交流。1) 网站导航与网站栏目的管理部分;该部分支持管理员直接在后台对精品课程网站栏目的文章内容进行添加和修改和删除操作,从而构建一个与时俱进的网站;2) 说课录像部分;说课录像师精品课程建设一个非常重要的组成部分不能缺少,本部分只要是晚上对计算机网络精品课程群网站的视频上传、更新和删除;以及视频播放的链接功能;3) 网站界面的管理部分,为了使网站界面能够是用户看起来更加友好和美观,在栏目和文章内容添加一些背景
21、颜色;4) 交互功能。学生可以通过在线答疑栏目里进行信息交互,如提交自己的问题,老师可以解答学生的问题,方便学生的学习和交流;4.4 性能需求计算机网络课程群网站随着精品课程的建设进程会变得越来越庞大,为了在较长的时间内保证网快速、安全高效的运行;该计算机网络课程群网站设计因满足以下的性能需求。1) 采用Browser/Server结构;访问基于B/S方式的结构,不必为每台电脑都安装客户端,只需要打开浏览器就能够非常方便快捷的访问或者管理计算机网络群网站。2) 具备权限管理功能,方便后台的操作和管理,很大地提高了计算机网络精品课程群网站的安全性和管理效率。3) 易用性;刺痛界面友好,简单易用,
22、用户需要按照要求和相关界面的栏目点击操作,就能够很方便的使用和管理课程网站。4) 容错性;当用户在使用过程中出现错误的操作时,并不会破坏系统的正常结构,只要终止进行的错误操作,重新进入页面;并不会影响用户的操作。5) 具备良好的健壮性和兼容性,对于在运行过程中出现的一般错误能过自动地进行分析和处理,保证系统的正常运行;同时可以保证用户在不同的浏览器上面都能够访问和管理操作。6) 易维护性;该网站系统运行的所需要的组件都放置在服务器端,因此系统的维护工作只需要在服务器端就可以完成,而不需要客户端的参与。这要简化了系统的维护操作。五、设计思想首先分析网站的结构;计算机网络课程群网站是一个属于UTF
23、_8的结构;HTML格式(文件扩展名为.htm);采用CSS结构设计模板风格,以便增加视图的美观效果。设计的思想如下:1. 明确建立网站的的目标和用户的需求。基于计算机网络课程群网站的设计与实现是展现计算机网络专业相关课程的紧凑性和衔接性;因此就必须明确设计站点的目的性和满足广大学生的学习资源的需求;设计出的网站须能够方便师生的查阅特别是为计算机网络学者了解网络知识提供服务。2. 计算机网络课程群网站设计的总体方案主题鲜明。在明确网站设计的基础上,完成网站的构思创意即总体方案设计;对计算机网络群网站的整体风格和特色做出定位,规划网站的组织结构。要做到主题鲜明突出,就必须根据网站的设计要求,以简
24、单明确的语言和视图结合在一起来体现计算机网络课程群网站的主题;设计一些CSS结构,展现出好的页面风格,从而使网站充分表现出该网站应具有的友好界面等特点。3. 确定计算机网络课程群网站的整体风格。一个好的网站能够给人留下深刻的印象,给人舒适和平易近人的感觉;所以为了使本次设计的网站也能够尽量的达到此目标,设计该网站具有以下几个特点:设计的精品课程群标志的Logo放置在网页顶端,这样特别突出计算机网络课程群网站的基本特点;将本次网站设计内容最核心的关键字提取出来作业主页中的栏目内容;同时每个栏目下又有相应的子栏目和页面。再加上一些优美的板式和一些美丽的图片,使网站看起来更加友善,接近总体的设计要求
25、。4.设计工具。本次综合课设计算机网络群网站的设计主要用到的工具Dreamweaver 8; PS cs;老李仿站工具等辅助工具。5. 可读性好;在设计网站的过程中要使得界面友好赶紧,看起来舒适,文字的设计也很重要。不要设计拥挤不堪的文字觉得好像只有把脑袋钻进去才能阅读,要么深色的背景给人的感觉好像处于非常狭隘的空间里,而且让人的心情感觉很压抑;所以设计一个好的网站不仅要把文字的设计合理即不必过于太大和太小,看起来舒适就行;而且要把颜色给调配好!才能使网站看起来更加友善,可读性才更高!总的来说,本次计算机网络群设计的思路基于以上几点外就是,在主页index.htm中含有七个栏目和一些列表内容如
26、:课程群介绍,课程负责人介绍,在线申请书和交流区BBS等。然后再每个栏目下建立几个子栏目,在相应的子栏目中放置不同的内容,这样方便用户的需求进行选择。 六、具体实现6.1 总体的实现经过需求分析之后,计算机网络课程群的网站具体的实现在网站首页中实现课程的栏目如课程群优化表,课程群说课录像,计算机网络,网络管理,网络安全技术,网络协议分析,网络程序设计;同时在首页中实现课程群介绍、通知公告、五大课程、申请书和交流区的介绍和相关区域的内容。计算机网络课程群网站的总体实现具体如下图所示:精品课程群网站首页BBS交流区申请书五大课程通知公告课程群介绍首页栏目6.2数据库的具体实现1) 后台dede_c
27、o_htmls数据库:2) dede_admin后台管理员的数据库:3) dede_addonarticle后台的数据库:4)dede_channeltype数据库:6.3详细的设计实现1) 程序结构的设计;主页模块即计算机网络精品课程群网站首页的流程图: 开始首页栏目五大课程通知公告课程群介绍申请书BBS交流区精品课程群网站首页 输入网站网址结束点击相关子栏目的流程图如(点击计算机网络栏目)开始点击计算机网络栏目课程评价说课录像课程主页师资队伍课程负责人课程描述建设规划在线回答课程申报书学习资源返回首页 返回首页的页面在线回答页面课程申报书页面学习资源页面课程评价页面建设规划页面课程描述页面
28、课程主页页面说课录像页面师资队伍页面课程负责人页面结束七、 附录1) article_article.htm;2) article_article2.htm;3)index.htm;4)index_article.htm;5)index_aticle1.htm;6)index_aticle2.htm;7)list_article.htm;8)list_article1.htm;Index.htm主页程序dede:global.cfg_webname/设为首页 | 加入收藏青岛理工大学精品课程群会计学主干课程群 首页dede:channel row=7 type =top f
29、ield:typename/dede:channel课程群介绍更多dede:arclist flag=h typeid=58 row=1 titlelen=200 orderby=pubdatefield:id runphp=yes $aid = me; $row = $GLOBALSdsql-GetOne(Select body From dede_addonarticle where aid=$aid ); me = cn_substr(strip_tags($rowbody),550);/field:id./dede:arclistvar t = n = 0, count;$(docum
30、ent).ready(function()count=$(#banner_list a).length;$(#banner_list a:not(:first-child).hide();$(#banner_info).html($(#banner_list a:first-child).find(img).attr(alt);$(#banner_info).click(function()window.open($(#banner_list a:first-child).attr(href), _blank);$(#banner li).click(function() var i = $(
31、this).text() - 1;/获取Li元素内的值,即1,2,3,4n = i;if (i = count) return;$(#banner_info).html($(#banner_list a).eq(i).find(img).attr(alt);$(#banner_info).unbind().click(function()window.open($(#banner_list a).eq(i).attr(href), _blank)$(#banner_list a).filter(:visible).fadeOut(500).parent().children().eq(i).f
32、adeIn(1000);document.getElementById(banner).style.background=;$(this).toggleClass(on);$(this).siblings().removeAttr(class););t = setInterval(showAuto(), 2000);$(#banner).hover(function()clearInterval(t), function()t = setInterval(showAuto(), 2000););)function showAuto()n = n =(count - 1) ? 0 : +n;$(#banner li).eq(n).trigger(click); 1 2 3 45 通知公告更多dede:arclist row=8 titlelen=50 typeid=59 field:title/dede:arclist五大课程 img src=dede:global.cfg_templets_skin/images/20110704054643.jpg border=