Completing the Square Interactive Demo
2014-01-12 20:40
This interactive applet demonstrates the algebraic process of completing the square. By clicking the buttons, users can step through the transformation of a quadratic polynomial from its standard form to its vertex form. Utilizing text and expand commands, it clearly illustrates key steps such as factoring out the leading coefficient, completing the square, and simplifying, helping students visual
In collections
二次函數
Loading the GeoGebra board and drawing, please wait…
<?xml version="1.0" encoding="utf-8"?>
<geogebra format="4.4" version="4.4.6.0" id="073c98b2-2438-4d27-8622-37f98ca40f0c" xsi:noNamespaceSchemaLocation="http://www.geogebra.org/ggb.xsd" xmlns="" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" >
<gui>
<window width="1382" height="744" />
<perspectives>
<perspective id="tmp">
<panes>
<pane location="" divider="0.21273516642547033" orientation="1" />
</panes>
<views>
<view id="4097" visible="false" inframe="true" stylebar="true" location="1,1,1" size="400" window="400,119,880,550" />
<view id="4" toolbar="0 59 || 2020 , 2021 , 2022 , 66 || 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 | 1011 || 1008 1009 || 66 68 || 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="true" location="1" size="1355" window="100,100,600,400" />
<view id="2" visible="false" inframe="false" stylebar="false" location="3" size="294" window="100,100,250,400" />
<view id="16" visible="false" inframe="false" stylebar="false" location="1" size="150" window="50,50,500,500" />
<view id="32" visible="false" inframe="false" 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="70" 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 67 , 5 19 , 72 | 2 15 45 , 18 65 , 7 37 | 4 3 8 9 , 13 44 , 58 , 47 | 16 51 64 , 70 | 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 73 , 14 66 68 | 25 52 60 61 | 40 41 42 , 27 28 35 , 6" position="1" help="false" />
<input show="true" cmd="true" top="false" />
<dockBar show="true" east="true" />
</perspective>
</perspectives>
<labelingStyle val="0"/>
<font size="20"/>
<graphicsSettings javaLatexFonts="false"/>
</gui>
<euclidianView>
<size width="1355" height="555"/>
<coordSystem xZero="294.0" yZero="363.99999999999994" scale="50.00000000000001" yscale="49.999999999999986"/>
<evSettings axes="false" grid="false" 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="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="Completing the square" author="" date="">
<element type="boolean" label="g">
<value val="false"/>
<show object="false" label="true"/>
<objColor r="0" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
</element>
<element type="button" label="button1">
<show object="true" label="true"/>
<objColor r="0" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelOffset x="908" y="283"/>
<labelMode val="0"/>
<animation step="1" speed="1" type="0" playing="false"/>
<auxiliary val="true"/>
<ggbscript val="SetValue(g,If(g,false,true))"/>
<font serif="false" sizeM="2.0" size="20" style="0"/>
<caption val="Show/Hide Answers"/>
</element>
<element type="button" label="button2">
<show object="true" label="true"/>
<objColor r="0" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelOffset x="927" y="172"/>
<labelMode val="0"/>
<animation step="1" speed="1" type="0" playing="false"/>
<auxiliary val="true"/>
<ggbscript val="SetValue(a,Random(1,10)*(-1)^Random(1,2)) SetValue(b,Random(1,10)*(-1)^Random(1,2)) SetValue(c,Random(1,10)*(-1)^Random(1,2)) SetValue(d,Random(1,10)*(-1)^Random(1,2)) SetValue(e,Random(1,10)*(-1)^Random(1,2)) SetValue(i,Random(1,10)*(-1)^Random(1,2)) SetValue(t,Random(2,10)) "/>
<font serif="false" sizeM="2.0" size="20" style="0"/>
<caption val="New Questions"/>
</element>
<expression label="text1" exp=""Completing the Square""/>
<element type="text" label="text1">
<show object="true" label="true"/>
<objColor r="0" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<font serif="false" sizeM="2.0" size="20" style="0"/>
<startPoint x="-0.3999999999999999" y="5.86" z="1.0"/>
</element>
<element type="numeric" label="a">
<value val="-10.0"/>
<show object="false" label="true"/>
<objColor r="0" g="0" b="0" alpha="0.1"/>
<layer val="0"/>
<labelMode val="1"/>
<animation step="1" speed="1" type="0" playing="false"/>
</element>
<element type="numeric" label="b">
<value val="-10.0"/>
<show object="false" label="true"/>
<objColor r="0" g="0" b="0" alpha="0.1"/>
<layer val="0"/>
<labelMode val="1"/>
<animation step="1" speed="1" type="0" playing="false"/>
</element>
<expression label="f" exp="f(x) = (x - a)^(2) + b" />
<element type="function" label="f">
<show object="false" label="true"/>
<objColor r="0" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<lineStyle thickness="2" type="0" typeHidden="1"/>
</element>
<command name="Expand">
<input a0="f"/>
<output a0="h"/>
</command>
<element type="function" label="h">
<show object="false" label="true"/>
<objColor r="0" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<lineStyle thickness="2" type="0" typeHidden="1"/>
</element>
<command name="LaTeX">
<input a0="h" a1="true" a2="false"/>
<output a0="text2"/>
</command>
<element type="text" label="text2">
<show object="true" label="true"/>
<objColor r="0" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<isLaTeX val="true"/>
<font serif="true" sizeM="1.4" size="8" style="0"/>
<startPoint x="-2.4399999999999995" y="3.3999999999999986" z="1.0"/>
</element>
<command name="LaTeX">
<input a0="f" a1="true" a2="false"/>
<output a0="text3"/>
</command>
<element type="text" label="text3">
<show object="true" label="true"/>
<condition showObject="g"/>
<objColor r="0" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<isLaTeX val="true"/>
<font serif="true" sizeM="1.4" size="8" style="0"/>
<startPoint x="5.36" y="3.48" z="1.0"/>
</element>
<element type="numeric" label="c">
<value val="-5.0"/>
<show object="false" label="true"/>
<objColor r="0" g="0" b="0" alpha="0.1"/>
<layer val="0"/>
<labelMode val="1"/>
<animation step="1" speed="1" type="0" playing="false"/>
</element>
<element type="numeric" label="d">
<value val="5.0"/>
<show object="false" label="true"/>
<objColor r="0" g="0" b="0" alpha="0.1"/>
<layer val="0"/>
<labelMode val="1"/>
<animation step="1" speed="1" type="0" playing="false"/>
</element>
<element type="numeric" label="e">
<value val="-10.0"/>
<show object="false" label="true"/>
<objColor r="0" g="0" b="0" alpha="0.1"/>
<layer val="0"/>
<labelMode val="1"/>
<animation step="1" speed="1" type="0" playing="false"/>
</element>
<element type="numeric" label="i">
<value val="-2.0"/>
<show object="false" label="true"/>
<objColor r="0" g="0" b="0" alpha="0.1"/>
<layer val="0"/>
<labelMode val="1"/>
<animation step="1" speed="1" type="0" playing="false"/>
</element>
<element type="numeric" label="t">
<value val="6.0"/>
<show object="false" label="true"/>
<objColor r="0" g="0" b="0" alpha="0.1"/>
<layer val="0"/>
<labelMode val="1"/>
<animation step="1" speed="1" type="0" playing="false"/>
</element>
<expression label="p" exp="p(x) = (x + c)^(2) + d" />
<element type="function" label="p">
<show object="false" label="true"/>
<objColor r="0" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<lineStyle thickness="2" type="0" typeHidden="1"/>
</element>
<expression label="q" exp="q(x) = (t * (x + e)^(2)) + i" />
<element type="function" label="q">
<show object="false" label="true"/>
<objColor r="0" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<lineStyle thickness="2" type="0" typeHidden="1"/>
</element>
<command name="Expand">
<input a0="p"/>
<output a0="r"/>
</command>
<element type="function" label="r">
<show object="false" label="true"/>
<objColor r="0" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<lineStyle thickness="2" type="0" typeHidden="1"/>
</element>
<command name="Expand">
<input a0="q"/>
<output a0="s"/>
</command>
<element type="function" label="s">
<show object="false" label="true"/>
<objColor r="0" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<lineStyle thickness="2" type="0" typeHidden="1"/>
</element>
<command name="LaTeX">
<input a0="p" a1="true" a2="false"/>
<output a0="text4"/>
</command>
<element type="text" label="text4">
<show object="true" label="true"/>
<condition showObject="g"/>
<objColor r="0" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<isLaTeX val="true"/>
<font serif="true" sizeM="1.4" size="8" style="0"/>
<startPoint x="5.46" y="1.2999999999999998" z="1.0"/>
</element>
<command name="LaTeX">
<input a0="r" a1="true" a2="false"/>
<output a0="text5"/>
</command>
<element type="text" label="text5">
<show object="true" label="true"/>
<objColor r="0" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<isLaTeX val="true"/>
<font serif="true" sizeM="1.4" size="8" style="0"/>
<startPoint x="-2.28" y="1.2599999999999998" z="1.0"/>
</element>
<command name="LaTeX">
<input a0="s" a1="true" a2="false"/>
<output a0="text6"/>
</command>
<element type="text" label="text6">
<show object="true" label="true"/>
<objColor r="0" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<isLaTeX val="true"/>
<font serif="true" sizeM="1.4" size="8" style="0"/>
<startPoint x="-2.8799999999999994" y="-1.1400000000000006" z="1.0"/>
</element>
<command name="LaTeX">
<input a0="q" a1="true" a2="false"/>
<output a0="text7"/>
</command>
<element type="text" label="text7">
<show object="true" label="true"/>
<condition showObject="g"/>
<objColor r="0" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<isLaTeX val="true"/>
<font serif="true" sizeM="1.4" size="8" style="0"/>
<startPoint x="5.14" y="-1.0600000000000003" z="1.0"/>
</element>
<expression label="text8" exp=""Rewrite these expressions in the form""/>
<element type="text" label="text8">
<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="1.4" size="8" style="0"/>
<startPoint x="-5.139999999999999" y="4.540000000000001" z="1.0"/>
</element>
<expression label="text9" exp=""a(x+b)²+c""/>
<element type="text" label="text9">
<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="true" sizeM="1.4" size="8" style="0"/>
<startPoint x="5.64" y="5.140000000000001" z="1.0"/>
</element>
</construction>
</geogebra>