Grade 4 Geometry Construction: Constructing a Rectangle
2021-08-04 01:48
This GeoGebra applet demonstrates the geometric construction of a rectangle, tailored for Grade 4 mathematics education. Utilizing fundamental geometric commands such as circles, rotations, segments, rays, and intersections, it systematically builds the vertices and sides of a rectangle. The applet features bilingual text toggles, grid displays, and parallel line aids, helping students intuitively
In collections
P4 Math: Constructing Quadrilaterals
<?xml version="1.0" encoding="utf-8"?>
<geogebra format="5.0" version="5.0.657.0" app="classic" platform="w" id="0E4FD4C0-820D-4491-BD01-A67CA2F7E8C6" xsi:noNamespaceSchemaLocation="http://www.geogebra.org/apps/xsd/ggb.xsd" xmlns="" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" >
<gui>
<window width="1400" height="700" />
<perspectives>
<perspective id="tmp">
<panes>
<pane location="" divider="1" orientation="1" />
</panes>
<views>
<view id="512" toolbar="0 | 1 501 5 19 , 67 | 2 15 45 18 , 7 37 | 514 3 9 , 13 44 , 47 | 16 51 | 551 550 11 , 20 22 21 23 , 55 56 57 , 12 | 69 | 510 511 , 512 513 | 533 531 , 534 532 , 522 523 , 537 536 , 535 | 521 520 | 36 , 38 49 560 | 571 30 29 570 31 33 | 17 | 540 40 41 42 , 27 28 35 , 6 , 502" visible="false" inframe="false" stylebar="false" location="1,1,1" size="500" window="100,100,600,400" />
<view id="4" toolbar="0 || 2020 , 2021 , 2022 || 2001 , 2003 , 2002 , 2004 , 2005 || 2040 , 2041 , 2042 , 2044 , 2043" visible="false" inframe="false" stylebar="false" location="1,1" size="300" window="100,100,600,400" />
<view id="8" toolbar="1001 | 1002 | 1003 || 1005 | 1004 || 1006 | 1007 | 1010 || 1008 | 1009 || 6" visible="false" inframe="false" stylebar="false" location="1,3" size="300" window="100,100,600,400" />
<view id="1" visible="true" inframe="false" stylebar="false" location="3" size="1400" window="100,100,600,400" />
<view id="2" visible="false" inframe="false" stylebar="true" location="3" size="380" tab="ALGEBRA" window="100,100,600,400" />
<view id="16" visible="false" inframe="false" stylebar="false" location="1" size="300" window="50,50,500,500" />
<view id="32" visible="false" inframe="false" stylebar="true" location="1" size="300" window="50,50,500,500" />
<view id="64" toolbar="0" visible="false" inframe="false" stylebar="false" location="1" size="480" window="50,50,500,500" />
<view id="128" visible="false" inframe="false" stylebar="false" location="1" size="480" window="50,50,500,500" />
<view id="4097" visible="false" inframe="false" stylebar="true" location="1" size="966" window="100,100,700,550" />
<view id="70" toolbar="0 || 2020 || 2021 || 2022" visible="false" inframe="false" stylebar="true" location="1" size="900" window="50,50,500,500" />
</views>
<toolbar show="true" items="0 | 62 | 17 | 73 | 6" position="1" help="false" />
<input show="false" cmd="true" top="algebra" />
<dockBar show="false" east="false" />
</perspective>
</perspectives>
<labelingStyle val="0"/>
<font size="16"/>
</gui>
<euclidianView>
<viewNumber viewNo="1"/>
<size width="1400" height="646"/>
<coordSystem xZero="820.1082954545461" yZero="350.36340909090916" scale="53.812500000000085" yscale="53.812500000000014"/>
<evSettings axes="false" grid="true" gridIsBold="false" pointCapturing="3" rightAngleStyle="1" checkboxSize="26" gridType="0"/>
<bgColor r="255" g="255" b="255"/>
<axesColor r="0" g="0" b="0"/>
<gridColor r="192" g="192" b="192"/>
<lineStyle axes="1" grid="0"/>
<axis id="0" show="false" label="" unitLabel="" tickStyle="1" showNumbers="true"/>
<axis id="1" show="false" label="" unitLabel="" tickStyle="1" showNumbers="true"/>
</euclidianView>
<kernel>
<continuous val="false"/>
<usePathAndRegionParameters val="true"/>
<decimals val="2"/>
<angleUnit val="degree"/>
<algebraStyle val="3" spreadsheet="0"/>
<coordStyle val="0"/>
</kernel>
<tableview min="-2" max="2" step="1"/>
<scripting blocked="false" disabled="false"/>
<construction title="" author="" date="">
<element type="boolean" label="ShowChi">
<value val="true"/>
<show object="true" label="false"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<layer val="0"/>
<labelOffset x="26" y="547"/>
<labelMode val="0"/>
<checkbox fixed="true"/>
<ggbscript onUpdate="ShowEng=!ShowEng"/>
</element>
<element type="boolean" label="ShowEng">
<value val="false"/>
<show object="true" label="false"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<layer val="0"/>
<labelOffset x="25" y="593"/>
<labelMode val="0"/>
<checkbox fixed="true"/>
<ggbscript onUpdate="ShowChi = !ShowChi"/>
</element>
<expression label="Text1Chi" exp=""中文""/>
<element type="text" label="Text1Chi">
<show object="true" label="true" ev="40"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<bgColor r="255" g="255" b="102" alpha="255"/>
<layer val="0"/>
<labelMode val="0"/>
<fixed val="true"/>
<startPoint x="-13.879999999999999" y="-4.02" z="1"/>
</element>
<expression label="Text2Eng" exp=""English""/>
<element type="text" label="Text2Eng">
<show object="true" label="true" ev="40"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<bgColor r="255" g="192" b="203" alpha="255"/>
<layer val="0"/>
<labelMode val="0"/>
<fixed val="true"/>
<startPoint x="-13.96" y="-4.98" z="1"/>
</element>
<element type="boolean" label="ShGrid">
<value val="true"/>
<show object="false" label="true"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<layer val="0"/>
<labelMode val="0"/>
<checkbox fixed="true"/>
</element>
<element type="button" label="Button1GridC">
<show object="true" label="true"/>
<condition showObject="ShowChi"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<bgColor r="191" g="255" b="0" alpha="255"/>
<layer val="0"/>
<labelOffset x="23" y="478"/>
<labelMode val="3"/>
<fixed val="true"/>
<auxiliary val="true"/>
<ggbscript val="ShowGrid(!ShGrid);
ShGrid = !ShGrid"/>
<font serif="false" sizeM="1.4" size="7" style="0"/>
<startPoint x="-14.86" y="-2.2" z="1"/>
<caption val="顯示 / 隱藏格線"/>
</element>
<element type="boolean" label="ShParallelLines">
<value val="false"/>
<show object="false" label="true"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<layer val="0"/>
<labelMode val="0"/>
<checkbox fixed="true"/>
</element>
<element type="button" label="Button1E">
<show object="true" label="true"/>
<condition showObject="¬ShowChi"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<bgColor r="191" g="255" b="0" alpha="255"/>
<layer val="0"/>
<labelOffset x="28" y="477"/>
<labelMode val="0"/>
<fixed val="true"/>
<auxiliary val="true"/>
<ggbscript val="ShowGrid(!ShGrid);
ShGrid = !ShGrid"/>
<font serif="false" sizeM="1.4" size="7" style="0"/>
<caption val="Show / Hide Gridlines"/>
</element>
<element type="button" label="Button2ParaLineC">
<show object="true" label="true"/>
<condition showObject="ShowChi"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<bgColor r="255" g="204" b="102" alpha="255"/>
<layer val="0"/>
<labelOffset x="23" y="429"/>
<labelMode val="0"/>
<fixed val="true"/>
<auxiliary val="true"/>
<ggbscript val="ShParallelLines = !ShParallelLines"/>
<font serif="false" sizeM="1.4" size="7" style="0"/>
<startPoint x="-14.859999999999994" y="-1.22" z="1"/>
<caption val="顯示 / 隱藏平行線"/>
</element>
<element type="button" label="Button2ParaLineE">
<show object="true" label="true"/>
<condition showObject="ShowEng"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<bgColor r="255" g="204" b="102" alpha="255"/>
<layer val="0"/>
<labelOffset x="23" y="429"/>
<labelMode val="0"/>
<fixed val="true"/>
<auxiliary val="true"/>
<ggbscript val="ShParallelLines = !ShParallelLines"/>
<font serif="false" sizeM="1.4" size="7" style="0"/>
<startPoint x="-14.859999999999994" y="-1.22" z="1"/>
<caption val="Show / Hide Parallel Lines"/>
</element>
<element type="point" label="ParaPo1">
<show object="true" label="false"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<layer val="0"/>
<labelMode val="0"/>
<animation step="0.1" speed="1" type="1" playing="false"/>
<coords x="-1" y="-4" z="1"/>
<pointSize val="5"/>
<pointStyle val="0"/>
</element>
<element type="numeric" label="ParaLeng1">
<value val="7"/>
<show object="true" label="false"/>
<objColor r="255" g="0" b="0" alpha="0.10000000149011612"/>
<layer val="0"/>
<labelMode val="1"/>
<slider min="0.4" max="10" width="4" x="-14.723049308415142" y="5.152623798965267" fixed="true" horizontal="true" showAlgebra="true"/>
<lineStyle thickness="10" type="0" typeHidden="1"/>
<animation step="0.2" speed="1" type="0" playing="false"/>
</element>
<command name="Circle">
<input a0="ParaPo1" a1="ParaLeng1"/>
<output a0="ParaCir1"/>
</command>
<element type="conic" label="ParaCir1">
<show object="false" label="false"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<layer val="0"/>
<labelMode val="0"/>
<lineStyle thickness="5" type="0" typeHidden="1" opacity="178"/>
<eigenvectors x0="1" y0="0" z0="1.0" x1="0" y1="1" z1="1.0"/>
<matrix A0="1" A1="1" A2="-32" A3="0" A4="1" A5="4"/>
<eqnStyle style="specific"/>
</element>
<command name="Point">
<input a0="ParaCir1"/>
<output a0="ParaPo1Aux"/>
</command>
<element type="point" label="ParaPo1Aux">
<show object="false" label="false"/>
<objColor r="125" g="125" b="255" alpha="0"/>
<layer val="0"/>
<labelMode val="0"/>
<animation step="1" speed="1" type="1" playing="false"/>
<coords x="6" y="-4" z="1"/>
<pointSize val="5"/>
<pointStyle val="0"/>
</element>
<element type="numeric" label="ParaAngle1">
<value val="0"/>
<show object="true" label="false"/>
<objColor r="0" g="0" b="0" alpha="0.10000000149011612"/>
<layer val="0"/>
<labelMode val="1"/>
<slider min="(-2 * π)" max="(2 * π)" width="4" x="-14.705534790412816" y="2.1064217083729284" fixed="true" horizontal="true" showAlgebra="true"/>
<lineStyle thickness="10" type="0" typeHidden="1"/>
<animation step="π / 16" speed="1" type="0" playing="false"/>
</element>
<command name="Rotate">
<input a0="ParaPo1Aux" a1="(-ParaAngle1)" a2="ParaPo1"/>
<output a0="ParaPo2"/>
</command>
<element type="point" label="ParaPo2">
<show object="true" label="false" ev="4"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<layer val="0"/>
<labelMode val="0"/>
<coords x="6" y="-4" z="1"/>
<pointSize val="5"/>
<pointStyle val="0"/>
</element>
<command name="Segment">
<input a0="ParaPo1" a1="ParaPo2"/>
<output a0="ParaSeg1"/>
</command>
<element type="segment" label="ParaSeg1">
<show object="true" label="false"/>
<objColor r="255" g="0" b="0" alpha="0"/>
<layer val="0"/>
<labelMode val="0"/>
<coords x="0" y="7" z="28"/>
<lineStyle thickness="5" type="0" typeHidden="1" opacity="178"/>
<outlyingIntersections val="false"/>
<keepTypeOnTransform val="true"/>
</element>
<element type="numeric" label="ParaLeng2">
<value val="5"/>
<show object="true" label="false"/>
<objColor r="0" g="0" b="255" alpha="0.10000000149011612"/>
<layer val="0"/>
<labelMode val="1"/>
<slider min="0.4" max="10" width="4" x="-14.820363214021743" y="3.6162770562770574" fixed="true" horizontal="true" showAlgebra="true"/>
<lineStyle thickness="10" type="0" typeHidden="1"/>
<animation step="0.2" speed="1" type="0" playing="false"/>
</element>
<element type="numeric" label="ParaAngle2">
<value val="1.5707963267948966"/>
<show object="false" label="false"/>
<objColor r="153" g="51" b="0" alpha="0.10000000149011612"/>
<layer val="0"/>
<labelMode val="1"/>
<slider min="π / 16" max="π - π / 16" width="4" x="-14.802477035159955" y="0.42765917009819454" fixed="true" horizontal="true" showAlgebra="true"/>
<lineStyle thickness="10" type="0" typeHidden="1"/>
<animation step="π / 16" speed="1" type="0" playing="false"/>
</element>
<command name="Circle">
<input a0="ParaPo1" a1="ParaLeng2"/>
<output a0="ParaCir2"/>
</command>
<element type="conic" label="ParaCir2">
<show object="false" label="false"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<layer val="0"/>
<labelMode val="0"/>
<lineStyle thickness="5" type="0" typeHidden="1" opacity="178"/>
<eigenvectors x0="1" y0="0" z0="1.0" x1="0" y1="1" z1="1.0"/>
<matrix A0="1" A1="1" A2="-8" A3="0" A4="1" A5="4"/>
<eqnStyle style="specific"/>
</element>
<command name="Ray">
<input a0="ParaPo1" a1="ParaPo2"/>
<output a0="ParaRay1"/>
</command>
<element type="ray" label="ParaRay1">
<show object="false" label="true"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<layer val="0"/>
<labelMode val="0"/>
<coords x="0" y="7" z="28"/>
<lineStyle thickness="5" type="0" typeHidden="1" opacity="178"/>
<outlyingIntersections val="false"/>
<keepTypeOnTransform val="true"/>
</element>
<command name="Intersect">
<input a0="ParaCir2" a1="ParaRay1" a2="1"/>
<output a0="ParaPo2Aux"/>
</command>
<element type="point" label="ParaPo2Aux">
<show object="false" label="true"/>
<objColor r="68" g="68" b="68" alpha="0"/>
<layer val="0"/>
<labelMode val="0"/>
<coords x="4" y="-4" z="1"/>
<pointSize val="4"/>
<pointStyle val="0"/>
</element>
<command name="Rotate">
<input a0="ParaPo2Aux" a1="ParaAngle2" a2="ParaPo1"/>
<output a0="ParaPo3"/>
</command>
<element type="point" label="ParaPo3">
<show object="true" label="false" ev="4"/>
<objColor r="68" g="68" b="68" alpha="0"/>
<layer val="0"/>
<labelMode val="0"/>
<coords x="-1" y="1" z="1"/>
<pointSize val="4"/>
<pointStyle val="0"/>
</element>
<command name="Segment">
<input a0="ParaPo1" a1="ParaPo3"/>
<output a0="ParaSeg2"/>
</command>
<element type="segment" label="ParaSeg2">
<show object="true" label="false"/>
<objColor r="0" g="0" b="255" alpha="0"/>
<layer val="0"/>
<labelMode val="0"/>
<coords x="-5" y="0" z="-5"/>
<lineStyle thickness="5" type="0" typeHidden="1" opacity="178"/>
<outlyingIntersections val="false"/>
<keepTypeOnTransform val="true"/>
</element>
<command name="Line">
<input a0="ParaPo3" a1="ParaSeg1"/>
<output a0="ParaLine3"/>
</command>
<element type="line" label="ParaLine3">
<show object="true" label="false" ev="4"/>
<condition showObject="ShParallelLines"/>
<objColor r="255" g="0" b="0" alpha="0"/>
<layer val="0"/>
<labelMode val="0"/>
<coords x="0" y="7" z="-7"/>
<lineStyle thickness="5" type="15" typeHidden="1" opacity="178"/>
<eqnStyle style="implicit"/>
</element>
<command name="Line">
<input a0="ParaPo2" a1="ParaSeg2"/>
<output a0="ParaLine4"/>
</command>
<element type="line" label="ParaLine4">
<show object="true" label="false" ev="4"/>
<condition showObject="ShParallelLines"/>
<objColor r="0" g="0" b="255" alpha="0"/>
<layer val="0"/>
<labelMode val="0"/>
<coords x="-5" y="0" z="30"/>
<lineStyle thickness="5" type="10" typeHidden="1" opacity="178"/>
<eqnStyle style="implicit"/>
</element>
<command name="Intersect">
<input a0="ParaLine3" a1="ParaLine4"/>
<output a0="ParaPo4"/>
</command>
<element type="point" label="ParaPo4">
<show object="true" label="false" ev="4"/>
<objColor r="68" g="68" b="68" alpha="0"/>
<layer val="0"/>
<labelMode val="0"/>
<coords x="210" y="35" z="35"/>
<pointSize val="4"/>
<pointStyle val="0"/>
</element>
<command name="Line">
<input a0="ParaPo1" a1="ParaPo2"/>
<output a0="ParaLine1"/>
</command>
<element type="line" label="ParaLine1">
<show object="true" label="false" ev="4"/>
<condition showObject="ShParallelLines"/>
<objColor r="255" g="0" b="0" alpha="0"/>
<layer val="0"/>
<labelMode val="0"/>
<coords x="0" y="7" z="28"/>
<lineStyle thickness="5" type="15" typeHidden="1" opacity="178"/>
<eqnStyle style="implicit"/>
</element>
<command name="Line">
<input a0="ParaPo1" a1="ParaPo3"/>
<output a0="ParaLine2"/>
</command>
<element type="line" label="ParaLine2">
<show object="true" label="false" ev="4"/>
<condition showObject="ShParallelLines"/>
<objColor r="0" g="0" b="255" alpha="0"/>
<layer val="0"/>
<labelMode val="0"/>
<coords x="-5" y="0" z="-5"/>
<lineStyle thickness="5" type="15" typeHidden="1" opacity="178"/>
<eqnStyle style="implicit"/>
</element>
<command name="Segment">
<input a0="ParaPo3" a1="ParaPo4"/>
<output a0="ParaSeg3"/>
</command>
<element type="segment" label="ParaSeg3">
<show object="true" label="false"/>
<objColor r="255" g="0" b="0" alpha="0"/>
<layer val="0"/>
<labelMode val="0"/>
<coords x="0" y="7" z="-7"/>
<lineStyle thickness="5" type="0" typeHidden="1" opacity="178"/>
<outlyingIntersections val="false"/>
<keepTypeOnTransform val="true"/>
</element>
<command name="Segment">
<input a0="ParaPo4" a1="ParaPo2"/>
<output a0="ParaSeg4"/>
</command>
<element type="segment" label="ParaSeg4">
<show object="true" label="false" ev="4"/>
<objColor r="0" g="0" b="255" alpha="0"/>
<layer val="0"/>
<labelMode val="0"/>
<coords x="5" y="0" z="-30"/>
<lineStyle thickness="5" type="0" typeHidden="1" opacity="178"/>
<outlyingIntersections val="false"/>
<keepTypeOnTransform val="true"/>
</element>
<command name="If">
<input a0="ShowChi" a1=""改變紅線長度"" a2=""Change the lengths of red lines""/>
<output a0="Text3"/>
</command>
<element type="text" label="Text3">
<show object="true" label="true"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<bgColor r="255" g="255" b="153" alpha="255"/>
<layer val="0"/>
<labelMode val="0"/>
<fixed val="true"/>
<startPoint x="-14.793574068208207" y="5.7145011086474495" z="1"/>
</element>
<command name="If">
<input a0="ShowChi" a1=""改變藍線長度"" a2=""Change the lengths of blue lines""/>
<output a0="Text4"/>
</command>
<element type="text" label="Text4">
<show object="true" label="true"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<bgColor r="255" g="255" b="153" alpha="255"/>
<layer val="0"/>
<labelMode val="0"/>
<fixed val="true"/>
<startPoint x="-14.82926829268291" y="4.125435540069686" z="1"/>
</element>
<command name="If">
<input a0="ShowChi" a1=""旋轉圖形"" a2=""Rotate the shape""/>
<output a0="Text5"/>
</command>
<element type="text" label="Text5">
<show object="true" label="true"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<bgColor r="255" g="255" b="153" alpha="255"/>
<layer val="0"/>
<labelMode val="0"/>
<fixed val="true"/>
<startPoint x="-14.736353077816476" y="2.452961672473867" z="1"/>
</element>
<command name="If">
<input a0="ShowChi" a1=""改變圖形內角的大小"" a2=""Change the angles inside the shape""/>
<output a0="Text6"/>
</command>
<element type="text" label="Text6">
<show object="false" label="true"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<bgColor r="255" g="255" b="153" alpha="255"/>
<layer val="0"/>
<labelMode val="0"/>
<fixed val="true"/>
<startPoint x="-14.792102206736336" y="0.9477351916376305" z="1"/>
</element>
</construction>
</geogebra>