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 Math application - MinApp.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 (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

s2.JPG

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

After selecting the component click Ok or press ENTER

s3.JPG

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

s4.JPG

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

After selecting the component click Ok or press ENTER

s5.JPG

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

s6.JPG

Fig. (6) Form Designer

s7.JPG

Fig. (7) Goal Desginer - Steps Tree

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

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

                3 - Select the component (Label)

The fast way (Using Keyboard shortcuts):

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

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

s8.JPG

Fig. (8) Component Browser Select the component (Label)

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) Form Designer

s11.JPG

Fig. (11) Goal Desginer - Steps Tree

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

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

                3 - Select the component (Label)

The fast way (Using Keyboard shortcuts):

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

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

s12.JPG

Fig. (12) Component Browser Select the component (Label)

After selecting the component click Ok or press ENTER

s13.JPG

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

s14.JPG

Fig. (14) Form Designer

s15.JPG

Fig. (15) Goal Desginer - Steps Tree

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

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

                3 - Select the component (Textbox)

The fast way (Using Keyboard shortcuts):

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

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

s16.JPG

Fig. (16) Component Browser Select the component (Textbox)

After selecting the component click Ok or press ENTER

s17.JPG

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

s18.JPG

Fig. (18) Form Designer

s19.JPG

Fig. (19) Goal Desginer - Steps Tree

Select the step (I want textbox : " ")

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 (Control Name & Events)

                3 - Select the component (Textbox Name)

The fast way (Using Keyboard shortcuts):

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

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

s20.JPG

Fig. (20) Component Browser Select the component (Textbox Name)

After selecting the component click Ok or press ENTER

s21.JPG

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

s22.JPG

Fig. (22) Goal Desginer - Steps Tree

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

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

                3 - Select the component (Textbox)

The fast way (Using Keyboard shortcuts):

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

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

s23.JPG

Fig. (23) Component Browser Select the component (Textbox)

After selecting the component click Ok or press ENTER

s24.JPG

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

s25.JPG

Fig. (25) Form Designer

s26.JPG

Fig. (26) Goal Desginer - Steps Tree

Select the step (I want textbox : " ")

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 (Control Name & Events)

                3 - Select the component (Textbox Name)

The fast way (Using Keyboard shortcuts):

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

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

s27.JPG

Fig. (27) Component Browser Select the component (Textbox Name)

After selecting the component click Ok or press ENTER

s28.JPG

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

s29.JPG

Fig. (29) Goal Desginer - Steps Tree

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

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

                3 - Select the component (Button)

The fast way (Using Keyboard shortcuts):

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

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

s30.JPG

Fig. (30) Component Browser Select the component (Button)

After selecting the component click Ok or press ENTER

s31.JPG

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

s32.JPG

Fig. (32) Form Designer

s33.JPG

Fig. (33) Goal Desginer - Steps Tree

Select the step (I want button : " do operation ")

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 (Control Name & Events)

                3 - Select the component (Button Name)

The fast way (Using Keyboard shortcuts):

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

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

s34.JPG

Fig. (34) Component Browser Select the component (Button Name)

After selecting the component click Ok or press ENTER

s35.JPG

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

s36.JPG

Fig. (36) 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 (Select Control)

                3 - Select the component (Select Textbox)

The fast way (Using Keyboard shortcuts):

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

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

s37.JPG

Fig. (37) Component Browser Select the component (Select Textbox)

After selecting the component click Ok or press ENTER

s38.JPG

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

s39.JPG

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

                3 - Select the component (Textbox value to)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Textbox value to)

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

s40.JPG

Fig. (40) Component Browser Select the component (Textbox value to)

After selecting the component click Ok or press ENTER

s41.JPG

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

s42.JPG

Fig. (42) 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 (Select Control)

                3 - Select the component (Select Textbox)

The fast way (Using Keyboard shortcuts):

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

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

s43.JPG

Fig. (43) Component Browser Select the component (Select Textbox)

After selecting the component click Ok or press ENTER

s44.JPG

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

s45.JPG

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

                3 - Select the component (Textbox value to)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Textbox value to)

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

s46.JPG

Fig. (46) Component Browser Select the component (Textbox value to)

After selecting the component click Ok or press ENTER

s47.JPG

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

s48.JPG

Fig. (48) 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 title from)

The fast way (Using Keyboard shortcuts):

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

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

s49.JPG

Fig. (49) Component Browser Select the component (Window title from)

After selecting the component click Ok or press ENTER

s50.JPG

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

s51.JPG

Fig. (51) Goal Desginer - Steps Tree

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

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

                3 - Select the component (Button)

The fast way (Using Keyboard shortcuts):

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

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

s52.JPG

Fig. (52) Component Browser Select the component (Button)

After selecting the component click Ok or press ENTER

s53.JPG

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

s54.JPG

Fig. (54) Form Designer

s55.JPG

Fig. (55) Goal Desginer - Steps Tree

Select the step (I want button : " Close ")

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 (Control Name & Events)

                3 - Select the component (Button Name)

The fast way (Using Keyboard shortcuts):

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

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

s56.JPG

Fig. (56) Component Browser Select the component (Button Name)

After selecting the component click Ok or press ENTER

s57.JPG

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

s58.JPG

Fig. (58) 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 (Close window)

The fast way (Using Keyboard shortcuts):

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

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

s59.JPG

Fig. (59) Component Browser Select the component (Close window)

After selecting the component click Ok or press ENTER

s60.JPG

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

s61.JPG

Fig. (61) Component Browser Select the component (Show window)

After selecting the component click Ok or press ENTER

s62.JPG

Fig. (62) Goal Desginer - Final Steps Tree

3 - Final Steps Tree

The First Step

                Set window auto show off

                I want window : "Min"

                                Controls

                                I want Label : " Number (1) "

                                I want Label : " Number (2) "

                                I want textbox : " "

                                                Textbox Name is min_txt1

                                                                Got Focus Event

                                                                                Start Here

                                                                                The End

                                                                Lost Focus Event

                                                                                Start Here

                                                                                The End

                                                                Change Event

                                                                                Start Here

                                                                                The End

                                                                Enter Event

                                                                                Start Here

                                                                                The End

                                I want textbox : " "

                                                Textbox Name is min_txt2

                                                                Got Focus Event

                                                                                Start Here

                                                                                The End

                                                                Lost Focus Event

                                                                                Start Here

                                                                                The End

                                                                Change Event

                                                                                Start Here

                                                                                The End

                                                                Enter Event

                                                                                Start Here

                                                                                The End

                                I want button : " do operation "

                                                Button Name is min_btn1

                                                                Mouse Click Event

                                                                                Start Here

                                                                                                Select Textbox min_txt1

                                                                                                Textbox value to [num1]

                                                                                                Select Textbox min_txt2

                                                                                                Textbox value to [num2]

                                                                                                Window title from [num1]-[num2]

                                                                                The End

                                I want button : " Close "

                                                Button Name is min_btnclose

                                                                Mouse Click Event

                                                                                Start Here

                                                                                                Close window

                                                                                The End

                Show window

4 - Application during the runtime

runtime1.JPG

Fig. (63) Application during the runtime