计算机组织与结构教学网站开发(编辑修改稿)

计算机组织与结构教学网站开发(编辑修改稿)内容摘要：

的延伸，也是网络环境下信息资源共享服务的一个重要方面。 它为一切愿意学习的人提供一切学习的机会，提高了教学质量和学习效率。 逐步成为学校教学活动不可缺少的一部分。 也是办好教育，加快教育现代化的重要组成部分。 网络教学正是高校为了适应这一形势而出现的一种新的教学模式。 使学习者从知识的被动接受者转为知识的主动构建者，使教学管理更为简便、科学的一种新型的教育技术。 它改变了传统教师课堂授课的教学模式，转而变为学习者突破时间和空间限制的自主学 习模式。 总之 ， 这个网络教学系统正日益贴近我们的自主学习模式，而且目前的现状越来越紧迫的要求师生交互式系统即教学系统的开发。 开发工具介绍 ASP 平台的选择 在这个系统中我选择 ASP 作为开发工具。 当前的开发工具有很多，如 ASP、PHP 等， ASP 具有如下特点： （ 1） ASP 是 Active Server Pages（ 动态服务器主页 ） 的缩写 ， 它是一个服务器端的脚本环境。 在站点的 Web 服务器上解释脚本 ， 可产生并执行动态、交互式、高效率的站点服务器应用程序。 ASP 可以胜任基于微软 Web 服务器的各 种动态数据发布。 （ 2）使用普通的文本编辑器，如 Windows 的记事本，即可进行编辑设计。 （ 3）与浏览器无关 （ Browser Independence）， 用户端只要使用可执行 HTML 码的浏览器，即可浏览所设计的网页内容。 （ 4） ASP 方法与传统静态主页的区别 把信息系统纳入 Inter 的框架之后 ， 首先要解决的问题是通过网页访问后台数据库信息。 所有应用程序都被分割为页面的形式。 用户的交互操作是以提交 40 8 Page 8 7/16/2020Confidential Page 8 7/16/2020Created by 邹文超 Page 8 of 44 表单等方式来实现的。 这就要求 Web 站点具有很强的动态数据发布能力。 然而目前 Web 的服务。 仍以 提供静态主页内容为主。 所谓 “ 静态 ”， 指的就是站点的主页内容是固定不变的。 无法根据用户的需求和实际情况作出相应的变化。 当浏览器通过 Inter 的 HTTP 协议向站点的 Web 服务器申请主页时 ， 站点服务器就会将已设计好的静态的 HTML 文件传送给浏览器。 若要更新主页的内容 ， 只能用非在线的手动方式更新 HTML 的文件数据。 （ 5） ASP 所设计出的是动态主页。 可接收用户提交的信息并作出反应 ， 其中的数据可随实际情况而改变 ,无须人工对网页文件进行更新即可满足应用需要。 例如 ： 当在浏览器上填好表单并提交 HTTP 请求时 ， 可以要求 在站点服务器上执行一个表单所设定的应用程序 ， 而不只是一个简单的 HTML 文件。 该应用程序分析表单的输入数据 ， 根据不同的数据内容将相应的执行结果 （ 通常是数据库查寻的结果集 ） 以 HTML 的格式传送给浏览器。 （ 6）数据库的数据可以随时变化 ， 而服务器上执行的应用程序却不必更改。 客户端得到的网页信息会始终保持新鲜的魅力。 IIS:Inter 信息服务 Web 服务器是 Web 应用程序的心脏。 IIS（ Inter Information Server） 作为Windows NT 的扩展，自推出以来已经有了很大 发展，其体系结构是当今市场上最受关注的 Web 服务器之一。 新推出的 版本增强了系统安全性，具有服务器端脚本开发调试，内容管理和站点分析，崩溃防护等强大功能。 现在我们利用 IIS+ASP 构成三层式 Web 结构的中间一层，将客户机 /服务器结构与 Web 密切结合，使得 Web 站点的开发更方便，实现的功能更强大。 数据库 当前流行的数据库有很多，如 Oracle、 My SQL、 SQL Server、 Access 等。 此次课题研究 中， 采用 Access 20xx 进行 后台 数据管理。 Access 20xx 是一个后 台关系数据库管理系统 ， 它功能强大操作简便 ， 是微软公司推出的基于 Windows 的桌面关系数据库管理系统（ RDBMS，即 Relational Database Management System），是 Office 系列应用软件之一。 它提供了表、查询、窗体、报表、页、宏、模块 7种用来建立数据库系统的对象；提供了多种向导、生成器、模板，把数据存储、数据查询、界面设计、报表生成等操作规范化；为建立功能完善的数据库管理系统提供了方便，也使得普通用户不必编写代码，就可以完成大部分数据管理的任 40 9 Page 9 7/16/2020Confidential Page 9 7/16/2020Created by 邹文超 Page 9 of 44 务。 CSS 网页设计 技术 CSS 是一种样式表（ style sheet）技术。 也有的人称之为层叠样式表。 在主页制作中采用 CSS 技术时，只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者网页的外观和格式。 使用 CSS 可有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制；可轻松地控制页面的布局；可将许多网页的风格格式同时更新，不用再一一更新每一页面；也可将站点上所有的网页风格使用一个 CSS 文件进行控制，只要修改这个 CSS 文件中相应的行，整个站点的所有页面都会随之发生变动。 本章小结 在这章里对课 题的必要性做了具体全面的分析，其中举出了两个调查事例，也就是例证法，提供了非常详细直观的表格，同时对其它问题做了议论比较。 阐释了传统的“手动式教学”与“自动式教学”的区别和利弊。 分析了现在学校的网络化教学趋势和中小学以及大学的网上教学实施状况。 提出了教学系统激发自主式学习的概念。 章节的后半部分，给出了课题研究即系统开发的具体工作。 这也是课题研究从刚开始的需求分析到最后的系统测试与结论的总结，所需要经历的行动指南。 在开发的过程中，我就是按照这样的一个步骤一步一步的做好系统的。 3 系统设计 设计 系统 决定 采用 Windows xp 操作系统平台， web 服务器， Access 20xx以及面向对象简单易用 ， 功能强大适用范围广的 Asp 技术。 系统的结构体系建立在 Web 的客户 /服务器 （ b/s） 体系结构的基础上 ， 根据用户的输入提供动态信息服务，从而实现交互式教学管理。 采用模块化的设计方法， 以及一般 客户 /服务器数据库的数据平台。 学生登陆系统时，只要直接打开系统主界面就可以实现在线学习功能，既模拟课堂的幻灯片式学习又有生动的视频式学习。 在系统主界面中，学生还可以浏览学校里的一些通知公告，查看学校 的简单介绍，课程的介绍，学习的课时等情 40 10 Page 10 7/16/2020Confidential Page 10 7/16/2020Created by 邹文超 Page 10 of 44 况。 在系统右上角部分能够与老师进行交互式学习，学生提出问题。 老师进行解答。 最重要的是在对应的按钮上，学生能够实现考试功能，现在具体的页面注册，建议使用自己的学号注册，这样有利于老师对成绩的处理。 而后利用自己注册好的信息登陆考试系统，选择考试的科目点击“开始考试”，就能进入初始化考试界面。 等考试完成后，点击“交卷”。 等待稍许片刻就能查看到系统给的自动评分。 老师登陆系统时，首先当然是可以进行学生能够进行的所有操作：查看自己对学生回答的留言，查看课程等相关情况。 然后老师 们最重要的操作是点击左下角的“管理入口”，在管理员登陆界面中输入自己的帐号和密码（我设置的默认帐号和密码均是： admin）。 登陆到后台管理页面。 在管理页面平台上进行主要的操作，例如留言信息的查询，回复和审核。 自己帐号和密码的修改等。 当然老师也可以登陆到考试系统对学生的成绩进行管理操作。 系统面向 二 类用户，分别为教师、学生。 为简化本系统，学生用户 无需 登录进入系统，只拥有系统的部分权限，能浏览基本信息，可选择某种课程进行在线测试，可通过 在线答疑 与老师交流。 老师用户可以编辑，管理相关信息。 详细的功 能设计如下。 学生用户端 学生的整体功能设计，学生功能模块图如图 31 所示。 40 11 Page 11 7/16/2020Confidential Page 11 7/16/2020Created by 邹文超 Page 11 of 44 （ 1） 浏览通知公告 ， 学生无需登录就能在首页课程列表中 阅读“通知公告”栏目中的通知。 （ 2） 阅读学院简介，课程介绍，授课计划，教务中心等信息 ：提供学生 了解学院和课程的一个平台，使得学生从刚开始就知道授课计划从而指定自己的学习计划。 （ 3）网上课堂功能的设计，网上课堂效果图如图 32 所示。 学生通过单击“网上课堂 ”，进入“网上课堂”学习列表，里面有上图所示的学习材料。 只需要往任何一个连接上一点就能进行在线学习了。 （ 4）视频教学功能设计，实现视频教学功能效果。 系统（网上课堂功能） 课程选择 课程学习 图 32 网上课堂功能模块图 系统（学生功能） 浏览公告 浏览通知公告 网上课堂 视频学习 在线考试 留言板 图 31 学生功能模块图 40 12 Page 12 7/16/2020Confidential Page 12 7/16/2020Created by 邹文超 Page 12 of 44 （ 5） 考试系统功能设计，实现考试功能效果。 （ 6）在线答疑功能设计，实现留言板功能。 学生点击“我要留言”图片按钮，就能进行留言操作，但是不能马上显示出来，必须经过老师的审核才能显示。 老师用户端 老师的整体功能设计，老师功能模块图如图 33 所示。 （ 1） 修改管理员帐号密码的功能设计 ：教师 能够 对自己的 帐号和密码进行 修改操作。 （ 2） 留言 回复的功能设计 ： 老师能够 对学生的问题进行回复， 并 将回复以帖子形式发表。 （ 3） 留言审核的功能设计：老师能够对学生的问题进行审核，并将审核了的问题批准以帖子形式发表。 （ 4） 试题编辑与添加的功能设计：在考试系统中，试题编辑与添加功能的设计，老师只要通过登陆考试系统管理员身份后，选择对应的科目进行试题管理，就可以完成添加试题的具体操作。 （ 5） 查看管理学生成绩的功能设计：老师能够对学生的成绩进行查看，删除等操作。 （ 6） 查看管理学生用户的功能设计：老师能够对学生用户的用户名进 行查看，系统（老师功能） 修改管理员帐号密码 留言回复 留言审核 试题编辑与添加 查看管理学生成绩 查看管理学生用户 图 33 老师功能模块图 40 13 Page 13 7/16/2020Confidential Page 13 7/16/2020Created by 邹文超 Page 13 of 44 修改，删除等操作。 数据流程 系统数据流程包含了： 1， 学生在线考试功能； 2， 教师与学生的在线交互 3，学生的在线学习； 4， 老师的在线操作等。 整体动态数据流程结构，站点地图如图 34 所示。 图 34 站点地图 师生数据流图 师生数据流图主要反映的是老师与学生之间的服务请求与答复的底层数据交互情况。 底层数据流图如图 35 所示。 学生发送服务请求使用教学系统，老师在后台对系统进行检测若发现有留言等信息就实行答复操作。 并把答 复后的结果通过请求的形式发给教学系统，再由教学系统把答复的具体内容返回给学生。 学生功能数据流程 主要体现在学生的功能操作数据上。 考试页面和答疑页面分别对应在下面的学生 老师 教学系统 服务请求 答复 监测与答复 请求信息 图 35 底层数据流图 40 14 Page 14 7/16/2020Confidential Page 14 7/16/2020Created by 邹文超 Page 14 of 44 功能模块中：总体模块图如图 36 所示。 它们又分别有进行考试的属性，和实现留言板功能的属性。 从上图可以看出学生的操作基本上集中在学生的主页面上，也就是图 34 站点地图中的最上面的 中。 而后学生有可能产生两个交互式的请求，分别进入到 （考试页面）， （答疑页面）。 老师功能数据流图 老师的数据流主要体现在身份的验证和管理平台的管理上。 老师功能数据流图如图 37 所示。 基于 Web平台的《计算机网络与数据库》教学系统 学院简介 课程介绍 授课计划 网上课堂 视频教学 教务中。