| [摘要]：针对目前网上答疑系统所存在的问题，提出了一种网上答疑系统的新模式，并结合SVG（Scalable
Vector Graphics，可扩展矢量图形）和SMIL（Synchronous Multimedia Interchange
Language）技术，开发了一个基于BBS的多媒体网上答疑系统，拓宽了在网上答疑系统上的表达手段，简化了操作步骤。
[关键词]：远程教育，答疑，BBS，SVG，SMIL
【中图分类号】TP3
1 现有的网上答疑系统存在哪些不足
形式单一
操作繁琐
灵活性差
2 为什么说BBS是网上答疑的首选场所
BBS应用广泛
BBS简便易行
BBS灵活多样
BBS成熟可靠
3 为什么选择SVG和SMIL规范
3．1 SVG规范
3．2 SMIL规范
4 多媒体网上答疑系统是怎样设计的
4．1 设计目标本文的总体设计目标是遵循SVG和SMIL规范，提供一种基于B/S体系结构的多媒体BBS，用于网上答疑，使用户能够在网页中方便地编辑、刊载、浏览和回复包含静态文字、流文字、图形、图像、超链接、动画、音频、视频的多媒体贴子，并能对其中的媒体元素进行精确的定位和缩放，甚至旋转，实现"所见即所得"的编辑贴子，以此提出丰富多样的问题。
4．2 贴子的分类不同媒体元素的数据量通常存在很大差异，因此，考虑到用户的实际需要和网络带宽，本文把"多媒体网上答疑系统"使用的贴子分为3种类型：文本贴子；图形贴子；音像贴子。
4．3 贴子内容的组织在"多媒体网上答疑系统"中，贴子的内部关系非常复杂，必须设计一个良好的结构来进行有效的组织。下面分别说明三种贴子的组织方式：
文本贴子，沿用传统BBS的方法，使用字符串来记录贴子的内容；图形贴子，使用SVG加以描述。一个图形贴子的SVG文档结构如图1所示。
图1 一个图形贴子的SVG文档结构示意图音像贴子，使用SMIL加以描述。一个音像贴子的SMIL文档结构如图2所示。
图2 一个音像贴子的SMIL文档结构示意图
4．4 贴子的显示
目前的主流浏览器还不能直接支持SVG和SMIL，需要在浏览器中安装插件。现在有很多性能优良的SVG插件和SMIL插件可以从网络上免费下载，例如Adobe公司的Adobe
SVG Viewer和Real Networks公司的Real One。当然，浏览器也会提示用户安装插件。但从SVG和SMIL的飞速发展来看，相信在不久的将来主流浏览器就会直接支持SVG和SMIL了。
另外，还需在HTML文件中包含SVG文档和SMIL文档。本文采用的方法是在HTML中加入<embed>标签，这样SVG和SMIL文件就可以随HTML文件一起显示在网页上了。
4．5 绘图程序模块的动态加载
考虑到用户在绘图过程中未必会用到每一个功能，无须一次下载全部绘图程序，避免不必要的资源浪费。因此，本文采用动态加载技术，确切地说是"网络程序模块首次使用加载"技术，只有当用户第一次使用某个绘图功能时，才从服务器端下载相应的绘图程序模块，下载后保存到客户端的存贮器中，以备再次使用。
相应地，网页也要使用多框架结构，巧用隐藏框架，便于在后台运行脚本程序，也便于从服务器端动态地加载程序模块。
4．6 服务器端的保存
当用户选择提交贴子时，将贴子的内容输出为一个字符串，上传到服务器。如果是文本贴子，就直接保存到数据库；如果是图形贴子，则先进行GZIP压缩，压缩率一般为70%－80%，然后保存为一个.svgz文件，至于贴子的相关信息，例如发贴人姓名和IP，则登记到数据库；如果是音像贴子，就保存为一个.smil文件，并在数据库中登记贴子的相关信息。
4．7 E-mail服务
借用发表多媒体贴子的功能，一方面学生能够在站内编辑和发送包含多媒体贴子的邮件，以此提出各式问题，另一方面教师可以在多媒体贴子上直接批复，并发表到BBS上公开展示。
4．8 发送实时讯息
在BBS网页的顶端开辟一个狭长的小框架，利用网页定时刷新功能，向服务器发送和查询在线用户的实时讯息，使学生能够与其他在线师生即时交流。
5 多媒体网上答疑系统是怎样实现的
在服务器方面，使用JSP+Servlet+JavaBean+JDBC编写了CGI程序，用于数据的加载和页面的响应；在数据库方面，选择MySQL作为数据库的存贮基础；在客户端方面，使用JavaScript语言编写了主控脚本程序和绘图脚本程序，采用动态加载的方式在B-S之间调度这些程序。总之，本答疑系统是一个基于B/S三层体系结构的分布式应用系统。图3是它的结构示意图。
图3 系统结构示意图
图4显示了编辑一个图形贴子时的情形。一个学生发表了一张包含一些硬件设备的贴子，希望教师帮他连接，之后，教师通过回复这张贴子，帮他连接了这些硬件设备。
图5显示了浏览一个音像贴子时的情形。贴子左边正在播放学生粘贴的Flash作业，贴子右边正在播放教师粘贴的RM影像，用于同步点评学生的Flash作业。
图4 编辑一个图形贴子时的情形
图5 浏览一个音像贴子时的情形
6 结束语
从略。
参考文献
从略。
|
