基于MobileSVG微型学习知识可视化表示探究

1、基于mobile svg微型学习知识可视化表示探究摘要微型学习内容以短小、精悍来组织，以微 型的媒体来呈现微型的内容，微型学习知识可视化表示时存 在文字、图像显示质量差、可用空间以及交互性不足等困难。 介绍mobile svg技术，并提出运用mobile svg技术实现web 环境下微型学习知识可视化表示方法。关键词微型学习；mobile svg；知识可视化中图分类号：g434文献标识码：b文章编号：1671-489x (2013) 30-0043-021引言随着智能手机等移动设备的普及，微型学习作为非正式 学习的一种有效形式，可以满足学习者个性化学习需求。而 微型学习内容呈现时却存在诸多困难

2、，文字、图像以及动画 方面，在小尺寸的设备上显示时，不仅要考虑可用空间，还 要考虑文字、图像的缩放质量以及显示效果。知识的可视化往往就用图像和动画的形式表现出来，传 统的图像格式分为位图图像和矢量图图像，而动画一般是 flash矢量图形动画。使用位图图像往往比较大，不利于移 动网络的传输。虽然flash动画有强大的交互性，但它必须 在特定的软件插件支持下才能实现交互性。文章所提到的 mob订e svg技术可很好地解决位图图像和flash矢量图形动 画的这些不足之处。2几个概念解析2. 1 mobile svg 技术mob订e svg (mobile scalable vector graphi

3、c)是针 对移动终端设备(如平板电脑、智能手机)开发的移动矢量 图形标准1。mobile svg的专业标准有两个：svg tiny (svgt)和 svg basic (svgb)o svg tiny 适用于智能手机 等资源高度受限设备；svg basic适用于平板电脑等高端设 备。这些设备的共同特点是cpu速度、内存容量、显示屏都 比较小。2.2微型学习微型学习是利用移动通信技术和移动设备实现双向交 流学习方式，特点是讲究实效性，没有地点和时间限制。内 容以实用短小来呈现，学习强调自主性、松散性2。需要 以微型的媒体来呈现微型的内容，以多种移动设备来承载微 型课程，并以移动设备实现微型学习互

4、动交流。2.3可视化技术可视化(visualization)技术是利用计算机图形学和 图像处理技术，将数据转换成图形或图像在屏幕上显示出 来，并进行交互处理的理论、方法和技术3。知识可视化 技术就是将不易理解、不易表达、难懂的知识数据利用计算 机技术和图形图像处理技术以文字、图像以及音视频动画呈 现出来，有利于人们理解掌握。知识可视化是现代教育技术 的一个重要研究领域，是帮助学生学、教师教达到教学效果 最优化的利器。3 mob订e svg在微型学习知识可视化方面的优势mob订e svg是一种面向移动网络应用和移动通信设备 的，由w3c提出的一项用于移动终端设备上的开放性矢量图 形标准。下面介绍

5、其技术特点。1）结构化高品质矢量图像。mob订e svg是一种结构化 图像，图像是可以分解的，由很多组件来组成，每个组件都 可以查找、编辑。这使得这种图像更容易被用户理解和编辑, 以及更容易在网络移动设备中呈现。图像作为一个整体可以 由用户访问，并支持无极缩放。mobile svg是矢量图形格式 的，用户可以任意放大或缩小图形显示，在任何分辨率的显 示设备上显示其图像质量都不会受到影响。2）节省存储空间。mobile svg格式基于xml,纯文本 编辑，压缩比率很高，并且mobile svg标准支持svgz压缩格式。采用svgz压缩格式，可使移动通信设备文件的下载 时间减少，增加文件存储数据量

6、。同样的文件内容，采用svgz 压缩格式，文件大小可比传统光栅图形格式缩小30%50%, 可节省移动通信设备的磁盘空间和内存空间1 o3）开放所有权。mobile svg是由w3c管理的一种开放 标准，相对于flash私有文件管理更简单，网络检索更容易。4）文本独立。mobile svg图像中的文字独立于图像， 文字标注也可被动态地移动和缩放，方便用户对图像中的文 字进行基于图像的查询。mob订esvg内容以纯文本格式输入, 通过移动通信设备阅读，更易于理解和创作表示4。5）交互性强。mob订e svg能轻易制作强大动态交互。 通过d0m接口进行编程，能够动态地生成包含svg图形的web 页面

7、，能对用户动作做出不同响应，存在髙亮、声效、特效、 动画等优点，体现了网络互动的本质；而gif、gpeg等栅格 图像格式都不易产生交互。6）颜色控制强。mobile svg具有一个1600万色彩的调 色板，支持线性填充、遮罩、icc标准和rgb4 omobile svg在知识可视化表示方面，一般通过利用文字、 图像呈现，还可以视频、音频和动画呈现信息。对于那些有 视觉障碍的人，可以通过可替换的方法把图像替换为音频信 息，从而得到mob订e svg所表现的信息。对于无线移动通 信设备来说，屏幕大都比较小，而mob订e svg的矢量特性 也可以让这些设备清楚地浏览mobile svg图像信息，这都

8、 是目前位图图像所不能做到的。4 mobile svg的微型学习知识可视化表示方法4. 1 mob订e svg文档的基本骨架结构mob订e svg文档的基本结构如图1所示。mob订e svg文档是基于xml来编写的，svg使用元素标 签来创建和组织文件及其对象。每一个svg文件包含最外层 的标签、文字元素、图形矩形如元素、动画元素等。下面是显示矩形的一个实例代码：通过获取文档对象，就可以在d0m框架下对各种图形元 素进行动态操作。svg文档还可以嵌入html网页中，通过 html文档对象获得svg文档对象。将svg文档嵌入网页中可 以用以下代码实现：4. 2基于mobile svg微型学习知识

9、数据的组织微型学习知识数据可视化表示一般由文字知识表示、图 形知识表示以及动画知识表示这几部分组成，都是在图层容 器元素的基础上实现的。而图形基本属性是点、线和面，动 画基本属性是路径。微型学习知识数据的组织如图2所示。4.3基于mobile svg微型学习内容发布方法基于mobile svg微型学习内容系统架构基于b/s模式, 分为服务器端和移动浏览器端，移动浏览器端通过服务器端 获取mob订e svg文档的应答，微型学习内容在移动浏览器 端呈现，如图3所示。5总结mobile svg在微型学习内容知识可视化表示方面有着很 多诸如交互性强和图像显示质量高等优势，但并不是所有的 微型学习知识都能用它可视化表示出来，并且这需要大量的 编程工作，技术门槛较高。mobile svg在很多地方也不够完 善，需要进一步去发展。参考文献1 w3ceb/0l. http： /www. w3. org.2 微型学习eb/ol. http： /baike. baidu. com/view/ 166