基于SVG的异构设备界面开发工具的研究与实现

摘要

近年来，随着计算机与通讯技术的迅猛发展，笔记本电脑、手机、PDA等异构设备已融入到人们日常的生活中。这些异构设备具有截然不同的软硬件环境(平台不同，屏幕大小也不相同)。用户界面从一种设备移植到另一种设备，就必须对代码进行大量的修改，编译和测试，有时甚至只能重新开发。因此急需一种新的技术来标准化异构设备界面开发，避免重复性开发，提高开发效率。 针对上述问题，本文提出了把SVG应用到异构设备界面的应用程序上，用于统一描述这些异构设备界面，从而实现跨平台的标准化异构设备界面开发的新思想。并为此开发一个基于SVG的异构设备界面开发工具(SHDIDT)。与其它异构设备界面开发研究的不同之处是：本文重点针对异构设备屏幕尺寸不一问题出发。利用SVG的自动缩放特性和基于分页思想的自适应布局算法，解决传统开发方法开发出来的用户界面由于异构设备屏幕大小不一而无法移植，只能重新开发的问题。 本文首先指出了传统异构设备界面开发方法的不足。并详细分析了问题所在的原因，给出了相应的解决方法。接着介绍了SVG的特性和当前应用，分析了使用SVG来统一描述各种异构设备界面的可行性，同时提出了一个基于SVG的异构设备界面开发新方法：把SVG应用到异构设备界面的应用程序上，用于统一描述这些异构设备界面，从而实现跨平台的标准化异构设备界面开发，并利用SVG的自动缩放特性来克服异构设备屏幕尺寸大小不一的问题。然后在上述的基础上，设计和实现了基于SVG的异构设备界面开发工具(SHDIDT)。SHDIDT构建于一个基于构件、声明性的体系结构之上，采用基于SVG的描述技术，以结构化文档为中心、以数据为驱动，界面的设计与开发均围绕SVG进行。SHDIDT使用基于分页思想的自适应布局算法协同SVG的自动缩放特性来克服异构设备屏幕尺寸大小不一的问题。从而避免了为不同异构设备单独开发各自的用户界面，提高开发效率。最后作为研究内容的验证，进行了SHDIDT可用性测试。

目录

文摘

英文文摘

声明

第一章绪论

1.1研究背景和目的

1.2国内外研究现况

1.3研究工作及意义

1.4本文主要组织框架

第二章基于SVG的异构设备界面开发

2.1传统异构设备界面开发方法

2.2引发重复性开发的原因

2.2.1各种异构设备上GUI系统的差异性

2.2.2各种异构设备的显示屏幕尺寸不一

2.3 SVG的相关介绍

2.3.1 SVG简介

2.3.2 SVG的特性

2.3.3 SVG的文档结构

2.3.4 SVG的当前应用

2.4基于SVG的异构设备界面开发方法

2.4.1基于SVG的异构设备界面描述的可行性

2.4.2基于SVG的异构设备界面开发模型

2.5本章小结

第三章SHDIDT的设计

3.1功能性设计

3.1.1 SHDIDT的层次模型

3.1.2 SHDIDT的总体体系结构

3.1.3 SVG存储结构设计

3.1.4 SHDIDT生成SVG文档的流程

3.1.5 SHDIDT的自适应布局算法

3.1.6 SHDIDT运行SVG文档的流程

3.2可用性设计

3.2.1可用性准则

3.2.2可用性设计原理

3.2.3 SHDIDT的纸质原型

3.3本章小结

第四章SHDIDT的实现

4.1 SHDIDT的开发平台和利用工具

4.1.1 SHDIDT的开发平台

4.1.2 SHDIDT的利用工具——Jazz

4.2 SVG的生成和解析技术

4.2.1 DOM

4.2.2 SAX

4.2.3 JDOM

4.3 SHDIDT主要模块的实现

4.3.1 Visual UI Designer的实现

4.3.2 SVG UI Generator的实现

4.4 SHDIDT应用实例

4.5本章小结

第五章SHDIDT的可用性测试

5.1可用性测试概述

5.1.1可用性(USABILITY)的概念

5.1.2可用性测试指标体系

5.1.3可用性测试遵循的原则

5.1.4几种主要的可用性测试方法

5.2 SHDIDT的可用性测试过程

5.2.1准备阶段

5.2.2实现阶段

5.2.3资料处理阶段

5.3本章小结

总结与展望

参考文献

致谢

攻读硕士期间完成的论文

攻读硕士期间参加的课题项目