百分比（部分与整体）
2013-12-26 14:39
本范例直观演示了百分比中“部分与整体”的数学概念。通过结合输入框、多边形和序列等GeoGebra工具，动态展示部分占整体的比例关系。用户可通过交互操作，深入理解百分比的计算原理及其在几何与代数中的实际应用，适合用于基础数学概念的可视化教学。
GeoGebra 画板及绘图内容加载中，请稍等……
<?xml version="1.0" encoding="utf-8"?>
<geogebra format="5.0" version="5.0.311.0" id="9f2c0bfa-5ccf-4475-8a7f-b41a4a767b66" xsi:noNamespaceSchemaLocation="http://www.geogebra.org/ggb.xsd" xmlns="" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" >
<gui>
<window width="960" height="660" />
<perspectives>
</perspectives>
<labelingStyle val="3"/>
<font size="24"/>
</gui>
<euclidianView>
<viewNumber viewNo="1"/>
<size width="958" height="658"/>
<coordSystem xZero="20.228767286932683" yZero="252.68680255665004" scale="85.87482515205848" yscale="85.87482515205797"/>
<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"/>
<grid distX="0.2" distY="0.2" distTheta="0.5235987755982988"/>
</euclidianView>
<kernel>
<continuous val="false"/>
<usePathAndRegionParameters val="true"/>
<decimals val="2"/>
<angleUnit val="degree"/>
<algebraStyle val="0" spreadsheet="0"/>
<coordStyle val="0"/>
</kernel>
<scripting blocked="false" disabled="false"/>
<construction title="" author="" date="">
<element type="numeric" label="len">
<value val="8"/>
<show object="false" label="true"/>
<objColor r="0" g="0" b="0" alpha="0.1"/>
<layer val="0"/>
<labelMode val="1"/>
<slider min="0" max="10" absoluteScreenLocation="true" width="200" x="0" y="0" fixed="false" horizontal="true" showAlgebra="false"/>
<lineStyle thickness="2" type="0" typeHidden="1"/>
<animation step="1" speed="1" type="0" playing="false"/>
</element>
<element type="numeric" label="n">
<value val="320"/>
<show object="false" label="true"/>
<objColor r="0" g="0" b="0" alpha="0.1"/>
<layer val="0"/>
<labelMode val="1"/>
<slider min="1" max="100000" absoluteScreenLocation="true" width="200" x="0" y="0" fixed="false" horizontal="true" showAlgebra="false"/>
<lineStyle thickness="2" type="0" typeHidden="1"/>
<animation step="1" speed="1" type="0" playing="false"/>
<ggbscript onUpdate="SetValue[showPercent,false] SetValue[showPart,false]"/>
</element>
<command name="Textfield">
<input a0="n"/>
<output a0="inputBox1"/>
</command>
<element type="textfield" label="inputBox1">
<show object="true" label="true"/>
<objColor r="255" g="0" b="0" alpha="1"/>
<layer val="0"/>
<labelOffset x="20" y="22"/>
<labelMode val="3"/>
<animation step="1" speed="1" type="0" playing="false"/>
<auxiliary val="true"/>
<font serif="false" sizeM="1.4" size="10" style="0"/>
<linkedGeo exp="n"/>
<length val="3"/>
<caption val="Whole ="/>
</element>
<command name="Polygon">
<input a0="(0, 0)" a1="(len, 0)" a2="(len, 1)" a3="(0, 1)"/>
<output a0="poly1" a1="c" a2="d" a3="e" a4="f"/>
</command>
<element type="polygon" label="poly1">
<lineStyle thickness="4" type="0" typeHidden="1"/>
<show object="true" label="false" ev="4"/>
<objColor r="255" g="0" b="0" alpha="0.1"/>
<layer val="0"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
</element>
<element type="segment" label="c">
<show object="true" label="false" ev="4"/>
<objColor r="255" g="0" b="0" alpha="0"/>
<layer val="2"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<auxiliary val="true"/>
<coords x="0" y="8" z="0"/>
<lineStyle thickness="4" type="0" typeHidden="1"/>
<outlyingIntersections val="false"/>
<keepTypeOnTransform val="true"/>
</element>
<element type="segment" label="d">
<show object="true" label="false" ev="4"/>
<objColor r="255" g="0" b="0" alpha="0"/>
<layer val="2"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<auxiliary val="true"/>
<coords x="-1" y="0" z="8"/>
<lineStyle thickness="4" type="0" typeHidden="1"/>
<outlyingIntersections val="false"/>
<keepTypeOnTransform val="true"/>
</element>
<element type="segment" label="e">
<show object="true" label="false" ev="4"/>
<objColor r="255" g="0" b="0" alpha="0"/>
<layer val="2"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<auxiliary val="true"/>
<coords x="0" y="-8" z="8"/>
<lineStyle thickness="4" type="0" typeHidden="1"/>
<outlyingIntersections val="false"/>
<keepTypeOnTransform val="true"/>
</element>
<element type="segment" label="f">
<show object="true" label="false" ev="4"/>
<objColor r="255" g="0" b="0" alpha="0"/>
<layer val="2"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<auxiliary val="true"/>
<coords x="1" y="0" z="0"/>
<lineStyle thickness="4" type="0" typeHidden="1"/>
<outlyingIntersections val="false"/>
<keepTypeOnTransform val="true"/>
</element>
<command name="Sequence">
<input a0="Segment[((i * len / 100), 0), ((i * len / 100), 1)]" a1="i" a2="1" a3="99"/>
<output a0="list1"/>
</command>
<element type="list" label="list1">
<show object="true" label="false" ev="4"/>
<condition showObject="divide"/>
<objColor r="96" g="96" b="96" alpha="0"/>
<bgColor r="255" g="255" b="255" alpha="255"/>
<layer val="1"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<lineStyle thickness="2" type="0" typeHidden="1"/>
<pointSize val="3"/>
<pointStyle val="-1"/>
</element>
<command name="Sequence">
<input a0="Segment[((i * len / 10), 0), ((i * len / 10), 1)]" a1="i" a2="1" a3="9"/>
<output a0="list2"/>
</command>
<element type="list" label="list2">
<show object="true" label="false" ev="4"/>
<condition showObject="divide"/>
<objColor r="96" g="96" b="96" alpha="0"/>
<bgColor r="255" g="255" b="255" alpha="255"/>
<layer val="1"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<lineStyle thickness="5" type="0" typeHidden="1"/>
<pointSize val="3"/>
<pointStyle val="-1"/>
</element>
<element type="boolean" label="divide">
<value val="false"/>
<show object="true" label="true"/>
<objColor r="255" g="0" b="0" alpha="0"/>
<layer val="0"/>
<labelOffset x="427" y="299"/>
<labelMode val="3"/>
<checkbox fixed="true"/>
<caption val="Divide the 'Whole' into 100 equal portions"/>
</element>
<element type="button" label="button1">
<show object="true" label="true"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<bgColor r="255" g="255" b="0" alpha="255"/>
<layer val="0"/>
<labelOffset x="278" y="29"/>
<labelMode val="3"/>
<animation step="1" speed="1" type="0" playing="false"/>
<auxiliary val="true"/>
<ggbscript val="SetValue[len,RandomElement[{8,8.5,9}]] SetValue[n,RandomElement[Sequence[i*10,i,1,50]]] SetValue[divide,false] SetValue[A,(0,0)]"/>
<font serif="false" sizeM="2" size="24" style="0"/>
<caption val="Random"/>
</element>
<command name="Sequence">
<input a0="((len / 100 * i), 0)" a1="i" a2="0" a3="100"/>
<output a0="list3"/>
</command>
<element type="list" label="list3">
<show object="false" label="false" ev="4"/>
<objColor r="160" g="160" b="160" alpha="0"/>
<bgColor r="255" g="255" b="255" alpha="255"/>
<layer val="1"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<lineStyle thickness="2" type="0" typeHidden="1"/>
<pointSize val="1"/>
<pointStyle val="-1"/>
</element>
<command name="Point">
<input a0="list3"/>
<output a0="A"/>
</command>
<element type="point" label="A">
<show object="true" label="false" ev="4"/>
<objColor r="0" g="0" b="255" alpha="0"/>
<layer val="9"/>
<labelOffset x="40" y="59"/>
<labelMode val="3"/>
<animation step="0.1" speed="1" type="1" playing="false"/>
<coords x="0" y="0" z="1"/>
<pointSize val="5"/>
<pointStyle val="0"/>
<caption val="拖拉"/>
</element>
<command name="Polygon">
<input a0="(0, 1)" a1="(0, 0)" a2="A" a3="(x(A), 1)"/>
<output a0="poly2" a1="a" a2="b" a3="g" a4="h"/>
</command>
<element type="polygon" label="poly2">
<lineStyle thickness="4" type="0" typeHidden="1"/>
<show object="true" label="false" ev="4"/>
<objColor r="255" g="0" b="0" alpha="0.5"/>
<layer val="0"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
</element>
<element type="segment" label="a">
<show object="true" label="false" ev="4"/>
<objColor r="255" g="0" b="0" alpha="0"/>
<layer val="4"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<auxiliary val="false"/>
<coords x="1" y="0" z="0"/>
<lineStyle thickness="4" type="0" typeHidden="1"/>
<outlyingIntersections val="false"/>
<keepTypeOnTransform val="true"/>
</element>
<element type="segment" label="b">
<show object="true" label="false" ev="4"/>
<objColor r="255" g="0" b="0" alpha="0"/>
<layer val="4"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<auxiliary val="false"/>
<coords x="0" y="0" z="0"/>
<lineStyle thickness="4" type="0" typeHidden="1"/>
<outlyingIntersections val="false"/>
<keepTypeOnTransform val="true"/>
</element>
<element type="segment" label="g">
<show object="true" label="false" ev="4"/>
<objColor r="255" g="0" b="0" alpha="0"/>
<layer val="4"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<auxiliary val="false"/>
<coords x="-1" y="0" z="0"/>
<lineStyle thickness="4" type="0" typeHidden="1"/>
<outlyingIntersections val="false"/>
<keepTypeOnTransform val="true"/>
</element>
<element type="segment" label="h">
<show object="true" label="false" ev="4"/>
<objColor r="255" g="0" b="0" alpha="0"/>
<layer val="4"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<auxiliary val="false"/>
<coords x="0" y="0" z="0"/>
<lineStyle thickness="4" type="0" typeHidden="1"/>
<outlyingIntersections val="false"/>
<keepTypeOnTransform val="true"/>
</element>
<expression label="percent" exp="(x(A) / len * 100)" />
<element type="numeric" label="percent">
<value val="0"/>
<objColor r="0" g="0" b="0" alpha="0.1"/>
<selectionAllowed val="false"/>
</element>
<expression label="n'" exp="(n * percent / 100)" />
<element type="numeric" label="n'">
<value val="0"/>
<objColor r="0" g="0" b="0" alpha="0.1"/>
<selectionAllowed val="false"/>
</element>
<element type="boolean" label="findPart">
<value val="false"/>
<show object="true" label="true"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<layer val="1"/>
<labelOffset x="15" y="93"/>
<labelMode val="3"/>
<checkbox fixed="true"/>
<ggbscript onUpdate="SetValue[findPercent,false]"/>
<caption val="Find the part from the percentage"/>
</element>
<element type="boolean" label="findPercent">
<value val="false"/>
<show object="true" label="true"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<layer val="1"/>
<labelOffset x="479" y="93"/>
<labelMode val="3"/>
<checkbox fixed="true"/>
<ggbscript onUpdate="SetValue[findPart,false]"/>
<caption val="Find the percentage from the part"/>
</element>
<element type="boolean" label="showPart">
<value val="false"/>
<show object="true" label="true"/>
<condition showObject="findPart"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<layer val="1"/>
<labelOffset x="15" y="351"/>
<labelMode val="3"/>
<checkbox fixed="true"/>
<caption val="Part"/>
</element>
<element type="boolean" label="showPercent">
<value val="false"/>
<show object="true" label="true"/>
<condition showObject="findPercent"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<layer val="1"/>
<labelOffset x="15" y="351"/>
<labelMode val="3"/>
<checkbox fixed="true"/>
<caption val="Percentage"/>
</element>
<element type="image" label="pic1">
<file name="6a176c013f476cdf4a350d923d832d4b/babc8a566e1acec35744550140d0aa1d\finger_carton_35x45pixels.png"/>
<inBackground val="false"/>
<startPoint number="0" exp="A - (0, 0.5)"/>
<startPoint number="2" exp="A"/>
<show object="true" label="false"/>
<objColor r="0" g="0" b="0" alpha="1"/>
<layer val="1"/>
<labelMode val="0"/>
<animation step="1" speed="1" type="0" playing="false"/>
<selectionAllowed val="false"/>
</element>
<element type="button" label="button0">
<show object="true" label="true"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<layer val="8"/>
<labelOffset x="879" y="29"/>
<labelMode val="3"/>
<animation step="1" speed="1" type="0" playing="false"/>
<auxiliary val="true"/>
<ggbscript val="SetValue[lang,If[lang==1,2,1]] RunClickScript[buttonLang] "/>
<font serif="false" sizeM="1.4" size="10" style="0"/>
<caption val="中文"/>
</element>
<element type="button" label="buttonLang">
<show object="false" label="true"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<layer val="8"/>
<labelOffset x="851" y="25"/>
<labelMode val="0"/>
<animation step="1" speed="1" type="0" playing="false"/>
<auxiliary val="true"/>
<ggbscript val="SetCaption[button0,If[lang==1,"ENG","中文"]] SetCaption[inputBox1,If[lang==1,"全部 =","Whole ="]] SetCaption[button1,If[lang==1,"隨機","Random"]] SetCaption[findPart,If[lang==1,"已知所佔百分數，求部分","Find the part from the percentage"]] SetCaption[findPercent,If[lang==1,"已知部分，求所佔百分數","Find the percentage from the part"]] SetCaption[divide,If[lang==1,"將「全部」分為100等份","Divide the 'Whole' into 100 equal portions"]] SetCaption[showPart,If[lang==1,"部分","Part"]] SetCaption[showPercent,If[lang==1,"所佔百分數","Percentage"]]"/>
<font serif="false" sizeM="2" size="24" style="0"/>
</element>
<element type="numeric" label="lang">
<value val="2"/>
<symbolic val="true" />
<show object="false" label="true"/>
<objColor r="0" g="0" b="0" alpha="0.1"/>
<layer val="8"/>
<labelMode val="1"/>
<animation step="1" speed="1" type="0" playing="false"/>
</element>
<expression label="text6" exp=""" + (LaTeX[If[lang ≟ 1, "部分", "Part"]]) + " = " + (LaTeX[If[findPart ∧ showPart ∨ findPercent, n' + "", "?"]]) + """ />
<element type="text" label="text6">
<show object="true" label="false" ev="4"/>
<condition showObject="findPart ∨ findPercent"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<layer val="4"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<font serif="false" sizeM="1" size="0" style="1"/>
<startPoint exp="(x(A) / 2, 0.5)"/>
<labelOffset x="-55" y="9"/>
</element>
<expression label="text4" exp=""" + (If[lang ≟ 1, "全部", "Whole"]) + " = " + n + """ />
<element type="text" label="text4">
<show object="true" label="false" ev="4"/>
<objColor r="255" g="0" b="0" alpha="0"/>
<layer val="4"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<startPoint exp="(len, 0.5)"/>
<labelOffset x="13" y="6"/>
</element>
<expression label="text1" exp="" " + (If[lang ≟ 1, n + " 的 " + (If[findPercent ∧ showPercent ∨ findPart, percent + "%", "?%"]), If[findPercent ∧ showPercent ∨ findPart, percent + "%", "?%"] + " of " + n]) + """ />
<element type="text" label="text1">
<show object="true" label="false" ev="4"/>
<condition showObject="findPart ∨ findPercent"/>
<objColor r="0" g="0" b="255" alpha="0"/>
<layer val="1"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<font serif="false" sizeM="1.4" size="10" style="1"/>
<startPoint exp="(x(A) / 2, -0.5)"/>
<labelOffset x="-76" y="-3"/>
</element>
<expression label="text2" exp=""=" + (LaTeX[n]) + "×" + (LaTeX[abs(percent)]) + "%\\\vspace{60} =" + (LaTeX[n]) + "×\frac{" + (LaTeX[abs(percent)]) + "}{100}\\\vspace{40} = " + (LaTeX[n']) + """ />
<element type="text" label="text2">
<show object="true" label="false" ev="4"/>
<condition showObject="findPart ∧ showPart"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<layer val="0"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<isLaTeX val="true"/>
<font serif="true" sizeM="1.4" size="10" style="0"/>
<startPoint x="0.23002856009534822" y="-1.8379795571586814" z="1"/>
</element>
<expression label="text7" exp=""=\frac{" + (LaTeX[n']) + "}{" + (LaTeX[n]) + "}×100%\\\vspace{50} = " + (LaTeX[n' / n]) + " ×100%\\\vspace{50} =" + (LaTeX[percent]) + "%"" />
<element type="text" label="text7">
<show object="true" label="false" ev="4"/>
<condition showObject="findPercent ∧ showPercent"/>
<objColor r="0" g="0" b="0" alpha="0"/>
<layer val="1"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<isLaTeX val="true"/>
<font serif="true" sizeM="1.4" size="10" style="0"/>
<startPoint x="0.2384296547039213" y="-1.832317326785874" z="1"/>
</element>
</construction>
</geogebra>