Geometric Construction and Demonstration of the Area of a Square
2017-04-20 08:55
This applet dynamically demonstrates the geometric construction and area calculation of a square. It builds a square polygon using vertices A, B, C, and D, calculates side lengths via the Distance command, and uses the Rotate command to show geometric transformations. Combining intuitive graphics with LaTeX formulas, it helps users understand the geometric meaning of the square area formula.
In collections
面積
<?xml version="1.0" encoding="utf-8"?>
<geogebra format="4.2" version="4.2.35.0" id="6a23cf66-7f18-4120-a42f-10fdc8779268" xsi:noNamespaceSchemaLocation="http://www.geogebra.org/ggb.xsd" xmlns="" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" >
<gui>
<window width="1440" height="860" />
<perspectives>
<perspective id="tmp">
<panes>
<pane location="" divider="0.19583333333333333" orientation="1" />
<pane location="0" divider="0.12291666666666666" orientation="1" />
</panes>
<views>
<view id="4" toolbar="0 || 2020 , 2021 , 2022 , 66 || 2001 , 2003 , 2002 , 2004 , 2005 || 2040 , 2041 , 2042 , 2044 , 2043" visible="false" inframe="false" stylebar="false" location="1,1" size="200" window="0,0,400,400" />
<view id="2" visible="true" inframe="false" stylebar="false" location="3,3" size="177" window="0,0,200,400" />
<view id="8" toolbar="1001 | 1002 | 1003 || 1005 | 1004 || 1006 | 1007 | 1010 | 1011 || 1008 1009 || 6" visible="true" inframe="false" stylebar="false" location="3,1" size="100" window="50,50,500,500" />
<view id="1" visible="true" inframe="false" stylebar="true" location="1" size="1137" window="0,0,400,400" />
<view id="16" visible="false" inframe="true" stylebar="true" location="1" size="150" window="50,50,500,500" />
<view id="32" visible="false" inframe="true" stylebar="true" location="1" size="150" window="50,50,500,500" />
<view id="64" visible="false" inframe="true" stylebar="true" location="1" size="150" window="50,50,500,500" />
<view id="4097" visible="false" inframe="true" stylebar="true" location="1" size="150" window="146,100,500,500" />
<view id="70" toolbar="0 || 2020 || 2021 || 2022" visible="false" inframe="true" stylebar="true" location="1" size="150" window="50,50,500,500" />
</views>
<toolbar show="true" items="0 39 59 || 1 501 5 19 67 72 | 2 15 45 18 , 7 37 | 4 3 8 9 , 13 44 , 58 , 47 || 16 51 64 70 65 | 10 34 53 11 , 24 20 22 , 21 23 | 55 56 57 , 12 || 36 46 , 38 49 50 , 71 | 30 29 54 32 31 33 | 17 26 62 , 14 66 68 | 25 52 60 61 || 40 41 42 , 27 28 35 , 6 || 100001 " position="1" help="true" />
<input show="true" cmd="true" top="false" />
<dockBar show="false" east="false" />
</perspective>
</perspectives>
<labelingStyle val="2"/>
<font size="12"/>
<graphicsSettings javaLatexFonts="false"/>
</gui>
<euclidianView>
<size width="1137" height="673"/>
<coordSystem xZero="-1.0263309629059165" yZero="190.61003267345762" scale="58.01316548145306" yscale="53.694983663271216"/>
<evSettings axes="false" grid="true" gridIsBold="false" pointCapturing="1" rightAngleStyle="1" checkboxSize="13" 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="10"/>
<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="0"/>
<coordStyle val="0"/>
<angleFromInvTrig val="false"/>
</kernel>
<scripting blocked="false" disabled="false"/>
<construction title="" author="Brad Glass" date="">
<element type="point" label="A">
<show object="true" label="true"/>
<objColor r="0" g="0" b="255" alpha="0.0"/>
<layer val="0"/>
<labelOffset x="-17" y="17"/>
<labelMode val="0"/>
<animation step="0.1" speed="1" type="0" playing="false"/>
<coords x="5.0" y="0.0" z="1.0"/>
<pointSize val="3"/>
<pointStyle val="0"/>
</element>
<element type="point" label="B">
<show object="true" label="true"/>
<objColor r="0" g="0" b="255" alpha="0.0"/>
<layer val="0"/>
<labelOffset x="1" y="17"/>
<labelMode val="0"/>
<animation step="1" speed="1" type="0" playing="false"/>
<coords x="5.0" y="-3.0" z="1.0"/>
<pointSize val="1"/>
<pointStyle val="0"/>
</element>
<command name="Rotate">
<input a0="B" a1="90*°" a2="A"/>
<output a0="D"/>
</command>
<element type="point" label="D">
<show object="false" label="true"/>
<objColor r="64" g="64" b="64" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<coords x="8.0" y="-1.8369701987210297E-16" z="1.0"/>
<pointSize val="3"/>
<pointStyle val="0"/>
</element>
<command name="Rotate">
<input a0="A" a1="270*°" a2="B"/>
<output a0="C"/>
</command>
<element type="point" label="C">
<show object="false" label="true"/>
<objColor r="64" g="64" b="64" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<coords x="8.0" y="-3.0000000000000004" z="1.0"/>
<pointSize val="3"/>
<pointStyle val="0"/>
</element>
<command name="Polygon">
<input a0="A" a1="B" a2="C" a3="D"/>
<output a0="poly1" a1="a" a2="b" a3="c" a4="d"/>
</command>
<element type="polygon" label="poly1">
<lineStyle thickness="2" type="0" typeHidden="1"/>
<show object="true" label="true"/>
<objColor r="153" g="51" b="0" alpha="0.1"/>
<layer val="0"/>
<labelMode val="0"/>
</element>
<element type="segment" label="a">
<show object="true" label="false"/>
<objColor r="153" g="51" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<coords x="3.0" y="0.0" z="-15.0"/>
<lineStyle thickness="2" type="0" typeHidden="1"/>
<eqnStyle style="implicit"/>
<outlyingIntersections val="false"/>
<keepTypeOnTransform val="true"/>
</element>
<element type="segment" label="b">
<show object="true" label="false"/>
<objColor r="153" g="51" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<coords x="4.440892098500626E-16" y="3.0" z="8.999999999999998"/>
<lineStyle thickness="2" type="0" typeHidden="1"/>
<eqnStyle style="implicit"/>
<outlyingIntersections val="false"/>
<keepTypeOnTransform val="true"/>
</element>
<element type="segment" label="c">
<show object="true" label="false"/>
<objColor r="153" g="51" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<coords x="-3.0000000000000004" y="0.0" z="24.000000000000004"/>
<lineStyle thickness="2" type="0" typeHidden="1"/>
<eqnStyle style="implicit"/>
<outlyingIntersections val="false"/>
<keepTypeOnTransform val="true"/>
</element>
<element type="segment" label="d">
<show object="true" label="false"/>
<objColor r="153" g="51" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<coords x="-1.8369701987210297E-16" y="-3.0" z="9.184850993605148E-16"/>
<lineStyle thickness="2" type="0" typeHidden="1"/>
<eqnStyle style="implicit"/>
<outlyingIntersections val="false"/>
<keepTypeOnTransform val="true"/>
</element>
<command name="LaTeX">
<input a0="d" a1="true" a2="true"/>
<output a0="文本2"/>
</command>
<element type="text" label="文本2">
<show object="true" label="false"/>
<objColor r="0" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<isLaTeX val="true"/>
<font serif="false" sizeM="1.0" size="0" style="0"/>
<startPoint x="6.402547826086955" y="0.6245869565217396" z="1.0"/>
</element>
<expression label="文本4" exp=""正方形的面積是：""/>
<element type="text" label="文本4">
<show object="true" label="false"/>
<objColor r="0" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<font serif="false" sizeM="2.0" size="12" style="0"/>
<startPoint x="4.932134782608693" y="2.434326086956523" z="1.0"/>
</element>
<expression label="文本5" exp=""正方形的周界是：""/>
<element type="text" label="文本5">
<show object="true" label="false"/>
<objColor r="0" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<font serif="false" sizeM="2.0" size="12" style="0"/>
<startPoint x="4.932134782608694" y="1.5520782608695662" z="1.0"/>
</element>
<command name="LaTeX">
<input a0="a" a1="true" a2="true"/>
<output a0="文本1"/>
</command>
<element type="text" label="文本1">
<show object="true" label="false"/>
<objColor r="0" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<isLaTeX val="true"/>
<font serif="false" sizeM="1.0" size="0" style="0"/>
<startPoint x="5.203595652173912" y="-1.7506956521739139" z="1.0"/>
</element>
<expression label="e" exp="a + a + a + a" />
<element type="numeric" label="e">
<value val="12.0"/>
<objColor r="0" g="0" b="0" alpha="0.1"/>
</element>
<command name="Distance">
<input a0="A" a1="B"/>
<output a0="距离AB"/>
</command>
<element type="numeric" label="距离AB">
<value val="3.0"/>
<objColor r="0" g="0" b="0" alpha="0.1"/>
</element>
<expression label="f" exp="a * a" />
<element type="numeric" label="f">
<value val="9.0"/>
<objColor r="0" g="0" b="0" alpha="0.1"/>
</element>
<expression label="文本9" exp=""" + poly1 + "平方厘米"" />
<element type="text" label="文本9">
<show object="true" label="false"/>
<objColor r="0" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<font serif="false" sizeM="2.0" size="12" style="0"/>
<startPoint x="10.547740957618608" y="2.4422228187919437" z="1.0"/>
</element>
<expression label="文本8" exp=""" + e + "厘米"" />
<element type="text" label="文本8">
<show object="true" label="false"/>
<objColor r="0" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<font serif="false" sizeM="2.0" size="12" style="0"/>
<startPoint x="10.549783413535193" y="1.6688715883668892" z="1.0"/>
</element>
<expression label="文本7" exp=""" + a + "×" + b + " ="" />
<element type="text" label="文本7">
<show object="true" label="false"/>
<objColor r="0" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<font serif="false" sizeM="2.0" size="12" style="0"/>
<startPoint x="8.348829238506552" y="2.4635774632817826" z="1.0"/>
</element>
<expression label="文本6" exp=""" + a + "×4 ="" />
<element type="text" label="文本6">
<show object="true" label="false"/>
<objColor r="0" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<font serif="false" sizeM="2.0" size="12" style="0"/>
<startPoint x="8.348829238506553" y="1.630571140939598" z="1.0"/>
</element>
</construction>
</geogebra>