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

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

_____________________________________________________________________________________

Table of contents

1 - Introduction

2 - Implementation steps

3 - Final Steps Tree

4 - Application during the runtime

1 - Introduction

In this lesson we are going to create simple calculator.

2 - Implementation Steps

s1.JPG

Fig. (1) Goal Desginer - Steps Tree

Select the step (The First Step)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (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

s2.JPG

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

After selecting the component click Ok or press ENTER

s3.JPG

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

s4.JPG

Fig. (4) Form Designer

s5.JPG

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

s6.JPG

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

After selecting the component click Ok or press ENTER

s7.JPG

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

s8.JPG

Fig. (8) Form Designer

s9.JPG

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

s10.JPG

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

After selecting the component click Ok or press ENTER

s11.JPG

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

s12.JPG

Fig. (12) Form Designer

s13.JPG

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

s14.JPG

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

After selecting the component click Ok or press ENTER

s15.JPG

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

s16.JPG

Fig. (16) Form Designer

s17.JPG

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

s18.JPG

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

After selecting the component click Ok or press ENTER

s19.JPG

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

s20.JPG

Fig. (20) Form Designer

s21.JPG

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

s22.JPG

Fig. (22) Component Browser Select the component (TextBox)

After selecting the component click Ok or press ENTER

s23.JPG

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

s24.JPG

Fig. (24) Form Designer

s25.JPG

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

s26.JPG

Fig. (26) Component Browser Select the component (TextBox)

After selecting the component click Ok or press ENTER

s27.JPG

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

s28.JPG

Fig. (28) Form Designer

s29.JPG

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

s30.JPG

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

After selecting the component click Ok or press ENTER

s31.JPG

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

s32.JPG

Fig. (32) Form Designer

s33.JPG

Fig. (33) Goal Desginer - Steps Tree

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

s34.JPG

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

After selecting the component click Ok or press ENTER

s35.JPG

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

s36.JPG

Fig. (36) Form Designer

s37.JPG

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

s38.JPG

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

After selecting the component click Ok or press ENTER

s39.JPG

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

s40.JPG

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

s41.JPG

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

After selecting the component click Ok or press ENTER

s42.JPG

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

s43.JPG

Fig. (43) Form Designer

s44.JPG

Fig. (44) Goal Desginer - Steps Tree

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

s45.JPG

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

After selecting the component click Ok or press ENTER

s46.JPG

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

s47.JPG

Fig. (47) Goal Desginer - Steps Tree

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

s48.JPG

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

After selecting the component click Ok or press ENTER

s49.JPG

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

s50.JPG

Fig. (50) Form Designer

s51.JPG

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

s52.JPG

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

After selecting the component click Ok or press ENTER

s53.JPG

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

s54.JPG

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

s55.JPG

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

After selecting the component click Ok or press ENTER

s56.JPG

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

s57.JPG

Fig. (57) Form Designer

s58.JPG

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

s59.JPG

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

After selecting the component click Ok or press ENTER

s60.JPG

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

s61.JPG

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

s62.JPG

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

After selecting the component click Ok or press ENTER

s63.JPG

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

s64.JPG

Fig. (64) Form Designer

s65.JPG

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

s66.JPG

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

After selecting the component click Ok or press ENTER

s67.JPG

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

s68.JPG

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

s69.JPG

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

After selecting the component click Ok or press ENTER

s70.JPG

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

s71.JPG

Fig. (71) Form Designer

s72.JPG

Fig. (72) Goal Desginer - Steps Tree

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

s73.JPG

Fig. (73) Component Browser Select the component (Button Events)

After selecting the component click Ok or press ENTER

s74.JPG

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

s75.JPG

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

s76.JPG

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

After selecting the component click Ok or press ENTER

s77.JPG

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

s78.JPG

Fig. (78) Form Designer

s79.JPG

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

s80.JPG

Fig. (80) Component Browser Select the component (Button Events)

After selecting the component click Ok or press ENTER

s81.JPG

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

s82.JPG

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

s83.JPG

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

After selecting the component click Ok or press ENTER

s84.JPG

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

s85.JPG

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

s86.JPG

Fig. (86) Component Browser Select the component (Window Class)

After selecting the component click Ok or press ENTER

s87.JPG

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

s88.JPG

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

s89.JPG

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

s90.JPG

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

s91.JPG

Fig. (91) Component Browser Select the component (Define Procedure)

After selecting the component click Ok or press ENTER

s92.JPG

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

s93.JPG

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

s94.JPG

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

After selecting the component click Ok or press ENTER

s95.JPG

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

s96.JPG

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

s97.JPG

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

After selecting the component click Ok or press ENTER

s98.JPG

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

s99.JPG

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

s100.JPG

Fig. (100) Component Browser Select the component (Assignment)

After selecting the component click Ok or press ENTER

s101.JPG

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

s102.JPG

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

s103.JPG

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

After selecting the component click Ok or press ENTER

s104.JPG

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

s105.JPG

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

s106.JPG

Fig. (106) Component Browser Select the component (ALL Trim)

After selecting the component click Ok or press ENTER

s107.JPG

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

s108.JPG

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

s109.JPG

Fig. (109) Component Browser Select the component (Textbox Class)

After selecting the component click Ok or press ENTER

s110.JPG

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

s111.JPG

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

s112.JPG

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

s113.JPG

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

s114.JPG

Fig. (114) Component Browser Select the component (Define Procedure)

After selecting the component click Ok or press ENTER

s115.JPG

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

s116.JPG

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

s117.JPG

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

After selecting the component click Ok or press ENTER

s118.JPG

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

s119.JPG

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

s120.JPG

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

After selecting the component click Ok or press ENTER

s121.JPG

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

s122.JPG

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

s123.JPG

Fig. (123) Component Browser Select the component (Assignment)

After selecting the component click Ok or press ENTER

s124.JPG

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

s125.JPG

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

s126.JPG

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

After selecting the component click Ok or press ENTER

s127.JPG

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

s128.JPG

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

s129.JPG

Fig. (129) Component Browser Select the component (ALL Trim)

After selecting the component click Ok or press ENTER

s130.JPG

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

s131.JPG

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

s132.JPG

Fig. (132) Component Browser Select the component (Textbox Class)

After selecting the component click Ok or press ENTER

s133.JPG

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

s134.JPG

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

s135.JPG

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

s136.JPG

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

s137.JPG

Fig. (137) Component Browser Select the component (Define Procedure)

After selecting the component click Ok or press ENTER

s138.JPG

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

s139.JPG

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

s140.JPG

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

After selecting the component click Ok or press ENTER

s141.JPG

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

s142.JPG

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

s143.JPG

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

After selecting the component click Ok or press ENTER

s144.JPG

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

s145.JPG

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

s146.JPG

Fig. (146) Component Browser Select the component (Assignment)

After selecting the component click Ok or press ENTER

s147.JPG

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

s148.JPG

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

s149.JPG

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

After selecting the component click Ok or press ENTER

s150.JPG

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

s151.JPG

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

s152.JPG

Fig. (152) Component Browser Select the component (ALL Trim)

After selecting the component click Ok or press ENTER

s153.JPG

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

s154.JPG

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

s155.JPG

Fig. (155) Component Browser Select the component (Textbox Class)

After selecting the component click Ok or press ENTER

s156.JPG

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

s157.JPG

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

s158.JPG

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

s159.JPG

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

s160.JPG

Fig. (160) Component Browser Select the component (Define Procedure)

After selecting the component click Ok or press ENTER

s161.JPG

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

s162.JPG

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

s163.JPG

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

After selecting the component click Ok or press ENTER

s164.JPG

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

s165.JPG

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

s166.JPG

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

After selecting the component click Ok or press ENTER

s167.JPG

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

s168.JPG

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

s169.JPG

Fig. (169) Component Browser Select the component (Assignment)

After selecting the component click Ok or press ENTER

s170.JPG

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

s171.JPG

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

s172.JPG

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

After selecting the component click Ok or press ENTER

s173.JPG

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

s174.JPG

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

s175.JPG

Fig. (175) Component Browser Select the component (ALL Trim)

After selecting the component click Ok or press ENTER

s176.JPG

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

s177.JPG

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

s178.JPG

Fig. (178) Component Browser Select the component (Textbox Class)

After selecting the component click Ok or press ENTER

s179.JPG

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

s180.JPG

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

s181.JPG

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

s182.JPG

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

s183.JPG

Fig. (183) Component Browser Select the component (Define Procedure)

After selecting the component click Ok or press ENTER

s184.JPG

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

s185.JPG

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

s186.JPG

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

After selecting the component click Ok or press ENTER

s187.JPG

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

s188.JPG

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

s189.JPG

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

After selecting the component click Ok or press ENTER

s190.JPG

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

s191.JPG

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

s192.JPG

Fig. (192) Component Browser Select the component (Assignment)

After selecting the component click Ok or press ENTER

s193.JPG

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

s194.JPG

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

s195.JPG

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

After selecting the component click Ok or press ENTER

s196.JPG

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

s197.JPG

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

s198.JPG

Fig. (198) Component Browser Select the component (ALL Trim)

After selecting the component click Ok or press ENTER

s199.JPG

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

s200.JPG

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

s201.JPG

Fig. (201) Component Browser Select the component (Textbox Class)

After selecting the component click Ok or press ENTER

s202.JPG

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

s203.JPG

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

s204.JPG

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

s205.JPG

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

s206.JPG

Fig. (206) Component Browser Select the component (Define Procedure)

After selecting the component click Ok or press ENTER

s207.JPG

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

s208.JPG

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

s209.JPG

Fig. (209) Component Browser Select the component (Assignment)

After selecting the component click Ok or press ENTER

s210.JPG

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

s211.JPG

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

s212.JPG

Fig. (212) Component Browser Select the component (Assignment)

After selecting the component click Ok or press ENTER

s213.JPG

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

s214.JPG

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

s215.JPG

Fig. (215) Component Browser Select the component (Assignment)

After selecting the component click Ok or press ENTER

s216.JPG

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

s217.JPG

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

s218.JPG

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

After selecting the component click Ok or press ENTER

s219.JPG

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

s220.JPG

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

s221.JPG

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

After selecting the component click Ok or press ENTER

s222.JPG

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

s223.JPG

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

s224.JPG

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

After selecting the component click Ok or press ENTER

s225.JPG

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

s226.JPG

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

s227.JPG

Fig. (227) Component Browser Select the component (ALL Trim)

After selecting the component click Ok or press ENTER

s228.JPG

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

s229.JPG

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

s230.JPG

Fig. (230) Component Browser Select the component (ALL Trim)

After selecting the component click Ok or press ENTER

s231.JPG

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

s232.JPG

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

s233.JPG

Fig. (233) Component Browser Select the component (ALL Trim)

After selecting the component click Ok or press ENTER

s234.JPG

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

s235.JPG

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

s236.JPG

Fig. (236) Component Browser Select the component (Textbox Class)

After selecting the component click Ok or press ENTER

s237.JPG

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

s238.JPG

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

s239.JPG

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

s240.JPG

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

s241.JPG

Fig. (241) Component Browser Select the component (Textbox Class)

After selecting the component click Ok or press ENTER

s242.JPG

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

s243.JPG

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

s244.JPG

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

s245.JPG

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

s246.JPG

Fig. (246) Component Browser Select the component (Textbox Class)

After selecting the component click Ok or press ENTER

s247.JPG

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

s248.JPG

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

s249.JPG

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

s250.JPG

Fig. (250) Goal Desginer - Final Steps Tree

3 - Final Steps Tree

The First Step

                Define New Window ( win1 ) , Title : "Shereen Hassan"

                                Window Events

                                Window Properties

                                Window Controls

                                                Define Label ( lbl1 ) , Caption : " My Calculator"

                                                                Label Events

                                                                Label Properties

                                                Define Label ( lbl2 ) , Caption : "First Number"

                                                                Label Events

                                                                Label Properties

                                                Define Label ( lbl3 ) , Caption : "Second Number"

                                                                Label Events

                                                                Label Properties

                                                Define Label ( lbl4 ) , Caption : "Result"

                                                                Label Events

                                                                Label Properties

                                                Define TextBox ( text1 )

                                                                TextBox EVENTS

                                                                TextBox Properties

                                                Define TextBox ( text2 )

                                                                TextBox EVENTS

                                                                TextBox Properties

                                                Define TextBox ( text3 )

                                                                TextBox EVENTS

                                                                TextBox Properties

                                                Define New Button ( btn1 ) , Caption : "SUM(+)"

                                                                Button Events

                                                                                Event: ON CLICK : Action Sum()

                                                                Button Properties

                                                Define New Button ( btn2 ) , Caption : "SUB(-)"

                                                                Button Events

                                                                                Event: ON CLICK : Action Sub()

                                                                Button Properties

                                                Define New Button ( btn3 ) , Caption : "MUL(*)"

                                                                Button Events

                                                                                Event: ON CLICK : Action Mul()

                                                                Button Properties

                                                Define New Button ( btn4 ) , Caption : "DIV(/)"

                                                                Button Events

                                                                                Event: ON CLICK : Action Mydiv()

                                                                Button Properties

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

                                                                Button Events

                                                                                Event: ON CLICK : Action Myclose()

                                                                Button Properties

                                                Define New Button ( btn6 ) , Caption : "Pers(%)"

                                                                Button Events

                                                                                Event: ON CLICK : Action Mypers()

                                                                Button Properties

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

                                                                Button Events

                                                                                Event: ON CLICK : Action Clear()

                                                                Button Properties

                                End Of Window

                                Activate window

Procedures

                Define Procedure Myclose

                                Start Here

                                                win1.Release ( )

                                End of Procedure

                Define Procedure Mypers

                                Start Here

                                                num1 = CONVERT win1.text1.value TO Numeric

                                                num2 = CONVERT win1.text2.value TO Numeric

                                                pers = (num1/num2)*100

                                                pers = CONVERT pers TO STRING

                                                pers = All Trim pers

                                                win1.text3.Value := pers+" "+"%"

                                End of Procedure

                Define Procedure Mydiv

                                Start Here

                                                num1 = CONVERT win1.text1.value TO Numeric

                                                num2 = CONVERT win1.text2.value TO Numeric

                                                div = num1/num2

                                                div = CONVERT div TO STRING

                                                div = All Trim div

                                                win1.text3.Value := div

                                End of Procedure

                Define Procedure Mul

                                Start Here

                                                num1 = CONVERT win1.text1.value TO Numeric

                                                num2 = CONVERT win1.text2.value TO Numeric

                                                mul = num1*num2

                                                mul = CONVERT mul TO STRING

                                                mul = All Trim mul

                                                win1.text3.Value := mul

                                End of Procedure

                Define Procedure Sub

                                Start Here

                                                num1 = CONVERT win1.text1.value TO Numeric

                                                num2 = CONVERT win1.text2.value TO Numeric

                                                sub = num1-num2

                                                sub = CONVERT sub TO STRING

                                                sub = All Trim sub

                                                win1.text3.Value := sub

                                End of Procedure

                Define Procedure Sum

                                Start Here

                                                num1 = CONVERT win1.text1.value TO Numeric

                                                num2 = CONVERT win1.text2.value TO Numeric

                                                sum = num1+num2

                                                sum = CONVERT sum TO STRING

                                                sum = All Trim sum

                                                win1.text3.Value := sum

                                End of Procedure

                Define Procedure Clear

                                Start Here

                                                num1 = 0

                                                num2 = 0

                                                num3 = 0

                                                num1 = CONVERT num1 TO STRING

                                                num2 = CONVERT num2 TO STRING

                                                num3 = CONVERT num3 TO STRING

                                                num1 = All Trim num1

                                                num2 = All Trim num2

                                                num3 = All Trim num3

                                                win1.text1.Value := num1

                                                win1.text2.Value := num2

                                                win1.text3.Value := num3

                                End of Procedure

4 - Application during the runtime

runtime1.JPG

Fig. (251) Application during the runtime

runtime2.JPG

Fig. (252) Application during the runtime

runtime3.JPG

Fig. (454) Application during the runtime

runtime4.JPG

Fig. (254) Application during the runtime

runtime5.JPG

Fig. (255) Application during the runtime

runtime6.JPG

Fig. (256) Application during the runtime