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 Calculator 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 (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. (6) Component Browser – Select the component (TextBox)

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 (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. (10) Component Browser – Select the component (Button)

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

Fig. (13) 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. (14) Component Browser – Select the component (Button Events)

After selecting the component click Ok or press ENTER

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

Fig. (16) 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. (17) Component Browser – Select the component (Button)

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

Fig. (20) 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. (21) Component Browser – Select the component (Button Events)

After selecting the component click Ok or press ENTER

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

Fig. (23) 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. (24) Component Browser – Select the component (Button)

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

Fig. (27) 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. (28) Component Browser – Select the component (Button Events)

After selecting the component click Ok or press ENTER

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

Fig. (30) 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. (31) Component Browser – Select the component (Button)

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

Fig. (34) 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. (35) Component Browser – Select the component (Button Events)

After selecting the component click Ok or press ENTER

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

Fig. (37) 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. (38) Component Browser – Select the component (Button)

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

Fig. (41) 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. (42) Component Browser – Select the component (Button Events)

After selecting the component click Ok or press ENTER

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

Fig. (44) 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. (45) Component Browser – Select the component (Button)

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

Fig. (48) 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. (49) Component Browser – Select the component (Button Events)

After selecting the component click Ok or press ENTER

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

Fig. (51) 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. (52) Component Browser – Select the component (Button)

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

Fig. (55) 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. (56) Component Browser – Select the component (Button Events)

After selecting the component click Ok or press ENTER

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

Fig. (58) 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. (59) Component Browser – Select the component (Button)

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

Fig. (62) 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. (63) Component Browser – Select the component (Button Events)

After selecting the component click Ok or press ENTER

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

Fig. (65) 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. (66) Component Browser – Select the component (Button)

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

Fig. (69) 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. (70) Component Browser – Select the component (Button Events)

After selecting the component click Ok or press ENTER

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

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 (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. (73) Component Browser – Select the component (Button)

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 (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. (77) Component Browser – Select the component (Button Events)

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) 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. (80) Component Browser – Select the component (Button)

After selecting the component click Ok or press ENTER

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

Fig. (82) Form Designer

Fig. (83) 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. (84) Component Browser – Select the component (Button Events)

After selecting the component click Ok or press ENTER

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

Fig. (86) 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. (87) Component Browser – Select the component (Button)

After selecting the component click Ok or press ENTER

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

Fig. (89) Form Designer

Fig. (90) 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. (91) Component Browser – Select the component (Button Events)

After selecting the component click Ok or press ENTER

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

Fig. (93) 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. (94) Component Browser – Select the component (Button)

After selecting the component click Ok or press ENTER

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

Fig. (96) Form Designer

Fig. (97) 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. (98) Component Browser – Select the component (Button Events)

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 (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. (101) Component Browser – Select the component (Button)

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

Fig. (104) 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. (105) Component Browser – Select the component (Button Events)

After selecting the component click Ok or press ENTER

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

Fig. (107) 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. (108) Component Browser – Select the component (Button)

After selecting the component click Ok or press ENTER

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

Fig. (110) Form Designer

Fig. (111) 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. (112) Component Browser – Select the component (Button Events)

After selecting the component click Ok or press ENTER

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

Fig. (114) 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. (115) Component Browser – Select the component (Button)

After selecting the component click Ok or press ENTER

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

Fig. (117) Form Designer

Fig. (118) 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. (119) Component Browser – Select the component (Button Events)

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 (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. (122) Component Browser – Select the component (Label)

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

Fig. (125) 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. (126) Component Browser – Select the component (Label)

After selecting the component click Ok or press ENTER

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

Fig. (128) Form Designer

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

The fast way (Using Keyboard shortcuts):

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

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

Fig. (130) Component Browser – Select the component (EditBox)

After selecting the component click Ok or press ENTER

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

Fig. (132) Form Designer

Fig. (133) 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. (134) Component Browser – Select the component (Button)

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

Fig. (137) 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. (138) Component Browser – Select the component (Button Events)

After selecting the component click Ok or press ENTER

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

Fig. (140) 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 (Main Menu)

                3 - Select the component (Define Main Menu)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (141) Component Browser – Select the component (Define Main Menu)

After selecting the component click Ok or press ENTER

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

Fig. (143) Goal Desginer - Steps Tree

Select the step (MENU POPUPS)

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 (Main Menu)

                3 - Select the component (Define POPUP)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (144) Component Browser – Select the component (Define POPUP)

After selecting the component click Ok or press ENTER

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

Fig. (146) Goal Desginer - Steps Tree

Select the step (POPUP ITEMS)

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 (Main Menu)

                3 - Select the component (Define Item)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (147) Component Browser – Select the component (Define Item)

After selecting the component click Ok or press ENTER

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

Fig. (149) 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 (Status Bar)

                3 - Select the component (Status Bar)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (150) Component Browser – Select the component (Status Bar)

After selecting the component click Ok or press ENTER

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

Fig. (152) Goal Desginer - Steps Tree

Select the step (Items)

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 (Status Bar)

                3 - Select the component (Statusbar Item)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (153) Component Browser – Select the component (Statusbar Item)

After selecting the component click Ok or press ENTER

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

Fig. (155) Goal Desginer - Steps Tree

Select the step (Define New Window ( win1 ) , Title : "Calculator")

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. (156) Component Browser – Select the component (Textbox Class)

After selecting the component click Ok or press ENTER

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

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

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

Fig. (160) Form Designer

Fig. (161) 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. (162) Component Browser – Select the component (Define Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (164) 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. (165) Component Browser – Select the component (Textbox Class)

After selecting the component click Ok or press ENTER

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

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

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 (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. (170) Component Browser – Select the component (ALL Trim)

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 (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. (176) Component Browser – Select the component (Textbox Class)

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) Interaction page - Set the properties and enter the required data as in the image above

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

Fig. (180) 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. (181) Component Browser – Select the component (Define Procedure)

After selecting the component click Ok or press ENTER

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 (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. (184) Component Browser – Select the component (Textbox Class)

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) Interaction page - Set the properties and enter the required data as in the image above

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

Fig. (188) 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. (189) Component Browser – Select the component (ALL Trim)

After selecting the component click Ok or press ENTER

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

Fig. (191) 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. (192) Component Browser – Select the component (IF Statement)

After selecting the component click Ok or press ENTER

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 (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. (195) Component Browser – Select the component (Return Value)

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

                3 - Select the component (Get SubString From Right)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Get SubString From Right)

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

Fig. (198) Component Browser – Select the component (Get SubString From Right)

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 (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. (201) Component Browser – Select the component (IF Statement)

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 (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. (204) Component Browser – Select the component (Assignment)

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 (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. (207) Component Browser – Select the component (Textbox Class)

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) Interaction page - Set the properties and enter the required data as in the image above

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

Fig. (211) 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. (212) Component Browser – Select the component (Define Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (214) 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. (215) Component Browser – Select the component (Textbox Class)

After selecting the component click Ok or press ENTER

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

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

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

Fig. (219) 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. (220) Component Browser – Select the component (Define Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (222) 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. (223) Component Browser – Select the component (Textbox Class)

After selecting the component click Ok or press ENTER

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

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

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 (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. (228) Component Browser – Select the component (ALL Trim)

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 (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. (231) Component Browser – Select the component (IF Statement)

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

                3 - Select the component (Get SubString From Right)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Get SubString From Right)

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

Fig. (237) Component Browser – Select the component (Get SubString From Right)

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 (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. (240) Component Browser – Select the component (IF Statement)

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 (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. (243) Component Browser – Select the component (Textbox Class)

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) Interaction page - Set the properties and enter the required data as in the image above

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

Fig. (247) 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 (Print Text)

                3 - Select the component (Print Text To Editbox)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Print Text To Editbox)

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

Fig. (248) Component Browser – Select the component (Print Text To Editbox)

After selecting the component click Ok or press ENTER

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

Fig. (250) 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. (251) Component Browser – Select the component (Assignment)

After selecting the component click Ok or press ENTER

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

Fig. (454) 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. (254) Component Browser – Select the component (Numeric To String)

After selecting the component click Ok or press ENTER

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

Fig. (256) 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. (257) Component Browser – Select the component (ALL Trim)

After selecting the component click Ok or press ENTER

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

Fig. (259) 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 (Print Text)

                3 - Select the component (Print Text To Editbox)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Print Text To Editbox)

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

Fig. (260) Component Browser – Select the component (Print Text To Editbox)

After selecting the component click Ok or press ENTER

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

Fig. (262) 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. (263) Component Browser – Select the component (Textbox Class)

After selecting the component click Ok or press ENTER

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

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

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

Fig. (267) 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. (268) Component Browser – Select the component (Define Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (270) 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. (271) Component Browser – Select the component (Textbox Class)

After selecting the component click Ok or press ENTER

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

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

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 (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. (276) Component Browser – Select the component (ALL Trim)

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

                3 - Select the component (Get String/Variable/Array Length)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Get String/Variable/Array Length)

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

Fig. (279) Component Browser – Select the component (Get String/Variable/Array Length)

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

                3 - Select the component (Get SubString From Left)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Get SubString From Left)

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

Fig. (282) Component Browser – Select the component (Get SubString From Left)

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 (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. (285) Component Browser – Select the component (Textbox Class)

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) Interaction page - Set the properties and enter the required data as in the image above

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

Fig. (289) 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. (290) Component Browser – Select the component (Define Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (292) 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 (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. (293) Component Browser – Select the component (Window Class)

After selecting the component click Ok or press ENTER

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

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

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

Fig. (297) Goal Desginer - Final Steps Tree

3 - Final Steps Tree

The First Step

                Define New Window ( win1 ) , Title : "Calculator"

                                Window Events

                                Window Properties

                                Window Controls

                                                Define TextBox ( text1 )

                                                                TextBox EVENTS

                                                                TextBox Properties

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

                                                                Button Events

                                                                                Event: ON CLICK : Action addnum("1")

                                                                Button Properties

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

                                                                Button Events

                                                                                Event: ON CLICK : Action addnum("2")

                                                                Button Properties

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

                                                                Button Events

                                                                                Event: ON CLICK : Action addnum("3")

                                                                Button Properties

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

                                                                Button Events

                                                                                Event: ON CLICK : Action addnum("4")

                                                                Button Properties

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

                                                                Button Events

                                                                                Event: ON CLICK : Action addnum("5")

                                                                Button Properties

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

                                                                Button Events

                                                                                Event: ON CLICK : Action addnum("6")

                                                                Button Properties

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

                                                                Button Events

                                                                                Event: ON CLICK : Action addnum("7")

                                                                Button Properties

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

                                                                Button Events

                                                                                Event: ON CLICK : Action addnum("8")

                                                                Button Properties

                                                Define New Button ( btn9 ) , Caption : "9"

                                                                Button Events

                                                                                Event: ON CLICK : Action addnum("9")

                                                                Button Properties

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

                                                                Button Events

                                                                                Event: ON CLICK : Action addnum("0")

                                                                Button Properties

                                                Define New Button ( btnplus ) , Caption : "+"

                                                                Button Events

                                                                                Event: ON CLICK : Action addsign("+")

                                                                Button Properties

                                                Define New Button ( btnmin ) , Caption : "-"

                                                                Button Events

                                                                                Event: ON CLICK : Action addsign("-")

                                                                Button Properties

                                                Define New Button ( btnmul ) , Caption : "*"

                                                                Button Events

                                                                                Event: ON CLICK : Action addsign("*")

                                                                Button Properties

                                                Define New Button ( btndiv ) , Caption : "/"

                                                                Button Events

                                                                                Event: ON CLICK : Action addsign("/")

                                                                Button Properties

                                                Define New Button ( btnequal ) , Caption : "="

                                                                Button Events

                                                                                Event: ON CLICK : Action result()

                                                                Button Properties

                                                Define New Button ( btnclear ) , Caption : "Clear"

                                                                Button Events

                                                                                Event: ON CLICK : Action clearall()

                                                                Button Properties

                                                Define Label ( lbl1 ) , Caption : "Input"

                                                                Label Events

                                                                Label Properties

                                                Define Label ( lbl2 ) , Caption : "History"

                                                                Label Events

                                                                Label Properties

                                                Define New Editbox ( edit1 )

                                                                Editbox Events

                                                                Editbox Properties

                                                Define New Button ( btnbackspace ) , Caption : "Backspace"

                                                                Button Events

                                                                                Event: ON CLICK : Action backspace()

                                                                Button Properties

                                                START OF MAIN MENU

                                                                MENU POPUPS

                                                                                DEFINE POPUP "File"

                                                                                                POPUP ITEMS

                                                                                                                Define ITEM ( "Exit" )

                                                                                                END OF POPUP

                                                                END OF MAIN MENU

                                                Define New Statusbar

                                                                Items

                                                                                Define New StatusItem ( "Ready" )

                                                                                                Events

                                                                                                Properties

                                                                End Statusbar

                                End Of Window

                                win1.text1.Enabled := .f.

                                Activate window

Procedures

                Define Procedure addnum( cNum )

                                Start Here

                                                mytext = win1.text1.Value

                                                mytext = All Trim mytext

                                                mytext = mytext + cnum

                                                win1.text1.Value := mytext

                                End of Procedure

                Define Procedure addsign( cSign )

                                Start Here

                                                mytext = win1.text1.Value

                                                mytext = All Trim mytext

                                                IF ( mytext == "" )

                                                                Start Here

                                                                                Return 0

                                                                END OF IF STATEMENT

                                                MyOut = Get SubString from right, String: mytext Count: 1

                                                IF ( myout != "+" .and. myout != "-" .and. myout != "*" .and. myout != "/" )

                                                                Start Here

                                                                                mytext = mytext + csign

                                                                                win1.text1.Value := mytext

                                                                END OF IF STATEMENT

                                End of Procedure

                Define Procedure clearall

                                Start Here

                                                win1.text1.Value := ""

                                End of Procedure

                Define Procedure result

                                Start Here

                                                myout = win1.text1.Value

                                                myout = All Trim myout

                                                IF ( myout == "" )

                                                                Start Here

                                                                                Return 0

                                                                END OF IF STATEMENT

                                                MyOut = Get SubString from right, String: myout Count: 1

                                                IF ( myout != "+" .and. myout != "-" .and. myout != "*" .and. myout != "/" )

                                                                Start Here

                                                                                myout = win1.text1.Value

                                                                                Print text (myout) to Editbox (Edit1) of Window (Win1)

                                                                                myout = &myout

                                                                                myout = CONVERT myout TO STRING

                                                                                myout = All Trim myout

                                                                                Print text ("---> " +myout) to Editbox (Edit1) of Window (Win1)

                                                                                win1.text1.Value := myout

                                                                END OF IF STATEMENT

                                End of Procedure

                Define Procedure backspace

                                Start Here

                                                mytext = win1.text1.Value

                                                mytext = All Trim mytext

                                                mycount = Get Length of String/Variable/Array mytext

                                                Mytext = Get SubString from left, String: mytext Count: mycount-1

                                                win1.text1.Value := mytext

                                End of Procedure

                Define Procedure myexit

                                Start Here

                                                win1.Release ( )

                                End of Procedure

4 - Application during the runtime

Fig. (298) Application during the runtime