View source for GeoGebra-5.04/C3/Create-action-object-Tools/English


{|border=1
||'''Visual Cue'''
||'''Narration'''
|- 

|| '''Slide Number 1 '''

'''Title slide '''
|| Welcome to the Spoken Tutorial on '''Create Action Object Tools''' in''' GeoGebra.'''

|-
|| '''Slide Number 2'''

'''Learning Objectives'''


|| In this tutorial we will learn about '''free''' and '''dependent''' '''Objects'''.


We will also learn to,

* Create a '''check-box'''
* Create an '''insert button''' 
* Insert an '''input box'''

|-
|| '''Slide Number 3'''

'''System Requirement'''
|| To record this tutorial, I am using;

* '''Ubuntu Linux OS''' version 16.04
* '''GeoGebra''' version 5.0438.0-d


|-
|| '''Slide Number 4'''

'''Pre-requisites'''


'''https://spoken-tutorial.org'''
|| To follow this tutorial, learner should be familiar with '''GeoGebra interface'''.


For the prerequisite '''GeoGebra '''tutorials, please visit this site.

|-
|| 
|| In this tutorial we will use''' tangents to a circle''' tool created in the previous tutorial.

|-
|| '''Slide Number 5'''

'''Code Files'''
|| To practise this tutorial you need to download the '''zip file''' given in the '''Code files''' link.


Extract the downloaded '''zip file.'''Locate '''tangents-circle.ggt '''file in the extracted folder.

|-
|| Point to the file on the Desktop.


Right-click and and '''Open With''' '''GeoGebra.'''
|| I have already downloaded and extracted the file to my '''Desktop'''.


I will right-click on it and '''Open With GeoGebra.'''

|-
|| Click on '''Tangents to a circle tool >>''' click two points in the Graphics view.


Point to the tangents to the circle.
|| Click on '''Tangents to a circle tool '''and click two points in the '''Graphics view'''.


Tangents to a circle are drawn in the '''Graphics view.'''

|-
|| Cursor on the interface.
|| Now I will explain about '''Free''' and '''Dependent''' '''Objects'''.

|-
|| Point to the figure.
|| Let us complete the figure.

|-
|| Click on Intersect tool >> click on points of intersections of the circle and tangents.
|| Click on the '''Intersect''' tool.

Mark points of intersection of the tangents to the circle.

|-
|| Click on '''Segment '''tool >> click on '''A, C''' >> click '''A, D''' >> click '''A, B.'''
|| Using the '''Segment''' tool we will join '''A C, A D''' and '''A B'''.

|-
|| Point to the '''Algebra view'''.
|| In the '''Algebra view,''' note that segment '''AC''' is equal to segment '''AD'''.


They are radii of the circle '''c'''.

|-
|| Cursor on the point of contact of tangents and circle
|| Now let's measure the angles at the point of contact of the tangents to the circle.

|-
|| Click on '''Angle''' tool >> click on the points '''B, C, A.'''


Click on the points '''A, D, B.'''
|| Click on the '''Angle''' tool and click on the points '''B, C, A.'''


Then click on the points '''A, D, B.'''

|-
|| Point to the angles.
|| Observe that the angles alpha and beta are 90 degrees.


This is because at the point of contact, tangent to a circle is perpendicular to the radius. 

|-
|| Point to Algebra view.

Click on the arrow triangle next to '''Algebra.'''
|| In the '''Algebra view''', click on the arrow triangle named as '''Toggle Style Bar.'''

|-
|| Click and point to the button and drop-downs.
|| '''Auxillary Objects''', '''Sort Objects by '''drop-down and '''f<sub>x'''</sub> drop-down appear.

|-
|| Click on''' Sort Objects by '''drop-down.

Point to the menu.
|| Click on '''Sort Objects by''' drop-down.


'''Sort by''' menu opens.

|-
|| Point to the check-boxes.
|| This menu has,

'''Dependency''', '''Object Type''', '''Layer''' and '''Construction Order check-boxes.'''

|-
|| Point to '''Object Type''' check-box.


Select '''Dependency '''check-box.
|| By default, '''Object Type check-box '''is selected.


In other operating systems a different check-box may be selected.


Let us select '''Dependency check-box'''.

|-
|| Under '''Free Objects '''point to points '''A''' and '''B.'''


Point to all other '''objects''' under '''Dependent Objects'''.
|| Note that only points '''A''' and '''B''' are under '''Free''' '''Objects'''.


All other '''objects '''are under '''Dependent Objects'''.

|-
|| Click and show the check-boxes.
|| You can select other check-boxes and see how the objects are sorted.

|-
|| Cursor in the '''Graphics view'''.
|| Now we will learn how to create a '''check-box'''.

|-
|| Click on''' Check Box '''tool''' >> '''click in the''' Graphics view.'''

Point to the dialog box.
|| Click on the '''Check Box''' tool and click in the '''Graphics view'''.


'''Check Box to Show/hide Objects '''dialog box opens.

|-
|| Point to the '''Caption''' text box.

Type '''Angles'''
|| In the '''Caption '''text box, I will type '''Angles.'''

|-
|| Point to '''Select objects in construction or choose from list.'''


Click on '''Apply '''button in the box.
|| From the '''Select objects''' drop-down, let us select '''Angle alpha '''and '''Angle beta'''.


Then click on '''Apply''' button in the box.

|-
|| Point to the check-box.
|| '''Angles check-box''' appears in the '''Graphics view'''.

|-
|| Click on '''Move''' tool. 

|| Let us click on '''Move''' tool to avoid clicking of other objects in the '''Graphics view'''.

|-
|| Point to the check-box in the views.
|| '''Angles check-box''' is shown as a '''Boolean''' '''Value''' '''a '''in the''' views.'''

|-
|| Check and uncheck the '''Angles''' check-box.
|| Using this '''check-box,''' we can show or hide the angles '''alpha '''and '''beta.'''

|-
|| Point to the '''Boolean value''' in the '''Algebra view'''.
|| In the '''Algebra view,''' '''Boolean Value''' is '''true''' when the angles are shown.

|-
|| Click on '''Angles''' check-box to show or hide the angles.
|| '''Boolean Value''' becomes '''false '''when they are hidden.

|-
|| Cursor on '''Geogebra''' interface.
|| Now we will insert an '''input box'''.

|-
|| Click on '''Input Box''' tool >> click in the '''Graphics view'''.
|| Click on the '''Input Box''' tool and click in the '''Graphics view'''.

|-
|| Point to '''Input Box.'''
|| '''Input Box''' appears in the '''Graphics view'''.

|-
|| Type '''Caption''' as '''Circle'''.
|| In the '''box,''' type the '''Caption''' as '''Circle'''.

|-
|| Point to '''Linked Object '''drop-down.

Select '''circle c'''>> click '''OK'''.
|| In the '''Linked Object '''drop-down, select '''circle c.'''

And click on '''OK''' button in the box.

|-
|| Point to the input box.
|| '''Circle input box''', along with its coordinates, appears in the '''Graphics view'''.

|-
|| Click on '''Move '''tool.
|| Click on '''Move''' tool to select it.

|-
|| Type B in place of A >> press Enter.


Point to tangents and related objects in the '''Algebra''' and '''Graphics views'''.
|| In the input box, type '''B''' in place of '''A''' and press '''Enter'''.


The tangents, angles and all related objects disappear.


Position of the circle has also changed


This happens because all the objects are dependent on point '''A'''. 

|-
||'''Slide Number 6'''

 '''Assignment'''
|| As an assignment,

In the circle input box change '''(A,B)''' to''' (B,A)''' and '''(A,A)''' and see what happens.

Explain your observation.

|-
|| Click on '''Undo''' button.
|| Click on '''Undo''' button to undo the changes

|-
|| 
Cursor on the interface.
|| Now, we will learn how to create a '''button'''.

|-
|| Click on '''Button''' tool >> click in the '''Graphics view'''.
|| Click on the '''Button''' tool and click in the '''Graphics view'''.

|-
|| Point to the dialog box.
|| The '''Button '''dialog box opens.

|-
|| Type '''Caption '''as '''Value'''.
|| Type '''Caption''' as '''Value'''.

|-
|| In '''GeoGebra Script '''box''' '''type, 

'''SetValue[A, A-1]'''

'''SetValue[B, B+2]'''

'''SetColor[j, "Blue"]'''

'''SetColor[h, "Green"]'''

'''SetColor[i, "Red"]'''
|| In '''GeoGebra Script  box'''  type the following '''script.'''


|-
||Cursor in the '''GeoGebra Script box''' 
|| Now I will explain the '''script'''.

|-
|| Highlight the line '''SetValue[A, A-1]'''
|| This line will change the position of the coordinates of '''A''' to '''A-1'''


This means that the x coordinate of '''A''' becomes x-1 and y coordinate of A becomes y-l.

|-
|| Highlight the line '''SetValue[B, B+2]'''
|| Similarly this command will change the poistion of the coordinates of '''B''' to '''B+2'''.

|-
|| Highlight the line '''SetColor[j, "Blue"]'''
|| This line will set the colour of segment '''j''' to blue.

|-
|| Highlight the line '''SetColor[h, "green"]'''
|| This line will set the colour of segment '''h''' to green.

|-
|| Highlight the line '''SetColor[i, "red"]'''
|| This line will set the colour of segment '''i''' to red.

|-
|| Click on '''OK''' button.
|| Click on the '''OK '''button at the bottom.

|-
|| Point to the button.
|| '''Value button''' appears in the '''Graphics view'''.

|-
|| Click on Value button.
|| Select the '''Move''' tool and Click on '''value button.'''

|-
|| Point to the figure in Graphics view.


Point to the coordinates of points '''A''' and '''B.'''


Point to the segments.
|| Observe the changes in the '''Graphics view.'''


Observe that the coordinates of point '''A '''and point '''B '''have changed. 


The colours of the segments change accordingly.

|-
|| Click on '''Zoom Out''' tool.

Then click in the Graphics veiw.
|| Click on '''Zoom Out''' tool and click in the '''Graphics veiw''' to zoom out.

|-
|| Click the '''value''' button two more times.


Point '''Algebra''' and '''Graphics''' views.
|| I will click the '''Value button''' again.


Observe the changes in the coordinates of points '''A '''and '''B.'''


|-
|| '''Slide Number 7'''

'''Assignment'''


|| As an assignment, 

Create a new '''button'''. 

Write a GeoGebra script to change the colour and position of the points A and B.

|-
||Cursor on the interface. 
|| Now we will combine action tools and see what happens.

|-
|| Click on '''File''' and '''New Window.'''
|| I have opened a new '''GeoGebra''' window.

|-
|| Click on '''Slider''' tool >> click in the '''Graphics''' '''view'''.
|| Click on the '''Slider''' tool and click in the '''Graphics''' '''view'''.

|-
|| Point to the dialog box.
|| The '''Slider '''dialog box opens.

|-
|| Point to '''Number '''radio button.
|| By default, '''Number '''radio button is selected with '''Name''' as '''a.'''


We will leave it as it is.

|-
|| Type Min as 1>> Max as 10 >> Increment as 1.
|| We will set the '''Min''' value to 1, '''Max''' to 10 and '''Increment''' to 1.

|-
|| Click OK at the bottom.


Point to the slider.
|| Click on '''OK '''button at the bottom.


A number slider '''a '''appears in the '''Graphics view'''.

|-
|| Click on '''Regular Polygon''' tool >>click two points in the '''Graphics view
'''.
|| Now click on '''Regular Polygon''' tool and click two points in the '''Graphics view.'''

|-
|| Point to the text box.


Type a in '''Vertices '''text box >> Click '''OK '''button.
|| '''Regular Polygon '''text box opens.


In the '''Vertices''' text box, type '''a '''and click '''OK '''in the box.

|-
|| Point to '''Polygon'''>> '''poly1 undefined'''.
|| Notice in the '''Algebra view''', under '''Polygon'''

we have '''poly1 undefined'''.

|-
|| Drag slider '''a '''from 1 to 10.
|| As a we drag the slider, notice that polygons with different sides appear.

|-
|| Cursor in the '''Graphics view'''.
|| Now we will insert an '''input box'''.

|-
|| Click on '''Input Box '''tool >> click in the Graphics view.
|| Click on '''Input Box '''tool and click in the '''Graphics view'''.

|-
|| 
|| '''Input '''dailogue box opens.

|-
|| Type Number of sides in Caption text box.
|| Type the '''Caption''' as '''Number of sides''' in the box.

|-
|| Select '''a=1''' in the Linked Object drop-down >> Click '''OK '''button
|| Select '''a=1''' in the '''Linked Object''' drop-down.


Click on '''OK '''button in the text box.

|-
|| Point to the input box.
|| '''Number of sides input box''' appears in the '''Graphics view.'''

|-
|| Click on the blue dot against '''a=1.'''
|| In the '''Algebra view''', uncheck the number slider '''a=1 '''to hide the slider.

|-
|| Type 4 in the input box >> press '''Enter'''.
|| In the '''Number of sides input box, '''type 4 and press '''Enter'''. 


You will see a square. 

|-
|| Type any number between 3 to 10.
|| Likewise, you can type any number between 3 to 10 and see the respective polygon.

|-
|| '''Slide Number 
8'''

'''Assignment
'''
|| As an assignment,

Create a check box to show and hide the slider and the input box.

|-
|| '''Slide Number 
 9'''


'''Summary''' 
|| Let us summarise.

In this tutorial we have learnt about''' free''' and '''dependent''' '''objects'''.


We have also learnt to,

* Create a '''check-box'''
* Create an '''insert button''' 
* Insert an '''input box'''


|-
|| '''Slide Number 10'''

'''About Spoken Tutorial project'''
|| The video at the following link summarizes the Spoken Tutorial project.

Please download and watch it.

|-
|| '''Slide Number 11'''

'''Spoken Tutorial workshops'''
|| The '''Spoken Tutorial Project '''team conducts workshops and gives certificates.


For more details, please write to us.

|-
|| '''Slide Number 12'''

'''Forum for specific questions:'''

Do you have questions in THIS '''Spoken Tutorial'''?

* Please visit this site
* Choose the minute and second where you have the question.
* Explain your question briefly
* Someone from our team will answer them.


|| Please post your timed queries in this forum.

|-
|| '''Slide Number 13'''

'''Acknowledgement'''
|| Spoken Tutorial Project is funded by '''NMEICT''', '''MHRD,''' Government of India.

More information on this mission is available at this link.

|-
|| 
|| This is Madhuri Ganapathi from, IIT Bombay signing off.

Thank you for watching.

|-
|}