Skip to content

Commit

Permalink
Merge pull request #61 from bjc-edc/middle-school
Browse files Browse the repository at this point in the history
Middle school 1.5 Update
  • Loading branch information
maryfries authored Sep 27, 2021
2 parents 696c3d5 + a2613e9 commit 36c684a
Show file tree
Hide file tree
Showing 34 changed files with 462 additions and 476 deletions.
Binary file added middle-school/img/U1/lab04/rgb-pixel-empty.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added middle-school/img/U1/lab05/729-hex-reporting.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added middle-school/img/U1/lab05/bin-of-dec.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added middle-school/img/U1/lab05/bin-of-hex.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Binary file removed middle-school/img/U1/lab05/bin-to-elec-reporting.png
Binary file not shown.
Binary file removed middle-school/img/U1/lab05/bin-to-elec.png
Binary file not shown.
Binary file added middle-school/img/U1/lab05/dec-of-bin.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Binary file not shown.
Binary file removed middle-school/img/U1/lab05/dec-to-bin.png
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added middle-school/img/U1/lab05/elec-of-bin.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added middle-school/img/U1/lab05/hex-of-bin.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion middle-school/prog/numbers-bits-electricity.xml

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion middle-school/student-pages/01-functions-data.html
Original file line number Diff line number Diff line change
Expand Up @@ -47,4 +47,4 @@ <h3>Lab 6: Dealing with Data Dos</h3>


</body>
</html>
</html>
2 changes: 1 addition & 1 deletion middle-school/student-pages/U1/L3/02-visualizing-data.html
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ <h2>Visualizing Data</h2>
<h3>Digitizing Your Data</h3>
<div class="forYouToDo">
<ol>
<li>Open <a class="js-run-v7 snap-project" href="/bjc-r/middle-school/prog/visualizing-data.xml" title="starter project: BJCMS - Visualizing Data">this project</a> in Snap<em>!</em> and save it to your account. (You'll need to log in if you aren't logged in already.)</li>
<li>Open this <a class="js-run-v7 snap-project" href="/bjc-r/middle-school/prog/visualizing-data.xml" title="starter project: BJCMS - Visualizing Data">Visualizing Data project</a> in Snap<em>!</em>, and save it to your account. (You'll need to log in if you aren't logged in already.)</li>
</ol>
</div>

Expand Down
12 changes: 6 additions & 6 deletions middle-school/student-pages/U1/L5/01-numbers-computers.html
Original file line number Diff line number Diff line change
Expand Up @@ -75,7 +75,7 @@ <h3>Numbers Systems for Humans vs. Machines</h3>
<div>10s place</div>
<div>1s place</div>
</div><br />
The number 239 is equal to (2 × 100) + (3 × 10) + (9 × 1). You could write it in Snap<em>!</em> like this to show how base 10 works:<br />
The number 239 is equal to (2 × 100) + (3 × 10) + (9 × 1). You could write it in Snap<em>!</em> like this:<br />
<img class="indent" src="/bjc-r/middle-school/img/U1/lab05/239-decimal-reporting.png" alt="((2 × 100) + (3 × 10)) + (9 × 1) reporting 239" title="((2 × 100) + (3 × 10)) + (9 × 1) reporting 239" />
</div>
</div>
Expand All @@ -90,7 +90,7 @@ <h3>Numbers Systems for Humans vs. Machines</h3>

<div class="vocabFullWidth"><strong>: Binary Numerals</strong>
<p>A <strong>binary numeral</strong> is part of the base 2 system.</p>
<p>In base 2, there are twp digits (0-1), and each place is worth twice times as much as the place to its right.</p>
<p>In base 2, there are two digits (0-1), and each place is worth twice times as much as the place to its right.</p>
<div class="endnote">
<p><a href="#hint-binary-1010" data-toggle="collapse" title="For example, consider the binary numeral 1010...">For example, consider the binary numeral 1010...</a></p>
<div id="hint-binary-1010" class="collapse">
Expand All @@ -117,20 +117,20 @@ <h3>Numbers Systems for Humans vs. Machines</h3>
<div id="hint-help-binary" class="collapse">
<p>
<img class="imageRight" src="/bjc-r/img/4-internet/decimal-places.jpg" alt="place values in decimal 3761: 3 1000's 7 100's 6 10's 1 1's" title="place values in decimal 3761: 3 1000's 7 100's 6 10's 1 1's" />
In <strong>base 10</strong> notation, each place value represents a <strong>power of ten</strong>: the units place (10<sup>0</sup> = 1), the tens place (10<sup>1</sup> = 10), the hundreds place (10<sup>2</sup> = 100), the thousands place (10<sup>3</sup> = 1000), etc. So, for example:</p>
<p class="center"> 3761 &nbsp; = &nbsp; 3 &times; 10<sup>3</sup> &nbsp;+&nbsp; 7 &times; 10<sup>2</sup> &nbsp;+&nbsp; 6 &times; 10<sup>1</sup> &nbsp;+&nbsp; 1 &times; 10<sup>0</sup>
In <strong>base 10</strong> notation, each place value represents a <strong>power of ten</strong>: the units place (10<sup>0</sup> = 1), the tens place (10<sup>1</sup> = 10), the hundreds place (10<sup>2</sup> = 100), the thousands place (10<sup>3</sup> = 1000), etc. So, for example:
</p>
<p class="center"> 3761 &nbsp; = &nbsp; 3 &times; 10<sup>3</sup> &nbsp;+&nbsp; 7 &times; 10<sup>2</sup> &nbsp;+&nbsp; 6 &times; 10<sup>1</sup> &nbsp;+&nbsp; 1 &times; 10<sup>0</sup>
</p>
<p style="clear: right;">
<img class="imageRight" src="/bjc-r/img/4-internet/binary-places(18).jpg" alt="place values in binary 10010: 1 16's 0 8's 0 4's 1 2's 0 1's" title="place values in binary 10010: 1 16's 0 8's 0 4's 1 2's 0 1's" />
<strong>Base 2</strong> uses the same idea but with <strong>powers of two</strong> instead of powers of ten. Binary place values represent the units place (2<sup>0</sup> = 1), the twos place (2<sup>1</sup> = 2), the fours place (2<sup>2</sup> = 4), the eights place (2<sup>3</sup> = 8), the sixteens place (2<sup>4</sup> = 16), etc. So, for example:
</p>
<p align="center">10010<sub>2</sub> &nbsp; = &nbsp; <strong>1 &times; 2<sup>4</sup></strong> &nbsp;+&nbsp; 0 &times; 2<sup>3</sup> &nbsp;+&nbsp; 0 &times; 2<sup>2</sup> &nbsp;+&nbsp; <strong>1 &times; 2<sup>1</sup></strong> &nbsp;+&nbsp; 0 &times; 2<sup>0</sup> &nbsp; = &nbsp; 16 &nbsp;+&nbsp; 2 &nbsp; = &nbsp; 18<sub>10</sub></p>


</div>
</div>
</ol>
</div>
<div class="todo">I think the above "reading" exercise should include a few more numbers and the below ITIT needs more support for writing in binary. --MF, 9/22/21</div>
<div class="ifTime show">
<ol start="7">
<li>Try writing a number in binary and see if a friend can convert back to your original number. If they have trouble, go through both calculations (yours and theirs) together. If they succeed in finding your original number, try a bigger number!</li>
Expand Down
14 changes: 7 additions & 7 deletions middle-school/student-pages/U1/L5/02-bits-electricity.html
Original file line number Diff line number Diff line change
Expand Up @@ -19,9 +19,9 @@ <h3>Storing Numbers in Bits</h3>
<ol>
<li>If your project isn't open already, log in to Snap! and open your "Numbers Bits Electricity" project.</li>
<li>
Drag the <img class="inline" src="/bjc-r/middle-school/img/U1/lab05/dec-to-bin.png" alt=" decimal → binary ()" title="decimal → binary ()" /> block into the main area. You can type decimal numbers directly into that block or you can even drag your previous calculations into the block. <br />
<img class="indent" src="/bjc-r/middle-school/img/U1/lab05/dec-to-bin-300-reporting.png" alt="decimal → binary (300) reporting 100101100" title="decimal → binary (300) reporting 100101100" />
<img class="indent" src="/bjc-r/middle-school/img/U1/lab05/dec-to-bin-60x5-reporting.png" alt="decimal → binary (60 × 5) reporting 100101100" title="decimal → binary (60 × 5) reporting 100101100" />
Drag the <img class="inline" src="/bjc-r/middle-school/img/U1/lab05/bin-of-dec.png" alt=" binary of decimal ()" title="binary of decimal ()" /> block into the main area. You can type decimal numbers directly into that block or you can even drag your previous calculations into the block. <br />
<img class="indent" src="/bjc-r/middle-school/img/U1/lab05/bin-of-dec-300-reporting.png" alt="binary of decimal (300) reporting 100101100" title="binary of decimal (300) reporting 100101100" />
<img class="indent" src="/bjc-r/middle-school/img/U1/lab05/bin-of-dec-60x5-reporting.png" alt="binary of decimal (60 × 5) reporting 100101100" title="binary of decimal (60 × 5) reporting 100101100" />
</li>
<li>
<img class="inline" src="/bjc-r/img/icons/talk-with-your-partner.png" alt="Talk with Your Partner" title="Talk with Your Partner" />
Expand All @@ -46,13 +46,13 @@ <h3>Storing Bits as Electricity</h3>
For the binary number 1010, we could imagine the computer storing it like this:<br />
<img class="indent noshadow" src="/bjc-r/middle-school/img/U1/lab05/capacitors-1010.png" alt="four drawings of capacitors with charges: +, none, +, none" title="four pictures of drawings with charges: +, none, +, none" />
</p>
<p>The <img class="inline" src="/bjc-r/middle-school/img/U1/lab05/bin-to-elec.png" alt="binary → electric ()" title="binary → electric ()" /> block will help you visualize how the computer stores any binary number.</p>
<p>The <img class="inline" src="/bjc-r/middle-school/img/U1/lab05/elec-of-bin.png" alt="electric of binary ()" title="electric of binary ()" /> block will help you visualize how the computer stores any binary number.</p>
<div class="forYouToDo">
<ol start="6">
<li>
Drag the <code>binary → electric</code> block into the Scripts area, and experiment with it. You can type binary numbers directly into that block, or you can drag in a <code>decimal to binary</code> block. Try both ways.<br />
<img class="indent" src="/bjc-r/middle-school/img/U1/lab05/bin-to-elec-reporting.png" alt="binary → electric (1010) reporting four drawings of capacitors with charges: +, none, +, none" title="binary → electric (1010) reporting four drawings of capacitors with charges: +, none, +, none" />
<img class="indent" src="/bjc-r/middle-school/img/U1/lab05/bin-to-elec(dec-to-bin-10)-reporting.png" alt="binary → electric (decimal → binary (10)) reporting four drawings of capacitors with charges: +, none, +, none" title="binary → electric (decimal → binary (10)) reporting four drawings of capacitors with charges: +, none, +, none" />
Drag the <code>electric of binary</code> block into the Scripts area, and experiment with it. You can type binary numbers directly into that block, or you can drag in a <code>decimal to binary</code> block. Try both ways.<br />
<img class="indent" src="/bjc-r/middle-school/img/U1/lab05/elec-of-bin-reporting.png" alt="electric of binary (1010) reporting four drawings of capacitors with charges: +, none, +, none" title="electric of binary (1010) reporting four drawings of capacitors with charges: +, none, +, none" />
<img class="indent" src="/bjc-r/middle-school/img/U1/lab05/elec-of-bin(bin-of-dec-10)-reporting.png" alt="electric of binary (binary of decimal (10)) reporting four drawings of capacitors with charges: +, none, +, none" title="electric of binary (binary of decimal (10)) reporting four drawings of capacitors with charges: +, none, +, none" />
</li>
<li>
<img class="inline" src="/bjc-r/img/icons/talk-with-your-partner.png" alt="Talk with Your Partner" title="Talk with Your Partner" />
Expand Down
Loading

0 comments on commit 36c684a

Please sign in to comment.