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 learn how to draw rectangles in our console application.

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 (Console Application)

                3 - Select the component (Basic Input/Output)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Basic Input/Output)

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

s2.JPG

Fig. (2) Component Browser – Select the component (Basic Input/Output)

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

Afer entering data , Click OK or press CTRL+W

s4.JPG

Fig. (4) Goal Desginer - Steps Tree

Select the step (The First Step)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Console Application)

                3 - Select the component (Wait (Key/Seconds))

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Wait (Key/Seconds))

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

s5.JPG

Fig. (5) Component Browser – Select the component (Wait (Key/Seconds))

After selecting the component click Ok or press ENTER

s6.JPG

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

Afer entering data , Click OK or press CTRL+W

s7.JPG

Fig. (7) Goal Desginer - Steps Tree

Select the step (The First Step)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Console Application)

                3 - Select the component (Set Color)

The fast way (Using Keyboard shortcuts):

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

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

s8.JPG

Fig. (8) Component Browser – Select the component (Set Color)

After selecting the component click Ok or press ENTER

s9.JPG

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

Afer entering data , Click OK or press CTRL+W

s10.JPG

Fig. (10) Goal Desginer - Steps Tree

Select the step (The First Step)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Console Application)

                3 - Select the component (Basic Input/Output)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Basic Input/Output)

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

s11.JPG

Fig. (11) Component Browser – Select the component (Basic Input/Output)

After selecting the component click Ok or press ENTER

s12.JPG

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

Afer entering data , Click OK or press CTRL+W

s13.JPG

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

                3 - Select the component (Set Color)

The fast way (Using Keyboard shortcuts):

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

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

s14.JPG

Fig. (14) Component Browser – Select the component (Set Color)

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

Afer entering data , Click OK or press CTRL+W

s16.JPG

Fig. (16) 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 (Console Application)

                3 - Select the component (Basic Input/Output)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Basic Input/Output)

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

s17.JPG

Fig. (17) Component Browser – Select the component (Basic Input/Output)

After selecting the component click Ok or press ENTER

s18.JPG

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

Afer entering data , Click OK or press CTRL+W

s19.JPG

Fig. (19) 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 (Console Application)

                3 - Select the component (Basic Input/Output)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Basic Input/Output)

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

s20.JPG

Fig. (20) Component Browser – Select the component (Basic Input/Output)

After selecting the component click Ok or press ENTER

s21.JPG

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

Afer entering data , Click OK or press CTRL+W

s22.JPG

Fig. (22) 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 (Console Application)

                3 - Select the component (Basic Input/Output)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Basic Input/Output)

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

s23.JPG

Fig. (23) Component Browser – Select the component (Basic Input/Output)

After selecting the component click Ok or press ENTER

s24.JPG

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

Afer entering data , Click OK or press CTRL+W

s25.JPG

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

                3 - Select the component (Set Color)

The fast way (Using Keyboard shortcuts):

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

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

s26.JPG

Fig. (26) Component Browser – Select the component (Set Color)

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

Afer entering data , Click OK or press CTRL+W

s28.JPG

Fig. (28) 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 (Console Application)

                3 - Select the component (Basic Input/Output)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Basic Input/Output)

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

s29.JPG

Fig. (29) Component Browser – Select the component (Basic Input/Output)

After selecting the component click Ok or press ENTER

s30.JPG

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

Afer entering data , Click OK or press CTRL+W

s31.JPG

Fig. (31) 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 (Console Application)

                3 - Select the component (Set Color)

The fast way (Using Keyboard shortcuts):

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

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

s32.JPG

Fig. (32) Component Browser – Select the component (Set Color)

After selecting the component click Ok or press ENTER

s33.JPG

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

Afer entering data , Click OK or press CTRL+W

s34.JPG

Fig. (34) 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 (Console Application)

                3 - Select the component (Basic Input/Output)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Basic Input/Output)

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

s35.JPG

Fig. (35) Component Browser – Select the component (Basic Input/Output)

After selecting the component click Ok or press ENTER

s36.JPG

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

Afer entering data , Click OK or press CTRL+W

s37.JPG

Fig. (37) 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 (Console Application)

                3 - Select the component (Wait (Key/Seconds))

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Wait (Key/Seconds))

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

s38.JPG

Fig. (38) Component Browser – Select the component (Wait (Key/Seconds))

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

Afer entering data , Click OK or press CTRL+W

s40.JPG

Fig. (40) 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 (Console Application)

                3 - Select the component (Set Color)

The fast way (Using Keyboard shortcuts):

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

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

s41.JPG

Fig. (41) Component Browser – Select the component (Set Color)

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

Afer entering data , Click OK or press CTRL+W

s43.JPG

Fig. (43) 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 (Console Application)

                3 - Select the component (Basic Input/Output)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Basic Input/Output)

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

s44.JPG

Fig. (44) Component Browser – Select the component (Basic Input/Output)

After selecting the component click Ok or press ENTER

s45.JPG

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

Afer entering data , Click OK or press CTRL+W

s46.JPG

Fig. (46) Goal Desginer - Final Steps Tree

3 - Final Steps Tree

The First Step

                Draw Box from 5 , 5 to 10 , 10

                Set Color Standard( White , Blue ) Enhanced ( Black , Black ) Unselected ( Black , Black )

                Clear Region from 11 , 11 to 21 , 21

                Draw Box from 11 , 11 to 21 , 21

                Print Text "Blue" - AT ROW 16 & COLUMN 14

                Set Color Standard( White , Red ) Enhanced ( Black , Black ) Unselected ( Black , Black )

                Clear Region from 5 , 30 to 15 , 70

                Draw Double Box from 5 , 30 to 15 , 70

                Print Text "Red" - AT ROW 10 & COLUMN 47

                WAIT ( 3 SECONDS)

                Set Color Standard( Black , White ) Enhanced ( Black , Black ) Unselected ( Black , Black )

                Clear Screen

                Set Color Standard( Black , Black ) Enhanced ( Black , Black ) Unselected ( Black , Black )

                Clear Region from 6 , 6 to 11 , 52

                Set Color Standard( White , Blue ) Enhanced ( Black , Black ) Unselected ( Black , Black )

                Clear Region from 5 , 5 to 10 , 50

                Draw Box from 5 , 5 to 10 , 50

                WAIT ( 3 SECONDS)

4 - Application during the runtime

runtime1.JPG

Fig. (47) Application during the runtime

runtime2.JPG

Fig. (48) Application during the runtime