The Prior Art Database and Publishing service will be updated on Sunday, February 25th, from 1-3pm ET. You may experience brief service interruptions during that time.
Browse Prior Art Database

Method for E-learning Using SVG Application

IP.com Disclosure Number: IPCOM000149921D
Original Publication Date: 2007-Apr-12
Included in the Prior Art Database: 2007-Apr-12
Document File: 1 page(s) / 24K

Publishing Venue



This article proposes a method of using a new tag and Java script in Scalable Vector Graphics (SVG) to produce the e-Learning material with slide show effect.

This text was extracted from a PDF file.
At least one non-text object (such as an image or picture) has been suppressed.
This is the abbreviated version, containing approximately 100% of the total text.

Page 1 of 1

Method for E-learning Using SVG Application

Disclosed is a software toolkit of using a new tag and Java script in Scalable Vector Graphics (SVG) to produce slide show effect for the e-Learning material.

The new tag, namely "frame", declaratively defines a slide, including the animation action, animation effect, and duration time. It wraps one or more standard SVG tags, which describes the actual content of a slide.

A Java script library parses the new tag, generates the SVG Document Object Model (DOM) element on the fly, and performs the slide show animation. During initialization time, it pre-fetches the SVG content. Thus, the actual slide show can proceed smoothly afterwards. It is particularly useful if the SVG content includes a lot of large image files.

A control tool allows users to rewind, pause, and resume the slide show. A progress bar indicates the pre-fetching status and slide show progress. In Figure 1, the control tool is on the left and the progress bar is on the right.

Figure 1.

The approach of using a new tag and Java script effectively solves the functionality incompatibility existing in mainstream SVG players. The resulting e-Learning material plays well in Batik, Firefox (version 1.5 and above), Opera, and Adobe SVG player.


[This page contains 1 picture or other non-text object]