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 NumGame application.

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

                3 - Select the component (Define New Window)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (2) Component Browser – Select the component (Define New Window)

After selecting the component click Ok or press ENTER

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

Fig. (4) Form Designer

Fig. (5) Goal Desginer - Steps Tree

Select the step (Window 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 (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

Fig. (6) Component Browser – Select the component (Button)

After selecting the component click Ok or press ENTER

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

Fig. (8) Form Designer

Fig. (9) Goal Desginer - Steps Tree

Select the step (Button Events)

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

                3 - Select the component (Button Events)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (10) Component Browser – Select the component (Button Events)

After selecting the component click Ok or press ENTER

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

Fig. (12) Goal Desginer - Steps Tree

Select the step (Window 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 (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

Fig. (13) Component Browser – Select the component (Button)

After selecting the component click Ok or press ENTER

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

Fig. (15) Form Designer

Fig. (16) Goal Desginer - Steps Tree

Select the step (Button Events)

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

                3 - Select the component (Button Events)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (17) Component Browser – Select the component (Button Events)

After selecting the component click Ok or press ENTER

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

Fig. (19) Goal Desginer - Steps Tree

Select the step (Window 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 (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

Fig. (20) Component Browser – Select the component (Button)

After selecting the component click Ok or press ENTER

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

Fig. (22) Form Designer

Fig. (23) Goal Desginer - Steps Tree

Select the step (Button Events)

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

                3 - Select the component (Button Events)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (24) Component Browser – Select the component (Button Events)

After selecting the component click Ok or press ENTER

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

Fig. (26) Goal Desginer - Steps Tree

Select the step (Window 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 (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

Fig. (27) Component Browser – Select the component (Button)

After selecting the component click Ok or press ENTER

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

Fig. (29) Form Designer

Fig. (30) Goal Desginer - Steps Tree

Select the step (Button Events)

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

                3 - Select the component (Button Events)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (31) Component Browser – Select the component (Button Events)

After selecting the component click Ok or press ENTER

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

Fig. (33) Goal Desginer - Steps Tree

Select the step (Window 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 (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

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

After selecting the component click Ok or press ENTER

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

Fig. (36) Form Designer

Fig. (37) Goal Desginer - Steps Tree

Select the step (Button Events)

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

                3 - Select the component (Button Events)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (38) Component Browser – Select the component (Button Events)

After selecting the component click Ok or press ENTER

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

Fig. (40) Goal Desginer - Steps Tree

Select the step (Window 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 (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

Fig. (41) Component Browser – Select the component (Button)

After selecting the component click Ok or press ENTER

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

Fig. (43) Form Designer

Fig. (44) Goal Desginer - Steps Tree

Select the step (Button Events)

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

                3 - Select the component (Button Events)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (45) Component Browser – Select the component (Button Events)

After selecting the component click Ok or press ENTER

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

Fig. (47) Goal Desginer - Steps Tree

Select the step (Window 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 (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

Fig. (48) Component Browser – Select the component (Button)

After selecting the component click Ok or press ENTER

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

Fig. (50) Form Designer

Fig. (51) Goal Desginer - Steps Tree

Select the step (Button Events)

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

                3 - Select the component (Button Events)

The fast way (Using Keyboard shortcuts):

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

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

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

After selecting the component click Ok or press ENTER

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

Fig. (54) Goal Desginer - Steps Tree

Select the step (Window 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 (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

Fig. (55) Component Browser – Select the component (Button)

After selecting the component click Ok or press ENTER

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

Fig. (57) Form Designer

Fig. (58) Goal Desginer - Steps Tree

Select the step (Button Events)

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

                3 - Select the component (Button Events)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (59) Component Browser – Select the component (Button Events)

After selecting the component click Ok or press ENTER

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

Fig. (61) Goal Desginer - Steps Tree

Select the step (Window 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 (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

Fig. (62) Component Browser – Select the component (Button)

After selecting the component click Ok or press ENTER

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

Fig. (64) Form Designer

Fig. (65) Goal Desginer - Steps Tree

Select the step (Button Events)

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

                3 - Select the component (Button Events)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (66) Component Browser – Select the component (Button Events)

After selecting the component click Ok or press ENTER

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

Fig. (68) Goal Desginer - Steps Tree

Select the step (Window 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 (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

Fig. (69) Component Browser – Select the component (Label)

After selecting the component click Ok or press ENTER

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

Fig. (71) Form Designer

Fig. (72) Goal Desginer - Steps Tree

Select the step (Window 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 (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

Fig. (73) Component Browser – Select the component (TextBox)

After selecting the component click Ok or press ENTER

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

Fig. (75) Form Designer

Fig. (76) Goal Desginer - Steps Tree

Select the step (Define New Window ( win1 ) , Title : "NumGame by Ibrahim Abdelelah")

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

                3 - Select the component (Window Class)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (77) Component Browser – Select the component (Window Class)

After selecting the component click Ok or press ENTER

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

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

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

Fig. (81) Form Designer

Fig. (82) Goal Desginer - Steps Tree

Select the step (Procedures)

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 (Structure Programming)

                3 - Select the component (Define Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (83) Component Browser – Select the component (Define Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (85) 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 (Structure Programming)

                3 - Select the component (Scope of Variable)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Scope of Variable)

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

Fig. (86) Component Browser – Select the component (Scope of Variable)

After selecting the component click Ok or press ENTER

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

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

                3 - Select the component (Assignment)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (89) Component Browser – Select the component (Assignment)

After selecting the component click Ok or press ENTER

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

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

                3 - Select the component (Assignment)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (92) Component Browser – Select the component (Assignment)

After selecting the component click Ok or press ENTER

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

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

                3 - Select the component (Assignment)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (95) Component Browser – Select the component (Assignment)

After selecting the component click Ok or press ENTER

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

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

                3 - Select the component (Assignment)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (98) Component Browser – Select the component (Assignment)

After selecting the component click Ok or press ENTER

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

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

                3 - Select the component (Assignment)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (101) Component Browser – Select the component (Assignment)

After selecting the component click Ok or press ENTER

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

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

                3 - Select the component (Assignment)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (104) Component Browser – Select the component (Assignment)

After selecting the component click Ok or press ENTER

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

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

                3 - Select the component (Assignment)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (107) Component Browser – Select the component (Assignment)

After selecting the component click Ok or press ENTER

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

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

                3 - Select the component (Assignment)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (110) Component Browser – Select the component (Assignment)

After selecting the component click Ok or press ENTER

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

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

                3 - Select the component (Assignment)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (113) Component Browser – Select the component (Assignment)

After selecting the component click Ok or press ENTER

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

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

                3 - Select the component (ALL Trim)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (116) Component Browser – Select the component (ALL Trim)

After selecting the component click Ok or press ENTER

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

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

                3 - Select the component (ALL Trim)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (119) Component Browser – Select the component (ALL Trim)

After selecting the component click Ok or press ENTER

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

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

                3 - Select the component (ALL Trim)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (122) Component Browser – Select the component (ALL Trim)

After selecting the component click Ok or press ENTER

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

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

                3 - Select the component (ALL Trim)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (125) Component Browser – Select the component (ALL Trim)

After selecting the component click Ok or press ENTER

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

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

                3 - Select the component (ALL Trim)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (128) Component Browser – Select the component (ALL Trim)

After selecting the component click Ok or press ENTER

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

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

                3 - Select the component (ALL Trim)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (131) Component Browser – Select the component (ALL Trim)

After selecting the component click Ok or press ENTER

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

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

                3 - Select the component (ALL Trim)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (134) Component Browser – Select the component (ALL Trim)

After selecting the component click Ok or press ENTER

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

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

                3 - Select the component (ALL Trim)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (137) Component Browser – Select the component (ALL Trim)

After selecting the component click Ok or press ENTER

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

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

                3 - Select the component (ALL Trim)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (140) Component Browser – Select the component (ALL Trim)

After selecting the component click Ok or press ENTER

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

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

                3 - Select the component (String To Numeric)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (String To Numeric)

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

Fig. (143) Component Browser – Select the component (String To Numeric)

After selecting the component click Ok or press ENTER

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

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

                3 - Select the component (String To Numeric)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (String To Numeric)

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

Fig. (146) Component Browser – Select the component (String To Numeric)

After selecting the component click Ok or press ENTER

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

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

                3 - Select the component (String To Numeric)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (String To Numeric)

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

Fig. (149) Component Browser – Select the component (String To Numeric)

After selecting the component click Ok or press ENTER

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

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

                3 - Select the component (String To Numeric)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (String To Numeric)

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

Fig. (152) Component Browser – Select the component (String To Numeric)

After selecting the component click Ok or press ENTER

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

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

                3 - Select the component (String To Numeric)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (String To Numeric)

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

Fig. (155) Component Browser – Select the component (String To Numeric)

After selecting the component click Ok or press ENTER

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

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

                3 - Select the component (String To Numeric)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (String To Numeric)

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

Fig. (158) Component Browser – Select the component (String To Numeric)

After selecting the component click Ok or press ENTER

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

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

                3 - Select the component (String To Numeric)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (String To Numeric)

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

Fig. (161) Component Browser – Select the component (String To Numeric)

After selecting the component click Ok or press ENTER

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

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

                3 - Select the component (String To Numeric)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (String To Numeric)

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

Fig. (164) Component Browser – Select the component (String To Numeric)

After selecting the component click Ok or press ENTER

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

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

                3 - Select the component (String To Numeric)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (String To Numeric)

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

Fig. (167) Component Browser – Select the component (String To Numeric)

After selecting the component click Ok or press ENTER

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

Fig. (169) Goal Desginer - Steps Tree

Select the step (Procedures)

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 (Structure Programming)

                3 - Select the component (Define Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (170) Component Browser – Select the component (Define Procedure)

After selecting the component click Ok or press ENTER

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

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

                3 - Select the component (Assignment)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (173) Component Browser – Select the component (Assignment)

After selecting the component click Ok or press ENTER

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

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

                3 - Select the component (Assignment)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (176) Component Browser – Select the component (Assignment)

After selecting the component click Ok or press ENTER

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

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

                3 - Select the component (Textbox Class)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (179) Component Browser – Select the component (Textbox Class)

After selecting the component click Ok or press ENTER

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

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

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

Fig. (183) 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 (Control Structure)

                3 - Select the component (IF Statement)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (184) Component Browser – Select the component (IF Statement)

After selecting the component click Ok or press ENTER

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

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

                3 - Select the component (Show Message)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (187) Component Browser – Select the component (Show Message)

After selecting the component click Ok or press ENTER

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

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

                3 - Select the component (Textbox Class)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (190) Component Browser – Select the component (Textbox Class)

After selecting the component click Ok or press ENTER

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

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

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

Fig. (194) Goal Desginer - Steps Tree

Select the step (Procedures)

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 (Structure Programming)

                3 - Select the component (Define Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (195) Component Browser – Select the component (Define Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (197) 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 (Structure Programming)

                3 - Select the component (Scope of Variable)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Scope of Variable)

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

Fig. (198) Component Browser – Select the component (Scope of Variable)

After selecting the component click Ok or press ENTER

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

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

                3 - Select the component (Assignment)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (201) Component Browser – Select the component (Assignment)

After selecting the component click Ok or press ENTER

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

Fig. (203) 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 (Control Structure)

                3 - Select the component (IF Statement)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (204) Component Browser – Select the component (IF Statement)

After selecting the component click Ok or press ENTER

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

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

                3 - Select the component (Assignment)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (207) Component Browser – Select the component (Assignment)

After selecting the component click Ok or press ENTER

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

Fig. (209) 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 (Control Structure)

                3 - Select the component (IF Statement)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (210) Component Browser – Select the component (IF Statement)

After selecting the component click Ok or press ENTER

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

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

                3 - Select the component (Assignment)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (213) Component Browser – Select the component (Assignment)

After selecting the component click Ok or press ENTER

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

Fig. (215) 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 (Control Structure)

                3 - Select the component (IF Statement)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (216) Component Browser – Select the component (IF Statement)

After selecting the component click Ok or press ENTER

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

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

                3 - Select the component (Assignment)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (219) Component Browser – Select the component (Assignment)

After selecting the component click Ok or press ENTER

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

Fig. (221) 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 (Control Structure)

                3 - Select the component (IF Statement)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (222) Component Browser – Select the component (IF Statement)

After selecting the component click Ok or press ENTER

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

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

                3 - Select the component (Assignment)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (225) Component Browser – Select the component (Assignment)

After selecting the component click Ok or press ENTER

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

Fig. (227) 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 (Control Structure)

                3 - Select the component (IF Statement)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (228) Component Browser – Select the component (IF Statement)

After selecting the component click Ok or press ENTER

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

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

                3 - Select the component (Show Message)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (231) Component Browser – Select the component (Show Message)

After selecting the component click Ok or press ENTER

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

Fig. (233) 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 (Structure Programming)

                3 - Select the component (Return Value)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (234) Component Browser – Select the component (Return Value)

After selecting the component click Ok or press ENTER

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

Fig. (236) 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 (Structure Programming)

                3 - Select the component (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (237) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (239) Goal Desginer - Steps Tree

Select the step (Procedures)

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 (Structure Programming)

                3 - Select the component (Define Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (240) Component Browser – Select the component (Define Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (242) 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 (Structure Programming)

                3 - Select the component (Scope of Variable)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Scope of Variable)

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

Fig. (243) Component Browser – Select the component (Scope of Variable)

After selecting the component click Ok or press ENTER

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

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

                3 - Select the component (Assignment)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (246) Component Browser – Select the component (Assignment)

After selecting the component click Ok or press ENTER

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

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

                3 - Select the component (Assignment)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (249) Component Browser – Select the component (Assignment)

After selecting the component click Ok or press ENTER

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

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

                3 - Select the component (Assignment)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (252) Component Browser – Select the component (Assignment)

After selecting the component click Ok or press ENTER

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

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

                3 - Select the component (Assignment)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (255) Component Browser – Select the component (Assignment)

After selecting the component click Ok or press ENTER

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

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

                3 - Select the component (Numeric To String)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Numeric To String)

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

Fig. (258) Component Browser – Select the component (Numeric To String)

After selecting the component click Ok or press ENTER

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

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

                3 - Select the component (Numeric To String)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Numeric To String)

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

Fig. (261) Component Browser – Select the component (Numeric To String)

After selecting the component click Ok or press ENTER

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

Fig. (263) 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 (Structure Programming)

                3 - Select the component (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (264) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (266) 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 (Structure Programming)

                3 - Select the component (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (267) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (269) 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 (Structure Programming)

                3 - Select the component (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (270) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (272) 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 (Structure Programming)

                3 - Select the component (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (273) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (275) Goal Desginer - Steps Tree

Select the step (Procedures)

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 (Structure Programming)

                3 - Select the component (Define Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (276) Component Browser – Select the component (Define Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (278) 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 (Structure Programming)

                3 - Select the component (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (279) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (281) 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 (Control Structure)

                3 - Select the component (IF Statement)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (282) Component Browser – Select the component (IF Statement)

After selecting the component click Ok or press ENTER

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

Fig. (284) 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 (Structure Programming)

                3 - Select the component (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (285) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (287) 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 (Control Structure)

                3 - Select the component (IF Statement)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (288) Component Browser – Select the component (IF Statement)

After selecting the component click Ok or press ENTER

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

Fig. (290) 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 (Structure Programming)

                3 - Select the component (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (291) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (293) 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 (Structure Programming)

                3 - Select the component (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (294) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (296) Goal Desginer - Steps Tree

Select the step (Procedures)

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 (Structure Programming)

                3 - Select the component (Define Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (297) Component Browser – Select the component (Define Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (299) 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 (Structure Programming)

                3 - Select the component (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (300) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (302) 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 (Control Structure)

                3 - Select the component (IF Statement)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (303) Component Browser – Select the component (IF Statement)

After selecting the component click Ok or press ENTER

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

Fig. (305) 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 (Structure Programming)

                3 - Select the component (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (306) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (308) 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 (Control Structure)

                3 - Select the component (IF Statement)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (309) Component Browser – Select the component (IF Statement)

After selecting the component click Ok or press ENTER

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

Fig. (311) 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 (Structure Programming)

                3 - Select the component (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (312) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (314) 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 (Structure Programming)

                3 - Select the component (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (315) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (317) Goal Desginer - Steps Tree

Select the step (Procedures)

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 (Structure Programming)

                3 - Select the component (Define Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (318) Component Browser – Select the component (Define Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (320) 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 (Structure Programming)

                3 - Select the component (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (321) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (323) 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 (Control Structure)

                3 - Select the component (IF Statement)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (324) Component Browser – Select the component (IF Statement)

After selecting the component click Ok or press ENTER

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

Fig. (326) 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 (Structure Programming)

                3 - Select the component (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (327) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (329) 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 (Control Structure)

                3 - Select the component (IF Statement)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (330) Component Browser – Select the component (IF Statement)

After selecting the component click Ok or press ENTER

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

Fig. (332) 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 (Structure Programming)

                3 - Select the component (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (333) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (335) 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 (Control Structure)

                3 - Select the component (IF Statement)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (336) Component Browser – Select the component (IF Statement)

After selecting the component click Ok or press ENTER

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

Fig. (338) 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 (Structure Programming)

                3 - Select the component (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (339) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (341) 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 (Control Structure)

                3 - Select the component (IF Statement)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (342) Component Browser – Select the component (IF Statement)

After selecting the component click Ok or press ENTER

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

Fig. (344) 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 (Structure Programming)

                3 - Select the component (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (345) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (347) 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 (Structure Programming)

                3 - Select the component (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (348) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (350) Goal Desginer - Steps Tree

Select the step (Procedures)

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 (Structure Programming)

                3 - Select the component (Define Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (351) Component Browser – Select the component (Define Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (353) 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 (Structure Programming)

                3 - Select the component (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (354) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (356) 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 (Control Structure)

                3 - Select the component (IF Statement)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (357) Component Browser – Select the component (IF Statement)

After selecting the component click Ok or press ENTER

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

Fig. (359) 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 (Structure Programming)

                3 - Select the component (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (360) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (362) 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 (Control Structure)

                3 - Select the component (IF Statement)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (363) Component Browser – Select the component (IF Statement)

After selecting the component click Ok or press ENTER

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

Fig. (365) 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 (Structure Programming)

                3 - Select the component (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (366) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (368) 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 (Control Structure)

                3 - Select the component (IF Statement)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (369) Component Browser – Select the component (IF Statement)

After selecting the component click Ok or press ENTER

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

Fig. (371) 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 (Structure Programming)

                3 - Select the component (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (372) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (374) 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 (Structure Programming)

                3 - Select the component (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (375) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (377) Goal Desginer - Steps Tree

Select the step (Procedures)

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 (Structure Programming)

                3 - Select the component (Define Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (378) Component Browser – Select the component (Define Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (380) 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 (Structure Programming)

                3 - Select the component (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (381) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (383) 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 (Control Structure)

                3 - Select the component (IF Statement)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (384) Component Browser – Select the component (IF Statement)

After selecting the component click Ok or press ENTER

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

Fig. (386) 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 (Structure Programming)

                3 - Select the component (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (387) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (389) 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 (Control Structure)

                3 - Select the component (IF Statement)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (390) Component Browser – Select the component (IF Statement)

After selecting the component click Ok or press ENTER

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

Fig. (392) 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 (Structure Programming)

                3 - Select the component (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (393) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (395) 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 (Control Structure)

                3 - Select the component (IF Statement)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (396) Component Browser – Select the component (IF Statement)

After selecting the component click Ok or press ENTER

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

Fig. (398) 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 (Structure Programming)

                3 - Select the component (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (399) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (401) 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 (Structure Programming)

                3 - Select the component (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (402) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (404) Goal Desginer - Steps Tree

Select the step (Procedures)

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 (Structure Programming)

                3 - Select the component (Define Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (405) Component Browser – Select the component (Define Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (407) 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 (Structure Programming)

                3 - Select the component (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (408) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (410) 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 (Control Structure)

                3 - Select the component (IF Statement)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (411) Component Browser – Select the component (IF Statement)

After selecting the component click Ok or press ENTER

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

Fig. (413) 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 (Structure Programming)

                3 - Select the component (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (414) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (416) 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 (Control Structure)

                3 - Select the component (IF Statement)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (417) Component Browser – Select the component (IF Statement)

After selecting the component click Ok or press ENTER

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

Fig. (419) 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 (Structure Programming)

                3 - Select the component (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (420) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (422) 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 (Control Structure)

                3 - Select the component (IF Statement)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (423) Component Browser – Select the component (IF Statement)

After selecting the component click Ok or press ENTER

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

Fig. (425) 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 (Structure Programming)

                3 - Select the component (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (426) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (428) 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 (Structure Programming)

                3 - Select the component (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (429) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (431) Goal Desginer - Steps Tree

Select the step (Procedures)

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 (Structure Programming)

                3 - Select the component (Define Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (432) Component Browser – Select the component (Define Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (434) 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 (Structure Programming)

                3 - Select the component (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (435) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (437) 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 (Control Structure)

                3 - Select the component (IF Statement)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (438) Component Browser – Select the component (IF Statement)

After selecting the component click Ok or press ENTER

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

Fig. (440) 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 (Structure Programming)

                3 - Select the component (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (441) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (443) 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 (Control Structure)

                3 - Select the component (IF Statement)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (444) Component Browser – Select the component (IF Statement)

After selecting the component click Ok or press ENTER

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

Fig. (446) 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 (Structure Programming)

                3 - Select the component (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (447) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (449) 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 (Control Structure)

                3 - Select the component (IF Statement)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (450) Component Browser – Select the component (IF Statement)

After selecting the component click Ok or press ENTER

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

Fig. (452) 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 (Structure Programming)

                3 - Select the component (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (453) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (455) 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 (Structure Programming)

                3 - Select the component (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (456) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (458) Goal Desginer - Steps Tree

Select the step (Procedures)

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 (Structure Programming)

                3 - Select the component (Define Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (459) Component Browser – Select the component (Define Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (461) 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 (Structure Programming)

                3 - Select the component (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (462) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (464) 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 (Control Structure)

                3 - Select the component (IF Statement)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (465) Component Browser – Select the component (IF Statement)

After selecting the component click Ok or press ENTER

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

Fig. (467) 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 (Structure Programming)

                3 - Select the component (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (468) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (470) 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 (Control Structure)

                3 - Select the component (IF Statement)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (471) Component Browser – Select the component (IF Statement)

After selecting the component click Ok or press ENTER

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

Fig. (473) 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 (Structure Programming)

                3 - Select the component (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (474) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (476) 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 (Structure Programming)

                3 - Select the component (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (477) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (479) Goal Desginer - Steps Tree

Select the step (Procedures)

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 (Structure Programming)

                3 - Select the component (Define Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (480) Component Browser – Select the component (Define Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (482) 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 (Structure Programming)

                3 - Select the component (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (483) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (485) 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 (Control Structure)

                3 - Select the component (IF Statement)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (486) Component Browser – Select the component (IF Statement)

After selecting the component click Ok or press ENTER

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

Fig. (488) 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 (Structure Programming)

                3 - Select the component (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (489) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (491) 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 (Control Structure)

                3 - Select the component (IF Statement)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (492) Component Browser – Select the component (IF Statement)

After selecting the component click Ok or press ENTER

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

Fig. (494) 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 (Structure Programming)

                3 - Select the component (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (495) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (497) 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 (Structure Programming)

                3 - Select the component (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (498) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (500) Goal Desginer - Final Steps Tree

3 - Final Steps Tree

The First Step

                Define New Window ( win1 ) , Title : "NumGame by Ibrahim Abdelelah"

                                Window Events

                                Window Properties

                                Window Controls

                                                Define New Button ( b1 ) , Caption : "1"

                                                                Button Events

                                                                                Event: ON CLICK : Action mybtn1()

                                                                Button Properties

                                                Define New Button ( b2 ) , Caption : "2"

                                                                Button Events

                                                                                Event: ON CLICK : Action mybtn2()

                                                                Button Properties

                                                Define New Button ( b3 ) , Caption : "3"

                                                                Button Events

                                                                                Event: ON CLICK : Action mybtn3()

                                                                Button Properties

                                                Define New Button ( b4 ) , Caption : "4"

                                                                Button Events

                                                                                Event: ON CLICK : Action mybtn4()

                                                                Button Properties

                                                Define New Button ( b5 ) , Caption : "5"

                                                                Button Events

                                                                                Event: ON CLICK : Action mybtn5()

                                                                Button Properties

                                                Define New Button ( b6 ) , Caption : "0"

                                                                Button Events

                                                                                Event: ON CLICK : Action mybtn6()

                                                                Button Properties

                                                Define New Button ( b7 ) , Caption : "6"

                                                                Button Events

                                                                                Event: ON CLICK : Action mybtn7()

                                                                Button Properties

                                                Define New Button ( b8 ) , Caption : "7"

                                                                Button Events

                                                                                Event: ON CLICK : Action mybtn8()

                                                                Button Properties

                                                Define New Button ( b9 ) , Caption : "8"

                                                                Button Events

                                                                                Event: ON CLICK : Action mybtn9()

                                                                Button Properties

                                                Define Label ( lbl1 ) , Caption : "Number of Moves"

                                                                Label Events

                                                                Label Properties

                                                Define TextBox ( t1 )

                                                                TextBox EVENTS

                                                                TextBox Properties

                                End Of Window

                                win1.b6.Hide ( )

                                Activate window

Procedures

                Define Procedure loaddata

                                Start Here

                                                Public a1,a2,a3,a4,a5,a6,a7,a8,a9

                                                a1 = win1.b1.caption

                                                a2 = win1.b2.caption

                                                a3 = win1.b3.caption

                                                a4 = win1.b4.caption

                                                a5 = win1.b5.caption

                                                a6 = win1.b6.caption

                                                a7 = win1.b7.caption

                                                a8 = win1.b8.caption

                                                a9 = win1.b9.caption

                                                a1 = All Trim a1

                                                a2 = All Trim a2

                                                a3 = All Trim a3

                                                a4 = All Trim a4

                                                a5 = All Trim a5

                                                a6 = All Trim a6

                                                a7 = All Trim a7

                                                a8 = All Trim a8

                                                a9 = All Trim a9

                                                a1 = CONVERT a1 TO Numeric

                                                a2 = CONVERT a2 TO Numeric

                                                a3 = CONVERT a3 TO Numeric

                                                a4 = CONVERT a4 TO Numeric

                                                a5 = CONVERT a5 TO Numeric

                                                a6 = CONVERT a6 TO Numeric

                                                a7 = CONVERT a7 TO Numeric

                                                a8 = CONVERT a8 TO Numeric

                                                a9 = CONVERT a9 TO Numeric

                                End of Procedure

                Define Procedure MovesCounter

                                Start Here

                                                a10 = win1.t1.value

                                                a10 = a10+1

                                                win1.t1.Value := a10

                                                IF ( a10>=100 )

                                                                Start Here

                                                                                Show Message "Number of Moves = 100 - Try Again" Title "GAME OVER" Type: Message Box

                                                                                win1.t1.Value := 0

                                                                END OF IF STATEMENT

                                End of Procedure

                Define Procedure CheckStatus

                                Start Here

                                                Local lWin

                                                lWin = False

                                                IF ( a1=1 .and. a2=3 .and. a3=5 .and. a4=4 .and. a5=2 .and. a6=6 .and. a7=8 .and. a8=0 .and. a9=7 )

                                                                Start Here

                                                                                lWin = True

                                                                END OF IF STATEMENT

                                                IF ( a1=3 .and. a2=1 .and. a3=5 .and. a4=6 .and. a5=2 .and. a6=4 .and. a7=8 .and. a8=7 .and. a9=0 )

                                                                Start Here

                                                                                lWin = True

                                                                END OF IF STATEMENT

                                                IF ( a1=7 .and. a2=0 .and. a3=5 .and. a4=4 .and. a5=8 .and. a6=6 .and. a7=2.and. a8=3 .and. a9=1 )

                                                                Start Here

                                                                                lWin = True

                                                                END OF IF STATEMENT

                                                IF ( a1=0 .and. a2=7 .and. a3=5 .and. a4=6 .and. a5=8 .and. a6=4 .and. a7=2 .and. a8=1 .and. a9=3 )

                                                                Start Here

                                                                                lWin = True

                                                                END OF IF STATEMENT

                                                IF ( lwin = True )

                                                                Start Here

                                                                                Show Message "You win !!!" Title "Wow" Type: Message Box

                                                                                Return 0

                                                                END OF IF STATEMENT

                                                Call Procedure MovesCounter

                                End of Procedure

                Define Procedure DoMove( p1,p2 )

                                Start Here

                                                Local cVar1,cVar2,cControl1,cControl2,t1,t2

                                                cVar1 = "a"+p1

                                                cVar2 = "a"+p2

                                                cControl1 = "b" + p1

                                                cControl2 = "b" + p2

                                                t1 = CONVERT &cVar1 TO STRING

                                                t2 = CONVERT &cVar2 TO STRING

                                                Call Procedure SetProperty Parameters "win1",cControl2,"caption",t1

                                                Call Procedure SetProperty Parameters "win1",cControl1,"caption",t2

                                                Call Procedure DoMethod Parameters "win1",cControl1,"Show"

                                                Call Procedure DoMethod Parameters "win1",cControl2,"Hide"

                                End of Procedure

                Define Procedure mybtn1

                                Start Here

                                                Call Procedure LoadData

                                                IF ( a5=0 )

                                                                Start Here

                                                                                Call Procedure DoMove Parameters "5","1"

                                                                END OF IF STATEMENT

                                                IF ( a6=0 )

                                                                Start Here

                                                                                Call Procedure DoMove Parameters "6","1"

                                                                END OF IF STATEMENT

                                                Call Procedure CheckStatus

                                End of Procedure

                Define Procedure mybtn2

                                Start Here

                                                Call Procedure LoadData

                                                IF ( a4=0 )

                                                                Start Here

                                                                                Call Procedure DoMove Parameters "4","2"

                                                                END OF IF STATEMENT

                                                IF ( a5=0 )

                                                                Start Here

                                                                                Call Procedure DoMove Parameters "5","2"

                                                                END OF IF STATEMENT

                                                Call Procedure CheckStatus

                                End of Procedure

                Define Procedure mybtn3

                                Start Here

                                                Call Procedure LoadData

                                                IF ( a4=0 )

                                                                Start Here

                                                                                Call Procedure DoMove Parameters "4","3"

                                                                END OF IF STATEMENT

                                                IF ( a5=0 )

                                                                Start Here

                                                                                Call Procedure DoMove Parameters "5","3"

                                                                END OF IF STATEMENT

                                                IF ( a6=0 )

                                                                Start Here

                                                                                Call Procedure DoMove Parameters "6","3"

                                                                END OF IF STATEMENT

                                                IF ( a7=0 )

                                                                Start Here

                                                                                Call Procedure DoMove Parameters "7","3"

                                                                END OF IF STATEMENT

                                                Call Procedure CheckStatus

                                End of Procedure

                Define Procedure mybtn4

                                Start Here

                                                Call Procedure LoadData

                                                IF ( a2=0 )

                                                                Start Here

                                                                                Call Procedure DoMove Parameters "2","4"

                                                                END OF IF STATEMENT

                                                IF ( a3=0 )

                                                                Start Here

                                                                                Call Procedure DoMove Parameters "3","4"

                                                                END OF IF STATEMENT

                                                IF ( a8=0 )

                                                                Start Here

                                                                                Call Procedure DoMove Parameters "8","4"

                                                                END OF IF STATEMENT

                                                Call Procedure CheckStatus

                                End of Procedure

                Define Procedure mybtn5

                                Start Here

                                                Call Procedure LoadData

                                                IF ( a2=0 )

                                                                Start Here

                                                                                Call Procedure DoMove Parameters "2","5"

                                                                END OF IF STATEMENT

                                                IF ( a3=0 )

                                                                Start Here

                                                                                Call Procedure DoMove Parameters "3","5"

                                                                END OF IF STATEMENT

                                                IF ( a1=0 )

                                                                Start Here

                                                                                Call Procedure DoMove Parameters "1","5"

                                                                END OF IF STATEMENT

                                                Call Procedure CheckStatus

                                End of Procedure

                Define Procedure mybtn6

                                Start Here

                                                Call Procedure LoadData

                                                IF ( a3=0 )

                                                                Start Here

                                                                                Call Procedure DoMove Parameters "3","6"

                                                                END OF IF STATEMENT

                                                IF ( a1=0 )

                                                                Start Here

                                                                                Call Procedure DoMove Parameters "1","6"

                                                                END OF IF STATEMENT

                                                IF ( a9=0 )

                                                                Start Here

                                                                                Call Procedure DoMove Parameters "9","6"

                                                                END OF IF STATEMENT

                                                Call Procedure CheckStatus

                                End of Procedure

                Define Procedure mybtn7

                                Start Here

                                                Call Procedure LoadData

                                                IF ( a8=0 )

                                                                Start Here

                                                                                Call Procedure DoMove Parameters "8","7"

                                                                END OF IF STATEMENT

                                                IF ( a9=0 )

                                                                Start Here

                                                                                Call Procedure DoMove Parameters "9","7"

                                                                END OF IF STATEMENT

                                                IF ( a3=0 )

                                                                Start Here

                                                                                Call Procedure DoMove Parameters "3","7"

                                                                END OF IF STATEMENT

                                                Call Procedure CheckStatus

                                End of Procedure

                Define Procedure mybtn8

                                Start Here

                                                Call Procedure LoadData

                                                IF ( a7=0 )

                                                                Start Here

                                                                                Call Procedure DoMove Parameters "7","8"

                                                                END OF IF STATEMENT

                                                IF ( a4=0 )

                                                                Start Here

                                                                                Call Procedure DoMove Parameters "4","8"

                                                                END OF IF STATEMENT

                                                Call Procedure CheckStatus

                                End of Procedure

                Define Procedure mybtn9

                                Start Here

                                                Call Procedure LoadData

                                                IF ( a7=0 )

                                                                Start Here

                                                                                Call Procedure DoMove Parameters "7","9"

                                                                END OF IF STATEMENT

                                                IF ( a6=0 )

                                                                Start Here

                                                                                Call Procedure DoMove Parameters "6","9"

                                                                END OF IF STATEMENT

                                                Call Procedure CheckStatus

                                End of Procedure

4 - Application during the runtime

Fig. (501) Application during the runtime