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