1、编 号 潍 坊 学 院毕 业 设 计 技 术 报 告课题名称： 数字媒体技术专业网络教学平台的设计与实现(前台)学生姓名： 田秋月学 号： 08021140111专 业： 计算机科学与技术班 级： 2008 级 1 班指导教师： 韩殿元2012 年 6 月潍 坊 学 院 本 科 毕 业 设 计 摘 要网络教学平台设计与实现摘 要：随着科技的进步和互联网的广泛应用，网 络教学的应用在教学过程中越来越广泛，并被越来越多的人所认知。网 络教学是远程教学的一种重要形式。它是依托 电脑和宽带等硬件设施，来实现远距离教学的目的。网 络 教学不受时间、地点以及教 师的限制，只要透过一台能连接上网的电脑就可以
2、随时随地地进行学习。本次设计是关于多媒体课程教学平台的设计与开发，其中主要的主要功能模块包括了基本的课程的教学，实验实践，常用工具 软件以及相关工具 软件使用教程的下载，能够实现学生问题上传的辅导答疑，介绍相关教师资料的教学团队，以及展示一些学生作品的功能。还能够实现学生的注册与登录功能，提供一些拓展学习的知识。网 页主要采用的是 ASP 与 Dreamweaver 相 结合的方式来设计 ，并使用 Access 设计数据库来存储相关数据。关键字：ASP，多媒体，网 络教学，平台开 发潍 坊 学 院 本 科 毕 业 设 计 摘 要Design and Implementation of Netw
3、ork Teaching PlatformAbstract：With the progress of science and technology and the wide application of Internet, the application of network teaching in the course of teaching is more and more extensive, and more and more people cognition. Network teaching is an important form of remote teaching. It i
4、s relying on the computer and broadband facilities and other hardware, to realize the purpose of remote teaching. Network teaching is not subject to time, place and teachers to the restrictions, as long as one computer which can connect to the Internet can learn whenever and wherever.This design is
5、about the multimedia teaching platform design and development, of which The main function modules of this web site include basic courses teaching, experiment and practice, software tools and related software tutorial download, which can realize the upload and answer question which are put forward by
6、 students. Beside this, the web can introduces the relevant information of the teaching team, and show some the function of student work. It is able to realize students registration and login function, and provides some expansion of knowledge. This design main use of ASP combined with Dreamweaver wa
7、y to design, and the use of Access design database to store data.Key words：ASP, Multiple, Network teaching, Platform Development潍 坊 学 院 本 科 毕 业 设 计 目 录目录1 前言 .11.1概述 .11.2主要开发工具介绍 .12 需求分析 .32.1 系统功能需求分析 .42.2 系统的数据需求分析 .42.3 系统的性能需求 .43 概要设计 .53.1 网站结构概要设计 .53.2 数据库结构概要设计 .54 数据库的设计 .64.1 用户表（USERS
8、） .64.2 模拟试题（MNST） .64.3 拓展学习（TZXX） .74.4 实验指导（SYZD） .74. 5 教学团队（TEAM） .84. 6 疑问留言（QUESTION） .85 网页功能的设计 .95.1 首页 .95.2 课程教学 .135.3 实验实践 .165.4 工具软件 .185.5 辅导答疑 .185.6 教学团队 .305.7 作品展示 .316 结束语 .32参考文献 .34潍 坊 学 院 本 科 毕 业 设 计 目 录附录 .35致 谢 .41潍 坊 学 院 本 科 毕 业 设 计 11前言1.1 概述21世纪是一个信息化的社会，随着科技的发展，网络已经和人们
9、的生活密不可分了。信息化生活给人们带来了极大的方便。目前，互联网已经广泛地应用在教育上，并对教学过程产生了非常重要的影响。网络教学是传统教学的补充和延伸，它是以学生为中心的一种教学方式。它丰富了教学的方法，扩大了教学的空间。通过网络教学的方式传递教授的信息，实现教师和学生的互动。还可以将一些课堂上小的知识点作为拓展内容放到网络教学平台上，对此有兴趣的同学就可以在上课之余，自己上网去浏览这些拓展信息，丰富自己的知识面。学生也可以随时将自己的问题放在网上，等待老师的解答。学生还可以在网上反复学习以巩固课堂上学到的知识。或是将课件下载下来进行自主学习。这样教学资源的利用率会大大提高。此次的网站是针对
10、单门课程进行设计的网络教学平台（前台）的设计。在此基础上还可以扩充成多门课程的教学平台。然后由后台的服务进行更新。网站的主要目的就是实现教学资源的共享，满足教学的需求，提高教学资源的利用率。学生可以通过系统发布问题，可以搜索相关的问题。可以查看其它学生的问题，教师回答问题，通过这种方式实现师生之间的互动交流。此外，教师也可以动态发布实验的内容和要求。1.2 主要开发工具介绍1.2.1 梦幻网页的编织者DreamweaverDreamweaver是创建和管理网页的专业化可视编辑器。使用 Dreamweaver可以轻松创建跨平台、跨浏览器的页面。Macromedia 的 Roundtrip HTM
11、L技术允许用户随意导入 HTML文档而无需重新设置代码格式。Dreamweaver相对于其他同类软件来说有这样几个特点：不生产冗余代码；具有方便的代码编辑，可以自由在可视化编辑和源代码编辑状态之间自由转换；强大的动态页面支持；操作方便，它提供了历史面板、html 样式、模板等功能避免了重复劳动，除此之外，它还可以直接在页面中插入 flash等插件。使用十分方便。Dreamweaver可以为用户做到：使用动态 HTML功能（例如具有动态效果的层和行为）而不用写一行代码。它甚至还可以检查用户的工作成果在所有流行的平台和浏览器中可能发生的错误。Dreamweaver还是一个可以完全自定义的应用程序。
12、用户可以创建自己的对象和命令潍 坊 学 院 本 科 毕 业 设 计 2修改菜单和快捷键，甚至编写 JavaScript代码扩展 Dreamweaver的行为和属性检查器。1.2.2 动态网站的脚本语言ASP Active Server Pages：“动态服务器网页” ，一般简称为“ASP” ，ASP 之所以能受到大家的重视与使用的原因，主要在于所产生的执行结果都是标准的 HTML格式，而且这些程序是在网络服务端中执行，使用一般的浏览器（如 IE 或 Netscape）都可以正确地获得ASP的“执行”结果，并且将这 ASP执行的结果直接在浏览器中“浏览” 。ASP的语言相容性高，与所有的 Act
13、iveX Script语言都相容。并且它的隐密安全性也相当高。如果在浏览器中直接查看网页的源文件，那么只能看见 html文件。而 ASP程序代码是看不到的。能够避免 ASP程序被看见和盗用。再有，使用 ASP抑郁操控数据库，它可以通过 ODBC（Open Database Connectivity）驱动程序连接各种不同的数据库，例如 Access、SQL Server、Oracle 等等。因此选择采用 ASP结合 dreamweaver8 构架网站。并使用 IIS5.0对页面进行调试。1.2.3 数据库AccessMicrosoft Access是一种桌面数据库，只适合数据量少的应用，在处理少
14、量数据和单机访问的数据库时是很好的，效率也很高。但是它的同时访问客户端不能多于 4个。Microsoft Access数据库有一定的极限，如果数据达到 100M左右，很容易造成服务器IIS假死，或者消耗掉服务器的内存导致服务器崩溃。对于需求不算太大的数据库来说，使用 Access比较合适，如果网站还需要继续扩充，则可以将数据库的开发工具改为 SQL server。数据库的访问方式有很多种，主要有公共网关接口 GGI（Common Gateway Interface） ，先进数据库连接器 ADC（Advance Database Connector） ，JAVA/JDBC 语言编程，动态服务器页
15、面 ASP。相对应以上几种数据库访问方式，ASP 编程灵活简洁，具有较高的性能，是目前访问 WEB数据库的最佳选择。1.2.4 SQL 查询语言SQL（Structured Query Language)结构化查询语言，是一种数据库查询和程序设计语言，用于存取数据以及查询、更新和管理关系数据库系统。同时也是数据库脚本文件的扩展名。SQL是高级的非过程化编程语言，是沟通数据库服务器和客户端的重要工具，允许用户在高层数据结构上工作。它不要求用户指定对数据的存放方法，也不需要用户了解具体的数据存放方式，所以，具有完全不同底层结构的不同数据库系统，可以使用相同的 SQL潍 坊 学 院 本 科 毕 业
16、设 计 3语言作为数据输入与管理的 SQL接口。它以记录集合作为操作对象，所有 SQL语句接受集合作为输入，返回集合作为输出，这种集合特性允许一条 SQL语句的输出作为另一条SQL语句的输入，所以 SQL语句可以嵌套，这使它具有极大的灵活性和强大的功能，在多数情况下，在其他语言中需要一大段程序实现的功能只需要一个 SQL语句就可以达到目的，这也意味着用 SQL语言可以写出非常复杂的语句。1.2.5 其他网页制作还用到了一些其他的软件，比如说处理图片的 Photoshop软件，本次设计的网页导航图片就是通过 Photoshop剪切拼合成的。还有另一个制作平面二维动画的 flash软件，在学生作品
17、展示中，由于资源有限，就在末尾放上了一个自己做过的 flash动画。还有一个比较重要的工具就是测试网页用到的 windows组件IIS。HTM 等格式的静态网页可以通过网页浏览器直接进行测试，ASP 动态网页的测试则最好是通过 IIS，在电脑安装系统的时候系统自带了一个服务器测试软件。安装方法如下：打开控制面板，选择添加或删除程序，再选择添加或删除 windows组件，钩选中Internet信息服务（IIS）点击下一步，按照向导安装上 IIS。安装成功后，将整个网站放在合适的目录下即可对动态网页进行测试。潍 坊 学 院 本 科 毕 业 设 计 42需求分析建立网络平台的主要目的是为了方便教学工
18、作，其最本质的功能在辅助教学方面。2.1系统功能需求分析本次设计的是前台，主要实现的是面向学生的这部分功能。主要功能及简介如下：（1）注册及登录。学生可以通过注册来获得用户名，获得登录的权力，这有助于在辅导答疑中实现问题的查看（2）上传功能。学生可以将老师布置的部分作业通过网站提交上传。（3）下载功能。现在教师上课一般都有课件，通过后台管理可以将每一章节的内容放到网站上，学生想要再看课件的话可以通过进入网站下载。（4）留言功能。学生可以通过答疑平台将自己的问题提交到网站上，然后由老师回答，学生再次登录的时候可以查看自己的问题是否被回答了。（5）查看功能。整个网络教学平台是要实现教学目的，所以很
19、多教学内容都要放到网页上供学生查看。2.2系统的数据需求分析数据是系统的灵魂，没有数据的话也就无从谈起管理，系统也就不能发挥它的功效。所以说数据库的选择对系统的开发很重要。虽然本次设计采用的是适用于小型数据存储的Access数据库开发，但 SQL查询语句仍然适用。SQL 查询语句可以实现一系列复杂的操作。比如说数据的增加、删除、修改等等。配合 ASP使用也十分方便。根据网站的设计，需要动态显示的数据最好都放在数据库里。比如说，课下的拓展知识，做练习用的模拟试题，存储用户信息的用户表，存储教师信息的表。存储与实验相关信息的实验表。还有就是存储学生留言提问信息的问题表。2.3系统的性能需求网络教学
20、平台是一个教育类型的网站，所以必须做到实用、简洁。界面不必太过花哨，要做到界面简洁明了、导航清晰。用户只要能上网就可以进行学习，以及实现上传，下载等功能。并且，网站应该具有可扩充性，此次设计的网络教学平台只是针对单门课程的设计，还有很多内容还不全面，因此网站的设计要能够方便日后的更改、扩充等。潍 坊 学 院 本 科 毕 业 设 计 53概要设计3.1网站结构概要设计对于功能较为全面的网络教学平台来说，一般都有教学大纲、教师信息、讨论答疑、课程作业、教学笔记、教学邮箱、资源下载等一系列复杂的内容。由于时间，资源的限制，所以本次设计只能实现其中一部分的功能。网站主要结构如下图所示。主页首页 课程教学实验实践工具软件作品展示辅导答应教学团队图 3.1 网站结构3.2数据库结构概要设计由于整个网站的内容不是特别多，所以把所以的表设计在了同一个数据库中，数据库中数据表的情况如图 3.2所示。usersexercicemnst tzxx syzd team quest_ion图 3.2 数据库结构设计
