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

2006-2013, 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 Counter 2 application - Main.SSF

2 - Implementation Steps

s1.JPG

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 (Do Statements)

                3 - Select the component (Do File)

The fast way (Using Keyboard shortcuts):

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

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

s2.JPG

Fig. (2) Component Browser Select the component (Do File)

After selecting the component click Ok or press ENTER

s3.JPG

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

s4.JPG

Fig. (4) 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 (Do Statements)

                3 - Select the component (Do File)

The fast way (Using Keyboard shortcuts):

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

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

s5.JPG

Fig. (5) Component Browser Select the component (Do File)

After selecting the component click Ok or press ENTER

s6.JPG

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

s7.JPG

Fig. (7) 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 (GUI)

                3 - Select the component (Application title is)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Application title is)

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

s8.JPG

Fig. (8) Component Browser Select the component (Application title is)

After selecting the component click Ok or press ENTER

s9.JPG

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

s10.JPG

Fig. (10) 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

s11.JPG

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

After selecting the component click Ok or press ENTER

s12.JPG

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

s13.JPG

Fig. (13) Form Designer

s14.JPG

Fig. (14) Goal Desginer - Steps Tree

Select the step (Controls)

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 (Menubar)

                3 - Select the component (I want menubar)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (I want menubar)

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

s15.JPG

Fig. (15) Component Browser Select the component (I want menubar)

After selecting the component click Ok or press ENTER

s16.JPG

Fig. (16) Form Designer

s17.JPG

Fig. (17) Goal Desginer - Steps Tree

Select the step (Controls)

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 (Menubar)

                3 - Select the component (I want menu popup)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (I want menu popup)

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

s18.JPG

Fig. (18) Component Browser Select the component (I want menu popup)

After selecting the component click Ok or press ENTER

s19.JPG

Fig. (19) Form Designer

s20.JPG

Fig. (20) Goal Desginer - Steps Tree

Select the step (Controls)

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 (Menubar)

                3 - Select the component (Menu popup caption is)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Menu popup caption is)

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

s21.JPG

Fig. (21) Component Browser Select the component (Menu popup caption is)

After selecting the component click Ok or press ENTER

s22.JPG

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

s23.JPG

Fig. (23) Form Designer

s24.JPG

Fig. (24) Goal Desginer - Steps Tree

Select the step (Controls)

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 (Menubar)

                3 - Select the component (I want menu item)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (I want menu item)

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

s25.JPG

Fig. (25) Component Browser Select the component (I want menu item)

After selecting the component click Ok or press ENTER

s26.JPG

Fig. (26) Form Designer

s27.JPG

Fig. (27) Goal Desginer - Steps Tree

Select the step (Controls)

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 (Menubar)

                3 - Select the component (Menu item caption is)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Menu item caption is)

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

s28.JPG

Fig. (28) Component Browser Select the component (Menu item caption is)

After selecting the component click Ok or press ENTER

s29.JPG

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

s30.JPG

Fig. (30) Form Designer

s31.JPG

Fig. (31) Goal Desginer - Steps Tree

Select the step (Controls)

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 (Menubar)

                3 - Select the component (Menu item name is)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Menu item name is)

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

s32.JPG

Fig. (32) Component Browser Select the component (Menu item name is)

After selecting the component click Ok or press ENTER

s33.JPG

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

s34.JPG

Fig. (34) 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 (Do Statements)

                3 - Select the component (Do Function)

The fast way (Using Keyboard shortcuts):

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

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

s35.JPG

Fig. (35) Component Browser Select the component (Do Function)

After selecting the component click Ok or press ENTER

s36.JPG

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

s37.JPG

Fig. (37) Goal Desginer - Steps Tree

Select the step (Controls)

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 (Menubar)

                3 - Select the component (I want menu item)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (I want menu item)

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

s38.JPG

Fig. (38) Component Browser Select the component (I want menu item)

After selecting the component click Ok or press ENTER

s39.JPG

Fig. (39) Form Designer

s40.JPG

Fig. (40) Goal Desginer - Steps Tree

Select the step (Controls)

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 (Menubar)

                3 - Select the component (Menu item caption is)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Menu item caption is)

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

s41.JPG

Fig. (41) Component Browser Select the component (Menu item caption is)

After selecting the component click Ok or press ENTER

s42.JPG

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

s43.JPG

Fig. (43) Form Designer

s44.JPG

Fig. (44) Goal Desginer - Steps Tree

Select the step (Controls)

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 (Menubar)

                3 - Select the component (Menu item name is)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Menu item name is)

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

s45.JPG

Fig. (45) Component Browser Select the component (Menu item name is)

After selecting the component click Ok or press ENTER

s46.JPG

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

s47.JPG

Fig. (47) 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 (Do Statements)

                3 - Select the component (Do Function)

The fast way (Using Keyboard shortcuts):

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

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

s48.JPG

Fig. (48) Component Browser Select the component (Do Function)

After selecting the component click Ok or press ENTER

s49.JPG

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

s50.JPG

Fig. (50) Goal Desginer - Steps Tree

Select the step (Controls)

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 (Menubar)

                3 - Select the component (I want menu item)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (I want menu item)

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

s51.JPG

Fig. (51) Component Browser Select the component (I want menu item)

After selecting the component click Ok or press ENTER

s52.JPG

Fig. (52) Form Designer

s53.JPG

Fig. (53) Goal Desginer - Steps Tree

Select the step (Controls)

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 (Menubar)

                3 - Select the component (Menu item caption is)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Menu item caption is)

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

s54.JPG

Fig. (54) Component Browser Select the component (Menu item caption is)

After selecting the component click Ok or press ENTER

s55.JPG

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

s56.JPG

Fig. (56) Form Designer

s57.JPG

Fig. (57) Goal Desginer - Steps Tree

Select the step (Controls)

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 (Menubar)

                3 - Select the component (Menu item name is)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Menu item name is)

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

s58.JPG

Fig. (58) Component Browser Select the component (Menu item name is)

After selecting the component click Ok or press ENTER

s59.JPG

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

s60.JPG

Fig. (60) 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

s61.JPG

Fig. (61) Component Browser Select the component (Close application)

After selecting the component click Ok or press ENTER

s62.JPG

Fig. (62) Goal Desginer - Steps Tree

Select the step (Controls)

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 (Statusbar)

                3 - Select the component (I want statusbar)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (I want statusbar)

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

s63.JPG

Fig. (63) Component Browser Select the component (I want statusbar)

After selecting the component click Ok or press ENTER

s64.JPG

Fig. (64) Form Designer

s65.JPG

Fig. (65) Goal Desginer - Steps Tree

Select the step (Controls)

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 (Statusbar)

                3 - Select the component (I want status item)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (I want status item)

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

s66.JPG

Fig. (66) Component Browser Select the component (I want status item)

After selecting the component click Ok or press ENTER

s67.JPG

Fig. (67) Form Designer

s68.JPG

Fig. (68) Goal Desginer - Steps Tree

Select the step (Controls)

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 (Statusbar)

                3 - Select the component (Status item caption is)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Status item caption is)

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

s69.JPG

Fig. (69) Component Browser Select the component (Status item caption is)

After selecting the component click Ok or press ENTER

s70.JPG

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

s71.JPG

Fig. (71) Form Designer

s72.JPG

Fig. (72) Goal Desginer - Steps Tree

Select the step (Controls)

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 (Maximize window)

The fast way (Using Keyboard shortcuts):

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

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

s73.JPG

Fig. (73) Component Browser Select the component (Maximize window)

After selecting the component click Ok or press ENTER

s74.JPG

Fig. (74) Form Designer

s75.JPG

Fig. (75) Goal Desginer - Steps Tree

Select the step (I want window : "Counter2")

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

s76.JPG

Fig. (76) Component Browser Select the component (Window Name)

After selecting the component click Ok or press ENTER

s77.JPG

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

s78.JPG

Fig. (78) Goal Desginer - Final Steps Tree

3 - Final Steps Tree

The First Step

                Do File up.nova

                Do File down.nova

                Application title is " Counter (2) "

                I want window : "Counter2"

                                Controls

                                                I want menubar

                                                I want menu popup

                                                Menu popup caption is File

                                                I want menu item

                                                Menu item caption is Up Counter

                                                Menu item name is myitem1

                                                                Mouse Click Event

                                                                                Start Here

                                                                                                Do Function myUp

                                                                                The End

                                                I want menu item

                                                Menu item caption is Down Counter

                                                Menu item name is myitem2

                                                                Mouse Click Event

                                                                                Start Here

                                                                                                Do Function myDown

                                                                                The End

                                                I want menu item

                                                Menu item caption is Exit

                                                Menu item name is myitem3

                                                                Mouse Click Event

                                                                                Start Here

                                                                                                Close Application

                                                                                The End

                                                I want statusbar

                                                I want status item

                                                Status item caption is Ready

                                                Maximize window

                                Window Name is mainwindow

4 - Application during the runtime

runtime1.JPG

Fig. (79) Application during the runtime

runtime2.JPG

Fig. (80) Application during the runtime