Difference between revisions of "LibreOffice-Suite-Draw/C3/Polygons-and-Curves/English"

From Script | Spoken-Tutorial
Jump to: navigation, search
(Created page with ' {| border=1 |Visual Cue ||Narration |- |Show Slide Welcome to the Spoken Tutorial on Creating Curves and Polygons in LibreOffice Draw. ||<br/> Welcome to the Spoken Tutorial …')
 
Line 1: Line 1:
 
 
{| border=1
 
{| border=1
 
|Visual Cue
 
|Visual Cue
Line 10: Line 9:
  
 
|-
 
|-
|Show Slide  
+
|Show Slide  
Learning Objectives
+
Learning Objectives
How to work with Polygons and Curves in Draw.
+
How to work with Polygons and Curves in Draw.
 
||<br/> In this tutorial, you will learn <br/> how to work with Polygons and Curves in Draw.
 
||<br/> In this tutorial, you will learn <br/> how to work with Polygons and Curves in Draw.
 
   
 
   
Line 25: Line 24:
  
 
|-
 
|-
|Show Slide
+
|Show Slide
System Requirements
+
System Requirements
Ubuntu Linux version 10.04
+
Ubuntu Linux version 10.04
LibreOffice Suite version 3.3.4
+
LibreOffice Suite version 3.3.4
 
||<br/> Here we are using <br/> <br/> Ubuntu Linux version 10.04 and  <br/> LibreOffice Suite version 3.3.4.
 
||<br/> Here we are using <br/> <br/> Ubuntu Linux version 10.04 and  <br/> LibreOffice Suite version 3.3.4.
  
Line 141: Line 140:
 
|1. Go to the Drawing toolbar.
 
|1. Go to the Drawing toolbar.
 
2. Click on the small black arrow next to the “Curve” icon.
 
2. Click on the small black arrow next to the “Curve” icon.
||Let’s use a polygon to represent it.
+
||Let’s use a polygon to represent it.
To draw a polygon, go to the Drawing toolbar.
+
To draw a polygon, go to the Drawing toolbar.
Click on “Curve” and then click on the small black arrow next to the icon.  
+
Click on “Curve” and then click on the small black arrow next to the icon.
+
|-
|-
+
|3.Click on “Polygon filled”.
|3.   Click on “Polygon filled”.
+
 
||Now, select “Polygon filled”.
 
||Now, select “Polygon filled”.
  
Line 166: Line 164:
 
9. Now drag the mouse upward.
 
9. Now drag the mouse upward.
 
10. Double-click the left mouse button.
 
10. Double-click the left mouse button.
||Drag the mouse to the right until the shape is that of a right triangle.
+
||Drag the mouse to the right until the shape is that of a right triangle.
Click the left mouse button and drag the mouse upward.
+
Click the left mouse button and drag the mouse upward.
Now, double-click the left mouse button.
+
Now, double-click the left mouse button.
+
 
|-
+
|-
 
|  
 
|  
 
||You have drawn a polygon!
 
||You have drawn a polygon!
Line 190: Line 188:
 
2. Click on the small black arrow next to the “Curve” icon.
 
2. Click on the small black arrow next to the “Curve” icon.
 
3. Click “Polygon filled”.
 
3. Click “Polygon filled”.
||Go to the Drawing toolbar.
+
||Go to the Drawing toolbar.
Click on the small black arrow next to the “Curve” icon and click on “Polygon filled”.
+
Click on the small black arrow next to the “Curve” icon and click on “Polygon filled”.
+
 
|-
+
|-
 
|4. Place the cursor on the Draw page; hold the left mouse button and drag down.
 
|4. Place the cursor on the Draw page; hold the left mouse button and drag down.
 
5. Release the mouse button.
 
5. Release the mouse button.
 
6.    Now, move the mouse to the left until the shape is that of a triangle.
 
6.    Now, move the mouse to the left until the shape is that of a triangle.
||Place the cursor on the Draw page.
+
||Place the cursor on the Draw page.
Hold the left mouse button and drag it down.
+
Hold the left mouse button and drag it down.
Now, release the mouse button.
+
Now, release the mouse button.
You see a straight line.
+
You see a straight line.
Move the mouse to the left until the shape is that of a triangle.
+
Move the mouse to the left until the shape is that of a triangle.
+
 
|-
+
|-
 
|7. Click the left mouse button.
 
|7. Click the left mouse button.
 
8. Now drag the mouse upward.
 
8. Now drag the mouse upward.
 
9. Now hold down the Shift key and drag the cursor inwards.
 
9. Now hold down the Shift key and drag the cursor inwards.
 
10.  Double-click the left mouse button.
 
10.  Double-click the left mouse button.
||Click the left mouse button and drag the mouse upward.
+
||Click the left mouse button and drag the mouse upward.
Now hold down the Shift key and drag the cursor inwards.
+
Now hold down the Shift key and drag the cursor inwards.
Double-click the left mouse button.
+
Double-click the left mouse button.
+
 
|-
+
|-
 
|  
 
|  
 
||You have drawn yet another polygon!
 
||You have drawn yet another polygon!
Line 239: Line 237:
 
And then place the cursor on the draw page and draw the polygon.
 
And then place the cursor on the draw page and draw the polygon.
 
  <Pause>
 
  <Pause>
 
 
 
 
 
 
 
 
 
 
 
  
  
Line 299: Line 286:
 
|4.    Place the cursor on the Draw page
 
|4.    Place the cursor on the Draw page
 
5.    Click and drag the left mouse button down and release it.
 
5.    Click and drag the left mouse button down and release it.
||Place the cursor on the Draw page
+
||Place the cursor on the Draw page
Click and drag the left mouse button down and release it.
+
Click and drag the left mouse button down and release it.
+
 
|-
+
|-
 
|7. Click and move the mouse to the left and release it.
 
|7. Click and move the mouse to the left and release it.
 
8. Now click and drag the mouse upward to complete the rectangle.
 
8. Now click and drag the mouse upward to complete the rectangle.
 
9. Double-click the left mouse button.
 
9. Double-click the left mouse button.
||Click and move the mouse to the left and release it.
+
||Click and move the mouse to the left and release it.
Now click and drag the mouse upward to complete the rectangle
+
Now click and drag the mouse upward to complete the rectangle
Double-click the left mouse button.
+
Double-click the left mouse button.
+
 
|-
+
|-
 
|  
 
|  
 
||You have drawn yet another polygon!
 
||You have drawn yet another polygon!
Line 334: Line 321:
 
|In the Draw page, press the left mouse button and rotate the mouse in an anti-clockwise direction.
 
|In the Draw page, press the left mouse button and rotate the mouse in an anti-clockwise direction.
 
Release he left mouse button.
 
Release he left mouse button.
||In the Draw page, press the left mouse button and rotate the mouse in an anti-clockwise direction.
+
||In the Draw page, press the left mouse button and rotate the mouse in an anti-clockwise direction.
Release the left mouse button.
+
Release the left mouse button.
+
 
|-
+
|-
 
|  
 
|  
 
||We have drawn a lake!
 
||We have drawn a lake!
Line 506: Line 493:
  
 
|-
 
|-
| Show a slide here.
+
| Show a slide here.
Curve toolbar  
+
Curve toolbar  
Each of the options in the Curve toolbar has a different method of mouse operation.
+
Each of the options in the Curve toolbar has a different method of mouse operation.
Use those options draw the curve.
+
Use those options draw the curve.
 
||You would have also noticed that each of the options in the Curve toolbar has a different method of mouse operation to draw the curve.
 
||You would have also noticed that each of the options in the Curve toolbar has a different method of mouse operation to draw the curve.
  
Line 518: Line 505:
 
4. Notice how the shape of the cursor and the mouse operations changes with each selection of the curve or the polygon.
 
4. Notice how the shape of the cursor and the mouse operations changes with each selection of the curve or the polygon.
 
5. Check if you can change the fill color in the option Filled.
 
5. Check if you can change the fill color in the option Filled.
||Here is an assignment for you.
+
||Here is an assignment for you.
Draw curves and polygons using all the options in the Curve toolbar.
+
Draw curves and polygons using all the options in the Curve toolbar.
Notice how the shape of the cursor and the mouse operations changes with each selection of the curve or the polygon.
+
Notice how the shape of the cursor and the mouse operations changes with each selection of the curve or the polygon.
Check if you can change the fill color in the option Filled.  
+
Check if you can change the fill color in the option Filled.  
+
● |-
+
● |}
+
  
<<Scroll down for figures>>
+
|-
Figure One
+
|}
 
+
+
 
+
Figure Two
+
+
 
+
 
+
Figure Three
+
 
+
+
Figure five
+
+
 
+
Figure Six
+
+
 
+
 
+
Figure seven
+

Revision as of 20:01, 11 April 2014

1. |Go to the Drawing toolbar. 2. Click on the small black arrow next to the “Curve” icon. 3. Click “Freeform Line filled” 1. |Show Slide 2. Assignment 3. Draw curves and polygons using all the options in the Curve toolbar. 4. Notice how the shape of the cursor and the mouse operations changes with each selection of the curve or the polygon. 5. Check if you can change the fill color in the option Filled.
Visual Cue Narration
Show Slide

Welcome to the Spoken Tutorial on Creating Curves and Polygons in LibreOffice Draw.


Welcome to the Spoken Tutorial on Creating Curves and Polygons, in LibreOffice Draw.
Show Slide

Learning Objectives How to work with Polygons and Curves in Draw.


In this tutorial, you will learn
how to work with Polygons and Curves in Draw.


Show Slide

Prerequisites For this tutorial, you should have basic knowledge of LibreOffice Draw. You can view and download these tutorials from this website.



For this tutorial, you should have basic knowledge of LibreOffice Draw.

If not, for relevant tutorials please visit this website.

Show Slide

System Requirements Ubuntu Linux version 10.04 LibreOffice Suite version 3.3.4


Here we are using

Ubuntu Linux version 10.04 and
LibreOffice Suite version 3.3.4.
Show Slide

Polygons The term “Poly” means many. A many-sided figure is called a Polygon.

What are Polygons? The term “Poly” means many. A many-sided figure is called a Polygon.

Show Slide 5

<<Insert slide with complete picture of RouteMap. Refer Figure Five at the end of this document. >>

Figure Five should be trimmed and only the Routemap should be displayed.  Remove the portions that show the thumbnails and enlarge the picture 
We will learn how to a draw a map as shown in this slide.

This map shows the route from the house to the school.

At the end of this tutorial, you will be able to create a similar diagram by yourself.
Switch to a Draw file that you have already created and saved with the name “RouteMap”.

Point to the name at the top left.

Let us switch to Draw.

I have named this file as “RouteMap” and saved it on the Desktop.

Click on View, select Grid and choose Display Grid.

First of all, let us enable the Grid view.

To do so, click on View, select Grid and choose Display Grid.

Before we begin drawing, let us set the Page margins and the Page orientation.
Place the cursor on the Draw page >> right-click for the Context menu. Place the cursor on the Draw page and right-click for the Context menu.
Select Page >> click Page Setup Select Page and click Page Setup.
The Page Setup dialog box appears. The Page Setup dialog box appears.
Click on the Format drop-down and select A4.

Point to the Orientation as Portrait.

Click on the Format drop-down and select A4.

Select Orientation as Portrait.

Point to the value “1” in each of the Left, Right, Top and Bottom margins.

Click OK.

The Left, Right, Top and Bottom margins are set to 1.

Click OK.

Let us set the default font size to 24.
From the Main menu, select Format and Character. From the Main menu, select Format and Character.
The Character dialog box appears. The Character dialog box appears.
Click the Font tab and in the Size field, scroll down and select 24.

Click OK.

Click the Font tab and in the Size field, scroll down and select 24.

Click OK.

This will ensure that the text we type inside the shapes are clearly visible.
Refer to the square to the left side of the Draw page as show in Figure One. Now let us begin by drawing the house.
From the Drawing tool bar >> select Basic shapes >> click Square.

Refer Figure one and draw the square. Type the text “Home” inside it.

Let’s insert a square to show the house and type “Home” inside it. <Pause>
Next, let’s draw the park to the right of the house.
Display the slide with the Routemap once again.

Point as per the narration. <<Please refer to Figure one for the shape and placements of the polygons.>>

The park is an odd-shaped rectangle.

The width on the left side is greater than the right side.


1. Go to the Drawing toolbar.

2. Click on the small black arrow next to the “Curve” icon.

Let’s use a polygon to represent it.

To draw a polygon, go to the Drawing toolbar. Click on “Curve” and then click on the small black arrow next to the icon.

3.Click on “Polygon filled”. Now, select “Polygon filled”.
4. Place the cursor on the Draw page

5. Hold the left mouse button and drag the cursor down. 6. Release the mouse button.


Place the cursor on the Draw page.

Hold the left mouse button and drag the cursor down. Release the mouse button. We have drawn a straight line.


7. Drag the mouse to the left until the shape is that of a right triangle.

8. Click the left mouse button. 9. Now drag the mouse upward. 10. Double-click the left mouse button.

Drag the mouse to the right until the shape is that of a right triangle.

Click the left mouse button and drag the mouse upward. Now, double-click the left mouse button.

You have drawn a polygon!
Type “Park” inside it. Let’s type “Park” inside it.
Display the slide with the Routemap once again.

Point as per the narration. <<Please refer to Figure one for the shape and placements of the polygons.>>

Next to the Park, there is a Commercial Complex.

This too, is an odd-shaped polygon. Let’s draw it!

1. Go to the Drawing toolbar.

2. Click on the small black arrow next to the “Curve” icon. 3. Click “Polygon filled”.

Go to the Drawing toolbar.

Click on the small black arrow next to the “Curve” icon and click on “Polygon filled”.

4. Place the cursor on the Draw page; hold the left mouse button and drag down.

5. Release the mouse button. 6. Now, move the mouse to the left until the shape is that of a triangle.

Place the cursor on the Draw page.

Hold the left mouse button and drag it down. Now, release the mouse button. You see a straight line. Move the mouse to the left until the shape is that of a triangle.

7. Click the left mouse button.

8. Now drag the mouse upward. 9. Now hold down the Shift key and drag the cursor inwards. 10. Double-click the left mouse button.

Click the left mouse button and drag the mouse upward.

Now hold down the Shift key and drag the cursor inwards. Double-click the left mouse button.

You have drawn yet another polygon!
Type the text “Commercial Complex” inside it. Let us type the text “Commercial Complex” inside it.
Draw a parking lot as show in the Figure one.

Go to the Drawing toolbar. Click on the small black arrow next to the “Curve” icon. Click on “Polygon filled”. Place the cursor on the Draw page; hold the left mouse button and drag the cursor horizontally to the left. Let go of the mouse button. You would have drawn a straight line. Move the mouse upwards until the shape is that of a right triangle. Click the left mouse button. Again move the mouse to the right until you get the shape of the Parking lot. Double-click the left mouse button. Type the text “Parking Lot” inside it.

Following the previous steps, let’s draw a Parking Lot.

From the Drawing toolbar, let’s select Polygon filled. And then place the cursor on the draw page and draw the polygon.

<Pause>


Now let us type the text “Parking Lot” inside it.

Remember you can draw a polygon with as many sides as you want.
Show Slide

Assignment Draw five-sided, six-sided and ten-sided polygons.

Pause this tutorial and try this assignment. Draw five-sided, six-sided and ten-sided polygons.

Display the Routemap slide again A Residential Complex is right next to the house and is rectangular in shape. <Pause>
Go to Drawing toolbar >> select Rectangle >> draw it on the page. From the Drawing toolbar, select “Rectangle”.
Place the mouse on the Draw page and drag to draw a rectangle. Then place the mouse on the Draw page and drag to draw a rectangle.
Name it “Residential Complex”. We will name it “Residential Complex”.
Display the Routemap slide again

<<Please refer Figure Two on the placement of the Play Ground. >>

There is also a Play Ground in this locality.

This is in the shape of a really long rectangle.

1. Go to the Drawing toolbar.

2. Click on the small black arrow next to the “Curve” icon. 3. Click “Polygon 45 degree Filled”.

From the Drawing toolbar, select “Polygon 45 degree Filled”.


4. Place the cursor on the Draw page

5. Click and drag the left mouse button down and release it.

Place the cursor on the Draw page

Click and drag the left mouse button down and release it.

7. Click and move the mouse to the left and release it.

8. Now click and drag the mouse upward to complete the rectangle. 9. Double-click the left mouse button.

Click and move the mouse to the left and release it.

Now click and drag the mouse upward to complete the rectangle Double-click the left mouse button.

You have drawn yet another polygon!
Type the text “Play Ground” inside it. Let us type the text “Play Ground” inside it.
Display the Routemap slide again

<<Please refer Figure Two on the placement of the Lake. >>

Now let’s draw the Lake next to the playground.
From the Drawing toolbar select “Freeform Line filled”.


In the Draw page, press the left mouse button and rotate the mouse in an anti-clockwise direction.

Release he left mouse button.

In the Draw page, press the left mouse button and rotate the mouse in an anti-clockwise direction.

Release the left mouse button.

We have drawn a lake!
Type the text “lake”. Let’s type “Lake” inside it.
Display the Routemap slide again

<<Please refer Figure Two on the placement of the School. >>

The last building in this area is the School. The School campus is also in the form of a polygon.
Draw the polygon using the Polygon 45 degree Filled option.

<<Please refer Figure Two. Please ensure that the diagram looks like this. Please do make any necessary adjustments required. >> 1. Go to the Drawing toolbar. 2. Click on the small black arrow next to the “Curve” icon. 3. Click “Polygon 45 degree Filled”. 4. Place the cursor on the Draw page; hold the left mouse button and drag down. 5. Let go of the mouse button. 6. You see a straight line. 7. Move the mouse to the left until the shape is that of a right triangle. 8. Click the left mouse button. 9. Now drag the mouse upward until it is in the shape of a rectangle. 10. Double-click the left mouse button.

Let’s draw this on our map now. <Pause>

Again from the Drawing toolbar, let us select Polygon 45 degree filled. Next, let us place the cursor on the Draw page and draw the polygon <Pause>







Finally, let’s double-click the mouse when the polygon has been completed.

Let’s type “School Campus” inside it. Let’s type “School Campus” inside it.
Insert a Text box as shown in Figure Two.

Type the words “School Main Gates”. <<Adjust the Text box using the Shift key so that the words are in one line as shown in the Figure Two.>>

Let’s insert a text box and type the text “School Main Gates” inside it. <Pause>
Let’s rotate the text box and place it in the correct position.
Go to Main menu >> select Modify >> click Rotate. Now, from the Main menu, select Modify and click Rotate.
Point to the handles that are now red in color. Notice that the handles change to the color red.

This implies that we are in the Rotate mode.

Place the cursor on a handle so that the Rotate symbol appears. Can you see the small arc with arrows on either side?

We use this to rotate the box.

<<Rotate the Text box so that it appears as given in the Figure Three.>>

Place the cursor over the last handle in the right side of the Text box

Let’s place the cursor over the last handle on the top right corner of the Text box. <Pause>
Point to the Rotation curve. The Rotation curve appears.
Press the left mouse button, and drag the curve in a clock-wise direction, until it is placed in the correct position. Press the left mouse button.

Drag the curve in a clock-wise direction, until it is placed in the correct position.

Now, click anywhere on the Draw page to exit the Rotate mode. Now, click anywhere on the Draw page to exit the Rotate mode.
Please refer Figure Five for side entrance. Let’s also show the Side Entrance to the school. <Pause>
Insert a text Text box.

Type the words “School Side Entrance”.

Like in the previous step, let’s draw a Text box, enter the text “School Side Entrance” inside it. <Pause>
Now let’s draw directions using arrows.
Draw the arrows as shown in the Figure Five.

<<Please ignore the curve in this figure. Just draw the lines.>>

From the house we have to turn right. <Pause>


From the Drawing toolbar >> click Line Ends with Arrow. From the Drawing toolbar, let’s select Line Ends with Arrow.
Move to the Draw page and draw the arrow as show. Let’s move to the Draw page and draw the line.
Point the direction with the mouse Then walk past the Residential Complex and take a left. <Pause>
Again, from the Drawing toolbar >> click Line Ends with Arrow. Let’s draw another line to show this route. <Pause>
Move to the Draw page and draw the arrow as show.
Again, from the Drawing toolbar >> click Line Ends with Arrow. Then next to the Play Ground take the right, walk down.<Pause>
Move to the Draw page and draw the arrow as shown.
Again, from the Drawing toolbar >> click Line Ends with Arrow. Then take a right again to reach the School’s main gate. <Pause>
Move to the Draw page and draw the arrow as show.
We have drawn our first route!
You would have noticed that two types of curves and polygons can be drawn.
Go to the Curve tool bar.

Point the mouse slowly over each option so that the tool tip is clearly visible for each option. If you cannot do it while recording, freeze the frame in Camtasia software and do as mentioned above.

One is using the Filled option and the other is without a fill.

When you use the Filled option, the curve is filled with color.

Show a slide here.

Curve toolbar Each of the options in the Curve toolbar has a different method of mouse operation. Use those options draw the curve.

You would have also noticed that each of the options in the Curve toolbar has a different method of mouse operation to draw the curve.
Here is an assignment for you.

Draw curves and polygons using all the options in the Curve toolbar. Notice how the shape of the cursor and the mouse operations changes with each selection of the curve or the polygon. Check if you can change the fill color in the option Filled.

Contributors and Content Editors

Desicrew, Nancyvarkey