简析可视化基于Mobile试述SVG微型学习知识可视化表示研究

摘 要 微型学习内容以短小、精悍来组织，以微型的媒体来呈现微型的内容，微型学习知识可视化表示时存在文字、图像显示质量差、可用空间以及交互性不足等困难。介绍Mobile SVG技术，并提出运用Mobile SVG技术实现Web环境下微型学习知识可视化表示方法。
关键词 微型学习；Mobile SVG；知识可视化
1671-489X（2013）30-0043-02
1 引言
随着智能手机等移动设备的普及，微型学习作为非正式学习的一种有效形式，可以满足学习者个性化学习需求。而微型学习内容呈现时却存在诸多困难，文字、图像以及动画方面，在小尺寸的设备上显示时，不仅要考虑可用空间，还要考虑文字、图像的缩放质量以及显示效果。
知识的可视化往往就用图像和动画的形式表现出来，传统的图像格式分为位图图像和矢量图图像，而动画一般是Flash矢量图形动画。使用位图图像往往比较大，不利于移动网络的传输。虽然Flash动画有强大的交互性，但它必须在特定的软件插件支持下才能实现交互性。文章所提到的Mobile SVG技术可很好地解决位图图像和Flash矢量图形动画的这些不足之处。
2 几个概念解析

2.1 Mobile SVG技术

Mobile SVG（Mobile Scalable Vector Graphic）是针对移动终端设备（如平板电脑、智能手机）开发的移动矢量图形标准。Mobile SVG的专业标准有两个：SVG Tiny（SVGT）和SVG Basic（SVGB）。SVG Tiny适用于智能手机等资源高度受限设备；SVG Basic适用于平板电脑等高端设备。这些设备的共同特点是CPU速度、内存容量、显示屏都比较小。

2.2 微型学习

微型学习是利用移动通信技术和移动设备实现双向交流学习方式，特点是讲究实效性，没有地点和时间限制。内容以实用短小来呈现，学习强调自主性、松散性。需要以微型的媒体来呈现微型的内容，以多种移动设备来承载微型课程，并以移动设备实现微型学习互动交流。

2.3 可视化技术

可视化（Visualization）技术是利用计算机图形学和图像处理技术，将数据转换成图形或图像在屏幕上显示出来，并进行交互处理的理论、方法和技术[3]。知识可视化技术就是将不易理解、不易表达、难懂的知识数据利用计算机技术和图形图像处理技术以文字、图像以及音视频动画呈现出来，有利于人们理解掌握。知识可视化是现代教育技术的一个重要研究领域，是帮助学生学、教师教达到教学效果最优化的利器。
3 Mobile SVG在微型学习知识可视化方面的优势
Mobile SVG是一种面向移动网络应用和移动通信设备的，由W3C提出的一项用于移动终端设备上的开放性矢量图形标准。下面介绍其技术特点。
1）结构化高品质矢量图像。Mobile SVG是一种结构化图像，图像是可以分解的，由很多组件来组成，每个组件都可以查找、编辑。这使得这种图像更容易被用户理解和编辑，以及更容易在网络移动设备中呈现。图像作为一个整体可以由用户访问，并支持无极缩放。Mobile SVG是矢量图形格式的，用户可以任意放大或缩小图形显示，在任何分辨率的显示设备上显示其图像质量都不会受到影响。
2）节省存储空间。Mobile SVG格式基于XML，纯文本编辑，压缩比率很高，并且Mobile SVG标准支持SVGZ压缩格式。采用SVGZ压缩格摘自：毕业论文提纲格式www.618jyw.com
式，可使移动通信设备文件的下载时间减少，增加文件存储数据量。同样的文件内容，采用SVGZ压缩格式，文件大小可比传统光栅图形格式缩小30%～50%，可节省移动通信设备的磁盘空间和内存空间。
3）开放所有权。Mobile SVG是由W3C管理的一种开放标准，相对于Flash私有文件管理更简单，网络检索更容易。
4）文本独立。Mobile SVG图像中的文字独立于图像，文字标注也可被动态地移动和缩放，方便用户对图像中的文字进行基于图像的查询。Mobile SVG内容以纯文本格式输入，通过移动通信设备阅读，更易于理解和创作表示[4]。
5）交互性强。Mobile SVG能轻易制作强大动态交互。通过DOM接口进行编程，能够动态地生成包含SVG图形的Web页面，能对用户动作做出不同响应，存在高亮、声效、特效、动画等优点，体现了网络互动的本质；而GIF、GPEG等栅格图像格式都不易产生交互。
6）颜色控制强。Mobile SVG具有一个1600万色彩的调色板，支持线性填充、遮罩、ICC标准和RGB[4]。
Mobile SVG在知识可视化表示方面，一般通过利用文字、图像呈现，还可以视频、音频和动画呈现信息。对于那些有视觉障碍的人，可以通过可替换的方法把图像替换为音频信息，从而得到Mobile SVG所表现的信息。对于无线移动通信设备来说，屏幕大都比较小，而Mobile SVG的矢量特性也可以让这些设备清楚地浏览Mobile SVG图像信息，这都是目前位图图像所不能做到的。
4 Mobile SVG的微型学习知识可视化表示方法

4.1 Mobile SVG文档的基本骨架结构

Mobile SVG文档的基本结构如图1所示。
Mobile SVG文档是基于XML来编写的，SVG使用元素标签来创建和组织文件及其对象。每一个SVG文件包含最外层的标签、文字元素、图形矩形如元素、动画元素等。
下面是显示矩形的一个实例代码：
xmlns=”http：///view/
1666649.htm.
[3]可视化技术[EB/OL].http：//baike.baidu.com/view/
359852

1.htm.

[4]黄凯伟.SVG开发实践[M].北京：电子工业出版社，2008.
[5]刘长国.基于SVG《计算机网络》知识可视化表示研究[J].现代教育技术，2008（11）：125-127.