SVG Slide Presentation Editor

Raul Casado, Juan Carlos Torres

University of Granada (Spain)


Abstract. The SVG format is mainly used to represent 2D scalable vector graphics, which is the source of its name. It also allows the user to represent text strings, and to group elements and images. This format allows the user not only to represent 2D scalable vectors but also define animations for some elements. In that way, ”life” can be given to our SVG documents, changing different properties of the objects during the running time. The properties that can be animated are showed in the SVG specification as animatable. We are also able to detect some events which may occur during the document viewing, like user interaction or just time running. It allows the user to control the behaviour of the objects when it would be necessary to activate or deactivate its animations. The way of doing that can be different. SVG allows you the use of several animations tags and/or javascript code embedded in the SVG file. Javascript code can access to the DOM of the document and change some properties of a element.

The aim of this work is to introduce a slide presentation system developed at Granada University these features. The system generates a suitable SVG documents that can be used as a presentation, and that can be seen using any standard SVG viewer. There are two main reasons for using SVG: its standardisation and its portability. Nowadays, there are SVG viewers for almost all platforms. Moreover, the SVG file may be edited with any text plain editor. That means that the user does not depend on a registered format.

The resulting file has the whole designed presentation stored in. That implies there are no several SVG files which are linked in order to simulate a presentation.

The work specify the structure of the SVG presentation file and the SVG elements that have been used to represent it. A presentation is composed of one or more slides. Every slide is composed of background, foreground, header and footer. Each one of them has one or more basics elements: shapes, text, images and groups. Groups are a special kind of basic element and, as its name shows, they group other basics elements. A group is composed by two or more basics elements.

In the animation issue, you can animate even the slides or any of the basics elements. The slides animations are known as transitions.

It is not necessary to use a special tool to create a SVG presentation. You just need a plain text editor and design the document as we propose. However, that can be really difficult since mistakes are easily made, and the user may spend a lot of time debugging the document. So we have developed an editing tool called SVG Slides Editor which makes easier the SVG generation. Currently, there is a Java preliminary version of this tool that is fully operating that was developed for a university degree project just to check the concept. Currently the software is being rewritten from the beginning in order to improve its maintainability and its extensibility. A beta version of this new implementation will be launch soon. Information on the initial project can be get at