PWCT 1.9 Art Documentation ( http://doublesvsoop.sourceforge.net )

2006-2019, Mahmoud Fayed ( msfclipper@users.sourceforge.net )

_____________________________________________________________________________________

Table of contents

1 - Introduction

2 - Implementation steps

3 - Final Steps Tree

4 - Application during the runtime

1 - Introduction

In this lesson we are going to create the Click Loop sample.

2 - Implementation Steps

Fig. (1) Goal Desginer - Steps Tree

Select the step (The First Step)

We will start now new interaction process to generate new steps to our steps tree.

The slow way (Using Mouse):

1 - Click Interact to open the components browser

2 - Select the domain (Window)

3 - Select the component (Set window auto show off)

The fast way (Using Keyboard shortcuts):

1 - Get the component using its name by typing (Set window auto show off)

Note : Stop typing when you see the required component is selected

Fig. (2) Component Browser – Select the component (Set window auto show off)

After selecting the component click Ok or press ENTER

Fig. (3) Goal Desginer - Steps Tree

Select the step (The First Step)

We will start now new interaction process to generate new steps to our steps tree.

The slow way (Using Mouse):

1 - Click Interact to open the components browser

2 - Select the domain (Window)

3 - Select the component (Window)

The fast way (Using Keyboard shortcuts):

1 - Get the component using its name by typing (Window)

Note : Stop typing when you see the required component is selected

Fig. (4) Component Browser – Select the component (Window)

After selecting the component click Ok or press ENTER

Fig. (5) Interaction page - Set the properties and enter the required data as in the image above

Fig. (6) Form Designer

Fig. (7) Goal Desginer - Steps Tree

Select the step (I want window : "click me to get a new white window")

We will start now new interaction process to generate new steps to our steps tree.

The slow way (Using Mouse):

1 - Click Interact to open the components browser

2 - Select the domain (Window)

3 - Select the component (Window Name)

The fast way (Using Keyboard shortcuts):

1 - Get the component using its name by typing (Window Name)

Note : Stop typing when you see the required component is selected

Fig. (8) Component Browser – Select the component (Window Name)

After selecting the component click Ok or press ENTER

Fig. (9) Interaction page - Set the properties and enter the required data as in the image above

Fig. (10) Goal Desginer - Steps Tree

Select the step (Start Here)

We will start now new interaction process to generate new steps to our steps tree.

The slow way (Using Mouse):

1 - Click Interact to open the components browser

2 - Select the domain (Window)

3 - Select the component (Window)

The fast way (Using Keyboard shortcuts):

1 - Get the component using its name by typing (Window)

Note : Stop typing when you see the required component is selected

Fig. (11) Component Browser – Select the component (Window)

After selecting the component click Ok or press ENTER

Fig. (12) Interaction page - Set the properties and enter the required data as in the image above

Fig. (13) Form Designer

Fig. (14) Goal Desginer - Steps Tree

Select the step (I want window : "click me to get a new red window")

We will start now new interaction process to generate new steps to our steps tree.

The slow way (Using Mouse):

1 - Click Interact to open the components browser

2 - Select the domain (Window)

3 - Select the component (Show window)

The fast way (Using Keyboard shortcuts):

1 - Get the component using its name by typing (Show window)

Note : Stop typing when you see the required component is selected

Fig. (15) Component Browser – Select the component (Show window)

After selecting the component click Ok or press ENTER

Fig. (16) Form Designer

Fig. (17) Goal Desginer - Steps Tree

Select the step (Start Here)

We will start now new interaction process to generate new steps to our steps tree.

The slow way (Using Mouse):

1 - Click Interact to open the components browser

2 - Select the domain (Window)

3 - Select the component (Window Name)

The fast way (Using Keyboard shortcuts):

1 - Get the component using its name by typing (Window Name)

Note : Stop typing when you see the required component is selected

Fig. (18) Component Browser – Select the component (Window Name)

After selecting the component click Ok or press ENTER

Fig. (19) Interaction page - Set the properties and enter the required data as in the image above

Fig. (20) Goal Desginer - Steps Tree

Select the step (Start Here)

We will start now new interaction process to generate new steps to our steps tree.

The slow way (Using Mouse):

1 - Click Interact to open the components browser

2 - Select the domain (Window)

3 - Select the component (Window)

The fast way (Using Keyboard shortcuts):

1 - Get the component using its name by typing (Window)

Note : Stop typing when you see the required component is selected

Fig. (21) Component Browser – Select the component (Window)

After selecting the component click Ok or press ENTER

Fig. (22) Interaction page - Set the properties and enter the required data as in the image above

Fig. (23) Form Designer

Fig. (24) Goal Desginer - Steps Tree

Select the step (I want window : "click me to close the application")

We will start now new interaction process to generate new steps to our steps tree.

The slow way (Using Mouse):

1 - Click Interact to open the components browser

2 - Select the domain (Window)

3 - Select the component (Window Name)

The fast way (Using Keyboard shortcuts):

1 - Get the component using its name by typing (Window Name)

Note : Stop typing when you see the required component is selected

Fig. (25) Component Browser – Select the component (Window Name)

After selecting the component click Ok or press ENTER

Fig. (26) Interaction page - Set the properties and enter the required data as in the image above

Fig. (27) Goal Desginer - Steps Tree

Select the step (Start Here)

We will start now new interaction process to generate new steps to our steps tree.

The slow way (Using Mouse):

1 - Click Interact to open the components browser

2 - Select the domain (SupernovaPWCT)

3 - Select the component (Close application)

The fast way (Using Keyboard shortcuts):

1 - Get the component using its name by typing (Close application)

Note : Stop typing when you see the required component is selected

Fig. (28) Component Browser – Select the component (Close application)

After selecting the component click Ok or press ENTER

Fig. (29) Goal Desginer - Steps Tree

Select the step (I want window : "click me to close the application")

We will start now new interaction process to generate new steps to our steps tree.

The slow way (Using Mouse):

1 - Click Interact to open the components browser

2 - Select the domain (Window)

3 - Select the component (Show window)

The fast way (Using Keyboard shortcuts):

1 - Get the component using its name by typing (Show window)

Note : Stop typing when you see the required component is selected

Fig. (30) Component Browser – Select the component (Show window)

After selecting the component click Ok or press ENTER

Fig. (31) Form Designer

Fig. (32) Goal Desginer - Steps Tree

Select the step (I want window : "click me to get a new white window")

We will start now new interaction process to generate new steps to our steps tree.

The slow way (Using Mouse):

1 - Click Interact to open the components browser

2 - Select the domain (Window)

3 - Select the component (Show window)

The fast way (Using Keyboard shortcuts):

1 - Get the component using its name by typing (Show window)

Note : Stop typing when you see the required component is selected

Fig. (33) Component Browser – Select the component (Show window)

After selecting the component click Ok or press ENTER

Fig. (34) Form Designer

Fig. (35) Goal Desginer - Final Steps Tree

3 - Final Steps Tree

The First Step

Set window auto show off

I want window : "click me to get a new white window"

Controls

Window Name is mywin

Mouse Click Event

Start Here

I want window : "click me to get a new red window"

Controls

Show window

Window Name is mywin2

Mouse Click Event

Start Here

I want window : "click me to close the application"

Controls

Window Name is mywin3

Mouse Click Event

Start Here

Close Application

The End

Show window

The End

Show window

4 - Application during the runtime

Fig. (36) Application during the runtime