Week 16 - Raptor graphic window functions recovery

CLASS OBJECTIVE

Remember the main topics from the Second Period content, in order to be prepared for the forthcoming assessment 

SESSION 1

By this time, you should be very capable to create simple graphic algorithms in Raptor. You´ve learned to open  graphic windows in different sizes, draw lines, draw circles and fill closed spaces with colors, plus seize the Loop structures to create patterns.

In this first session you'll work in your notebook and in the second you're going to create an algorithm in Raptor.

Activity 1

As always, take out your notebook and write down the class title and objective. Then, write the questions and answer them. Please do not copy from another classmate; instead, make a genuine effort to understand and complete the work yourself.

Questionnaire

1. What line of code should you type in a Call to open a graphics window that is 300 pixels high and 200 pixels wide?
2. In a Cartesian plane, dimensions are always indicated in order. Is the first dimension the vertical (y) or the horizontal (x)?
3. So, if you´d had to draw a purple filled circle exactly in the middle of the window mentioned in the first question, what line of code would you type in the Call symbol? (50 pixels radius)
4. Regarding lines, how would you create two black intersecting lines in front of the circle? The first line goes from the upper-left corner of the window to the lower-right corner. The second goes from the lower-left corner to the upper-right corner. Write the two lines code.
5. And regarding fill colors, how would you fill the four remaining white areas with yellow? Write the four lines of code

Do you need visual support? Watch the next image that shows the final outcome.

Once you finish, ask your first session teacher to check and sign this notes.

SESSION 2

Activity 2

Now, the next level challenge. Open Raptor and create the next image using Raptor. As usual, you´ll upload the final algorithm file to the Classroom post, but you'll also have to draw the image and the Raptor flowchart in your notebook.

• First, draw the hand-made version of the image in your notebook before creating the Raptor file.
• Use a 400x400 graphic window
• Start by filling the window with black, then proceed to draw the lines
• Leave the circle for last. You'll need the next info, but you'll have to understand what does it mean.
• (200,142,92,yellow,0)
• Analyze the final result and compare it with your own product
• Once finished, save your file and upload it to Classroom

Don't forget to copy the flowchart form Raptor to your notebook.

Ask your second session teacher to check and sign this notes.

Good luck!

Week 15 - Lines and loops practice

 CLASS OBJECTIVE

Practice the loop and  draw_line call using the graph window in Raptor, by creating a given image, using lines and loops.

CLASS ACTIVITIES

FIRST ALGORITHM

Now, you'll have to create an algorithm, using lines and loops, to draw a grid like the one in the image.

• To draw the vertical lines you have to increase the X value, by 10.
• To draw the horizontal lines, you have to increase the Y value, by 10.

Here's a unfinished example, you'll have to complete the algorithm. Create a new Raptor file and name it  STUDENT NUMBER + GRID 

SECOND ALGORITHM

After you create the grid, now you'll use lines and loops once again to create the next product in the graph window.

You'll have to understand that while the X value increases, the Y value decreases, in both cases.

Here's a unfinished example, you'll have to complete the algorith. Create a second Raptor file and name it  STUDENT NUMBER + DIAGONALS

THIRD ALGORITHM

All by your self, create a Chess board (8x8) in a 400x400 pixels window, using today's first algorithm as an example.

Figure out how to fill the squares using loops. (It's not an easy task). Create a new Raptor file and name it  STUDENT NUMBER + CHESSBOARD

CLASS NOTES

Write down in your notebook the title of the class, the objective and follow the instructions.

• Draw the first flowchart.
• Explain the loop structure and the draw_line coordinates.

Week 14 - Graphics and coordinates practice in Raptor

 CLASS OBJETIVE

Practice Raptor graphic resources  using the graph window in Raptor, by creating a given image, using circles and lines and fillings.

ACTIVITY INSTRUCTIONS

As you've heard, the idea is that you con create your own programs to solve problems with out your teacher's help. Today, you'll have to create a program with a minimum of instructions. You'll use the graph window Calls, and you'll have to use previous knowledge to do it. 

Create the new program in Raptor and name it  Student number + Shield. Use the next image to know the final outcome.

1. The graph window size must be exactly 500 horizontal and 500 vertical pixels.
2. This is sequential program but you can try to use a loop to create the circles.
• You'll need to use a variable to set the radius of the first circle to 250 pixels. Each subsequent circle should be 50 pixels smaller, continuing until the end.
• Draw filled circles from outside in, alternating between light red and white.
3. After the circles, draw the 5 lines using the next coordinates
• (250,350)
• (345,285)
• (310,170)
• (190,170)
• (155,285)
4. Use flood_fill to color blue. You'll have to find out the needed coordinates.

Once you finish the algorithm, turn it in using the Classroom post.

CLASS NOTES

Write down in your notebook the title of the class, the objective and follow the instructions.

• Draw the final flow chart, shown in Raptor
• Explain what does every step of the flow chart do, from the start symbol to the end symbol.

Week 13 - Lines and flood filling

 CLASS OBJECTIVE

Create a given figure in the graph window by using the Draw_line and the Flood_fill calls, to ensure the understanding of coordinates in the Cartesian plane

INTRODUCTION

It seemed necessary to teach you how to create lines in the graph window and how to fill closed areas with color, like in Paint, before we combine them with loops. Take a look at the next Raptor calls.

draw_line(x1,y1,x2,y2,color)

• x1,y1 are the coordinates for the starting point of the line
• x2,y2  are the coordinate for the ending point of the line

For example, in a 500x500 graph windows we can use the draw_line Call like this:

draw_line(100,50,450,350,blue)

and the result should look like:

flood_fill(x1,y1,color)

• x1,y1 are the coordinates to flood fill the closed areas.
• Color: Here you have the color list you can use: Black, Blue, Green, Cyan, Red, Magenta, Brown, Light_Gray, Dark_Gray, Light_Blue, Light_Green, Light_Cyan, Light_Red, Light_Magenta, Yellow, White

I'm sure you'll get the point in the next activity

ACTIVITY

You'll star the activity in a grid sheet of paper. 

• Draw a box of 10 by 10 squares
• Every square represent 50 pixels
• As always, the starting point is the left lower corner.
• Now, try to determine the coordinates for every point in the next figure.
• Write down every coordinate either in the plane or beside it.

Now, you will create a program in Raptor to create this figure, using the coordinate you obtained in your grid sheet of paper.

• Don't forget to use the flood_fill call to apply colors. You'll have to determine a point inside the closed areas using coordinates.
• Once you finish, turn in the outcome file using the Classroom post.

CLASS NOTES

Write down in your notebook the title of the class, the objective and follow the instructions.

• Explain the draw_line and the flood fill calls, and their parameters

Week 12 - Calls, special functions in Raptor

 CLASS OBJECTIVE

Know the Calls (special functions) in Raptor, to create graphic results such as geometry shapes, by opening a Graph Windows to draw different sizes circles, using loops.

INTRODUCTION

In Raptor we can create graphic results but, in order to do this you must learn how to use the Calls. A Call is a special function, previously programmed, that you can call (which is why the name).

There are plenty of Calls, but today we'll start with a couple of graphic Calls: 

•  open_graph_window(width, height)
• draw_circle(x_position, y_position, radius, color, filled)

You can compare Calls with the spreadsheet functions. To use them in Raptor you'll insert the Call symbol, then double click on it and you'll have to type the Call and its parameters.

For example, to open a graph window you would type:  

• open_graph_window(300,500)
• where 300 represent the window width 
• and 500 represen the window height

Once you open a graph window, now you can draw on it, for example a circle:

• draw_circle(150,250,80,red,0)
• 150,250 represent the position of the circle´s center
• 80 is the radius lenght
• red is obviouly the color
• 0 will be use to draw an unfilled circle and 1 to draw a filled circle.

ACTIVITY PART 1

Create the next Raptor program and try it.  Use the name Student number + graph window for the file.

• Change the window size.
• Change the color using english.
• Change the circle´s center.
• As you can see, the circle´s size depends on the user selection. 

Show your teacher the program and continue with the second part.

ACTIVITY PART 2

Now you'll change (or restart) the program to draw many circles usin a loop, as we learn in the last class. Use the next image to do it.

Once you finish, turn in the file using the Classroom post and continue with the class notes.

CLASS NOTES

Write down in your notebook the title of the class, the objective and follow the instructions.

• Draw the last flowchart in your notebook, the one with the Loop. 
• Describe, in your own words, what is the algorithm doing in every step indicated (numbers 1 to 6)

HOMEWORK

Research, using the Raptor official page (https://raptor.martincarlisle.com/docs/), the next graph drawing operations and tell, in your own words, how do they operate.

1. OPEN GRAPH WINDOW
2. DRAW CIRCLE
3. DRAW LINE
4. DRAW BOX
5. FLOOD FILL

Week 11 - Digital citizenship special activity

CLASS OBJECTIVE

Understand what digital citizenship is and why it matters in our school context and compare the on online identity versus real-world identity.

ACTIVITY

You'll receive the instructions for this class through Google Classroom, in a Google Slides presentation.

Before you can start you have to grab your notebook and pencil case.

Once you finish all the activities, ask the teacher to sign your notebook and click on the Turn in Google Classroom button.

Week 10 - Loops and selections practice

CLASS OBJECTIVE

Review the three programming structures and the Raptor symbols you learned in this Period 1 by creating a simple game.

ACTIVITY 

It's very simple, you're going to create the next algorithm in Raptor. Name de file as DICE ROLL and you won't receive any other help, you must review what you learned. 

To zoom in the image right click on it and open it on a new tab.

After you finish the algorithm, test it and save it properly but before you turn it in you'll insert COMMENTS to explain every symbol purpose. To do so you must right click on a symbol.

RAPTOR COMMENTS

Don't forget, you must right click on every symbol to explain what does it do, as clear as possible.

• Deliver your file on the Classroom post.