Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
cf639ba
commit 120fbfd
Showing
1 changed file
with
9 additions
and
103 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,104 +1,10 @@ | ||
|
|
||
| <html><head> | ||
| <title>Computer Science</title> | ||
| <style type="text/css"> | ||
| body { | ||
| background-color: #1B3E59; | ||
| } | ||
| h2 { | ||
| color: #AB7300; | ||
| } | ||
| body { | ||
| color: #494A4A; | ||
| } | ||
| a, a:hover, a:visited { | ||
| color: #0000ee; | ||
| } | ||
| .section { | ||
| padding: 1em; | ||
| background-color: #E1DFE3; | ||
| width: 30em; | ||
| margin-left: auto; | ||
| margin-right: auto; | ||
| margin-bottom: 1em; | ||
| } | ||
| .screenshot { | ||
| width: 400px; | ||
| } | ||
| .block { width: 300px; } | ||
| </style> | ||
| </head> | ||
| <body> | ||
| <div class="section"> | ||
| <h1>Computer Science, 2013-09-26</h1> | ||
| <h2>Do Now</h2> | ||
| <p>Click to <a target="donow" | ||
| href="https://docs.google.com/forms/d/1Sf_lvRB6PEtaPJ3vk1PWLxpdIVSrzkEjHnKEYC9_Vng/viewform">Do Now</a></p> | ||
| </div> | ||
| <div class="section"> | ||
| <h2>Snap Setup</h2> | ||
| <p>Remember, your Snap! username is: ywls-{firstname}{lastinitial}. For example, Alicia Smith would be ywls-alicias.</p> | ||
| <p>Your password is 'teals2013'.</p> | ||
| <p>Before doing anything else, log in.</p> | ||
| <p><a target="snap" href="http://snap.berkeley.edu/run">Start Snap!</a></p> | ||
| </div> | ||
| <div class="section"> | ||
| <h2>Conditionals: Lotto</h2> | ||
| <p>Your challenge: Create a Lottery program.</p> | ||
| <p>It should set a variable (named 'secret') to a random number between 1 and 5.</p> | ||
| <p>Then ask the user for a guess.</p> | ||
| <p>If the guess equals the secret, have the sprite say "You won!".</p> | ||
| <p>Otherwise, the sprite should say, "Sorry, play again."</p> | ||
| <p>Blocks you will use: </p> | ||
| <p><img src="http://i.imgur.com/cAm8c6Y.png"></p> | ||
| <p><img src="http://i.imgur.com/HzmhMEi.png"></p> | ||
| <p><img src="http://i.imgur.com/m157HPs.png"></p> | ||
| <h2>Conditionals: Lotto with Hints</h2> | ||
| <p>Now make your Lotto program allow the user to keep guessing until they're right</p> | ||
| <p>It should still pick a random secret. This time, maybe between 1 and 10, or even 1 and 100.</p> | ||
| <p>But now, if the user's guess is too low, it should say, "Too low!" and let them try again.</p> | ||
| <p>If the user's guess is too high, it should say, "Too high!" and let them try again.</p> | ||
| <p>If the user guesses the number exactly, it should congratulate them and stop.</p> | ||
| <p>Blocks you will use:</p> | ||
| <p><img src="http://i.imgur.com/WVM76LK.png"></p> | ||
|
|
||
| <h2>Painting the Stage</h2> | ||
| <p>You can draw on the stage by following these 3 steps:</p> | ||
| <ol> | ||
| <li>Click on the stage button</li> | ||
| <li>Click the costumes tab</li> | ||
| <li>Click the paint button</li> | ||
| </ol> | ||
|
|
||
| <img class="screenshot" src="http://i.imgur.com/pGhDk7y.png"/> | ||
| <p>Draw three overlapping squares so that your stage looks like this:</p> | ||
| <img class="screenshot" src="http://i.imgur.com/gEWUair.png"/> | ||
|
|
||
| <p>Now, select your sprite again to go back to editing code for your sprite:</p> | ||
| <img class="screenshot" src="http://i.imgur.com/KCjSgCg.png"/> | ||
|
|
||
| <h2>Boolean Operators: AND, OR, and NOT</h2> | ||
| <p>You can combine booleans (remember, a boolean is something that is either TRUE or FALSE) using the AND and OR blocks, and you can take the opposite of a boolean using the NOT block.</p> | ||
|
|
||
| <p>Program your sprite so that it does the following:</p> | ||
| <ol> | ||
| <li>Say "red" if your sprite is touching the red square.</li> | ||
| <li>Say "not blue" if your sprite is not touching the blue square.</li> | ||
| <li>Say "red or green" if your sprite is touching the red square or the green square (or both!)</li> | ||
| <li>CHALLENGE: Say "colorful!" if your sprite is touching all three squares at the same time.</li> | ||
| </ol> | ||
|
|
||
| <p>You can drag and drop your sprite around the stage to test this out.</p> | ||
|
|
||
| <p>Blocks you will use:</p> | ||
| <p><img src="http://wiki.scratch.mit.edu/w/images/2.0_Touching_Color_%28%29.png"></p> | ||
| <p><img src="http://wiki.scratch.mit.edu/w/images/2.0_Say_%28%29_for_%28%29_Secs.png"><br/>(Why is it important that the say block has a duration?)</p> | ||
| <p><img src="http://wiki.scratch.mit.edu/w/images/2.0_%28%29_and_%28%29.png"></p> | ||
| <p><img src="http://wiki.scratch.mit.edu/w/images/2.0_%28%29_or_%28%29.png"></p> | ||
| <p><img src="http://wiki.scratch.mit.edu/w/images/2.0_Not_%28%29.png"></p> | ||
| <p><img src="http://wiki.scratch.mit.edu/w/images/2.0_If_%28%29_Then.png"></p> | ||
| <p><img src="http://wiki.scratch.mit.edu/w/images/2.0_Forever.png"></p> | ||
| </div> | ||
| </body></html> | ||
|
|
||
| <html> | ||
| <head> | ||
| <title>Computer Science</title> | ||
| <meta http-equiv="refresh" content="0; url=https://canvas.instructure.com/enroll/RHEYHM"> | ||
| </head> | ||
| <body> | ||
| <a href="https://canvas.instructure.com/enroll/RHEYHM">Enroll in the Course Site</a> | ||
| </body> | ||
| </html> | ||
|
|