Skip to content

Commit

Permalink
Wrapping up before PD
Browse files Browse the repository at this point in the history
  • Loading branch information
@maryfries
maryfries committed Jul 19, 2021
1 parent 7175ddc commit bd7832a
Show file tree
Hide file tree
Showing 8 changed files with 31 additions and 26 deletions.
4 changes: 2 additions & 2 deletions course/middle-school-teacher.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,13 +15,13 @@ <h2>Beauty and Joy of Computing for Middle School Teacher Guide</h2>
<img src="/bjc-r/img/web/bjc-logo.png" alt="Beauty and Joy of Computing" title="Beauty and Joy of Computing" />
</div>
<div class="topic_link" style="text-align:center;"><a href="/bjc-r/course/middle-school.html" title="Student Materials">Student Materials</a></div>
<div style="text-align:center; padding-top:10px;">For teachers:<br /><span class="topic_link"><a href="/bjc-r/cur/snap-crash-course.html" title="Snap! Crash Course">Snap<em>!</em> Crash Course</a></span></div>
<div style="text-align:center; padding-top:10px;">For teachers:<br /><span class="topic_link"><a href="/bjc-r/cur/snap-crash-course.html" title="For teachers: Snap! Crash Course (from high school BJC)">Snap<em>!</em> Crash Course</a></span><br />(from high school BJC)</div>
<!--<div class="topic_link" style="text-align:center;"><a href="/bjc-r/middle-school/updates.html" title="Development Updates">Development Updates</a></div>-->
</div>

<div class="topic_container" novideo noassignment>
<h3>Teacher Resources</h3>
<div class="topic_link"><a href="https://bjc.berkeley.edu/pd" title="Teacher Professional Development" target="_blank">Teacher Professional Development</a></div>
<div class="topic_link"><a href="https://bjc.berkeley.edu/pd" title="Teacher Professional Development Workshops" target="_blank">Teacher Professional Development Workshops</a></div>
<div class="topic_link"><a href="/bjc-r/middle-school/design-principles.html" title="Middle School Curriculum Design Principles">Middle School Curriculum Design Principles</a></div>
<!--<div class="topic_link"><a href="/bjc-r/middle-school/functional-approach.html" title="Functional Programming Approach">Functional Programming Approach</a></div>-->
</div>
Expand Down
Binary file added middle-school/img/U1/pictograph.png
View file
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/routing.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
26 changes: 14 additions & 12 deletions middle-school/teaching-guide/U1/01-intro-to-snap.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -151,7 +151,7 @@ <h3>Activity 2: Draw Like a Computer.<a name="A2" class="anchor">&nbsp;</a></h3>
<h3>Activity 3: Creating a Snap<em>!</em> Account<a name="A3" class="anchor">&nbsp;</a></h3>
<div>
<ul>
<li><strong>Materials:</strong> <a href="https://docs.google.com/document/d/1H2FCa9D_V0pB84BP7vnkeNhQ_OFUZ6OJV5mo2vPD7N0" title="Creating a Snap! Account Google Doc" target="_blank">Creating a Snap<em>!</em> Account Google Doc</a></li>
<li><strong>Materials:</strong> <a href="https://docs.google.com/document/d/1d61fMfTBjIAxeuSzTk7KecHDkSp0033_1WlGeDM47ZI/edit" title="Creating a Snap! Account Google Doc" target="_blank">Creating a Snap<em>!</em> Account Google Doc</a></li>
<li>
<strong>Prepare:</strong>
<ul>
Expand Down Expand Up @@ -203,41 +203,42 @@ <h3>Activity 3: Creating a Snap<em>!</em> Account<a name="A3" class="anchor">&nb
<a class="back-to-top" href="#top">&uarr; Back to Top</a>
<h3>Activity 4: Say Hello to Snap<em>!</em>.<a name="A4" class="anchor">&nbsp;</a></h3>
<div>
Under development
<!--<ul>
<li><strong>Materials:</strong> </li>
<ul>
<li><strong>Materials</strong>&mdash;Google doc coming soon!</li>
<li>
<strong>Prepare:</strong>
<ul>
<li></li>
<li>Take a few minutes to explore the blocks in the Snap<em>!</em> project so you understand what they do before you share the Google doc with students.</li>
</ul>
</li>
<li>
<strong>Learning Goals:</strong>
<ul>
<li></li>
<li>Learn about reporter blocks in Snap<em>!</em>, which are procedures that report an output.</li>
<li>Learn to use input parameters and that they may change the resulting output of a reporter.</li>
<!--<li>Learn that blocks can take different kinds of input such as text or numbers.</li>-->
</ul>
</li>
<li>
<strong>Activity Plan:</strong>
<ul>
<li></li>
<li>Students explore several simple blocks that take one or more inputs(s) and observe the reported results.</li>
</ul>
</li>
<li>
<strong>Tips:</strong>
<ul>
<li></li>
<li>In this first hands-on exploration with Snap<em>!</em>, students may struggle with basics such as clicking a block to make it run, difficulty typing into input slots etc. The simplicity of this project allows for debugging these simple challenges of the absolute beginner so that they are resolved by the time students move on to more complex use of the Snap<em>!</em> interface such as dragging blocks into each other, creating input parameters, and creating and editing blocks.</li>
</ul>
</li>
<li>
<strong>Standards:</strong>
<ul>
<li></li>
<li>None covered in this activity since it focuses on the basics of using Snap<em>!</em>.</li>
</ul>
</li>
</ul>
</div>-->
</div>


<!--<div class="todo">Example of things high school teachers have requested and that I imagine middle school teachers will want even more. --MF, 5/21/21</div>
Expand Down Expand Up @@ -268,14 +269,15 @@ <h3>Solutions</h3>


<h3>Correlation with CSTA Standards<a name="Standards" class="anchor">&nbsp;</a></h3>
<div class="Standards">
<p>None covered in this first lab.</p>
<!--<div class="Standards">
<ul>
<li><strong>2-DA-07: Represent data using multiple encoding schemes.</strong> Data representations occur at multiple levels of abstraction, from the physical storage of bits to the arrangement of information into organized formats (e.g., tables). Students should represent the same data in multiple ways. For example, students could represent the same color using binary, RGB values, hex codes (low-level representations), as well as forms understandable by people, including words, symbols, and digital displays of the color (high-level representations).</li>
<li><strong>2-DA-08: Collect data using computational tools and transform the data to make it more useful and reliable.</strong> As students continue to build on their ability to organize and present data visually to support a claim, they will need to understand when and how to transform data for this purpose. Students should transform data to remove errors, highlight or expose relationships, and/or make it easier for computers to process. The cleaning of data is an important transformation for ensuring consistent format and reducing noise and errors (e.g., removing irrelevant responses in a survey). An example of a transformation that highlights a relationship is representing males and females as percentages of a whole instead of as individual counts.</li>
<li><strong>2-AP-14: Create procedures with parameters to organize code and make it easier to reuse.</strong> Students should create procedures and/or functions that are used multiple times within a program to repeat groups of instructions. These procedures can be generalized by defining parameters that create different outputs for a wide range of inputs. For example, a procedure to draw a circle involves many instructions, but all of them can be invoked with one instruction, such as “drawCircle.” By adding a radius parameter, the user can easily draw circles of different sizes.</li>
<li><strong>3A-AP-21:</strong> Evaluate and refine computational artifacts to make them more usable and accessible.</li>
</ul>
</div>
</div> -->


</body>
Expand Down
14 changes: 7 additions & 7 deletions middle-school/teaching-guide/U1/02-storytelling.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,17 +15,17 @@ <h3>Pacing</h3>
<p>
This lab is designed for 1-2 class periods (<strong>35&ndash;70 minutes</strong>).
<ul>
<li><a href="#A1" title="Activity 1: Super-Short Stories">Activity 1: Super-Short Stories</a> 10&ndash;20 minutes</li>
<li><a href="#A1" title="Activity 1: Super-Short Story Builder">Activity 1: Super-Short Story Builder</a> 10&ndash;20 minutes</li>
<li><a href="#A2" title="Activity 2: Refining the Story">Activity 2: Refining the Story</a> 10&ndash;20 minutes</li>
<li><a href="#A3" title="Activity 3: Creating and Editing Blocks">Activity 3: Creating and Editing Blocks</a> 15&ndash;30 minutes</li>
</ul>
</p>

<a class="back-to-top" href="#top">&uarr; Back to Top</a>
<h3>Activity 1: Super-Short Stories.<a name="A1" class="anchor">&nbsp;</a></h3>
<h3>Activity 1: Super-Short Story Builder.<a name="A1" class="anchor">&nbsp;</a></h3>
<div>
<ul>
<li><strong>Materials:</strong> <a href="https://docs.google.com/document/d/1m-H1nPmDZh1VQO6jPEippUMjVisEAi1EjrjXg7i_kn0/edit#" title="Activity 4: Super-Short Stories Google Doc" target="_blank">Super-Short Stories Google Doc</a></li>
<li><strong>Materials:</strong> <a href="https://docs.google.com/document/d/1jN8z20zNWQkvMEr4B2xrOHTHqsCiKCAgTH7srjktMZ4/edit" title="Activity 4: Super-Short Story Builder Google Doc" target="_blank">Super-Short Story Builder Google Doc</a></li>
<li>
<strong>Prepare:</strong>
<ul>
Expand Down Expand Up @@ -75,7 +75,7 @@ <h3>Activity 2: Refining the Story.<a name="A2" class="anchor">&nbsp;</a></h3>
<div class="comment">More great stuff in the <a href="https://docs.google.com/document/d/1GnNzjmy2Mj1oh9Xl3zydsiDOl86JuDVQGdH_XGKpnaY" title="Storytelling Lab" target="_blank">Storytelling Lab</a>.</div>
<div>
<ul>
<li><strong>Materials:</strong> <a href="https://docs.google.com/document/d/1oB_X6snRZIzgMohu3_i1ejSJgViKXp_YtKx5SJVdEKQ/edit#heading=h.e3sta4frpboc" title="Activity 5: Refining the Story Google Doc" target="_blank">Refining the Story Google Doc</a></li>
<li><strong>Materials:</strong> <a href="https://docs.google.com/document/d/12GtjpO8cawrWDrR-qTwy4kRTn3M4kF6WW-hW_x7JWtk/edit" title="Activity 5: Refining the Story Google Doc" target="_blank">Refining the Story Google Doc</a></li>
<li>
<strong>Prepare:</strong>
<ul>
Expand Down Expand Up @@ -117,8 +117,8 @@ <h3>Activity 2: Refining the Story.<a name="A2" class="anchor">&nbsp;</a></h3>
<h3>Activity 3: Creating and Editing Blocks.<a name="A3" class="anchor">&nbsp;</a></h3>
<div class="comment">Need to decide when/how to include abstraction. --MF</div>
<div>
Under development<!--<ul>
<li><strong>Materials:</strong> <a href="" title="Activity 6: Creating and Editing Blocks Google Doc" target="_blank">Creating and Editing Blocks Google Doc</a></li>
<ul>
<li><strong>Materials:</strong> <a href="https://docs.google.com/document/d/1y1h4Duubv6gj9wXsFwmpPWoekxh-UOGuFl3nJA81XLs/edit" title="3: Creating and Editing Blocks Google Doc" target="_blank">Creating and Editing Blocks Google Doc</a></li>
<li>
<strong>Prepare:</strong>
<ul>
Expand Down Expand Up @@ -149,7 +149,7 @@ <h3>Activity 3: Creating and Editing Blocks.<a name="A3" class="anchor">&nbsp;</
<li></li>
</ul>
</li>
</ul>-->
</ul>
</div>


Expand Down
6 changes: 3 additions & 3 deletions middle-school/teaching-guide/U1/03-dealing-with-data.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -42,9 +42,9 @@ <h3>Activity 1: Gathering Data.<a name="A1" class="anchor">&nbsp;</a></h3>
<ul>
<li><strong>Materials:</strong>
<ul>
<li><a href="https://docs.google.com/document/d/1Sx-80V-sJGNmNL6HeE6YZelg_CHdtKLSwdn18L7J6BQ/edit" title="Activity 1: Gathering Data Google Doc" target="_blank">Gathering Data Google Doc</a></li>
<li><a href="https://docs.google.com/document/d/1PV7vVJaDluePpv8W9CtJaF1mZLMTqrVybFG984_naGg/edit" title="Activity 1: Gathering Data Google Doc" target="_blank">Gathering Data Google Doc</a></li>
<div class="comment ">Why is this worksheet collecting names? Do we need them? --MF</div>
<li><a href="https://docs.google.com/document/d/15E2MF9setGOv7wzqa_2faAkaCTAGWZaRVe079HeM2jw/edit#" title="Data Collection Worksheet Google Doc" target="_blank">Data Collection Worksheet Google Doc</a></li>
<li><a href="https://docs.google.com/document/d/1urD1kAT2Lkdd7WvduTLUQEkiyXHeG4mU89oMzVxlvmc/edit" title="Data Collection Worksheet Google Doc" target="_blank">Data Collection Worksheet Google Doc</a></li>
</ul>
</li>
<li>
Expand Down Expand Up @@ -88,7 +88,7 @@ <h3>Activity 1: Gathering Data.<a name="A1" class="anchor">&nbsp;</a></h3>
<h3>Activity 2: Visualizing Data.<a name="A2" class="anchor">&nbsp;</a></h3>
<div>
<ul>
<li><strong>Materials:</strong> <a href="https://docs.google.com/document/d/1Nl6oSgbE1aXSQU8oFdbkHnr0JzJ4p8TmYiTzmfQrp6s/edit#" title="Activity 2: Visualizing Data Google Doc" target="_blank">Visualizing Data Google Doc</a></li>
<li><strong>Materials:</strong> Visualizing Data Google Doc&mdash;coming soon! <!--<a href="https://docs.google.com/document/d/1Nl6oSgbE1aXSQU8oFdbkHnr0JzJ4p8TmYiTzmfQrp6s/edit#" title="Activity 2: Visualizing Data Google Doc" target="_blank">Visualizing Data Google Doc</a>--></li>
<li>
<strong>Prepare:</strong>
<ul>
Expand Down
1 change: 1 addition & 0 deletions middle-school/teaching-guide/U1/05-storing-securing-transmitting.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -39,6 +39,7 @@ <h3>Activity 1: Numbers, Bits, and Electricity.<a name="A1" class="anchor">&nbsp
<li>
<strong>Materials:</strong>
<ul>
<div class="comment">Do we have rights to the image of capacitors in this document? Do we need attribution? --MF</div>
<li><a href="https://docs.google.com/document/d/1UAcChyjYURkjvARKlR8d1Pd8JCHRx8iQCrij-LZ5XVI/edit#heading=h.vr0qyanrjxwz" title="Activity 1: Numbers, Bits, and Electricity Google Doc" target="_blank">Numbers, Bits, and Electricity Google Doc</a></li>
<li>
Optional Game: Binary Bingo
Expand Down
6 changes: 4 additions & 2 deletions topic/middle-school/1-teaching-guide.topic
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,8 @@ title: Teaching Guide for Unit 1: Functions and Data
{

h3: Purpose
raw-html:<p>This unit starts with the basics of functional programming&mdash;creating abstractions in the form of reporters (i.e., functions) and predicates (i.e., functions that return Booleans) through control structures, to using the higher-order functions <code>map</code>, <code>keep</code>, and <code>combine</code>. Students explore the Snap<em>!</em> programing environment using functions to process inputs, which may themselves be the outputs of other functions. After learning the basics of working in Snap<em>!</em>, students create projects with using lists, sounds, and other common data types (numbers, text, emojis, etc.) as they learn the basics of bits, characters, and how functions behave.</p>
raw-html: <img class="imageRight noshadow" style="height:200px;" src="/bjc-r/middle-school/img/U1/pictograph.png" alt="pictograph with ice cream cones; the vertical axis is labeled 'Number of students' and the categories along on the horizontal axis are 'MintChip' showing three ice cream cones, 'Vanilla' showing four ice cream cones, and 'Orange' showing one ice cream cone" title="pictograph with ice cream cones; the vertical axis is labeled 'Number of students' and the categories along on the horizontal axis are 'MintChip' showing three ice cream cones, 'Vanilla' showing four ice cream cones, and 'Orange' showing one ice cream cone" />
raw-html:<p>This unit starts with the basics of functional programming&mdash;creating abstractions in the form of reporters (i.e., functions) and predicates (i.e., functions that return Booleans) through control structures, to using the higher-order functions <code>map</code>, <code>keep</code>, and <code>combine</code>. Students explore the Snap<em>!</em> programing environment using functions to process inputs, which may themselves be the outputs of other functions. After learning the basics of working in Snap<em>!</em>, students create projects with using lists, sounds, and other common data types (numbers, text, emojis, etc.) as they learn the basics of bits, characters, and how functions behave.</p>

h3: CSTA Standards:
raw-html:<div class="commentBig">These need to be updated after all the pages are finalized. --MF</div>
Expand All @@ -17,7 +18,8 @@ h3: CSTA Standards:
raw-html:</ul></p>

h3: Teacher Guides for Student Labs
resource: Lab 1: Introduction to Snap<em>!</em> [/bjc-r/middle-school/teaching-guide/U1/01-intro-to-snap.html]
raw-html: <img class="imageRight noshadow" style="height:200px;" src="/bjc-r/middle-school/img/U1/routing.png" alt="image of six blue circles lettered A-F; each circle is connected to 1-4 other circles" title="image of six blue circles lettered A-F; each circle is connected to 1-4 other circles" />
resource: Lab 1: Introduction to Snap<em>!</em> [/bjc-r/middle-school/teaching-guide/U1/01-intro-to-snap.html]
raw-html:<ul><li>approximately 3&ndash;5 class periods <!--(85&ndash;170 minutes)--></li></ul><div class="commentBig">We are still missing the functional version of the Marching Orders activity and that will impact this time estimate. Also, I have some reconfiguring to do with the story stuff that may result in splitting lab 1 into the intro stuff and "say hello" followed by another lab here for the Story stuff ... --MF, 7/12/21</div>
//resource: Lab 2: Super Short Stories [/bjc-r/middle-school/teaching-guide/U1/02-storytelling.html]
raw-html: <strong>Lab 2: Super Short Stories</strong> (under development)
Expand Down

0 comments on commit bd7832a

Please sign in to comment.