<?xml version="1.0"?>
<!DOCTYPE activity SYSTEM "escot.dtd" >
<activity name="Shoelaces: Week 3" size="640,440" escotVersion="1.2.10" puzzle_id="22">
  <page name="Introduction">
    <component class="org.escot.demo.SimpleGraph" position="473,136" size="146,136" portid="SimpleGraph-1" visible="true">
      <property name="TraceXPrecision" value="2"/>
      <property name="VDottedLineColor" value="128,128,128"/>
      <property name="TraceColor" value="255,0,0"/>
      <property name="labelInterval" value="1,1"/>
      <property name="TraceYPrecision" value="2"/>
      <property name="derivative" value="0"/>
      <property name="HDottedLineColor" value="128,128,128"/>
      <property name="VDottedLineOn" value="true"/>
      <property name="TraceOn" value="false"/>
      <property name="HDottedLineOn" value="true"/>
      <property name="xAxisName" value="X"/>
      <property name="scrollable" value="false"/>
      <property name="TraceDrawCrosses" value="true"/>
      <property name="extent" value="-15.24390243902439,-15.0,134.14634146341464,103.18181818181817"/>
      <property name="tickInterval" value="25,10"/>
      <property name="yAxisName" value="Y"/>
    </component>
    <component class="org.escot.demo.TextEditor" position="6,64" size="291,314" visible="true" portid="TextEditor-2">
      <![CDATA[Your boss at "As the Shoe Fits" has been so impressed with the work you've done that she has offered you a steady job working in the store. She has said that she'll be happy to pay you a weekly salary, and she'll also pay you a commision on each item you sell. You are negotiating your salary with her, and are preparing a graph to help in your discussions.

Y-Intercept
Before getting started we will introduce the concept of y-intercept. This is the point where a line intersects the y axis. 

To Do:
For each graph on the right, enter the value of the y-intercept in the associated text box. (The first one is already done for you) When you are done, move on to Page 2.]]>
      <property name="foreground" value="0,0,0"/>
      <property name="background" value="255,255,255"/>
      <property name="font" value="Application,Application,0,10"/>
    </component>
    <component class="com.sri.escot.NumberEntry" position="338,213" size="126,17" visible="true" portid="NumberEntry-1">
      <property name="maximumDecimalPlaces" value="0"/>
      <property name="label" value="Y-Intercept ="/>
      <property name="value" value="0.0"/>
      <property name="allowNegative" value="true"/>
      <property name="minimumDecimalPlaces" value="0"/>
      <property name="suffix" value=""/>
      <property name="editable" value="true"/>
    </component>
    <component class="com.sri.escot.NumberEntry" position="334,299" size="128,17" visible="true" portid="NumberEntry-2">
      <property name="maximumDecimalPlaces" value="1"/>
      <property name="label" value="Y-Intercept = "/>
      <property name="value" value="0.0"/>
      <property name="allowNegative" value="true"/>
      <property name="minimumDecimalPlaces" value="0"/>
      <property name="suffix" value=""/>
      <property name="editable" value="true"/>
    </component>
    <component class="org.escot.demo.SimpleGraph" position="472,282" size="150,150" visible="true" portid="SimpleGraph-2">
      <property name="TraceXPrecision" value="2"/>
      <property name="VDottedLineColor" value="0,0,255"/>
      <property name="TraceColor" value="255,0,0"/>
      <property name="labelInterval" value="1,1"/>
      <property name="TraceYPrecision" value="2"/>
      <property name="derivative" value="0"/>
      <property name="HDottedLineColor" value="0,0,255"/>
      <property name="VDottedLineOn" value="false"/>
      <property name="TraceOn" value="false"/>
      <property name="HDottedLineOn" value="false"/>
      <property name="xAxisName" value="X"/>
      <property name="scrollable" value="false"/>
      <property name="TraceDrawCrosses" value="true"/>
      <property name="extent" value="-1.5,-1.5,12.0,12.0"/>
      <property name="tickInterval" value="3,1"/>
      <property name="yAxisName" value="Y"/>
    </component>
    <component class="org.escot.demo.SimpleFunction" position="364,502" size="189,35" visible="false" portid="SimpleFunction-1">
      <property name="color" value="255,51,51"/>
      <property name="font" value="Dialog,Dialog,0,12"/>
      <property name="name" value="Parabola"/>
      <property name="a2" value="0.0"/>
      <property name="a1" value="0.4"/>
      <property name="a0" value="27.0"/>
    </component>
    <component class="org.escot.demo.SimpleFunction" position="365,552" size="189,35" visible="false" portid="SimpleFunction-2">
      <property name="color" value="0,153,0"/>
      <property name="font" value="Dialog,Dialog,0,12"/>
      <property name="name" value="Parabola"/>
      <property name="a2" value="0.0"/>
      <property name="a1" value="-0.7"/>
      <property name="a0" value="8.5"/>
    </component>
    <component class="org.escot.demo.SimpleFunction" position="366,607" size="189,35" visible="false" portid="SimpleFunction-3">
      <property name="color" value="0,0,0"/>
      <property name="font" value="Dialog,Dialog,0,12"/>
      <property name="name" value="Parabola"/>
      <property name="a2" value="0.0"/>
      <property name="a1" value="0.5"/>
      <property name="a0" value="-3.0"/>
    </component>
    <component class="org.escot.demo.SimpleGraph" position="474,9" size="141,117" visible="true" portid="SimpleGraph-3">
      <property name="TraceXPrecision" value="2"/>
      <property name="VDottedLineColor" value="0,0,255"/>
      <property name="TraceColor" value="255,0,0"/>
      <property name="labelInterval" value="1,1"/>
      <property name="TraceYPrecision" value="2"/>
      <property name="derivative" value="0"/>
      <property name="HDottedLineColor" value="0,0,255"/>
      <property name="VDottedLineOn" value="false"/>
      <property name="TraceOn" value="false"/>
      <property name="HDottedLineOn" value="false"/>
      <property name="xAxisName" value="X"/>
      <property name="scrollable" value="false"/>
      <property name="TraceDrawCrosses" value="true"/>
      <property name="extent" value="-2.5,-4.5,20.5,9.5"/>
      <property name="tickInterval" value="5,1"/>
      <property name="yAxisName" value="Y"/>
    </component>
    <component class="com.sri.escot.NumberEntry" position="336,100" size="127,17" visible="true" portid="NumberEntry-3">
      <property name="maximumDecimalPlaces" value="3"/>
      <property name="label" value="Y-Intercept ="/>
      <property name="value" value="-3.0"/>
      <property name="allowNegative" value="true"/>
      <property name="minimumDecimalPlaces" value="0"/>
      <property name="suffix" value=""/>
      <property name="editable" value="false"/>
    </component>
    <component class="com.sri.escot.EscotSwingMeter" position="336,192" size="121,14" visible="true" portid="EscotSwingMeter-1">
      <property name="scaleFactor" value="1.0"/>
      <property name="minimumValue" value="0"/>
      <property name="stringPainted" value="false"/>
      <property name="maximumValue" value="100"/>
      <property name="orientation" value="0"/>
    </component>
    <component class="com.sri.escot.EscotLabel" position="312,172" size="56,14" visible="true">
      <property name="text" value="Way Off"/>
      <property name="foreground" value="0,0,0"/>
      <property name="background" value="204,204,204"/>
      <property name="font" value="Times,Times,2,14"/>
    </component>
    <component class="com.sri.escot.EscotLabel" position="418,172" size="52,16" visible="true">
      <property name="text" value="Correct"/>
      <property name="foreground" value="0,0,0"/>
      <property name="background" value="204,204,204"/>
      <property name="font" value="Times,Times,2,14"/>
    </component>
    <component class="com.sri.escot.javascript.JavaScript" position="363,469" size="73,23" visible="false" portid="JavaScript-2">
      <![CDATA[addImporter(new EscotNumberImporter("yInt1"))
addImporter(new EscotNumberImporter("yInt2"))

y1Guess = new EscotNumber("y1Guess")
y2Guess = new EscotNumber("y2Guess")

addExport(y1Guess)
addExport(y2Guess)


function yInt1Changed() {
	y1Guess.value = 100 - (Math.abs(yInt1.value - 27) * 10)
	if (y1Guess.value < 10) {
		y1Guess.value = 10	
	}
}

function yInt2Changed() {
	y2Guess.value = 100 - (Math.abs(yInt2.value - 8.5) * 100)
	if (y2Guess.value < 10) {
		y2Guess.value = 10	
	}
}
]]>
    </component>
    <component class="com.sri.escot.EscotSwingMeter" position="336,279" size="120,14" visible="true" portid="EscotSwingMeter-2">
      <property name="scaleFactor" value="1.0"/>
      <property name="minimumValue" value="0"/>
      <property name="stringPainted" value="false"/>
      <property name="maximumValue" value="100"/>
      <property name="orientation" value="0"/>
    </component>
    <component class="com.sri.escot.EscotLabel" position="316,262" size="62,14" visible="true">
      <property name="text" value="Way Off"/>
      <property name="foreground" value="0,0,0"/>
      <property name="background" value="204,204,204"/>
      <property name="font" value="Times,TimesRoman,2,14"/>
    </component>
    <component class="com.sri.escot.EscotLabel" position="419,260" size="51,14" visible="true">
      <property name="text" value="Correct"/>
      <property name="foreground" value="0,0,0"/>
      <property name="background" value="204,204,204"/>
      <property name="font" value="Times,Times,2,14"/>
    </component>
    <component class="com.sri.escot.EscotSwingMeter" position="337,78" size="121,14" visible="true" portid="EscotSwingMeter-3">
      <property name="scaleFactor" value="1.0"/>
      <property name="minimumValue" value="0"/>
      <property name="stringPainted" value="false"/>
      <property name="maximumValue" value="100"/>
      <property name="orientation" value="0"/>
    </component>
    <component class="com.sri.escot.EscotLabel" position="324,59" size="67,14" visible="true">
      <property name="text" value="Way Off"/>
      <property name="foreground" value="0,0,0"/>
      <property name="background" value="204,204,204"/>
      <property name="font" value="Times,Times,2,14"/>
    </component>
    <component class="com.sri.escot.EscotLabel" position="414,59" size="54,14" visible="true">
      <property name="text" value="Correct"/>
      <property name="foreground" value="0,0,0"/>
      <property name="background" value="204,204,204"/>
      <property name="font" value="Times,Times,2,14"/>
    </component>
    <component class="com.sri.escot.NumberEntry" position="183,479" size="152,22" visible="false" portid="NumberEntry-4">
      <property name="maximumDecimalPlaces" value="3"/>
      <property name="label" value="Init meter 1"/>
      <property name="value" value="100.0"/>
      <property name="allowNegative" value="true"/>
      <property name="minimumDecimalPlaces" value="0"/>
      <property name="suffix" value=""/>
      <property name="editable" value="true"/>
    </component>
    <wire type="org.escot.Broker">
      <from portid="SimpleFunction-1" name="Parabola"/>
      <to portid="SimpleGraph-1" name=""/>
    </wire>
    <wire type="org.escot.Broker">
      <from portid="SimpleFunction-2" name="Parabola"/>
      <to portid="SimpleGraph-2" name=""/>
    </wire>
    <wire type="org.escot.Broker">
      <from portid="SimpleFunction-3" name="Parabola"/>
      <to portid="SimpleGraph-3" name=""/>
    </wire>
    <wire type="org.escot.Broker">
      <from portid="NumberEntry-1" name="number"/>
      <to portid="JavaScript-2" name="yInt1"/>
    </wire>
    <wire type="org.escot.Broker">
      <from portid="JavaScript-2" name="y1Guess"/>
      <to portid="EscotSwingMeter-1" name="value"/>
    </wire>
    <wire type="org.escot.Broker">
      <from portid="NumberEntry-2" name="number"/>
      <to portid="JavaScript-2" name="yInt2"/>
    </wire>
    <wire type="org.escot.Broker">
      <from portid="JavaScript-2" name="y2Guess"/>
      <to portid="EscotSwingMeter-2" name="value"/>
    </wire>
    <wire type="org.escot.Broker">
      <from portid="NumberEntry-4" name="number"/>
      <to portid="EscotSwingMeter-3" name="value"/>
    </wire>
  </page>
  <page name="Manipulating the Y-Intercept">
    <component class="org.escot.demo.SimpleGraph" position="435,217" size="194,194" visible="true" portid="SimpleGraph-2">
      <property name="TraceXPrecision" value="2"/>
      <property name="VDottedLineColor" value="0,0,255"/>
      <property name="TraceColor" value="255,0,0"/>
      <property name="labelInterval" value="1,4"/>
      <property name="TraceYPrecision" value="2"/>
      <property name="derivative" value="0"/>
      <property name="HDottedLineColor" value="0,0,255"/>
      <property name="VDottedLineOn" value="false"/>
      <property name="TraceOn" value="false"/>
      <property name="HDottedLineOn" value="false"/>
      <property name="xAxisName" value="Pairs Sold"/>
      <property name="scrollable" value="false"/>
      <property name="TraceDrawCrosses" value="true"/>
      <property name="extent" value="-15.0,-70.0,135.0,620.0"/>
      <property name="tickInterval" value="25,25"/>
      <property name="yAxisName" value="Weekly Salary"/>
    </component>
    <component class="org.escot.demo.SimpleFunction" position="491,522" size="181,35" visible="false" portid="SimpleFunction-1">
      <property name="color" value="255,0,0"/>
      <property name="font" value="Dialog,Dialog,0,12"/>
      <property name="name" value="Parabola"/>
      <property name="a2" value="0.0"/>
      <property name="a1" value="5.0"/>
      <property name="a0" value="0.0"/>
    </component>
    <component class="org.escot.demo.SimpleFunction" position="492,581" size="197,35" visible="false" portid="SimpleFunction-2">
      <property name="color" value="0,51,255"/>
      <property name="font" value="Dialog,Dialog,0,12"/>
      <property name="name" value="Parabola"/>
      <property name="a2" value="0.0"/>
      <property name="a1" value="0.5"/>
      <property name="a0" value="300.0"/>
    </component>
    <component class="org.escot.demo.HTMLViewer" position="5,5" size="322,205" visible="true" portid="HTMLViewer-2">
      <![CDATA[<font  size="24">
The y-intercept of a graph gives important information about the function that the graph represents. In the graphs shown here, the y-intercept is the amount of money you earn as base pay each week.
<font>
<p>
<font color="black" size="24">
To Do:<br>
1. Read the descriptions on the right of what the different lines represent. <br>
2. Experiment with the graph. Drag the slider to change the y-intercept of the green line to find what you think would be a good base pay.<font>]]>
    </component>
    <component class="org.escot.demo.SimpleFunction" position="490,480" size="197,35" visible="false" portid="SimpleFunction-3">
      <property name="color" value="0,153,0"/>
      <property name="font" value="Dialog,Dialog,0,12"/>
      <property name="name" value="Parabola"/>
      <property name="a2" value="0.0"/>
      <property name="a1" value="2.0"/>
      <property name="a0" value="0.0"/>
    </component>
    <component class="com.sri.escot.EscotSwingSlider" position="412,225" size="16,172" visible="true" portid="EscotSwingSlider-1">
      <property name="scaleFactor" value="1.0"/>
      <property name="minimumValue" value="0"/>
      <property name="minorTickSpacing" value="0"/>
      <property name="value" value="0"/>
      <property name="paintLabels" value="false"/>
      <property name="maximumValue" value="500"/>
      <property name="snapToTicks" value="false"/>
      <property name="orientation" value="1"/>
      <property name="paintTicks" value="false"/>
      <property name="majorTickSpacing" value="0"/>
    </component>
    <component class="org.escot.demo.TextEditor" answerText="true" position="5,216" size="390,227" visible="true" portid="TextEditor-1">
      <![CDATA[Answer These Questions

1. You need to figure out what base pay you should ask for, knowing that:
  a. you can sell 50 pairs of shoes in a week,
  b. you will earn $2 commission on each pair you sell, and
  c. you want to earn the same full salary as someone who gets no base pay and earns $5 per pair (red line).

What base pay would you ask for?  How did you figure it out?


2. This time figure out what base salary you should ask for, knowing that:
  a. you can sell 25 pairs of shoes in a week,
  b. you will earn $2 commission on each pair you sell, and
  c. you want to earn the same full salary as someone who gets a $300 base pay and earns $.50 per pair (blue line).

What base pay would you ask for?  How did you figure it out?

Bonus: Write the equations of the two lines you used to answer questions 1 and 2. Explain the elements of the equations.
]]>
      <property name="foreground" value="0,0,0"/>
      <property name="background" value="255,255,185"/>
      <property name="font" value="Application,Application,0,10"/>
    </component>
    <component class="org.escot.demo.HTMLViewer" position="332,25" size="315,184" visible="true" portid="HTMLViewer-1">
      <![CDATA[<font color="blue" size="24">
Blue Line: Graph of weekly salary at ATSF where you get a base pay of $300/week and $.50 per pair of shoes you sell. (y = 0.5x + 300)
<font>
<p>
<font color="red">
Red Line: Graph of weekly salary at As The Shoe Fits where you simply earn $5 per pair of shoes you sell. (y = 5x)
<font>
<p>
<font color="green">
Green Line: Graph of weekly salary where you earn $2 per pair of shoes sold plus a base pay that you choose. (y = 2x + base salary)
<font>]]>
    </component>
    <wire type="org.escot.Broker">
      <from portid="SimpleFunction-1" name="Parabola"/>
      <to portid="SimpleGraph-2" name=""/>
    </wire>
    <wire type="org.escot.Broker">
      <from portid="SimpleFunction-2" name="Parabola"/>
      <to portid="SimpleGraph-2" name=""/>
    </wire>
    <wire type="org.escot.Broker">
      <from portid="SimpleFunction-3" name="Parabola"/>
      <to portid="SimpleGraph-2" name=""/>
    </wire>
    <wire type="org.escot.Broker">
      <from portid="EscotSwingSlider-1" name="value"/>
      <to portid="SimpleFunction-3" name="c"/>
    </wire>
  </page>
</activity>

