BENGKEL KEMAHIRAN ICT

UNTUK
PENGAJARAN MATEMATIK BERKESAN
2008
16 OGOS 2008
BILIK MUZIK
SMK TAMAN MUTIARA RINI 2
JOHOR BAHRU
8.00 PAGI 4.00 PETANG

ANJURAN:
PANITIA MATEMATIK MENENGAH RENDAH
JKD DAERAH JOHOR BAHRU

Penceramah
En. Lee Meow Choon
SMK Bukit Gambir
84800 Bukit Gambir, Tangkak,
Ledang Johor
Guru Cemerlang Matematik
Pakar Perunding Mata Pelajaran Matematik dan Matematik Tambahan Negeri Johor
Pakar Perunding Pembinaan Item ( Matematik ) Negeri Johor
Jurulatih Utama Program MTDP, Bahagian Pendidikan Guru ( BPG), KPM
Jurulatih Utama Geometers Sketchpad, Pusat Perkembangan Kurikulum ( PPK), KPM

Content
I

Page

Drawing with MS Word

1 Avoiding drawing canvas
2. Drawing with Autoshapes_line _freeform
3. Drawing a circle or a square.
4. To improve or fine tune a drawn autoshapes.
5. Drawing of a sector.

3
4
5
67
8
9

6. Drawing of a grid6. Drawing of a grid

7. Format of a drawn object.
8. Labelling
9. Basics shape of autoshapes.
10. The layers or order of the drawn objects
11. Draw a 3-D object
12. Drawing a Globe.
II Microsoft Equation 3.0
III. Integrating Teaching courseware (TC)
*IV GSP in the teaching of Mathematics

II
III
*IV

10
11
12
13
14 16
17 - 19
20 - 30

N
R

50o N

35o
Q
50o

60o
S

ICT and Teaching of Mathematics.

I Drawing with MS-WORD

1. Avoiding drawing canvas
In MS word, a drawing canvas with Create your drawing here appears whenever you
start a new drawing.

If you dont like the canvas, you can uncheck the default setting of your computer. Select
Tool_Options_General, the following dialog box appears.

Uncheck

ICT and Teaching of Mathematics.

Click to select
Centimetres

2. Drawing with Autoshapes_line _freeform

Click on freeformThe mouse turns into a
crosshair + ;
2.1 Click once to start an end point of a line
2.2 Drag the mouse ( do not hold down the
right click) to draw a line.
2.3 Click once to change the direction of the
line.
2.4 Double click to end the drawing.

Freeform

Practise to draw the following diagrams.

D1.

D2.

D3.

3. Drawing a circle or a square.

Click over rectangle icon (oval icon ) and the mouse

turns into a crosshair +, holds down the shift key to
ensure a square and a circle while drawing.
3.1 Hold down the mouse to denote the upper left

Rectangle

corner (the centre)of the square(the circle).

3.2 Drag down and drag toward right to expand the
square (the circle)while holding down the
mouse to increase the size of the square(circle)
3.3 Release the mouse to end the drawing.

Practise to draw the following diagrams.

D4.

D5

D6.

D7

D8

Notice that in diagram D8, the inscribed triangle do not turn out to be a good one, you may always be
able to fine tune it by the edit point feature of the MS draw.

ICT and Teaching of Mathematics.

4. To improve or fine tune a drawn autoshapes.

4.1 Click on the imperfect inscribed triangle
(a drawn object) to highlight it, 8 small circles
surround the object ( the handles).
4.2 Right click the mouse, a pop up menu appears,
select Edit points.
4.3 The vertices of the drawn triangle turns into
small black squares.
4.4 When you move the mouse over the square,
it change into a , hold down and drag the point
to the desired places.

Small black
square
Practise to draw the following pairs of diagram.
D9.

D10.

4.5 You may add extra points or deleted a point when you are in the edit point mode,
Just place you mouse over a line and click to add extra point, drag to form another
side of a polygon. Highlight on the black point and right click to invoke the dialog box,
Select delete point to deleted the point.
Practise by modifying the previous diagrams.
D11.

D12.

4.6 While you are in the edit point mode, , left click and a
pop up menu for you to make other adjustments to the drawn
object. Experiment with the extra features in the dialog
box.. Try out on the effect of ,Add Point, Delete Segment and
Straight Segment.
4.7 When you use Autoshapes_line_Curve to draw, you
will get a curve at the point that you click.
Again you can use edit point to readjust the curvature
of a curve.
Practise to draw the following pairs of object
D13

D14

ICT and Teaching of Mathematics.

D15

5. Drawing of a sector.
5.1 Point you mouse to Autoshapes_More autoshapes.
5.2 A collection of basic shapes appears on your right hand side of the screen.

Drag the scroll bar

2/3 way down

Click on the sector,

The sector will insert
into your document

5.3 Scroll down until you you see a

sector, place your mouse over the
sector and

click
as

on it, a shadowed sector appears

shown below.

5.4 While it is still highlighted, select the shadow style icon and click on No
shadow .

5.5 Adjust the yellow colour diamond shape handle to adjust the size of the angle of the
sector.

ICT and Teaching of Mathematics.

Practise to draw the following diagrams.

D16.

You may find that the marking of the angle of a sector is difficult to perform, refer to the following
section to adjust the size of the angular sector.
5.5 Proceed with right hand click on the mouse, a pop up menu appears, select
Format Autoshapes, make appropriate selection under tab of Colour and Lines and
Size as shown below.

The Lock aspect ratio will

ensure the copied object is enlarge or
shrink proportionally, thus still keeping
the shape.
5.6 To get an enlarged image of a
shape, engage this feature to enlarge it to
150% ( k =1.5) or 200 % (k=2)
Practise to draw diagram D17 below.
D17.

Tips : To have a better control over precision in object to object orientation :

1. Hold down Alt key while you move your object with the mouse.
2. Highlight the object and hold down Ctrl key and move the object with arrow key(nagging)

ICT and Teaching of Mathematics.

6. Drawing of a grid
6.1 Point your mouse to the rectangle icon and hold down the shift key to draw the first square of
desirable size.
6.2 Hold down the Ctrl key, move your mouse into the highlighted object ; the mouse turn into a
black cross + ; hold down the right hand mouse and drag to the right, the highlighted square is
duplicated !

6.3 You may now select the drawn squares either by

6.3.1 Holding down the shift key and use the mouse to click on the other square to make
multiple selection.
6.3.2 Use Select Object arrow to box the objects by placing the arrow in NW corner and drag
down to SE , all object in the box will be highlighted.
Line style
Arrow style
Shadow style
3-D style

Fill colour
Line colour
6.4 Repeat step 6.2 and 6.3 to generate a m x n grid.
6.5 Use Select Object to selected the drawn grid and select Draw_Group to group the m x n
grid into a single grid. It is convenient to move the grid and adjust the size of the grid
proportionally.
Practise to draw the following objects.
D18.

D19.

D20.

Diagram D20 have a different style of a line and the Arrow style of a line. The triangle is filled with
certain degree ( 27 %) of transparency such that the grid is visible under a triangle. These are the
format of an object.
D21.

ICT and Teaching of Mathematics.

D22.

D23.

7. Format of a drawn object.

7.1 Line weight highlight a line and select 2 pt. You have a wide choices of the line style.
7.2 Arrow Style highlight a line and you have a choice of the arrow style, explore for more
arrow to change the end style of a line and the weight of the end style.
7.3 Dash style highlight a line and you may adjust the dash style of a line
7.4 Line Colour highlight an object and you can change the colour of the border.
7.5 Fill colour highlight an object and you can filled with different colour have a variety of
the fill patterns.
7.6 Shadow style also can be adjusted for a drawn object
7.7 3-D style of an object is another format of a drawn object
Explore and experiment with all the format mentioned above to adjust the appearance of diagram
D20.
Here are some examples of the diagram D20 in different format.

8. Labelling

8.1 Highlight the text box and drag to increase the size of a rectangular text box. A blinking
cursor is at the left hand corner of the text box. When you mouse move into the text box it
turns into an I- shaped cursor, you can just type into it.
8.2 If the text longer than the text box that it can be accommodated, the text disappears. You
may drag any of the side handles or the corners to expand the size of the text box.
8.3 You can highlight a text box right click the mouse to get a pop-up dialog to Format a text
box change the textbox- all internal margins to 0 such that it accommodate more text.

This is a text box

without margin

ICT and Teaching of Mathematics.

8.4 A text box is by default filled with white colour and with black border. You may change it
by selecting the text box and format under the Colour and Lines tab.
Practice to following diagram.
D24

D25

4
3
2
1
2 1 0
1

4
3
2
1

y=x+1

1 2

3 4

2 1 0

Tips The small dot originate from a small filled circle and reduced the size by changing the size in
the dialog box of formatting an autoshapes.
9. Basics shape of autoshapes.
Many conventional shapes and logo are available under this autoshapes. Explore to draw
9.1 Basic shapes
9.2 Block arrow
9.3 Flowchart
9.4 Stars and Banners
9.5 Callouts
All drawing procedure is the same, highlight the shape and hold down the mouse to drag across to
create the autoshapes. You may adjust the cure the size, the inclination by dragging the yellow handle.
You may rotate the object by turning about a green circle when you highlighted an object.
You cant edit point of these autoshape not until you have copy_paste special and convert into
metafiles type and ungrouped to make it into an editable autoshapes.
Try these few autoshapes.
D26

D27

D28
Welcome to Drawing
Workshop
D29

Isosceles
triangle

Cheap
Sales !

You may puzzle how the text is written on the objects. It is non other than just highlight the drawn
object and right click to select the Add Text in the pop up dialog box.

ICT and Teaching of Mathematics.

10

10. The layers or order of the drawn objects

MS word have a feature to rearrange the layers of the object, couple with the set transparent feature it
can be useful in drawing of Venn diagram and other 3-D object.
10.1 The following diagram illustrate the effect of layers.

No fill for two upper

circle but fill with gray
for the third
10.2 To draw a region that is not of regular shape, we may need to draw with
autoshape_Line_Curve.
Trace the intersection
region with Alt key will
smoothened the trace.

Make preview to 200 % before

edit with edit point, followed
by fill grey colour with 28 %
transparency.
Change the drawn autoshape to
Line_no line and
Draw_Order_send to back

Practice to draw the following

D30

ICT and Teaching of Mathematics.

D31

11

11.Draw a 3-D object

11.1 Use Autoshapes_Basics autoshapes as a guide, click on the autoshapes and drag with the
right hand mouse to produce the autoshape . You may adjust the shape by moving the yellow
handle.
11.2 Use autoshape_Lines_freeform to trace the object. Use Ctrl key + holding down the right
hand mouse to duplicate the bottom layer. Change solid line to dashed line to indicate the hidden
line.
a
b
c

Draw using
freeform

Made transparent by
27 %

Draw_Order send
to back

11.3. You may transform the shape as shown.

ICT and Teaching of Mathematics.

12

12. Drawing a Globe.

12.1
12.2
12.3
12.4

12.5
12.6
12.7
12.8
12.9

Draw a perfect circle by holding down the shift key and the oval icon.
Select Autoshapes_Basic shapes shape and pick the arc.
Hold down the shift key and drag to draw a perfect arc. Drag the yellow adjustment
handle to form a 7/8 circle.
Drag the bottom handle to squeeze the circle into a oval.

Drag the oval and adjust the size until it fits into a latitude.
Hold the ctrl key and drag to make a duplicate.
Drag the yellow adjustment handle to form the front latitude.
Drag the duplicated oval onto the latitude, drag the handle in opposite direction to form
the posterior portion of the latitude.
Select dash style to dashed style ( 4th selection ) to indicate the hidden latitude.

Practice to draw the following.

D32

ICT and Teaching of Mathematics.

D33

13

II. Microsoft Equation Editor 3.0

1. To create a shortcut Equation Editor 3.0 in the function toolbar.
1.1 Select Tools_Customize.a customize dialogue appears as shown below

Click on Insert in Categories

column and drag the slider to
locate the Equation Editor
and drag ( hold the right hand
mouse) the icon to the
formula tool and release, the icon will remains at the formula toolbar.
2. When double click on the Equation Editor 3.0 icon , a floating toolbar and a blinking text box
appears.
In the editing mode - 2.1 No space is allows in the formula, please insert empty
element template of matrix.
2.2 The alphabets are italic by default, you may highlight
and convert it into text ( non italic ), use the
multiplication sign in the operator symbols .
2.3 Esc key to go back to MS word editing mode.
2.4 It is less time consuming if you duplicate the picture
of Equation Editor by holding down ctrl key while
highlighting the formula ( a small + sign appear near
the formula )and drag and drop to the desired space.
To edit it just double click on the formula to evoke
the editing mode.

ICT and Teaching of Mathematics.

14

3. Some frequently use templates

3.1 To insert fraction or radical template and superscripts and subscripts.

Superscripts
and subsripts

Fraction and
radical template

Click on fraction and radical template icon and select the required format.
The template appears and type into the box as in MS word mode, use arrow key navigate or the mouse
to navigate in the template. Similarly ,use the super - sub scripts mode to insert power.
Few examples are as shown below.
2 1

y
2
2
2
2
1
3
4 f ( x) 3 (5) 15 5
m

4
4

;
;
;
;x
;
(5) 8 3
1
x 2 x1
3
3
3
2
4
AB

8;

(5 2) 2 (6 2) 2

27 ;

(3) 2 ( 4) 2

9 16

25 5

3
4
2
;3 8 ;
64 4
9
3

3.2 Fence template and Matrix template.

Fence template

Matrix template

3 ;

4
3

; 3
134

2 ;

ICT and Teaching of Mathematics.

3
;
2 4

5
2

15

We can use matrix template ( 2 x 1) to insert space in between word in a formula.

f ( x)

ax b
; x 0whereaandb areconstan ts
x

We cant insert space

in between
Use 2x1 matrix template
to insert space

ax b
f (x) ; x 0 where a and b are constants
x

Highlight the word,

select style_text

ax b
f (x) ; x 0 where a and b are constants.
x
3.3 Miscellaneous symbols and Greek characters ( Lower and Upper case)

o
ABC 30 o ; 30 ;

ABC is an isoceles triangle

3.4 Set theory symbols

A B A ; A B ;C A ;

3 multiples of 3 .

3.5 Summation or integral template

ICT and Teaching of Mathematics.

16

i 10

4x 3
x 16 ; xi x1 x 2 ........ x10 ; 4 x 3 dx ; x dx
i 1
2

3.6 Relational operator

x 5 ; 3 y 4 ; AB 5cm ; ABC

PQR (SSS ) .

III. Integrating Teaching courseware (TC)

1. TC usually launched
itself when double click
on the icon;
Or
Highlight it, right-hand
click and click on
Autoplay to start when
booted in the CD/DVDROM.
Click on My Computer
and Explore the disk
2. Double click to open the
folder Lessons, the
lesson folder leads to
Interactive folder, subsubfolders of lessons.

ICT and Teaching of Mathematics.

Icon for
the TC

Autoplay
Explore
Lessons
Lessons

17

Open the subfolder of

lessonxx,it contain few
clip of Flash file with
.swf extension.

Look for .swf files

Highlight and copy to
your intended lesson
folder.

It is advisable to rename
the file such that it is
easier to remember.

We need Flash8 or Flash9 ( Macromedia) to run the activeX file.If

there isnt any thing shown as its extension or the logo of Flash,
chances are that it has no Flash program associate with its.
1. First install the Flash and later highlight the .swf files, right click
and select open with . Browse to locate the installed Flash.

Flash file type;

.swf

Jpeg or picture file

Launch the MS
Powerpoint and Open a
new document.

Create a new
presentation

ICT and Teaching of Mathematics.

18

Create the hyperlink

7

Create an object
7.1 Draw a Text box
7.2 create a wordart
7.3 Insert a picture
7.4 Draw an Autoshape
Highlight the object and click on icon of hyperlink

A dialogue box pop-up

and locate the folder
that have created.click
to the relevant file.

An object to be
associate with
Browse to the folder
that has created.

ICT and Teaching of Mathematics.

19

Save the presentation

and in Slide show mode
( you may launch with
F5 key )

When the mouse is on the object, a palm appears and when click on
it , it will launch the Flash clip

Another method of inserting the lesson video clip in the powerpoint.

1

You need to save a

powerpoint presentation
in a folder that also
contains the lesson
Flash clips

Look for control tool box; if it is not avalible in the task pane
Customise it or use View_Toolboxs_Task pane to open the more
control icon.
More control

Select activeX
objects

The cursor in the slide

become a hair cross,
drag to enlarge the
screen area; right click
and a pop-up menu
appears; type the name
of the Flash clip that is
to be inserted.

ICT and Teaching of Mathematics.

20