CSP - U1L3P1, P2 New self-checks

cur/programming/1-introduction/3-drawing/1-exploring-motion.es.html

@@ -49,6 +49,7 @@ <h2>Explorar el movimiento</h2>
         <div class="forYouToDo" id="first">
 			<div class="ap-standard">AAP-2.A, AAP-3.A part b</div>
             <ol>
+                <li>(Autoevaluación en español próximamente.)</li>
 				<li>
                     <img class="inline" src="/bjc-r/img/icons/work-with-a-partner.es.png" alt="Trabaja con tu compañero" title="Trabaja con tu compañero" />
                     <img class="inline" src="/bjc-r/img/icons/write-out-thoughts.es.png" alt="Escribe tus ideas" title="Escribe tus ideas" />

cur/programming/1-introduction/3-drawing/1-exploring-motion.html

@@ -49,11 +49,51 @@ <h2>Exploring Motion</h2>
         <div class="forYouToDo" id="first">
 			<div class="ap-standard">AAP-2.A, AAP-3.A part b</div>
             <ol>
+                <li>
+                    <!-- Question 1 -->
+                    <div class="assessment-data" type="multiplechoice" identifier="Which of the following are examples of algorithms?"
+                        hasinlinefeedback="true" maxchoices="1" responseIdentifier="ri1" shuffle="true">
+                        <div class="prompt">
+                            <div class="ap-standard">AAP-2.A</div>
+                            Which of the following are examples of algorithms?
+                        </div>
+                        <div class="choice" identifier="c1">
+                            <div class="text">Snap<em>!</em> code that adds two numbers together.</div>
+                            <div class="feedback">
+                                This is an example of an algorithm, but it's not the only one on this list.
+                            </div>
+                        </div>
+                        <div class="choice" identifier="c2">
+                            <div class="text">Directions for how to get from one point to another on a map.</div>
+                            <div class="feedback">
+                                This is an example of an algorithm, but it's not the only one on this list.
+                            </div>
+                        </div>
+                        <div class="choice" identifier="c3">
+                            <div class="text">A sequence of different moves you do in a video game.</div>
+                            <div class="feedback">
+                                This is an example of an algorithm, but it's not the only one on this list.
+                            </div>
+                        </div>
+                        <div class="choice" identifier="c4">
+                            <div class="text">A recipe to bake a cake with precise measurements and instructions.</div>
+                            <div class="feedback">
+                                This is an example of an algorithm, but it's not the only one on this list.
+                            </div>
+                        </div>
+                        <div class="choice" identifier="c5">
+                            <div class="text">All of the above.</div>
+                            <div class="feedback">
+                                Correct! All of these are algorithms, or sequences of steps.
+                            </div>
+                        </div>
+                        <div class="responseDeclaration" identifier="ri1">
+                            <div class="correctResponse" identifier="c5"></div>
+                        </div>
+                    </div>
+
+                </li>
 
-				<!-- <div class="sidenote">
-                    <img class="imageCenter" src="/bjc-r/img/1-introduction/motion-palette-categories.jpg" alt="Motion palette categories: Motion, Looks, Sound, Pen, Control, Sensing, Operators, and Variables" title="Motion palette categories: Motion, Looks, Sound, Pen, Control, Sensing, Operators, and Variables" /><br />
-                    The blocks' colors match their palettes: blue for Motion, green for Pen, etc.
-                </div> -->
 				<li>
                     <img class="inline" src="/bjc-r/img/icons/work-with-a-partner.png" alt="Work with a Partner" title="Work with a Partner" />
                     <img class="inline" src="/bjc-r/img/icons/write-out-thoughts.png" alt="Write Out Your Thoughts" title="Write Out Your Thoughts" />

cur/programming/1-introduction/3-drawing/2-exploring-snap-drawing-motion.html

@@ -108,9 +108,57 @@ <h3 class="box-head">Debugging with <img src="/bjc-r/img/2-complexity/Debugging/
                 </div>
             </p>
 		</div>
+
+        <div class="forYouToDo">
+        	<ol start="8">
+                <li>
+                    <!--
+                    pentagon-with-sprite
+                    five-branch-asterisk.png
+                    five-sides-not-closed.png
+                    circle-with-sprite.png
+-->
+                    <!-- Question 1 -->
+                    <div class="assessment-data" type="multiplechoice" identifier="What shape would the following script draw?" hasinlinefeedback="true" maxchoices="1" responseIdentifier="ri1" shuffle="false">
+                        <div class="prompt">
+                            <!-- <div class="ap-standard">AAP-3.E</div> : No AP CSP Learning Objective: Check for understanding of lab content. -->
+                            What shape would the following script draw?<br />
+                            <img class="indent" src="/bjc-r/img/1-introduction/pentagon-draw-script.png" alt="clear; pen down; repeat (5) {move (100) steps; turn right (360-divided-by-5) degrees}" title="clear; pen down; repeat (5) {move (100) steps; turn right (360-divided-by-5) degrees}" />
+                        </div>
+                        <div class="choice" identifier="c1">
+                            <div class="text"><img src="/bjc-r/img/1-introduction/pentagon-with-sprite.png" alt="pentagon" title="pentagon"></div>
+                            <div class="feedback">
+                                Correct! The turn angles, number of steps, and number of turns needed to make this shape matches the script.
+                            </div>
+                        </div>
+                        <div class="choice" identifier="c2">
+                            <div class="text"><img src="/bjc-r/img/1-introduction/five-branch-asterisk.png" alt="asterisk with five branches" title="asterisk with five branches"></div>
+                            <div class="feedback">
+                                This shape requires the sprite to move backwards in addition to moving forward.
+                            </div>
+                        </div>
+                        <div class="choice" identifier="c3">
+                            <div class="text"><img src="/bjc-r/img/1-introduction/five-sides-not-closed.png" alt="figure with five sides, but not a closed polygon" title="figure with five sides, but not a closed polygon"></div>
+                            <div class="feedback">
+                                The turn angles needed to make this shape do not match the script.
+                            </div>
+                        </div>
+                        <div class="choice" identifier="c4">
+                            <div class="text"><img src="/bjc-r/img/1-introduction/circle-with-sprite.png" alt="circle" title="circle"></div>
+                            <div class="feedback">
+                                The number of turns, turn angles, and number of steps moved needed to make this shape does not match the script.
+                            </div>
+                        </div>
+                        <div class="responseDeclaration" identifier="ri1">
+                          <div class="correctResponse" identifier="c1"></div>
+                        </div>
+                    </div>
+                </li>
+            </ol>
+        </div>
 
         <div class="ifTime">
-            <ol start="8">
+            <ol start="9">
                 <li>
                 	Script B in the same file shows how you can make a 60-branch script behave like the second hand of a clock.  Try it out.
         			<ul>