基于网络的多媒体教学系统设计论文.doc

学士学位毕业论文
目 录
摘要 1
1 CAI教学概述 2
1.1 CBE简介 2
1.2 网络多媒体教学课件的概念 3
1.3 网络多媒体课件开发原则 3
2 设计方案论证 4
2.1 系统架构 4
2.1.1 Browser/Server架构 4
2.1.2 B/S结构的优点 5
2.2 动态网页技术 5
2.2.1 静态网页技术简介 5
2.2.2 DHTML基本概念 6
2.2.3 动态网页技术 6
2.3 ASP技术原理 7
2.3.1 ASP简介 7
2.3.2 ASP对象简介 7
2.3.3 ASP运行环境 8
2.4 ADO技术原理 8
2.4.1 ADO简介 8
2.4.2 ADO对象 8
2.5 多媒体技术 9
2.5.1 视频影像 9
2.5.2 音频及动画 10
2.5.3 多媒体处理软件简介 10
3 系统分析设计 10
3.1 目标设计 10
3.2 系统功能设计 12
3.3 数据库的设计与实现 13
3.3.1 利用Access 2000建立数据表 13
3.3.2 注册系统数据源 13
3.3.3 数据库的结构创建 14
3.4 系统的发布 14
4 系统环境 15
4.1 硬件环境 15
4.2 软件环境 15
4.2.1 开发工具的选择 15
4.2.2 课件运行环境 15
4.2.3 网络管理环境 15
4.3 测试环境 15
5 系统总体结构 16
5.1 系统总体结构图 16
5.2 子系统描述 16
5.2.1 “基础知识”模块 16
5.2.2 “投资分析”模块 17
5.2.3 “法律法规”模块 18
5.2.4 “公司法证券法专题”模块 18
5.2.5 “从业考试”模块 18
5.2.6 “海外概览”模块 18
5.2.7 “练习考核”模块 18
5.2.8 “字典索引”模块 18
5.2.9 “休闲时刻”模块 19
5.2.10 “炒股实务”模块 19
6 前端网络页面的设计与开发 19
6.1 导航策略设计 19
6.2 用户登录系统设计 20
6.2.1 登录界面 20
6.2.2 注册界面 20
6.3 用户学习界面设计 21
6.4 管理员管理界面设计 22
6.5 “聊天室”界面设计 23
7 关键技术与算法 24
7.1 用ASP与ADO操作Web数据库 24
7.2 检测提交数据 24
7.3 检测用户身份 25
8 小结 26
8.1 结论与建议 26
8.2 心得体会 26
参考文献 27

ii
学士学位毕业论文
《证券知识》网络多媒体课件知识设计
【摘要】
系统是基于WEB的多媒体课件系统，在网上开设证券知识学课程，学生通过Internet学习，实现教学的时空分离，达到大面积的育人和教学最优化。论文阐述了CAI教学、网络多媒体教学课件的概念与开发原则以及主流的动态网页开发技术，如：ASP、DHTML等技术。介绍了课件教学系统运行的硬件环境、开发平台及数据库的应用。详细阐述了系统关键界面的制作，说明了系统的需求分析与功能分析，并论述了设计中的关键技术与算法：ASP与ADO组合查询WEB数据库技术，以及项目的具体实施。
【关键词】
证券，网络多媒体课件，ASP，ADO
Net multimedia courseware design of stock knowledge
【Abstract】
The system is a net multimedia courseware system in a web-based technology in this article. There are curriculums of securities in a web for student to choose to learn a curriculum by Internet, so as to divide teaching and learning, and to achieves teaching in large ranges and encourage teaching.The disquisition tells the conception of CAI teaching and network multi-media teaching, and development principle, and mainstream development technology of dynamic web page, such as: ASP, HTML etc. It introduces the hardware for teaching system circulating environment, the development platform and appplication of database. Detailed expatiate on the system’s main interface creation, analysis of system’s need and function, and the key technology and arithmetic of designation: query WEB database using with ASP and ADO technology and embody implement of the item.
【Keywords】
negotiable securities，Net multimedia courseware, ASP, ADO

1 CAI教学概述
随着计算机的不断普及和网络建设的飞速发展，网上教学已经成为不可逆转的潮流。九九年初，马来西亚第一所虚拟大学——敦拉萨虚拟大学正式开学；意大利都灵综合工科大学与美国芝加哥大学也共同建立了网上虚拟大学，通过网络连线的远程教育系统和多媒体设施，为学习者提供一种全新概念的学习方式。我国的网上教学建设正飞速发展，在不久的将来也会建成网上虚拟大学。要想搞好网上教学，教学软件的开发是关键。
1.1 CBE简介
计算机辅助教育（Computer Based Education, CBE）是一门新兴的交叉学科。它研究计算机在教育领域的应用。在教育领域，计算机有着广泛的应用，包括教学，研究和管理的各个方面。
在CBE中，计算机辅助教学（Computer Assisted Instruction, CAI）和计算机管理教学（Computer Managed Instruction, CMI）是两个重要分支领域。计算机辅助教学（CAI）是强调以学习者为中心。
计算机是双向媒体，既可以用来呈现信息，也可以用来收集学生的反映信息，并对学生的反应情况进行诊断和评价，学生甚至可以脱离教师的指导，让计算机充当教师的角色。其关系如图1所示。
呈现

反应
学生
教师

反馈

图1 简化的教学过程模型
多媒体课件以扩大教学规模、拓展教学内容、优化教学过程、突破教学难点、提高教学效率、深化教学改革为宗旨，以多媒体计算机及网络技术为基本的硬件支撑环境，以Windows系统为基本的软件运行平台，以与CERNET网、INTERNET网接轨为发展方向。
1.2 网络多媒体教学课件的概念
网络多媒体教学课件是指为了达到某种教学目标，依托信息网络，综合运用多种媒体手段来展示相对独立或完整的教学内容的应用软件。网络多媒体教学课件应具有网络交互性、相对完整性和媒体多样性等特征。与传统的计算机辅助教学课件所不同的是网络多媒体教学课件需要远程服务器的支持，其不仅要适合教师现场教学使用，更要适合学习者在网络终端自行操作学习；其不仅要有多媒体的外观效果,而且更应该具有强大的功能，要从教学过程固定、单一的“演示多媒体”向教学过程可以随意调整的“模拟多媒体”转化。
1.3 网络多媒体课件开发原则
一、 用创新教育理论宏观指导课件的开发
教学课件的开发设计要以先进的教育思想作指导。全国中小学计算机教育研究中心的王相东同志提出：“目前，急需开发研制适应素质教育需要，能够符合教育教学特点，能够发挥学生主动性和探索性学习，能够培养学生创造能力、创新意识和分析问题、解决问题能力，能够允许发挥学科教师教学特色和教学个性的具有开放性和灵活性的多媒体工具型、资料型、百科全书型的软件。”面向21世纪网络教学，我们要更新传统的课件设计思路，在课件中应该设置有利于学习者发展创造能力、解决问题能力的“情境”，为学习者设计出多个学习流程供其选择，要使课件具有更好的即时交互功能。
二、课件设计要根据教育对象制定明确的教学目标
网络多媒体教学课件的设计和其他教学设计一样也要首先制定明确的教学目标。设计者必需事先规划好课件进程中的各个环节，在每个环节中都要制定明确的目标细节，并使这些目标都能很好地为课件总体目标服务。设计者在制定每个具体目标时都要考虑到教育对象群体的年龄、基础、层次及接受能力等因素，使目标定得恰到好处、难易适度。
三、课件设计要精心选材重点突出
一个好的多媒体课件可以增强学习者的学习兴趣、提高学习效率，使其在轻松自由的环境中接受知识、提高能力。只有选材适当，有所侧重才能充分发挥多媒体的功效，在教学中起到事半功倍的作用。反之，则会画蛇添足、浪费时间和精力。
四、课件设计要选好多媒体制作工具
网络多媒体教学很大程度上要考虑到网络的传输速度问题，因此课件系统开发还要考虑尽可能减少存储空间，使课件系统轻型化，同时最好选择与网页兼容的其他辅助设计软件工具。与其他工具软件相比，flash最大的优点是用该软件制作的多媒体作品可以直接插入网页，文件小、下载快，同时交互性也比较好。有些教学内容需要更强的交互功能就需要借助编程语言设计课件。用编程语言“Visual Basic”、“VC”制作的课件具有一定的交互性，但是用编程语言开发教学课件相对耗时较多，也需要开发课件的人员具有较高的编程水平。许多课件的开发，仅用一种软件工具是无法完成的，需要同时使用几种软件工具联合开发。究竟使用哪些工具开发网络多媒体教学课件要根据具体的教学目标和内容而定，在目标和内容均能满足的情况下还应考虑课件大小和开发效率等方面的问题。
五、科学选配运用多种媒体
① 媒体的选择要主次分明不可喧宾夺主；
② 媒体的选择要具有变化性，单一感官的刺激持续时间过长会使人疲倦；
③ 媒体的选择要有艺术性。从整体布局到局部某个图形的选取、颜色及声音的搭配等都有美学蕴含其中，不可机械拼凑粗制滥造；
④ 媒体的选择要有针对性，任何媒体的选择都不能偏离目标，都要为内容服务。
六、将“交互性”贯穿于课件设计的始终
网络多媒体教学课件与一般的计算机辅助教学课件相比应具有更好的交互性。①学习流程要多样化设计；②增强即时交互功能；③界面设计友好。
2 设计方案论证
2.1 系统架构
2.1.1 Browser/Server架构
本课件系统设计采用B/S结构，即Browser/Server（浏览器/服务器）结构。
B/S结构，主要是利用了不断成熟的WWW浏览器技术，结合浏览器的多种Script语言（VBScript，JavaScript等）和ActiveX技术，用通用的浏览器就实现了原来需要复杂专用软件才能实现的强大功能。随着Windows 98/Windows 2000将操作系统植入操作系统内部，相对C/S结构，这种结构是当今应用软件的首选体系结构。
2.1.2 B/S结构的优点
一、用户操作方便
浏览器界面不仅直观和易于使用，更主要的是基于浏览器平台的任何应用软件其界面风格一致，用户对操作培训的要求大为下降，软件的可操作性增强。
用户的使用不需要另外安装调试软件，不局限于特定的电脑环境，通过互联网，专线，电话网连接就可以实现网络教学，同时方便学员之间的交流。
二、减少了系统对用户环境的要求
B/S结构的前端是以TCP/IP协议为基础的，作为最终用户，只要通过Web浏览器，各种处理任务都可以调用系统资源来完成，简化了客户端，降低了用户的总体拥有成本。
三、减少了系统维护的工作量
B/S架构无论用户的规模有多大，有多少分支机构都不会增加任何维护升级的工作量，只需要针增加服务器的处理能力，就能够满足系统处理业务的增长需求。
四、减少了系统升级的难度
由于程序被分割成几个相对独立的模块，在需要变更的时候，只需要更改相应的部分而不牵涉其它不相关的程序，降低了工作量，提高了工作效率。
2.2 动态网页技术
2.2.1 静态网页技术简介
所谓“静态”指的是：当用户浏览器通过互联网的HTTP（Hypertext Transport Protocol）协议向WEB服务器请求提供网页内容时，服务器仅仅是将原已设计好的静态HTML文档传送给用户浏览器。其页面的内容使用的仅仅是标准的HTML代码，最多再加上GIF89A格式的动态图片，比如产生几只小狗小猫跑来跑去的动画效果。若网站维护者要更新网页的内容，就必须手动地来更新其所有的HTML文档。
“静态”网站的致命弱点就是不易维护，为了不断更新网页内容，必须不断地重复制作HTML文档，随着网站内容和信息量的日益扩增，工作量会大大增加。
2.2.2 DHTML基本概念
DHTML就是当网页从WEB服务器下载后无须再经过服务器的处理，而在浏览器中直接动态地更新网页的内容、排版样式、动画。比如，当鼠标移至文章段落中，段落能够变成蓝色，或者当你点击一个超链后会自动生成一个下拉式的子超链目录。它是一种通过各种技术的综合发展而得以实现的概念，这些技术包括Java Script , VB Script, Document Object Model (文件目标模块)，Layers和Cascading Style Sheets ( CSS样式表)等。
虽然经历了网景Netscape和微软IE浏览器几番大战，但是仍然没有得到一个对DHTML支持的统一标准。因此，在设计DHTML页面时必须充分考虑到兼容性的问题。
充分运用DHTML技术可以令网页栩栩如生，动感十足。然而仅仅拥有DHTML是远远不够的：大量信息查询，客户咨询，资源交互等“动态”需求是DHTML无法满足的。
2.2.3 动态网页技术
通过互联网或内联网（Intranet）查询WEB数据库的资料，甚至输入、更新和删除WEB服务器上的资料。
所谓“动态”，并不是指那几个放在网页上的GIF动态图片，动态网页的制作一般包括以下的特性：
① “交互性”即网页会根据用户的要求和选择而动态改变和响应，将浏览器作为客户端界面。
② “自动更新”即无须手动地更新HTML文档，便会自动生成新的页面，可以大大节省工作量。
③ “因时因人而变”，即当不同的时间、不同的人访问同一网址时会产生不同的页面。
2.3 ASP技术原理
2.3.1 ASP简介
ASP（Active Server Pages，动态服务器网页）是Microsoft公司在1996年底推出的一种网络编程技术。它的所有命令和脚本均在服务器端执行，执行后再将结果以HTML格式传送至客户端。ASP的源程序不会传送到客户端的浏览器，因而可以避免所写的源程序泄漏，提高了程序安全性。
Web服务器
数据库
浏览器
（*.asp）http响应 数据请求

http响应 结果返回

图2 ASP原理模型
2.3.2 ASP对象简介
l Request对象为脚本提供客户端在请求一个页面或传送一个窗体时提供的所有信息，这包括能够标识浏览器和用户的HTTP变量，存储他们的浏览器对应于这个域的cookie，以及附在URL后面的值（查询字符串或页面中<Form>段中的HTML控件内的值）。它也给我们提供了通过Secure Socket Layer（SSL）或其他的加密通信协议访问证书的能力，并提供有助于管理连接的属性。
l Response对象用来访问所创建的并返回客户端的响应。它为脚本提供了标识服务器和性能的HTTP变量，发送给浏览器的信息内容和任何将在Cookie中存储的信息。它也提供了一系列用于创建输出页的方法，如无所不在的Response. Write方法。
l Application对象是在为响应一个ASP页的首次请求而载入DLL时创建的，它提供了存储空间用来存放变量和对象的引用，可用于所有的页面，任何访问者都可以打开它们。
l Session对象是在每一位访问者从Web站点或Web应用程序中首次请求一个ASP页时创建的，它将保留到默认的期限结束（或者由脚本决定终止的期限）。它与Application对象一样提供一个空间用来存放变量和对象的引用，但只能供目前的访问者在会话的生命期中打开的页面使用。
l Server对象提供了一系列的方法和属性，在使用ASP编写脚本时是非常有用的。最常用的是Server.CreateObject方法，它允许我们在当前页的环境或会话中在服务器上实例化其他COM对象。还有一些方法能够把字符串翻译成在URL和HTML中使用的正确格式，它通过把非法字符转换成为正确、合法的等价字符来实现。
l ASPError对象通过Server对象的GetLastError方法使用。它提供了发生在ASP中的上一次错误的详细信息。
l ObjectContext对象：ObjectContext对象可以用来控制ASP的执行。这种执行过程由Microsoft Transaction Server（MTS）来进行管理。
2.3.3 ASP运行环境
使用普通的文本编辑器，如 Windows 的记事本，即可进行编辑设计ASP文件，无须 compile 编译，可在服务器端直接执行。
l Microsoft Internet Information Server version 3.0/4.0 on Windows NT Server
l Microsoft Peer Web Services Version 3.0 on Windows NT Workstation
l Microsoft Personal Web Server on Windows 95/98
2.4 ADO技术原理
2.4.1 ADO简介
Microsoft对应用程序访问各种各样的数据源所使用的方法是OLEDB，OLEDB介于ODBC层和应用程序之间。在ASP页面中，ADO介于OLEDB之上的“应用程序”。ADO调用首先被送到OLEDB，接着被送到ODBC层。OLEDB是一套组件对象模型(COM)接口，但它是相当复杂的。这样，你需要一个连接应用程序与OLEDB的桥梁，这就是ADO。而且，它支持开放式数据库连接ODBC（Open Database Connectivity）标准的关系型数据库。其主要优点是易于使用、高速度、低内存支出和占用磁盘空间较少。ADO支持用于建立基于浏览器/服务器（B/S）应用程序的主要功能。
2.4.2 ADO对象
① 连接（connection）
用于表示和数据源的连接，以及处理一些命令和事务。通过它可以从应用程序访问数据源，是交换数据所必需的环境。
② 目录集（Recordset）
用于处理数据源的表格集，它是在表中修改、检索数据的最主要的方法。
记录集（Recordset）的属性有以下几种：⑴Bookmark属性；⑵ursorType属性；⑶EditMode属性；⑷Filter属性；⑸LockType属性；⑹Status属性。
③ 命令（command）
用于执行某些命令来进行诸如查询、修改数据库结构的操作。Command对象有两个集合：Parameters和Properties。Command对象有ActiveConnection、CommandText、CommandTimeout、CommandType、Name、Prepared和State共7个属性。
④ 字段（Filed）
用于描述数据集中的列。
2.5 多媒体技术
随着多媒体技术的不断成熟，软、硬件设备的不断改善，多媒体软件的制作质量也不断提高。多媒体技术的应用使得课件生动活泼、动静结合，是其它传统媒体无法比拟的。
2.5.1 视频影像
视频图像是指用摄像机拍摄而记录在磁带上的图像。用在计算机多媒体的视频图像是由摄像机或录像机所拍摄的图像，经过专门的采集卡记录在硬盘上的数字信息。视频图像是由一幅幅单独的画面 (称为帧 frame)序列 ,这些画面以一定的速率 (每秒钟显示的帧数FPS)连续地投射在屏幕上 ,使观察者具有图像连续运动的感觉。
引入计算机多媒体中的视频受到三个参数的制约，即：时间分辨率、空间分辨率和颜色分辨率。时间分辨率是指每秒钟播出的帧数，通常情况下，一般不低于每秒15帧。空间分辨率是画面的大小和像素多少，主观上总是希望满屏播出是最好的，但实际是很难做到，应根据硬件条件来决定其大小，通常以 3 2 0× 2 40就可以了。颜色分辨率是数字视频的采样深度、颜色的位数。主观上希望真彩色最好 ,但那样视频的数据量相当巨大，如果颜色分辨率太低就会出现“花屏”、梯度的感觉 ,所以只能在速度和尺寸上折中 ,以求得时间、空间和颜色分辨率三者的平衡。
在网页制作中加入视频文件主要有三种方法：嵌入法、插入法和链接法。嵌入法主要是在网页中通过插入“插件”来实现视频文件的插入。使用插入法添加视频文件，通过“插入/图片/视频”命令，在打开的“视频”对话框中选择插入的视频文件。“嵌入法”和“插入法”不同的是：插入法不会提供视频播放的控制按钮，因此浏览者无法控制视频文件的播放。“链接法”是通过文字“超链接”到视频文件，使用这种方法，可以在单击文字链接后，自动打开播放器进行播放了。
2.5.2 音频及动画
声音是人们用来传递信息、交流感情最方便、最熟悉的方式之一。在多媒体课件中，按其表达形式，可将声音分为讲解、音乐、效果三类。动画是利用人的视觉暂留特性，快速播放一系列连续运动变化的图形图像，也包括画面的缩放、旋转、变换、淡入淡出等特殊效果。通过动画可以把抽象的内容形象化，使许多难以理解的教学内容变迁生动有趣。合理使用动画可以达到事半功倍的效果。
在网页中加入音频文件主要有三种方法：嵌入法、插入法和链接法，与加入视频文件的方法差不多。在教学网页中插入Flash动画，主要通过在网页中插入“ActiveX控件”完成的。三种方法中以链接法最为常用，嵌入法可以使音频、视频和网页融为一体，可以用它来增强网页的特效，插入法只在IE浏览器中才能有效，局限性相对大一些。
2.5.3 多媒体处理软件简介
在课件设计过程中，多媒体元素的处理主要分为图形图像、动画、声音、视频几个方向。图形图像处理软件主要有：PhotoShop、CorelDraw、Freehand；
动画制作软件主要有：AutoDesk Animator Pro、3DS MAX、Maya、Flash、Director；声音处理软件主要有：Ulead Media Studio、Sound Forge、Cool Edit、Wave Edit、超级解霸等；视频处理软件有：Ulead Media Studio、Adobe Premiere。
3 系统分析设计
3.1 目标设计
系统定位于以学习者为中心基于WEB的开发模式，学生可以通过计算机网络进行课程内容的学习、练习和测试，是实现远程教学的有效方式。
① 符合科学性标准：内容正确，逻辑严谨，层次清楚，术语运用规范。
② 符合教育性标准：符合教育方针、政策，紧扣教学大纲，教学目的明
确，选材、例证具有典型性和代表性，使教学内容更加充实和具体。适应教学对象需要。突出主题，突出重点，突破难点，能解决传统教学难以解决的问题。认知逻辑合理，符合教学原则，能提高学生获得知识技能的速度。语言和文字通俗易懂。
③ 合技术性标准：课件运行可靠，性能稳定，兼容性好，容错能力强，
课件运行环境不应依赖制作环境。考虑到网络的传输速度问题，所以不使用声音解说，使课件轻型化。界面友好，可控性好，操作简单。
④ 合艺术性标准：构图规范合理，画面简洁灵活，内容充实而不拥挤，
色彩和谐悦目，富有表现力。
教学系统开发流程图如图3所示：
图形加工
声音录制
动画制作
录像拍摄
素材准备
软件开发
文字录入
编写脚本
确定选题
教学设计
总体策划
确定选题

系统合成

出版发行
修改完善
使用评估

图3 多媒体教学系统开发流程图
3.2 系统功能设计
l 对证券投资学知识学习资料进行分类，在网上发布教案，供读者学习阅读。
l “登录系统”对网络访问者进行必要的身份验证，区分“普通用户”和“管理员”。
l 读者能方便地建立书签，以便于下一次继续学习。
l 为读者提供学习资料的检索功能，提高使用效率。
l 能实现“在线考试”功能。
l 通过聊天室，学生之间能够交流，老师可以快速给予解答。
l 模拟网络炒股，学生能及时将所学书本知识转化为实际操作。
系统的页面逻辑结构如图4所示：
基础理论
注册界面
登录界面
失败
字典索引
投资分析

法律法规
成功
学习选择
从业考试
功能选择界面
登录界面

娱乐园地
海外概览

练习考核

公司法证券法专题

模拟炒股

图4 系统页面逻辑结构示意图
3.3 数据库的设计与实现
3.3.1 利用Access 2000建立数据表
后台数据库可以使用SQL Server或Access，本系统是在Windows 2000 Professional下开发的，选用Access 2000作为系统数据库。
3.3.2 注册系统数据源
后台系统数据库的配置是通过ODBC数据源接口来实现的。

图5 创建新数据源窗口

图6 ODBC数据源管理器
系统选择Microsoft Access Driver，如图5所示。
将本课件系统配置的数据源取名为“joands”，如图6所示。在ASP程序里，需要引用此数据源与数据库建立关系来完成对数据库内容的访问以及更新。
3.3.3 数据库的结构创建
根据数据库需求的分析，建立如下数据表。
用户信息数据表（User表），结构如图7所示。
字段名称
数据类型
说明
ID
自动编号
编号（主键）
Name
文本
用户名
Password
文本
密码
Email
文本
电子邮件
ismanager
是/否
管理员权限的设定
图7用户信息数据表（User表）
3.4 系统的发布
系统所有的文件均在名为homezq的目录下，在发布本系统时，将主目录设置为home目录。将default.asp作为站点缺省页面。即在浏览器地址栏输入http://localhost/，将自动链接向系统的欢迎界面——登录界面。如图8示：

图8 配置WEB站点
4 系统环境
4.1 硬件环境
多媒体计算机MPC（Multimedia Personal Computer），也可以是工作站或其它中、大型机。MPC是目前市场上流行的多媒体计算机系统。
（1）多媒体计算机配置：
Pentium133以上，内存不低于16M，硬盘不小于4.3G，CD-ROM，声卡，视频卡，显示卡，音箱等。
（2）网络设备选配：
网卡或Modern ；多媒体工作站能支持TCP/IP网络传输协议。
4.2 软件环境
4.2.1 开发工具的选择
选择中文Windows95/me/2000/NT/XP作为课件开发设计平台，Microsoft FrontPage2000，Macromedia Fireworks MX，Macromedia Flash5，Macromedia Dreamweaver，东方网页王III，呼吸软件。
4.2.2 课件运行环境
中文Windows95/me/2000/NT/XP，支持TCP/IP协议，IE4.0以上、Netscape或相应网络浏览器。
4.2.3 网络管理环境
Windows NT Server或Windows2000 Server，IIS 5.0，Access 2000，Active File上载组件。
4.3 测试环境
不仅需要对系统所有的asp文件测试以保证代码编写的无误，还要对所有的文字、图片链接，及其网页背景测试，保证内容真实再现。系统测试环境为：Internet Explorer，Netscape Navigator，Windows2000 Profession，IIS 5.0，Access 2000。
5 系统总体结构
5.1 系统总体结构图
系统总体结构分为十个模块。系统的总体结构如图9所示：

证券投资学

10个模块

炒股实务
休闲时刻
字典索引

字典索引
练习考核
海外概览
从业考试
公司法证券法专题
法律法规
投资分析
基础知识

图9 系统总体结构图
5.2 子系统描述
5.2.1 “基础知识”模块
“基础知识”模块属于“自主学习系统”。“自主学习系统”设计框架如图9所示。学生既可以按照章节顺序学习，也可以根据自己的学习进度选择想要学习的章节。
“基础知识”分为16章，每章内容通过分节讲述。逻辑结构如图11所示：
证券基础知识

导
航
图

学习窗口

第一章 导论
第二章 证券投资概述(3节)
第三章 股份有限公司与上市公司（6节）
第四章 证券投资工具概述（5节）
第五章 证券投资工具-股票（5节）
第六章 证券投资工具-债券（4节）
第七章 证券投资工具-投资基金
第八章 证券市场概述（3节）
第九章 证券市场的参与者
第十章 证券发行市场（3节）
第十一章 证券发行企业的评估与证券评级（3节）
第十二章 证券发行实务（7节）
第十三章 境外筹资与国际证券的发行（2节）
第十四章 证券流通市场（2节）
第十五章 证券投资基本程序（4节）
第十六章 证券市场的监管（4节）
图10 网页设计框架

图11 “基础知识”模块逻辑结构
完成本章的学习后，初学者可以大体掌握证券的基础知识。
5.2.2 “投资分析”模块
此模块属于“自主学习”系统，详细介绍有关于“投资分析”领域的证券知识，和其它学习模块构成一个完整的知识学习体系。
5.2.3 “法律法规”模块
属于“自主学习”系统，详细介绍最新证券知识领域的法律法规，使学习者针对这一领域可以特定的学习，是完整学习证券知识体系不可以缺少的知识学习模块。
5.2.4 “公司法证券法专题”模块
属于“自主学习”系统，详细介绍有关于“公司法证券法”的知识，和其它知识模块构成一个完整的知识学习体系。
5.2.5 “从业考试”模块
介绍当前最新的证券从业考试的情况，包括近年的考试大纲，考试要求，是一个需要根据当前证券考试情况需要经常更新的模块，是学习证券知识的补充。让学习者能够根据自身的情况，选择适合自己的考试以验证知识掌握情况。
5.2.6 “海外概览”模块
主要介绍目前国外证券市场的发展情况，用以开阔学习者眼界，横向了解国内外的发展，有助于更好的把握证券市场的发展前景。此模块是对系统学习证券知识的补充，期待学者可以通过学习可以更全面了解证券市场的情况。
5.2.7 “练习考核”模块
此模块属于“在线测试”系统，可以随机从题库中挑选试题组合出一套试卷，模拟课堂测验，改卷，评分。学习者可以在掌握一定证券知识基础上，进入此模块检测自己的知识掌握情况。
5.2.8 “字典索引”模块
“字典索引”模块可以根据使用者的要求，进行“知识学习系统”范围内的搜索，找到与关键字相关的主题。此模块可以方便读者有明确目的地查找，提高系统的使用效率。
5.2.9 “休闲时刻”模块
“聊天室”属于“休闲模块”。“休闲模块”是属于“教学游戏”，教学游戏产生一种带有竞争性的环境，集科学性，趣味性和学习性于一体，能大大激发学生的学习兴趣，起到“寓教于乐”的作用。它不是单纯的游戏，而是通过游戏放松的形式来达到具体、明确的教学目标。
5.2.10 “炒股实务”模块
此模块属于“网上炒股”系统，能够反应股价的实时价格情况，模拟股票的交易过程。通过此模块使学生“学以致用”，感受“模拟网上炒股”的乐趣。
6 前端网络页面的设计与开发
6.1 导航策略设计
为避免传统多媒体课件的线性结构，使用导航图构建成跳转灵活的网状结构。采用导航图，导航明确，容易理解。在系统中迷路时或遇到困难，都能够返回到中心节点。系统采用的导航图使用图形的“长方形热点”，每章导航图力求风格上的一致，但又追求差异增强新鲜度，系统使用的导航图有如下几种：

图12 第四章导航图 图13 第三章导航图 图14 第五章导航图
6.2 用户登录系统设计
6.2.1 登录界面
将登录界面（default.asp）作为本系统的欢迎界面。

图15 “证券投资学”网络课堂的登录界面
界面由一个flash动画（login.swf）、四个表单元素、两个文本框组成。文本框用来接收用户名和密码，“登录”按钮用来响应表单事件，“重写”按钮可以清空文本框的内容。
系统登录界面使用了一个用户表（user）。如果用户身份通过验证，系统登录界面还要记录用户的详细信息，留待以后的系统界面使用。
6.2.2 注册界面
新用户要登录“网络课堂”，必须先注册。系统注册界面引用了用户表（user）对用户身份进行身份鉴别。如果没有这个用户，才允许当前用户添加到数据库中。否则，系统提示注册用户，系统已经存在该用户名。
输入用户名与密码

是否在系统_user表中存在
该用户
系统注册
No

Yes 注册成功
功能选择界面

图16 系统登录流程图
“注册界面”（register.asp）由五个表单元素、三个文本框组成。register.asp将表单参数传递给add.asp页面进行处理。

图17 用户注册界面 图18 用户注册成功界面
6.3 用户学习界面设计
“基础知识”模块的每一章都使用框架网页的形式，章中小节的内容在框架中显示而不另外开窗口，由于计算机屏幕有限，故采用简朴的设计风格，使教学信息窗口显示多的内容。每个框架有一个主题，出现在窗口醒目位置。框架左边安排图形链接，右边显示学习内容。如图19所示：

图19 课件内容示例
6.4 管理员管理界面设计
如果用户是以管理员，即user表的“ismanager”字段为“true”，就可以登录“edit.asp”对数据库当前用户进行删除