BFOIT Introduction to Programming     Pseudocode

Introduction

In this lesson you will learn how to write computer programs in stages.

The first stage will be to think about what you need to do.

In the next stage you will write what you want the program to do in pseudocode.

    pseudo adj. 1: being apparently rather than actually
           as stated.  ( Webster's New Collegiate Dictionary )

    Pseudocode (derived from pseudo and code) is a description
    of a computer programming algorithm that uses the structural
    conventions of programming languages, but omits detailed
    subroutines or language-specific syntax.  ( WikipediA )

How To Write Non-Trivial Programs
That Do What You Want

Why?

As you are about to see, an experienced programmer would think about how to solve the problem before she would start typing in instructions.  An experienced programmer would break the problem into pieces that each are simple to do by themselves.  Then, put all the pieces together to solve the problem.

Let's play "experienced programmer" with the first exercise.

Understanding the Problem

You need to get the turtle to:

• draw 4 rectangles
  • one is tall and thin
  • three are short and form a stack of rectangles next to the first

- OR -

• draw 7 lines (4 horizontal and 3 vertical)
  • 4 lines form the perimeter of a big rectangle
  • 1 line splits this rectangle in half vertically
  • 2 lines split the right half of the rectangle into 3, equally sized rectangles

- OR -

• draw 13 line segments (6 horizontal and 7 vertical)

  This is hard to describe; so, I'm choosing not to go any further with it.  But, it is a way of looking at the problem.

This completes the "Understanding the Problem" phase. 

The next phase is "Devising a Plan" - how do you get the turtle to draw the things you've identified.

Devising a Plan

Let's follow our experienced programmer's thoughts through the rest of a solution.  She has chosen to draw a square (a special kind of rectangle) and subdivide it. 

The first step: figure out how many turtle steps each side of the square needs to be.  Since it will be split in half and into thirds, she needs a length that is a multiple of 2 and 3.  She likes nice round numbers so she makes each side of the square 120 turtle steps (120/2=60; 120/3=40).  As you can see, it's nice to know a little bit of math when you're programming.

With this decided, she first writes her program down on paper in pseudocode.

   1. draw a square
   2. draw the vertical line that splits the square in half
   3. draw the top horizontal line spliting the right half
   4. draw the bottom horizontal line spliting the right half
   5. make the turtle invisible

Carrying Out the Plan

 

Pseudocode (Written on Paper)	Logo Instructions (Typed on Computer)
draw a square	fd 120 rt 90 fd 120 rt 90 fd 120 rt 90 fd 120
draw the vertical line that splits the square in half	bk 60 rt 90 fd 120
draw the top horizontal line spliting the right half	bk 40 rt 90 fd 60 bk 60 lt 90
draw the bottom horizontal line spliting the right half	bk 40 rt 90 fd 60
make the turtle invisible	ht
Table 3.1

Our experienced programmer brings up the TG Applet in a browser on her computer.  TG understands the Logo programming language; it contains a Logo interpreter.

She reads her pseudocode notes (converting them to Logo instructions in her head) and types them into the CommandCenter.  As each line is [Enter]-ed she watches the turtle do exactly what's expected.

Using TG's Editor Instead of Paper

I was taught to program in this manner 36 years ago.  But, my interaction with a computer consisted of getting a little bit of time on a computer I shared with hundreds of others.  So, use of paper and a pencil for writing programs was important.  But, now everyone has their own computer...  Let's take advantage of this and eliminate the use of paper and pencil.

You will do this via TG's editor. 

The editor is available via the Window->Editor->Open menu item.  In the application, the menu system is readily available via the standard, pull-down stripe across the top.  To access the menu system in the applet, position the mouse in the applet and hold down the right mouse button.  Position the mouse over the "Window" menu item to bring up its submenu, choose the "Editor" submenu, and finally choose its "Open" option.  Figure 3.1 shows this.

Figure 3.1

Figure 3.2 shows the result, an editor subwindow is now below the CommandCenter, at the bottom of the applet.

Figure 3.2

At this point, the height of the subwindows can be adjusted by positioning the mouse over one of the name stripes, holding down the left mouse button, and dragging the name stripe up or down.  Since we are going to be using the editor, make it a bit taller; first drag the CommandCenter name stripe up, then drag the Editor name stripe up.

So, for "Devising a Plan" we need to enter the pseudocode representation of the program.  Well, this is a problem.  Logo doesn't understand pseudocode and it and will complain if we type it in.  We solve this problem by entering the pseudocode as comments.  Comments in Logo start with the semicolon (";") character and go through the end of the line.  Comments are intended to be read by humans and are ignored by Logo.

Figure 3.3 shows the TG applet after the pseudocode from the previous exercise has been entered into the editor.

Figure 3.3

Now we are ready for the "Carrying Out the Plan" stage.  Under each comment, we convert the pseudocode into the appropriate Logo instructions.

Figure 3.4 shows the TG applet after the Logo instructions have been added.

Figure 3.4

So, unlike when we entered Logo instructions into the CommandCenter, nothing has been happening while we enter stuff in the Editor.  How to we get the Logo interpreter to do what's in the Editor?

You use the Interpret -> Editor Contents menu item.  Figure 3.5 shows me doing this - after I resized the Editor and CommandCenter subwindows near their minimum sizes.

Figure 3.5

And finally, Figure 3.6 show the results, our set of boxes drawn exactly as expected...

Figure 3.6

	Although it's not the most attractive house, it is easy to draw with the turtle. Make the front of the house a square with each side 100 turtle steps. Make the roof an equilateral triangle, with each side 100 turtle steps. Make the door 50 turtle steps high and 25 turtle steps wide. Make the window a square, 25 turtle steps on each side.
Figure 3.1

First, write pseudocode for how you will go about drawing the house and then convert this to Logo instructions.  If you prefer paper and pencil, do it this way.  If you prefer to type stuff into TG's editor, here's the applet.

alt="Your browser understands the <APPLET> tag but isn't running the applet, for some reason." Your browser is completely ignoring the <APPLET> tag!

TurtleGraphics Applet

    1. Understanding the Problem
    2. Devising a Plan
    3. Carrying out the Plan
  

    4. Looking Back