2007-4-5 15:45:44

 

主办单位
中华人民共和国教育部
 
承办单位
《中国远程教育》杂志社
计算机世界传媒集团
协办单位
教育部现代远程教育资源建设委员会
高等学校教育技术协作委员会
高等学校远程教育协作组
赞助单位
-.弘成科技
(中华学习网PRCEDU.COM)
-.首都信息发展股份有限公司
-.中国国家培训网
 
 

 

 

 

基于BBS的多媒体网上答疑系统

陈淑珍1 ,吴晶1
(1. 武汉大学 电信学院, 武汉市珞喻路129号,武汉,湖北 430079)
 
Multimedia Answering System Based on BBS

  [摘要]:针对目前网上答疑系统所存在的问题,提出了一种网上答疑系统的新模式,并结合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 结束语

  从略。

  参考文献

  从略。

 
中国远程教育杂志社 版权所有2003
中国网络教育网 技术支持