XML(ExtensibleMarkupLanguage,可扩展标记语言)[1]是一种可以记录数据内涵的标记语言,因其在可扩展性、结构性和可校验性等方面的优越表现,给网络课件的描述方式、设计格式、开放资源和使用等方面带来了革新,从而为网络课件的开发和应用提供了强有力的手段[2]。XML技术以开放的方式结构化地表述数据信息,具有异构系统间的信息交流、更精确的搜索、数据存储更灵活、数据的多样显示等优势。因此,基于XML技术的网络课件是标准化的、开放的,课件内容具有更强的可交互性和共享性。
摘要:该文主要介绍了如下三种基于XML的网络课件页面制作模式:XML+XSL模式主要用于基本页面的实现,SVG+SMIL模式主要用于具有交互和动画功能的页面的实现,AJAX+JAVASCRIPT主要用于需要频繁刷新页面的实现。
关键词:网络课件,XML,SVG,AJAX
本文主要介绍了如下三种基于XML的网络课件页面制作技术:XML+XSL模式主要用于基本页面的实现,SVG+SMIL模式主要用于具有交互和动画功能的页面的实现,AJAX+JAVASCRIPT主要用于需要频繁刷新页面的实现。
1基于XML的网络课件页面制作技术
1.1XML+XSL模式课件页面的制作
XML显示有多种技术解决办法,包括使用层叠样式表(Cascadestylesheet,CSS)、可扩展样式语言(ExtensibleStylesheetLanguage,XSL)、Javascript和XML数据岛。目前,常用的方法是CSS和XSL。该文选用XLS来呈现样式。
XSL为XML数据提供了较强的格式转换能力。由于内容与显示分离,结构一样而内容不同的XML文档可以用同一份XSL文档来进行格式化显示,这对于经常有大量结构相同而内容不同的页面需要显示的网络课件来说是非常合适的。另一方面,当需要改变页面显示效果时,只需改变XSL文件,不必对XML文档作任何更改,即可成批改动XML文档的显示效果,这对于实现网络课件的多种风格显示也非常有用。
一般完成XML文档转换有两种模式:服务器端转换模式和客户端转换模式。该文采用客户端转换模式。
利用XSL显示XML的方法是向XML文档中增加一个XSL样式表(链接),然后让浏览器来完成转换。
1.2SVG+SMIL模式课件页面的制作
SVG(ScalableVectorGraphic)是一个标准开放的矢量图像格式,它可以使设计的网页更加精彩,更加细致。使用简单的文本命令,SVG甚至可以做出诸如色彩线性变化,自定义置入字体,透明,动态效果,虑镜效果等各式常见的图像效果。SVG建立于纯文字格式的XML之上,直接继承了XML的特性,它可以简化异质系统间的信息交流。SVG可以直接融入XML和XHTML网页中,直接利用浏览器已有的技术,如CSS、DOM、Javascript达到动画及DHTML般的动态效果,它支持单向和多向链接等。更重要的是SVG是W3C制定的网络标准,所以它为网络课件制作提供了新思路。
利用SVG制作网络课件主要基于以下几方面的考虑:
1)SVG的图形对象和属性
SVG文档的基本组成部分是元素(Element),SVG定义了多种类型的元素,包括矩形、圆、椭圆、直线、折线和多边形。此外,SVG还支持图形绘制中常用的由Bezier曲线定义的路径描述和操作,其元素标记为。有了以上定义,就可对相应路径进行勾勒、填充、裁剪、蒙版和合成等一系列操作。SVG1.2标准草案使人们得以处理声音、视频等多媒体内容。
2)SVG的交互功能
SVG中常用的交互功能包括链接,鼠标键盘事件等。把这些功能运用到课件制作中,可以大大提高课件使用的灵活性。
实例1:该文完成了一个实例当鼠标停留在图形的不同文字上,就会在图形下方显示相关的解释,鼠标离开对象,解释内容消失。SVG技术实现网络课件交互页面如图1所示。
交互的关键代码如下:
……
微处理器
……
cpu是centralprocessingunit(中央微处理器)的缩写,由运算器和控制器组成。
……
3)SVG动画功能SVG标准的制定者与同为W3C组织的SYMM(SynchronizedMultimedia)工作组合作,共同编写了SMIL动画元素定义规范,这个规范描述了XML文档中使用的通用动画集特征。所以SVG与SMIL是同门师兄,也就是说SVG可以使用SMIL中的动画元素。
SVG在课件制作中能完成的主要功能,包括绘图,交互,动画和对象元素的操作。SVG是未来网络图像动画发展的趋势,所以使用SVG来完成课件内容制作也是一种趋势。
本文中的实例是在IE中测试通过的,需要安装一个SVGviewplug-ins。要运行SVG文件有两种方法,一种是将SVG嵌入HTML或XHTML中,另一种方法就是单独定义一个SVG文件,并直接在IE中显示,该文用到第二种方法。该文是将XML编辑工具软件XmlSpy和SVG编辑工具SVGDeveloper两者结合起来使用的。
1.3基于AJAX技术的课件页面的制作
本文采用AJAX技术制作课件习题页面。在传统的JavaScript编程中,希望从服务器上的文件或数据库中得到任何的信息,或者向服务器发送信息的话,就必须利用一个HTML表单向服务器GET或POST数据。而用户则需要单击“提交”按钮来发送/获取信息,等待服务器的响应,然后一张新的页面会加载结果。由于每当用户提交输入后服务器都会返回一张新的页面,传统的web应用程序变得运行缓慢,且越来越不友好。通过利用AJAX,JavaScript会通过JavaScript的XMLHttpRequest对象,直接与服务器来通信。通过使用HTTP请求,web页可向服务器进行请求,并得到来自服务器的响应,而不加载页面。用户可以停留在同一个页面,而不会注意到脚本在后台请求过页面,或向服务器发送过数据。这样既减轻了服务器的负担又加快了响应速度、缩短了用户等候时间。
实例2:通过使用AJAX技术从XML试题文件中读取试题信息生成试题页面,并可以随时查看答案。该实例包含如下相关文件:存放习题数据的st.xml文件、显示数据的st.html、绑定和处理数据的javascript文件selectst.js和服务器端处理程序getst.asp文件。实现页面如图:(代码较长,在此略去。)
该实例在编写过程中,出现最突出的一个问题就是访问服务器端后传回的中文字符无法显示,后来经过查询相关资料,找出原因是因为前台和后台使用的字符编码方式不同导致通信过程出现问题,通过在相关程序中修改编码方式最终解决了这个问题,使得中文字符可以正常显示。
2结束语
本文总结了基于XML网络课件页面实现的三种不同技术,即XML+XSL技术,SVG+SMIL技术,AJAX技术,因为多媒体课件具有媒体类型多样性以及多种交互方式和响应时间等方面的要求要求,针对不同的要求可以选择不同技术模式来实现课件页面的制作。
参考文献:
[1]ExtensibleMarkupLanguage(XML)1.0(SecondEdition)[Z].W3CRecommendation6,Oct.62000.
[2]王玲.基于XML的网络课件的设计[J].中国科技信息,2004(21).
[3]XMLSchema.W3CRecommendationon2May2001[EB/OL].http://www.w3.org/XML/Schema.
[4]刘澜.基于XML的网络课件显示技术的研究与应用[D].上海:华中科技大学,2006.
转载请注明来自:http://www.yueqikan.com/jisuanjiwangluolw/28948.html
上一篇:电脑知识与技术期刊论文范文
下一篇:信息与电脑期刊入选论文范文