Browse Prior Art Database

Representation Method for Canvas Design Disclosure Number: IPCOM000032854D
Original Publication Date: 2004-Nov-16
Included in the Prior Art Database: 2004-Nov-16
Document File: 5 page(s) / 44K

Publishing Venue



'Representation method for canvas design' is the description of a method that can be employed primarily into GUI Test automation tools or any application that uses a canvas to describe pictorial information. It represents graphical data into an easily manageable format in the automatically generated code.

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 38% of the total text.

Page 1 of 5

Representation Method for Canvas Design

Disclosed is a method that enables GUI test automation tools to represent graphical data into easily-manageable format in the automatically generated code.

Automatic code generation capability GUI Test automation tools have the capability to automatically generate program code that simulates the user actions. Once the recording is over the tool creates one or more lines of code. A set of such lines are often called scripts. The code generated is actually a list (line-by-line) of instructions that are executed sequentially when played back. Assume that the automation task at hand is to create a script that will plot the corners of a rectangle with a conventional GUI test automation tool. To achieve this, the user initiates the recording process of the tool, plots four points of the rectangle by clicking at the corners of a rectangular area. Then, the user stops the recording process. The recording process would have created the script or program code automatically. The code segment could look something like this:

MouseClick 'Left SingleClick', 20, 20
MouseClick 'Left SingleClick', 20, 60
MouseClick 'Left SingleClick', 60, 20
MouseClick 'Left SingleClick', 60, 60

Playing back the script would reproduce the 4 four points in the graph as desired. Fig. 1

This is a simple example. Complex graphs or diagrams will have more code associated with it. For e.g. if you were to plot 100 points in the graphical editor in an organized manner like 10 points per row over 10 columns like this and keeping the order of plotting it as left to right. Like shown in Figure 2.

Fig. 2


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

Page 2 of 5

Then the code for plotting such a picture will look something like this:

MouseClick 'Left SingleClick', 10 , 10

MouseClick 'Left SingleClick', 20 , 10
MouseClick 'Left SingleClick', 30 , 10

MouseClick 'Left SingleClick', 100 , 10 (1st row complete)
MouseClick 'Left SingleClick', 10 , 20
MouseClick 'Left SingleClick', 20 , 20
MouseClick 'Left SingleClick', 30 , 20

MouseClick 'Left SingleClick', 100 , 20 (2nd row complete)


MouseClick 'Left SingleClick', 100 , 100 (10th row complete)

Effectively what is obtained is a long 'list' of instructions in the code to plot something like a 100 point graph.

The following are the characteristics of this kind of list:
1. The x, y coordinates are hard-coded. Hard-coding makes the code difficult to maintain.
2. Coordinates (10,10) and (10,20) are 10 lines apart from each other though visually they are just a single unit away. This is quite illogical from a visual point of view.
3. Any intended modification to one of the points will require the user to spend some time looking for the place in the code and make the change. Tractability is affected in this situation making code more difficult to search and maintain.

This invention targets specifically at applications that provide a canvas for users to work with.

The Inven...