CS10 Lessons

Notes to Teachers

• The assignments mentioned in the lessons can generally be found on the Teach With… pages of my site.  Additional files mentioned in the lessons or assignments can be found on the File Cabinet page.

• These lesson plans are in reverse chronological order.   As students spend the last three weeks working on individualized project, the end of the year will be less useful than the beginning.  Start by scrolling to the END of the document

• This is my actual Lesson Plan document for the 2016/17 school year.  The class was every day for the first semester.  Classes were 81 minutes in length.

• This website is automatically generated by Google Docs and the formatting is not great.  If you are having trouble understanding anything, please blame Google.          :-)

Remaining Classes

Class 81 & 82 - Last 2 days of course

Ensure students have finished self evaluations

Create Executable Files for putting on the S: drive

Nominate Game of the Year

Class 80 - Monday, Jan. 16

Prep: Photocopy Rubrics

Marking and continuous improvement

Ensure N-Event keys are in place.  You will lose “Technical” marks if it is not.

How to Create an Executable Program

1. Choose File… Create Application
2. Choose Save as Type…  Single Runtime Executable.
3. Go the drive location you want to save to (my USB)
4. Give it the name of your Game (your marketing name).
5. Hit Save

Nominate your neighbours and/or yourself for the following categories for Game of the Year:

• Best Visual Design
• Most Creative
• Best Game Mechanics
• Most Fun to Play

Class 77-79 - Jan. 11-13

Discuss next year’s Cyberpatriot Teams.

• We will be recruiting 3-5 current grade 10 students for

Finish up project

• Often remind them to check the rubric
• Talk about Professionalism

Class 76 - Tuesday, Jan. 10

Discuss  Benefits of Taking CS20 (on next page)

Differences between 20 Regular and 20 AP

• Not harder at the 20 level, but faster and a bit more pure programming.  It does become harder at the 30 level.
• AP is likely full year and will fit your schedule better if you are taking lots of AP courses

4 days remaining in full project time

Benefits of Computing Science

• Of course, you all know most of the benefits already
• CS30 can be used in place of any other science to get into most university programs in Alberta  PLUS No Diploma exam

CS20 Regular - 5 Credits

• 3 pure programming in Processing or Java
• 1 Theory Credit
• 1 in Robotics (Vex or Arduino) or Smart Phone App development

AP Program

• Accelerated in CS20.  Most students will earn 6 credits in CS20 AP but only 5 in CS regular

• 4 pure programming credits
• 1 Theory credit
• 1 project credit

• AP 30s go into University level programming
• May get credit for University courses

  ---

Class 75 - Monday, Jan. 9

Have each student open the marking rubric.  

• Students should make a copy but Do NOT share it with me as this is unofficial.  Highlight things you still need to do OR grey out things you have already accomplished

Start to talk about CS20 - base your decisison on the SP2 credit

• 90-100% - will succeed in both

Class 71 - Monday, Dec 19

Aidan, Tait and Eve are Do Not Admit and should be sent to the Scona Room.  Be sure to check for additions.

Today is considered Day 3

Put out exam dividers for block 2

Friday

Go over the planning page specifics as I was away. This is considered Day 2.

Talk about the Prototype day on Thursday

Class 69 - Thursday, Dec. 15

Day 9 of CSE Project A, 17 classes remaining

Complete the Planning page

• Have each student make a copy and immediately drop it into their Hand In folder
• Delete the pages that do not apply to your project
• Warn the Web Designers that they will need to produce something ON PAPER as well
• Discuss and Fill in the timeline of goals

Timeline of Goals

By the end of Day 3 Wednesday, Dec. 21st, I should have completed:

• My Prototype Game… which must be in working condition
• Explain the levels and/or functionality that should be complete.

By the end of Day 6 Tuesday, Jan. 10___ I should have completed:

By the end of _Day 9, Friday Jan. 13__ I should have completed:

• How many levels
• Help File and/or instructions
• The Game should be completed and ready for Beta Testing by other players.

Day 11-13 Marking and Game Of The Year comp.

Class 68 - Wednesday, Dec. 14

Day 8 of CSE Project A, 18 classes remaining

Discuss the details of the project and the rubric (see below)

Discuss the expectations of the planning page (to be completed on Thursday)

Work time day 1  

Introduce the major project

• It will be one of the biggest single products you EVER produce in high school
• Your goal is to push  yourself a bit, but most importantly, to produce the most PROFESSIONAL product you can.  This means:

• User friendly
• Carefully considered visuals
• Thoughtful and useful instructions

• You will have 10 full classes to work on it plus:

• A mechanics experimenting/learning day - Tomorrow
• A planning day - Thursday
• A ‘prototype day’ where someone else will give you feedback - next week
• A marking day

• Can be a partners project but each must be independent modules programmed entirely separately

There are 4 major project types:

• Game Maker - a 4 level minimum project
• Processing - a complex project with many scenes, variables and input types
• Web Design - a prototype site created for a real-life customer
• Scratch Teaching Lesson for an Elementary Classroom

Class 66 - Tuesday, Dec. 13

Day 7 of CSE Project A, 19 classes remaining

Prep:  Save OOP Example to the S: drive

Do next year - I was sick and did not do this.

Prep:  Save OOP Example to the S: drive

One Last Processing Lesson - Object Oriented Programming

• To tempt a few more of you to try Processing
• A crash course in some of the Computing Science 20 and 30 concepts
• If this goes over your head, do not worry for now, we will slow things down next year

OOP Car V1 - Based on Learn Processing.org

• Have them open the OOP_Start file off the S:drive.  This is nearly the full code from LearnProcessing.org
• Explain version 1 and play around with the constructor settings
• Will need to explain color(175) - defines a color c with a grayscale value

OOP Car V2 - Based on http://learningprocessing.com/examples/chp08/example-08-02-twoobjects

• Discuss that as this gets more complicated, you will use seperate ‘files’ or tabs
• Talk about the idea of parameter passing and how important it is in

Version 1 - // Example 8-1: A Car class and a Car object

Car myCar; // Declare car object as a globle variable.

void setup() {
 size(480, 270);
 // Initialize car object in setup() by calling constructor.
 myCar = new Car();
}

void draw() {
 background(255);
 // Operate Car object in draw() by calling
 // object methods using the dot syntax.
 //myCar.move(); 
 //myCar.display();
}

// Define a class outside of setup and draw.
class Car { 
 // Variables.
 color c; 
 float xpos;
 float ypos;
 float xspeed;

 // A constructor.
 Car() { 
   c = color(175);
   xpos = width/2;
   ypos = height/2;
   xspeed = 1;
 }

 // Function.
 void display() { 
   // The car is just a square
   rectMode(CENTER);
   stroke(0);
   fill(c);
   rect(xpos, ypos, 20, 10);
 }

 // Function.  
 void move() { 
   xpos = xpos + xspeed;
   if (xpos > width) {
     xpos = 0;
   }
 }
}

Class 65 - Monday, Dec. 12 - Sub was here

Day 6 of CSE Project A, 20 classes remaining

Prep:  

Discuss Client Side Scripting Marking

• “How Internet Works” marks on top of your Google Doc but several of you did not share it.  Check the list on the whiteboard.

Game Maker Mini-Project

Discuss Final Project timelines

Some more time to try out sample projects

• We will also start to discuss the specifics of the project requirements
• Require them to play a few Processing Projects today

Class 64 - Friday, Dec. 9

Day 5 of CSE Project A, 20 classes remaining

Prep:  

Find 5 Minute Flappy

Create start file with:

• Small room followed by LARGE room

• Two types of walls (floor and sides?)
• Ladder?
•  Bad guy for path
• Bad guy for proximity?

5-Minute Flappy

• Try to create flappy birds in 5 minutes
• This will demo gravity, views, etc.
• Wall object, Bird object, end game object

Use a platform game to demonstrate

• Paths for Bad Guys - with a simple jump order
• Views
• Gravity and Jumping

Gravity and Platform Games

• Review the following:

• Gravity is a FORCE that constantly acts on your object
• It will therefore pull you THROUGH an object
• Gravity must therefore be turned on when in the air and off when you land on something
• New way to do it:

• Use Check Empty to turn on gravity
• Use Up arrow to turn on gravity

• start with the Gravity Example file on the S:drive
• discuss horizontal and vertical speed
• Add the badguy object (has restart room built in)
• add friction to the step event

Class 63 - Thursday, Dec. 8

Day 5 of CSE Project A, 20 classes remaining

Prep:  

Game Maker Lesson - Basic Shooting

• Use Shooting_start from the S:drive

• Demo the background, including moving background
• Get the GoodGuy to follow the mouse rather than use the keyboard
• Basic shooting

• walk through the bad guy shooting code first

Lives and Health

Better Movement Lesson - GasAndBreakPedal Gas

• Use the Gas and Break Pedal file
• Basic Movement Object

• add a transform sprite action
• Add a shoot direction variable but do not actually implement shooting

• OBJFollowMouse

• add the M-Event key to trigger mouse follow (see image below)

• ObjGasPeddle

• Rotate to start facing left
• Add 36 subimages

Game Maker Lesson - Gravity

Give them time to try out old projects and games

Class 62 - Wednesday, Dec. 7

Day 4 of CSE Project A

Prep:  Prepare Pong, Photocopy HTML Marking sheets

Alter Shooting_start to include a goodguy and 3 separate goodguy bullets

Get GasAndBrake setup

Science of Fun

• Watch the level design scene from Indie Game (29:31 minute mark)

Next time: rework the Shooting_Start file to reflect bio-informatics

Class 61 - Tuesday, Dec. 6

Day 3 of CSE Project A

Prep:  

Html Marking

• Have them fill in the marking sheets

Pong Level 2

• Demonstrate simple animation by making the paddles change color

• Discuss animation vs turning a sprite vs changing sprites
• Set length to 2, Edit one, Stretch Animation

• Copy the first room and then discuss what needs to change. (Create events? Setup Object?)
• Add a Step event to ObjL1Setup so that once the score reaches a certain amount, it goes to level 2

Demo how to change levels with “Test Instance Count”

• Point out Game Maker How To docs

Science of Fun

• Tease this discussion for tomorrow.
• What makes things fun?  What kinds of fun are there?
• How do you design levels to make a game fun and encourage re-plays?

Brick Breaker Assignment

• Announce that I WILL mark it

Class 60 - Monday, Dec. 5

Day 2 of CSE Project A

Prep:  Prepare Pong, Photocopy HTML Marking sheets

Mark HTML 1-3

Start with a new file as so many were absent Friday

Pong Level 1 2016

• 2 Walls to act as goals
• Ball object to store 2 goals

• Use reverse VSpeed when the ball bounces

• Setup Object to draw score and eventually create a powerup
• Make paddles from scratch

Pong Level 2

• add a second level once the score reaches a certain amount
• add a power up that makes the ball go faster

Class 59 - Friday, Dec. 2

Day 1 of CSE Project A

Prep: can we open old Game Maker files off the S: drive?

Discuss Project Credit

• We have 24 classes left in the course
• 6 will be dedicated to learning Game Maker and Game Design Theory
• 12 will be dedicated to a single big project
• Other classes will be ‘to be determined’, likely an intro to CS20 concepts using Processing or perhaps an intro to Java

Likely evaluation

• 20% from one or two small Game Maker assignments
• 80% project

Why Game Maker

• Very good 2D gaming engine
• Even for non-gamers it is an interesting problem solving tool
• It is a nice jumping off point for future lessons

Change Settings:

• Create Dec_Jan Folder
• File… Preferences
• Skin to GM8
• Turn off show news
• New… Change directory to your December Folder
• You must IMPORT from the S: drive, then Save As to your December folder to run my old assignments

Game Maker Lesson 1

Introduction to Game Maker

• Open SimpleButFun from Studapps
• Discuss Game Components (sprites, objects, etc.)
• Discuss Events and Actions
• Make the following simple changes to the first level only:

• change the layout, making it bigger
• change the background colour
• add a third blue bar
• change the speed of the ball when the arrows are pressed

Complete Catch the Clown Tutorial Together

• Naming Conventions
• Game Information Screen
• Fundamental Rule of Game Maker: Objects that leave the room still exist
• Use a Key Press to go to the next level.

Class 58 - Thursday, My Birthday

Day 10 of Client Side Scripting

Prep: can we open old Game Maker files off the S: drive?

10 minute challenge

• Show the Kipura Snowflake Effect - https://www.kirupa.com/html5/ken_burns_effect_css.htm 
• Show the Ken Burns Effect from Kirupa - https://www.kirupa.com/html5/the_falling_snow_effect.htm 
• Discuss that he has zip files to download but I think you can just copy the code from further down to make them work
• Choose one of the effects and make it work!  (background content needed for snowflake)

Introduce Assignment 5

• Not for marks but required once you are done assignments 1-4

Test Game Maker

• Change its settings to GM8.1

Last Work time

Class 57 - Wednesday, Nov. 30

Day 9 of Client Side Scripting

Java Script Examples Projects

• For each of the following, walk them through the specific example code and then they must try to implement it.
• Javascript slide show: http://www.w3schools.com/howto/howto_js_slideshow.asp
• Javascript Hover Drop Down Menu: http://www.w3schools.com/howto/howto_css_dropdown.asp

Finish installing Game Maker

• Do not install “Game Maker Player”
• Demo on my computer as it is not installed

Work time:

Assignments 1, 2, 3 - skills demonstrated in these assignments worth 70%

How Internet Works - worth 20%

Assign 4 - worth 10%

Class 56 - Tuesday, Nov. 29

Day 8 of Client Side Scripting

Pick a day this week when everyone is here and install Game Maker

• Create an account using your school email
• Do not install the player
• Set default settings to:

• Game Maker 8.1 skin
• Everything goes to your December folder

Quick tips - Content Div with body background-image

• Show the file in the Block1 folder and discuss

Review of Form Objects

• Remind them that they most often are used to send/get info from a server

Setting InnerHTML

• Isolate this with a quick example (see next page)
• Discuss the InnerHtml can be used to set anything that has an ID (pictures based on a dice roll)

Intro to JavaScript

• Have them copy the Learn Javascript first example from w3schools

• Discuss that you can use Javascript in 3 ways:

• Inline
• Inside <script> tags which can go in the body or the header
• External file

• If the code is one line, we will use inline script. If it is more, we will use functions and write those functions in an external file

Retrieve from Text Box (see next page)

Browser Storage

• Discuss ‘session’ storage vs permanent
• Talk about browser dependency

Work time on assignments.

Storage, Inner HTML and Form code

Using External .JS file

<script src="myScript.js"></script>

Setting InnerHtml

<div id="result"></div>

document.getElementById("result").innerHTML = ("lastname");

Retrieve from TextBox

</script>

First Name: <input type="text" id="myText" value="Mickey">

<p>Click the button to display the value of the value attribute of the text field.</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>

function myFunction() {

    var x = document.getElementById("myText").value;

    document.getElementById("demo").innerHTML = x;

}

</script>

Accessing Browser Storage

<script>

// Check browser support

if (typeof(Storage) !== "undefined") {

    // Store

    localStorage.setItem("lastname", "Smith");

    // Retrieve

    document.getElementById("result").innerHTML = localStorage.getItem("lastname");

} else {

    document.getElementById("result").innerHTML = "Sorry, your browser does not support Web Storage...";

}

Class 55 - Monday, Nov. 28

Day 8 of Client Side Scripting

Discuss Web 1.0 vs 2.0 vs 3.0 and beyond

• Web 2.0 is really a revolutionary thing for humankind
• Discuss XML too

• XML and HTML were designed with different goals:
• XML was designed to describe data and to focus on what data is.
• HTML was designed to display data and to focus on how data looks.
• HTML is about displaying information, XML is about describing information.

• Youtube video: The Machine is us/using us: http://www.youtube.com/watch?v=NLlGopyXT_g

Introduction to Form Objects

• Use http://www.w3schools.com/html/html_forms.asp to introduce the idea of forms
• Talk about the use of Storage in preparation for tomorrow
• Talk about ‘innerhtml’ in preparation for tomorrow

Work time on Assignment 2&  3 (and 4 if they are aiming for 90%+)

Class 55 - Friday, Nov. 25

Day 7 of Client Side Scripting

Prep: Marking scheme for assignments 1 and 2, get CSS code copied into here

How the Internet Works Assignment

Finish Assign 2 and start 3

Mark Assign 2

Class 54 - Thursday, Nov. 4

Day 7 of Client Side Scripting

Prep: Marking scheme for assignments 1 and 2, get CSS code copied into here

New Div Example - may want to do this first

• Save a texture image
• Add that image to the body background
• Create a div that is 800(?)px across and call it ‘content’
• Centre the div
• That content then stays there as the background collapses when window is resized

HTML Div Continued

• Discuss class vs id
• Add the following:

• Div inside a div
• Take 5 minutes to READ the CSS Layout page
• Add box-shadow
• Search hover on w3schools

• Display: in-line block

HTML Assignment 2

Class 53 - Wednesday, Nov. 23

Day 6 of Client Side Scripting

Prep:

Using a separate CSS Style Sheet

• Use the OSI layers as a content for the site (an HTML file called osi.html is ready for copying on the S: drive)
• Find a website and paste it in.  Just create the headings
• <link rel="stylesheet" type="text/css" href="mystyle.css">

YouTube Video: The Art of Web Design

http://www.youtube.com/watch?v=3iVVM_DgWY4&safety_mode=true&persist_safety_mode=1&safe=active

How do you pick good colors?

• pick a base colour out of a photo
• use that colour to generate a color swatch
• color.adobe.com

HTML Div

• Divs are still heavily used but are being used ‘differently’ than before.  
• Size is easy, layout is tricky
• Create 2 small divs that we want to go beside each other
• Add a background color to one, then add borders

     border: 2px solid red;

        border-radius: 5px;

• Once you get a feel for how they work you can add position: elements

• Look at the w3schools position

HTML Assignment 2

Next year: Possibly update how Internet works

How the Internet Works - https://developer.mozilla.org/en-US/docs/Learn/Common_questions/How_does_the_Internet_work 

How the Web Works - https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/How_the_Web_works 

Domain Names - https://developer.mozilla.org/en-US/docs/Learn/Common_questions/What_is_a_domain_nam

Class 52 - Tuesday, Nov. 22

Day 5 of Client Side Scripting

Prep:

Guest Speaker - Marty Dugas, Ronald McDonald House

Class 51 - Monday, Nov. 21

Day 4 of Client Side Scripting

Prep:

What is a Protocol 

• TCP/IP, HTTP, FTP
• Use ordering food at a drive through as an example

Header Based Styles

• Talk about the 3 methods - inline styles, header based styles, style sheets
• Use the CSS home page on w3schools

Introduce the idea of Layout tools:

• Table - old way to layout the whole page.  Now only used for parts of the page.
• Div - used to set up sections of a page.  Can have their own properties (backgrounds, borders, etc).  Hard to get your head around how they layout relative to each other.
• HTML5 Layout elements - show this image: http://www.w3schools.com/html/html_layout.asp

HTML Tables

• Start with a 1 row , 3 column table used to distribute pictures across the page

• Search Internet Protocol  and find a picture, it can be as technical as you wish
• Add IP Address, picture, Domain name across the cells

• Width - compare pixels vs percents
• Borders - discuss color and thickness
• Vertical Alignment - <td style="vertical-align:bottom">
• Horizontal Alignment <td style="text-align:right">

Finish Assignment 1 - Band Members

• Had 30 minutes on Friday
• Note that I added a meta-title requirement
• Discuss &nbsp;

Class 50 - Friday, Nov. 18

Day 3 of Client Side Scripting

Prep:

How does an IP address work

• https://www.youtube.com/watch?v=7_-qWlvQQtY (3:32)
• What’s my IP address
• Godaddy.com

• Look at the hosting prices and then discuss domain names available
• Talk about the Trump to Hillary domain name switch

Quick Review and New:

• Html comments <!-- Write your comments here -->
• Span tag <span style="color:blue">highlight</span>
• Links to the Internet vs local files - including target
• Pictures with online src

Assignment 1 - Band Members

• Had 30 minutes on Friday
• &nbsp;

Class 49 - Thursday, Nov. 17

Day 2 of Client Side Scripting

Prep:

Mark How Memory Works and Careers

Video #1 - Ted Talk: Andrew Blum - discover the physical side of the Internet (12:00)

Review all - Internet Hardware

• Hardware of the web: Client, Server, Modem, Router, Cabling
• Youtube Video: How the Internet  Works in 5 minutes or less http://www.youtube.com/watch?v=7_LPdttKXPc&safety_mode=true

• Have them add IP address, ISP

• Include web vs saved pictures - introduce the Tags doc and the w3schools site, introduce Cooltext

Assignment 0 - Basic Tags practice

• Talk to advanced coders about completing all the assignments
• Give them 15 minutes to experiment with this

• They should consider what is important.  What should be highlighted (not literally)

• Compare to your neighbours and discuss your design choices

New Code

• Html comments <!-- Write your comments here -->
• Span tag
• Links - including target
• List tags

Assignment 1 - Band Members

Class 48 - Wednesday, Nov. 16

Day 1 of Client Side Scripting

Prep: Bring old book, Ask Alexandrina what country she is from

Block 1 Test Takers at lunch today or afterschool in Study hall? - Alexandrina, Thomas M, Sam, Harry

This credit worked pretty well.  May want to add a quiz of some kind, perhaps something to test basic html outside of creating a website?

Announcement: Tentative Final grades for Structured Programming 2 have been released to SchoolZone.  Feel free to talk to me about the details and/or to question a final grade.

Discuss Theory as it stands:

• Return exams (lunch today or study hall for those who have not written)
• Mark How Memory Works and Careers

Discuss the Client Side Scripting Credit

• Mostly learning the language
• One or Two worksheet type theory assignments
• A few videos
• Customized with projects at various stopping points (note that I am changing the learning tool for your class only)
• You can earn up to 2 credits if you are interested.

The Science, Software and languages of the web

• Have a student pull out a stopwatch on their phone
• Test how long it takes to open australia.com
• Then explain the process- It is a combination of Protocols that govern the communication and the languages that allow you to write and control content.

• The origin of markup languages - discuss an old (pre-computer) book or novel. How many different type-faces are used
• Remind them about the Internet before Tim Berners Lee invented HTML
• Watch the first 5 minutes of this video: https://www.youtube.com/watch?v=scWj1BMRHUA 

Do a one day introduction to web design, html and brackets. (see next page)

• Create a new folder in the current month folder called ExampleHTML
• For the first page, create a blank page that just says Home Page - in the real world, all home pages are actually saved as index.html.  Save it as example1.html and demonstrate opening and closing it with brackets and chrome.
• Create a second page called weblanguages.html, using the w3schools link as a starting point (but do not let them go there until tomorrow) - http://www.w3schools.com/html/html_intro.asp 
• Use web science terms for the example content.  Today’s content:

• Software of the web

• HTML, CSS, Javascript, PHP, SQL
• Have them copy and paste one paragraph definitions of each
• Then discuss formatting with heading, paragraph and break tags

• Start with a base page in Brackets

• Talk about skeleton tags, body tags, etc.
• New: Be sure to add <!DOCTYPE html> at the start of the file - tells the browser what type of HTML is coming. This doctype declaration is for html5 and others.
• Add a Title Tag and call it the Meta-title.  The <head> is for meta-tags
• Create but do not use a CSS page and a JS page

Introduce the following additional concepts

• Images
• In-Line style tags - http://www.w3schools.com/html/html_styles.asp

Assignment 0 - Basic Tags practice

• Talk to advanced coders about completing all the assignments
• Give them 15 minutes to experiment with this

• They should consider what is important.  What should be highlighted (not literally)

• Compare to your neighbours and discuss your design choices

Class 47 - Wednesday, Nov. 9

Day 8 of Computer Science 1

Prep: photocopy test

Discuss test

• Discuss the trends questions and the questions at the end.
• No free time for 45 minutes to let everyone concentrate
• There is a doc for Reza to translate

Class 46 - Tuesday, Nov. 8

Day 7 of Computer Science 1

Prep: photocopy extra crosswords,check on Kahoot

Zuckerberg

• Catch up time
• Logic gates help

Jeopardy- http://www.jeopardyapp.com/play/cs1-theory-review

• Split them up into 4 groups
• Let them know that this was created by a student teacher from last year

Complete Someone else’s crossword

Kahoot made by other students (if available)

Look up the Amazing Race stuff for next time.  It is good and works well with the right class.

Ted Talk on Computer Virues - http://www.ted.com/talks/mikko_hypponen_fighting_viruses_defending_the_net (17:31)

• Very good video!

Class 45 - Monday, Nov. 7

Day 6 of Computer Science 1

Prep: determine who needs logic gates help

Talk about the Scona Initiative.

Binary and Logic Gates practice

Zuckerberg

• Catch up time
• Logic gates help

Careers Assignment

• Watch 2 videos
• Demonstrate how to find CS careers on the OccInfo site.

• Search occinfo alberta
• Filter by: Field of Study and (optional) add a level of education
• Demonstrate what kind of information is there

• Walk them through the assignment

Discuss Processing Marking

Class 44 - Friday, Nov. 5

Day 5 of Computer Science 1

Prep: determine who needs logic gates help

Emerging Tech - Quantum Computers

• https://www.youtube.com/watch?v=JhHMJCUmq28
• Very complicated and very fast.  Do not worry if you do not understand everything.  University level physicists don’t understand everything.

Make a Crossword Puzzle

• Words on CS Exam has the starting point
• Start with the 10 words you know the least well

Biography #2 - Grace Hopper, http://fivethirtyeight.com/features/the-queen-of-code/ (16:30)

Biography #3 - Who was Turing: https://www.youtube.com/watch?v=Btqro3544p8 (3:30)

Zuckerberg/Catch up time

Class 43 - Thursday, Nov. 4

Day 4 of Computer Science 1

Prep: determine who needs logic gates help

Network video?Network Ethics video: http://vimeo.com/34750078

Emerging Tech: Big Data (Ted Talk about using data to cure hunger - 11:15)

Processing Self Assessment

How Memory Works Assignment

• B1 has not started
• B3 only needs 15-20 minutes

Biography #2 - Grace Hopper, http://fivethirtyeight.com/features/the-queen-of-code/ (16:30)

Who was Turing: https://www.youtube.com/watch?v=Btqro3544p8 (3:30)

One on one instruction on logic gates for those that need the review

Class 42 - Wednesday, Nov. 3

Day 3 of Computer Science 1

Prep: determine who needs logic gates help

Emerging Tech: Day made of glass

Emerging Tech: SSDs

Review the types of storage by placing boxes of appropriate size around the room:

• Hard Drive is big but far away from the CPU
• Memory (RAM) is smaller but has a dedicated bus line making it ‘closer’
• Cache is located right next to the CPU within the same socket block
• Registers only hold one thing and are part of the CPU itself

Review other parts that we did not record answers for:

• Motherboard
• ROM-BIOS
• Chipset
• Graphics card
• Hard Drive types

Finish Buy a Computer

Biography of Larry Page and Sergei Brin - Bloomberg video (25:35) https://www.youtube.com/watch?v=gtMkq6IxVKk 

One on one instruction during biography for logic gates.

End of Day on Wednesday

• Prep self evaluation including marking sheet for:

Mark the Hunger, Rock or Tic assignment & Self Assessment?

Class 41 - Tuesday, Nov. 1

Day 2 of Computer Science 1

Emerging Tech

• EEG Headsets - https://www.youtube.com/watch?v=bposG6XHXvU (5:12)
• Edmonton Journal Article on Nanotech
• Add to Mind Map when done

Computer Tech Solutions : How Does a Microprocessor Work? (2:34)

• Warn them that it is just straight forward, no flashiness
• http://www.youtube.com/watch?v=ynZNeWqOzJk&NR=1&feature=fvwp
• Add the terms CPU, ALU, Registers, Control Unit, Fetch-Decode-Execute Cycle to your notes

Talk about the Von Neumann Machine

• Add a section to the dictionary called Computer Architecture
• Search for the image of the Von Neumann Machine
• have them insert the diagram and discuss how EVERY computer uses this today

Memory Pyramid

• Search for Memory Pyramid and add it
• Discuss the various levels of memory

Buy A Computer Assignment

• Walk them through the start of the assignment
• Get everyone to choose a CPU and go look at the cache, regardless of what version of the assignment they will continue doing.

Class 40 - Halloween

Day 1 of CS Theory

Get Reza to reorganize his drive.  Set up folder for each month.

Talk to James H, Jeff H, Lucian about his casino not working properly

Intro to Lucid Charts - Create a new Lucid Chart doc for CS Careers & Emerging Tech

• Create subheadings for Entertainment, BioInformatics, Communications & Transportation, Computer Engineering & Support, Other

Remind them and record the concepts we have discussed so far and add them under a category:

• Augmented and Virtual Reality
• Nanotechnology
• Self Driving Cars
• Bio Informatics

Emerging Tech and Careers- Bioinformatics and Bionics (19:00 but important enough to show)

http://www.ted.com/talks/hugh_herr_the_new_bionics_that_let_us_run_climb_and_dance

Give last 30 minutes of class to finish up Processing.  This is bonus time.

Class 39 - Friday, Oct. 28

Day 16 of Structured Programming 2

Get Reza to reorganize his drive.  Set up folder for each month.

Talk to James H, Jeff H, Lucian about his casino not working properly

Mark Hunger Games, Tic tac toe, Rock, Paper Scissors

Last class time for Wrap Up Project

• Discuss what happens if you are not done
• Get a list of those students who are ready to be marked.
• Possibly open lab at lunch on Monday.

Class 37 - Wednesday, Oct. 26 & Class 38 - Thursday, Oct. 27

Day 14 of Structured Programming 2

Types of Software Assignment

• Half hour first class, 15 minutes second class
• Discuss the concept of Market Share
• Let them know that the two videos we saw

Work on Wrap Up Project

Class 36 - Tuesday, Oct. 25

Day 13 of Structured Programming 2

New: Focus on careers a bit more and less about biographies?  Create a new careers activity using the Careerswithcode.com magazine.

Notes on the 4 types of software

• Quick survey on software use: http://goo.gl/forms/YOmVnX658J
• Do you think our class market share reflects the world wide market share?

Focus on Malware

• Brainstorm types of malware and record in notes
• Show this site of cyber attacks as a conversation starter for malware: http://map.norsecorp.com/ 

• Watch this video on types of malware:https://www.youtube.com/watch?v=afzkoB_lYNk
• Phishing: https://www.youtube.com/watch?v=9TRR6lHviQc

Work on Wrap Up Project

4 Types of Software

Operating System

Applications

Utilities

Malware

Types of Malware

Virus

Trojan Horse

Worm

Ransomware, Adware, Spyware, Phishing, Spam

Class 35 - Monday, Oct. 24

Day 12 of Structured Programming 2

Thoroughly explain the Wrap Up project

• This is in lieu of a final exam.  As such, I will limit the help I give you.
• It is important to do something fun but within your skill level.  For example, if you  have not done a ‘click within a square’ then collision events are not for you.
• Differentiate between this and the Full Credit Project
• Will get the equivalent time of 4 class periods but will be split up over 5 or six days to work in the CS Theory which can be a bit dryer

Give them 10 minutes to try out past projects

• Explain that most are full credit projects
• S:\Computing Science\Computer Science 10\Project Examples\Processing_Credit_Projects

Computer Theory Lesson 1 - Types of Software

Class 34 - Thursday, Oct. 20

Day 11 of Structured Programming 2

Catch up time or go to Volleyball

Class 33 - Wednesday, Oct. 19

Day 10 of Structured Programming 2

Be ready to mark Game Show/Dice Game for those that are done.

Talk to them about Thursday’s class

• If you have already started Assignment 4 as of NOW, then you are on pace and will go to the game.
• If you have NOT started assignment 4 as of NOW, then you are behind pace and will use tomorrow as catch up time.  

Work time on Assignment 4 (Hunger, Tic)

• If you are still on assignment 3 - you are not allowed to go beyond the 80% level  unless you have time later

Class 32 - Tuesday, Oct. 18

Day 9 of Structured Programming 2

Students that missed the Binary exam to write today: James Chen, Colby Johannsen, Josh Pearce, Tait Richards

Work time on Assignment 3 (Game Show/Dice Game)

• Most still need significant time

Introduce buttons

Work time on Assignment 4 (Hunger, Rock or Tic)

Class 31 - Monday, Oct. 17

Day 8 of Structured Programming 2

Students that missed the Binary exam: James Chen, Colby Johannsen, Josh Pearce, Tait Richards

Animating Scenes Demo

• Use Version 2 of StarWars as a starting point and save as Version 3
• Add a ‘Join the Dark Side’ flashing text to one of the scenes. In Draw...

        Int black=0 (global variable)

if(sceneNum==3)

                fill(black)

                text(“Join the darkside”, 50,150);

                Black += 5

                OR preferably:

                If (sceneNum==3) call scene 3 over and over.

Work time on Assignment 3 Game Show/Dice Game

• Walk them through the specifics of each assignment
• May need to help the Game Show get set up
• Talk about making the right choice of assignment for you

Add a button lesson and a small assignment to go with it (perhaps ramp up the drawing program from SP1).  OR perhaps this can be worked into the quiz.  They are all asking how to do buttons anyway and then they are on their own for collision events.

Class 30 - Friday, Oct. 14

Day 7 of Structured Programming 2

Prep: put out dividers for test

Logic Gates and Binary Text

• Tell them that there are some terms on the end that are NOT for marks

Adventure Game (Star Wars) Demo

• using variables to manipulate what is on the screen at one time
• Introduce flowchart symbols to model planning the game
• Discuss how to use boolean variables in the scene.  (isJedi)

Introduce the Game Show/Dice Game assignment

• Note there is an addition on the bottom of Dice Game that needs to be finalized.

Students must finish the Number Game base version first.

// this is going to show you how to use variables to move between scenes

PFont f1;

PFont f2;

int sceneNum = 1;

PImage PicMain;

boolean isJedi = false;

void setup() {

  size(800, 200);

  background (0);

  PicMain = loadImage("scene1.jpg");

  f1 = createFont("ravie",20);

  f2 = createFont("cambria",20);

  scene1();

}

tex

void draw() {

  image(PicMain, 600, 0, 200, 200);

}

void keyPressed() {

  if(key == 'r'  &&  sceneNum==1){

    scene3();

    sceneNum=3;

  } else if(key == 'f' && sceneNum==1){

    scene2();

    sceneNum=2;

  } else if(key =='f' && sceneNum==2){

    scene5();

    sceneNum=5;

  } else if (key == 't'){

    isJedi = true;

    //at some point in the game, you get the

    //opportunity to train with yoda

  } else if (key == 'd' && sceneNum==2){

    joinDark();

    sceneNum = 4;

  }

}

//custom functions

void scene1() {

  //background(0);

  textFont(f1,20);

  text(" A long time ago in a Galaxy far, far away....",20,20);

  textFont(f2,14);

  text("Do you want to find the evil Emperor(press f) or run away (press r)", 20,60);

  PicMain = loadImage("scene1.jpg");

}//end scene1

void scene2(){

  background(0);

  sceneNum=2;

  text("You are confronted by the evil Darth Vader.\nHe is very powerful", 20,20);

  text("Press d to join the dark side or f to fight", 20,60);

  PicMain = loadImage("scene2.jpg");

} //end scene2

void scene3(){

  background(0);

  //lets add a randomizer to see if you win or lose

  int randNum = (int)random(0,2);

  println("Random Number: " + randNum);

  if(randNum==0){

    text("You get Jedi help to defeat the empire",20,20);

    text("You win", 20,40);

  } else {

    text("You are forced to hide forever on a deserted planet",20,20);

    text("You lose", 20,40);

  }

  PicMain = loadImage("scene3.jpg");

}//end scene3

/**********************************create a scene 4 for joining the dark side**************************************/

void joinDark(){

  background(0);

  text("You and your daddy rule the galaxy forever.!", 20,20);

}

void scene5(){

  background(0);

  sceneNum=5;

  if(isJedi){

    text("Yoda has trained you well.", 20,20);

    text("You use your mad light-sabering skills to defeat evil.\nVictory is yours", 20,40);

  } else {

    text("Your arm gets cut off but you are rescued.", 20,20);

    text("Go live in shame on a far off planet!", 20,40);

  }

  PicMain = loadImage("scene2.jpg");

} //end scene5

Class 29 - Thursday, Oct. 13

Day 6 of Structured Programming 2

Logic Gates and Binary Practice

• Search Binary Bonanza for a binary practice game
• Let them know it will check but not assign marks to some of the terminology (bus, clock cycle, etc)

Catch Up Day

• Introduce the Animation Challenge - Frogger for those that are done the Number Game assignment.  Warn them that it will be hard and that they may be able to do more and more as the semester progresses
• Number Game due at the end of the day

Class 28 - Wednesday, Oct. 12

Day 5 of Structured Programming 2

Logic Gates and Binary Practice

Boolean Variables and Custom Functions - Hunger Games Game example

• Using Boolean variables
• Model planning of a boolean game.
• Discuss how to adapt this example for multiple choice type questions

Number Guess

• They had about 20 minutes yesterday and only 15 today.
• Walk them through the HigherNumbers example as they need help figuring out how the enter key works.

Hunger Games Example Code

//Katniss, Prim, Effie, Peta, Hamish, Snow

boolean isFemale = false;

boolean inCapital = false;

boolean isDrunk = false;

boolean isTribute = false;

int questNum = 1;

void setup(){

  size(600,200);

  background(0);

  text("Welcome to the 2016 Hunger Games Game.", 50,50);

  question1();

}//end setup

void draw(){

}//end draw

void keyPressed(){

  if (key == 'y'  && questNum == 1){

     isFemale = true;

     questNum = 2;

     question2();

  } else if (key == 'n' && questNum == 1){

     questNum = 2;

     question2();

  }

  else if (key == 'y'  && questNum == 2){

     inCapital = true;

     questNum = 3;

     question3();

  } else if (key == 'n' && questNum == 2){

     questNum = 3;

     question3();

  }

   else if (key == 'y'  && questNum == 3){

     inCapital = true;

     questNum = 4;

     question4();

  } else if (key == 'n' && questNum == 3){

     questNum = 4;

     question4();

  }

  else if (key == 'y'  && questNum == 4){

     isTribute= true;

     guessAnswer();

  } else if (key == 'n' && questNum == 4){

     guessAnswer();

  }

}//end keyPressed

void question1(){

  fill(0);

  rect(0,100,600,100);

  fill(200,200,50);

  text("Is your character female? (y or n)", 50,150);

}//end q1

void question2(){

  fill(0);

  rect(0,100,600,100);

  fill(200,200,50);

  text("Does your character live in the capital? (y or n)", 50,150);

}//end q2

void question3(){

  fill(0);

  rect(0,100,600,100);

  fill(200,200,50);

  text("Is your character a heavy drinker? (y or n)", 50,150);

}//end q3

void question4(){

  fill(0);

  rect(0,100,600,100);

  fill(200,200,50);

  text("Was your character ever a tribute? (y or n)", 50,150);

}//end q4

void guessAnswer(){

  background(0);

  if (isFemale  &&  !inCapital  && !isDrunk  && isTribute){

     text("You were thinking of Katniss", 50,50);

  }

  else  if (isFemale  &&  !inCapital  && !isDrunk  && !isTribute){

     text("You were thinking of Prim", 50,50);

  }

  else  if (isFemale  &&  inCapital  && !isDrunk  && !isTribute){

     text("You were thinking of Effie", 50,50);

  }

  else  if (!isFemale  &&  !inCapital  && !isDrunk  && isTribute){

     text("You were thinking of Peta", 50,50);

  }

  else  if (!isFemale  &&  !inCapital  && isDrunk  && isTribute){

     text("You were thinking of Hamish", 50,50);

  }

  else  if (!isFemale  &&  inCapital  && !isDrunk  && !isTribute){

     text("You were thinking of President Snow", 50,50);

  }

}//end guess

Class 27 - Tuesday, Oct. 11

Day 4 of Structured Programming 2

Prep: Get the sample code for the quiz example

Formally Announce Binary and  Logic Test on Friday

• Quick practice of a circuit and binary conversion

Boolean Kahoot #1

• Ask them to come up with a superpower.  They are then to come up with a superhero name based on that power.  
• Getkahoot.com
• Write the starting values on the whiteboard

int a = 10;        int b = 20;        int c = 30;

                int d = 40;        String name1= “Bob”;                String name2 = “Suzie”;

boolean likesCheese = true;

Entering Numbers Review (discussion only)

Walk them through the HigherNumbers example as they need help figuring out how the enter key works.

Work on assignments 1 and 2

• Assignment 1 work time is cut off in 30 minutes

Class 26 - Friday, Oct. 7

Day 3 of Structured Programming 2

Prep: Get the sample code for the quiz example

Fire Drill near end of class

Logic Gates Continued

• Announce quiz for next Friday
• Finish worksheet
• Practice circuits

Logic Lab Car

Next year, push this part of entering text back until after the Quiz/Casino assignment.  There is a start file on the S: Drive - Text Input - see the sample code below and/or the Inputting Text  Google Doc

Finish Assignment 2.1 and Start 2.2 Number Guess Game

Inputting Text

Note that this assumes the code for the Multi Digit Number entry has already been set up.  This code therefore builds off that example.

String answer = "";

void setup(){

  size(500,500);

}//end setup

void draw(){

 fill(0);

 rect(25,25,400,75);

 fill(255);

 text("Wats yo name homie-dawg?", 50,50);

 text("Type and then press enter da shizzle.", 50,75);

}//end draw

void keyPressed(){

  if(keyCode != SHIFT  && key!=ENTER   && key!=BACKSPACE     ){

    answer += key;

  }

  if(key==ENTER){

    background(0);

    text("Yo yo yo " + answer + "Welcome to da hood", 50, 200);

  }

  if(key == BACKSPACE){

    answer = answer.substring(0, answer.length()-1);

  }

  println("Answer: " + answer);

}//end keyPressed

Class 25 - Thursday, Oct. 6

Day 2 of Structured Programming 2

Prep: Get the sample code for the quiz example

Processing Lesson - Entering Single Digit Numbers

• Create a program that randomizes 2 integers up to 10.  It then prints random1 - random2 = ?  See code on next page
• Start by just comparing key == correctAnswer then remind them of the ASCII characters

• Remind them how we needed to subtract 48 due to the char not equalling the number

Entering Multi-Digit Numbers

• Discuss the basics.  We will handle backspace, shift keys, etc tomorrow

Mark Assignment 7 Drawing Program

• And do a logic gates circuit diagram on the back of the paper (this class did not do a diagram last time)

Assignment 2.1 - Intro to Boolean Logic Square Move

• Had only a few minutes

Entering Numbers Version 1 - Single Digits Only

int random1;

int random2;

int score = 0;

void setup(){

  size(500,300);

  background(0,0,100);  

  random1 = (int)random(5);

  random2 = (int)random(5);  

}//end setup

void draw(){

  textSize(14);

  text("What is " + random1 + " + " + random2, 50,50);

}//end draw

void keyPressed(){

  background(0,0,100);

  int correctAnswer = random1 + random2;

  if ( key-48 == correctAnswer){

    text("That is correct", 50,100);

    score++;

  } else {

    text("You ain't good at math.", 50,100);

    score = 0;

  }

  if (score > 9){

    text("Congratulations!  You passed math.", 50, 150);

  }

  random1 = (int)random(5);

  random2 = (int)random(5);

}//end keyPressed

Entering Numbers Version 2 - Multiple Digits

String inputText = "";

int inputNum;

int random1;

int random2;

int score = 0;

void setup() {

  size(500, 300);

  background(0, 0, 100);  

  random1 = (int)random(50);

  random2 = (int)random(500);

}//end setup

void draw() {

  textSize(14);

  text("What is " + random1 + " + " + random2, 50, 50);

}//end draw

void keyPressed() {

  background(0, 0, 100);

  if (key != ENTER) {

    inputText+=key;

  }

  if (key == ENTER) {

    inputNum = Integer.parseInt(inputText);

    inputText = "";

    int correctAnswer = random1 + random2;  

    if ( inputNum == correctAnswer) {

      text("That is correct", 50, 100);

      score++;

    } else {

      text("You ain't good at math.", 50, 100);

      score = 0;

    }

    random1 = (int)random(50);

    random2 = (int)random(50);

  }//end ENTER

  if (score > 9) {

    text("Congratulations!  You passed math.", 50, 150);

  }

  println("InputText is: " + inputText);

}//end keyPressed

Class 24 - Wednesday, Oct. 5

Add a logic quiz/test somewhere in this credit.  It is NEEDED to differentiate.

Introduce Structured Programming 2

• Thorough knowledge of if statements (including the If.. else if… else structure)
• Basic and Advanced Boolean Logic - Link to Bulletin Board Poster
• Advanced Manipulation of variables (including boolean and char)

Walk through If/Else and then If/ElseIf/Else on paper including all the operators

• begin to get them to consider their values for the following variables:

• age, grade, credits earned (approximately)
• have them stand or sit based on random if statements
• Projectable examples are in the bulletin board document
• Discuss when you would just use IF (rarely)

Review If Statements using a Keypress function

• use a text() line to Ask the user for a background colour (r, g, or b)
• introduce the following piece by piece

• keypressed only
• particular key pressed and discuss keyCode
• add the OR statement after testing the basic if
• change the else to an error message with a black background.

Processing Lesson - Entering Numbers

• Discuss the issue with entering numbers.  
• Demo doing some math with a key - mousePressed {  printlin(“key - 5 =” + key - 5)
• Review the idea of ASCII characters
• CHARS must subtract off the ASCII value. http://www.asciitable.com/ 
• Use int numPressed.  NumPressed = key-48;
• Just for fun, use binary(char) to see what it does.
• Discuss using Integer.parseInt(String)

Color Picker Sample Code

void draw() {

}
void keyPressed() {
   if (key == 'b' || key == 'B') {
     background(0,0,255);

      text(“This is blue”, 50,50);
   
 } else if ( (key == 'r' || key == 'R'){
    background(255,0,0);
 } else{

background(0,255,0);
 }

Example 1

if (                age!=15.5                ) {

        Stand up

}

Example 2

if (                grade<11                ) {

        Hands up

} else {

        Hands on head

}

Example 3

if (        grade<13                                        ) {

        Hands on head

} else if (        grade<12                ){

   Hands up

} else {

        Stand up

}

Example 4

if (        grade<13                                        ) {

        Hands on head

}

if (        grade<12                ){

   Hands up

}

Class 23 - Tuesday, Oct. 4

Test - see notes on test for next year

Class 22 - Monday, Oct. 3

Prep - photocopy test

Review requirements for tomorrow’s test

• Remind them about the cheat sheet limiting the mark to 90%

Assignment 7 Drawing Program

• This class has not started
• Look at MousePressed on processing.org and discuss related functions (mouseDragged is necessary for the assignment)

Class 21 - Friday, Sept. 30

Prep: Find a video for Transistors -

Create a cheat sheet for the test which will be on Tuesday.  This will serve as a sort of final exam for the first credit.

• Let them know that they can get up to 90% if they use the cheat sheet.  They must not use the cheat sheet to get 100%.
• Create a  new Processing File called CheatSheet AND a new Google Doc called SP1 Cheat Sheet.
• You may have 20 lines of code in your cheatsheet
• The test will cover

• basic shapes and colors
• Variable work similar to the Team Points
• Mousepressed and keypressed

• Use the Snipping Tool to screen shot your 20 lines of code into your Google Doc

Introduce Binary and how it represents Data Flow

• Show the ARM simulation on visual6502.org and ask them what we are witnessing - http://visual6502.org/sim/varm/armgl.html
• Introduce the idea of CPU, its parts and the bus
• Zoom out by linking to a computer ad to talk about GHZ and Clock cycle

Discuss how binary can represent two things

• Whether a particular wire on the BUS has power or not
• Whether a transistor is on (lets power flow through )or off
• Discuss Moore’s Law

Create a computing Science dictionary and add Binary Terms to dictionary, copying and pasting from the Internet where appropriate

• bit
• byte
• ASCII - create a link to the asciitable.com and write down a, A and $
• kilo, mega, giga
• Bus

Introduction to Logic Gates

• Transistors are switches that control where that logic flows, draw some examples on the whiteboard
• If transistors are linked together in certain ways, they can be used to make logical decisions
• these are called LOGIC GATES
• draw example gates

Introduce the Truth Table on paper

• Have them draw the and & OR gates
• Have them predict the results of the truth table

Logic Gates #1 - Google Doc

• Do the first part  and talk about the AND gate and TRUTH TABLE together before using the Logic Lab site.

Logic Lab Lesson 1

• Begin by hooking up 3 switches to the bottom 3 inputs of a number output.  Then ask them to represent a few numbers.  What is the highest number we can represent with 3 bits?
• Now hook up the 4th switch.  What happens?  Discuss hexadecimal.  They do not need to know how to read hexadecimal but should be exposed to it

Next Week

They did not do the circuits part of Logic #1

Discuss Moore’s Law

Class 20 - Thursday, Sept. 29

Add the bouncing cloud code to yesterday’s Sun/Moong

Creating a Slide Show

• discuss using a background image vs something else.  We will create a simple screen.
• do not introduce custom functions at this point
• use an If statement to loop a variable

Super tough challenge for those that are done all their work:

• How can you use Tint to get the pictures to FADE in similar to the fade out of Harper Skull.

Last Work time

• Assign 4 Variables
• Assign 5 Team Points
• Assign 6 Advanced Variables

• To mark #6 200 x 100 x 223 triangle - for 80%
• Surface area of second shape - for 20%

Class 19 - Wednesday, Sept. 28

Sun/Moon Version 2 example

• Open the Version 2 from the old examples folder to show where we are heading

• Have everyone open Start version before beginning
• Code on next page
• Complete up to the wrapping cloud
• Discuss the idea of getting the cloud to bounce back and forth but do not show them the final code.  Show them that the ++ -- version does not work.

Work time

• Assign 4 Variables
• Assign 5 Team Points
• Assign 6 Advanced Variables

Challenges for those done early:

• Get the cloud to bounce - Hint to give: it needs an extra variable and an extra IF statement
• Have the sun fade into the distance
• Add keyPresses or mousePresses to change the animation of Sun/Moon

• Speed up the cloud?
• Make the sun/moon get smaller as if it fades into the distance

//global variables

int sky = 255;

PImage pic1;

PImage pic2;

PImage pic3;

PImage cloudPic;

int cloudX = 400;

void setup() {

  size(500, 600);

  pic1= loadImage("house.png");

  pic2= loadImage("sun.gif");

  pic3= loadImage("moon.png");

  cloudPic = loadImage("cloud.png");

}

void draw() {

  sky = mouseX/2;

  background(sky);

  tint(sky);

  image(pic1, 100, 295, 300, 300);

  noTint();

  line(250, 0, 250, 600);

  if ( mouseX>250  ) {

    image(pic2, mouseX, 100, 100, 100);

  } else {

    image(pic3, mouseX, 100, 100, 100);

  }

  image(cloudPic, cloudX, 10, 100, 60);

  cloudX--;

  if(cloudX < -100){

    cloudX = 500;

  }

}//end draw

Class 18 - Tuesday, September 27

Prep -

Pythagoras example

Mark Collector Card

• And review binary while they have scrap paper

Work time

• Assign 4 Variables
• Assign 5 Team Points
• Assign 6 Advanced Variables

Pythagorus example in preparation for Assign 6

//Global Variables

int widthX = 200;

void setup(){

 size(500,500);

}

void draw(){

background(0);

widthX = mouseX;

stroke(255,255,0);

strokeWeight(4);

line(50,50,50,300);

line(50,300,widthX,300);

line(50,50,widthX,300);

}//end draw

Class 17 - Monday, September 24

Prep -

Fix this code Example

• Insert Key
• Indenting
• Variable names
• Capitalization

Quick challenge/demo of working with switching variables

         String block1 = “Science”;

        String block2 = “Math”;

        text(“Current Block 1 class:  “ + block1, 50,50);

        text(“Current Block 2 class:  “ + block2, 50,70);

        Void keyPressed(){

        //experiment with what goes here to make the class switch work

        //you are not allowed to retype the word Math or Science

        //reprint to see if the trade works

println(“New Block 1 class:  “ + block1);

        println(“New Block 2 class:  “ + block2);

        }

Go over the specific instructions and layout of the next two assignments

Work Time

• Assign 4 Variables
• Assign 5 Team Points

Class 16 - Friday, September 23

Prep -

Processing and Number keys

It’s Time to Learn Binary

• Remind them from last day:

• ASCII gives a number to each character.  That is why we had to subtract 48.
• Most languages fit within 255 characters
• 255 is 8 ONES in binary

• This is called a BYTE.  
• Intro to binary code

Work Time

• Collector Card
• Assign 4 Variables
• Assign 5 Team Points

Class 15 - Thursday, September 22

Prep - alter an old example for the Fix This Code activity

New and improved data types activity

• Tell them it will not be for marks but give them 10ish minutes to complete it.

E-Commerce Example

Continue Collector Card continues

• Extra challenge for those done early.
• How can you flip the card with a mouse pressed (just make something really simple for the back)

Augmented Reality Continues

• Hololens demo of Minecraft
• https://www.youtube.com/watch?v=xgakdcEzVwg (6:00)

At some point add a computer math quiz separate from the programming quiz.

E Commerce Variables Example

//Global Variables

String product1 = "Fender Stratocaster";

float price1 = 699.00;

int bought1 = 0;

String product2 = "Marshall Amp";

float price2 = 1200.15;

int bought2 = 0;

String product3 = "Strings";

float price3 = 17.95;

int bought3 = 0;

float total1, total2, total3;

float grandtotal;

void setup(){

  size(700,400);

    background(0);

}//end setup

void draw(){

  fill(0);

  rect(40,40,400,100);

  fill(255);

  text(product1, 50,50);

  text(product2, 50,65);

  text(product3, 50,80);

  text("$" + price1, 250,50);

  text("$" + price2, 250,65);

  text("$" + price3, 250,80);

   text(bought1, 350,50);

  text(bought2, 350,65);

  text(bought3, 350,80);

  text("How many do you want to buy?", 50, 350);

}//end draw

void keyPressed(){

  bought1 = key-48;

  bought2 = key-48;

  bought3 = key-48;

  total1 = bought1*price1;

  total2 = bought2*price2;

  total3 = bought3*price3;

  grandtotal = total1 + total2 + total3;

  text("Your total is $" + (grandtotal *1.05), 50,300 );

}//end keyPressed

Class 14 - Wednesday, September 21

Prep: test the new timer to see if it works, create Bomby start file with pictures and functions set up

Bomb Dropping Example - More with keyPressed and mousePressed

• start with the basic box dropping and a keyPressed event
• complete as the code example below
• add a picture of an explosion if the bomb drops below a point
• add text to print the bomby variable

Continue Collector Card continues

Bomby Example - Pictures and Keypresses

int bomby = 10;

String name = "Mr. Couprie";

PImage pic1;

PImage pic2;

Float timer;

void setup() {

  size(200, 600);

  pic1= loadImage("explosion.jpg");

  //pic2= loadImage("bomb.jpg");

}

void draw() {

  background(255, 0, 0);

  fill(255, 255, 0);

  noStroke();

  rect(40, bomby, 20, 20);

  //image(pic2, 40, bomby, 20,20);

  bomby++;

  if (bomby > 600) {

    image(pic1, 0, 500, 100, 100);

    text("You survived for " + timer + "seconds", 20, 100);

  } else {

    fill(0);

    text(name + " your bomb is at " + bomby, 10, 100);

    fill(255);

    timer = millis()/1000.0;  //note the decimal is needed

  }

}

void keyPressed() {

  bomby = bomby - 5;

}

void mousePressed() {

  bomby = 10;

}

Class 13 - Tuesday, September 20

Prep: Make images and fonts step by step notes in the example file

Review Fonts and Pictures with a simple Birthday Card example

• Create a step by step notes comments and then paste them in to the T:drive file
• Rules/Tips for saving pictures

• Simple names
• No spaces
• All lowercase
• Pay attention to the file extension

Finish Assignment 1 & Introduce Assignment 2 Collector Card

• Most need a few more minutes on #1

At some point, show this 11 minute Ted.com video about Augmented Reality.

• http://www.ted.com/talks/meron_gribetz_a_glimpse_of_the_future_through_an_augmented_reality_headset#t-229780 .

Then follow it up with either of the 2ish minute videos on the home page of this site:

• https://www.microsoft.com/microsoft-hololens/en-us

Extra Activity

• bomby

Class 12 - Monday, September 19

Prep: Copy Scratch marking sheet, curling meeting in announcements

Mark Scratch

Intro to Images

• talk about regular images and background images

Introduce Fonts

• Use comments to help
• Review that fill affects text
• Use 2 fonts

Harper Skull Example

Finish Assignment 1 & Introduce Assignment 2 Collector Card

• Did not introduce #2
• Most need a few more minutes on #1

Please change the following settings.  It will be important for future projects.

Class 11 - Friday, September 16

Talk to James Hughes about his level of programming knowledge.  He identified as ‘lots’.

Eve, Paul and Josh were away yesterday. Eve both days of processing.

Emerging Technology Videos: Nanotechnology:

• http://www.youtube.com/watch?v=wV0t6smYm8M&safety_mode=true&persist_safety_mode=1&safe=active followed by:
• http://www.youtube.com/watch?v=mTChUWRYIsk&feature=channel&list=UL&safety_mode=true&persist_safety_mode=1&safe=active
• https://www.youtube.com/watch?v=pyXxKPHalrc&list=PL97818FEA3A342BDA 

• This video is out of date but talks about what is possible, rather than current technology

Processing Lesson 3 More Shapes

• Create a random fill rainbow
• Use noStroke();
• Add a keypress that changes a green variable.
• Search Processing.org

• for rect and look at the options
• Look at Related section

Processing Ex3 - Errors and Using Println

• Experiment with the code on the following page.  
• Deliberately create some errors

                println( "Below are some Processing experiments"  );

                println( "error" );

                println( "2012 - 15"  );

                println( 2012 - 15 );

                println( "I will now try to predict your birth year:"  +   (2012-15)          );

        void mousePressed(){

                println(“ Mouse - X: “ + mouseX);

}

Intro to Images

• talk about regular images and background images

Processing Assignment 1

Class 10 - Thursday, September 15

Talk to James Hughes about his level of programming knowledge.  He identified as ‘lots’.

Emerging Technology Videos: Nanotechnology:

• http://www.youtube.com/watch?v=wV0t6smYm8M&safety_mode=true&persist_safety_mode=1&safe=active followed by:
• http://www.youtube.com/watch?v=mTChUWRYIsk&feature=channel&list=UL&safety_mode=true&persist_safety_mode=1&safe=active
• Follow up video tomorrow

Processing Ex2Shapes

• Review color and size codes from yesterday
• Demo what happens to yesterday’s example when you remove the background from the draw function
• Start with the two shapes and compare the way they treat X and Y.
• Then start to add the fill, stroke and strokeweight code.
• Add Line code followed by mouseX and mouseY
• Add random color
• Full code below

Finish Scratch

Ex2 Shapes

Start with the two shapes and compare the way they treat X and Y. Then start to add the fill, stroke and strokeweight code.

void setup(){

 size(500,400);

 background(200,0,200);

}

void draw(){

  background(200,0,200);

  fill(255,255,0);

  stroke (255,0,0);

  strokeWeight(25);

  rect(250,200,150,100);

  fill(0,255,0);

  stroke (255,0,0);

  strokeWeight(5);

  ellipse(250,200,50,70);

  line(50,50,mouseX, mouseY);

  //stroke(random(255),random(255),random(255));

  //ellipse(mouseX,mouseY,50,70);

}

Class 9 - Wednesday, September 14

Emerging Technology Videos: Nanotechnology:

• http://www.youtube.com/watch?v=wV0t6smYm8M&safety_mode=true&persist_safety_mode=1&safe=active followed by:
• http://www.youtube.com/watch?v=mTChUWRYIsk&feature=channel&list=UL&safety_mode=true&persist_safety_mode=1&safe=active
• Follow up video tomorrow

Intro to Programming with Processing

• Processing is called a high level language because it uses english like terms to tell the computer what to do
• Why Processing - it along with Python are considered good first languages.
• To program a computer you need 2 things:

• The computer needs the “vocabulary” of the language.  For humans, this takes years to develop.  We can load the entire vocabulary of a language like Processing or Java onto a computer in a few seconds.
• You need a way of converting from the high level language, such as Java to the machine code (ones and zeros).  This is done with something called an IDE.

• This translation is completed by a compiler or an interpreter.  Then you need to actually RUN the program
• An IDE such as Jcreator is used to simplify things.  IDE stands for Integrated Development Environment
• IDEs do everything for you.  You can BUILD and you can RUN a program

Introduce Processing by comparing the console to the display window with the println() statement

• see example code below
• discuss console window (mostly for introduction and for debugging) vs display window
• complete a few basic println statements
• test run a few errors before continuing

Intro to the Display Window

• size and background
• discuss and demo color options for background colours

• single number 0-255 for grayscale
• 3 number RBG 0-255

• add void setup() and void draw() and discuss
• add text(“words”, x, y) to the draw method;
• discuss moving the background code to better work with text
• demo some basic errors (semicolon, quotation marks, brackets)

Complete Ex1Text

•  Full code below

Worktime on History and Scratch

• Have them play some old student Processing Projects when done

Ex1Text

After hardcoding the text line, add and discuss the location variable

int location = 10;

void setup(){

  size(500,200);

  background(60,150,40);

}

void draw(){

 background(60,150,40);

 text("Robotics Club Today", location,100);

 //location++;

 location = location + 2;

 if( location > 500 ){

   location = -100;

 }

}

Class 8 - Tuesday, September 13

Assembly for ¾ of the class

Try to Finish History of Tech

Class 7 - Monday, September 12

Emerging Technology Videos: Nanotechnology:

• http://www.youtube.com/watch?v=wV0t6smYm8M&safety_mode=true&persist_safety_mode=1&safe=active followed by:
• http://www.youtube.com/watch?v=mTChUWRYIsk&feature=channel&list=UL&safety_mode=true&persist_safety_mode=1&safe=active
• Follow up video tomorrow

Introduce History Part 2

• Part 1 must be done today.  If you want me to wait until Tuesday evening to mark it, let me know today.

Scratch Assignment day 4

• Goal is to be finished tomorrow but the assembly may get in the way

Class 6 - Friday, September 9

30 minutes on History

• If you are done part 1 to your satisfaction after 30 minutes, you can move on.  (3 steps minimum)

Scratch Assignment day 3

Class 5 - Thursday, September 8

Begin History of Tech

• Walk through requirements

• Augmented Reality
• Automobiles

• show old assignment examples but be aware that the requirements have changed slightly
• Remind them that partners need to do 8 steps
• Discuss the final 20% stuff

Work for 30 minutes, with a minimum of 2 steps getting completed

Work on Scratch

Class 4 - Wednesday, September 7

Give paper copies of letters to the following without parent email:

• Luke Altmiks, Antheius Ingram, Sourav Sukhraj,

Out of date emails for:

• Kaelin Corbitt’s dad Shane,  James Chen (one of your emails is bad - ggh@hotmail)
• Ahkeel Gray
• Lucian’s dad?

Computing Science History Contest

Introduce the History of Tech Presentation

• have them complete their Intro slides only today
• and find TWO sites they will use for their presentation

Scratch Lesson - Explore the Other Options

• Discuss how My Blocks work
• have students skim through each of the block sets to look for things they have not used
• discuss the IF vs REPEAT UNTIL options

• Give the example of Repeat Until the user answers yes to an ASK block. “Are you ready?”

Begin Scratch Assignment 1

Tomorrow - set up sharing in Drive

Class 3 - Tuesday, September 6

Prep: Upload old Scratch examples

Give paper copies of letters to the following without parent email:

• Luke Altmiks, Antheius Ingram, Sourav Sukhraj, Ahkeel Gray

Out of date emails for:

• Kaelin Corbitt’s dad Shane,  James Chen (one of your emails is bad - ggh@hotmail)
• Ahkeel Gray
• Lucian’s dad?

What the world will look like with driverless cars

• What is this?  show and discuss quick animation: http://www.citylab.com/tech/2012/03/what-intersections-would-look-world-driverless-cars/1377/ 

Discuss Embedded Processors and Driverless Cars

• talk about the evolution of smart devices
• with the History of Tech project in mind, do a profile of today’s car
• 25-50 processors in average car (2016) - http://www.theglobeandmail.com/globe-drive/how-cars-have-become-rolling-computers/article29008154/ 
• Discuss V2V communication protocols.  Why is it hard to get many companies from across the world working together.
• http://www.businessinsider.com/us-processor-company-the-car-of-the-future-is-the-most-powerful-computer-you-will-ever-own-2015-5

Driverless Cars Facts

• https://www.youtube.com/watch?v=uZ-8h44vPas (6 minutes)

But you have to be Google or Tesla right?  Guess again

• Meet the 26 year old… who built… in his garage. https://www.youtube.com/watch?v=KTrgRYa2wbI (7 minutes)

Scratch Lesson 2 - Variables and If Statements (Pen continued)

• Have a second look at the Old Scratch Pen examples

• Introduce the idea of a variable to alter one of the features, such as the turn angle.
• Create a variable that alters the angle within the loop and it will do cool things.
• Add a COLORMODE variable and a button to the Scratch example that changes the color or not.  Then use an If statement around the “Change color by” code.

So You Think You Can  Dance example

• show the old Trash talk first
• Skills to learn: animated sprite, broadcast, Ask and Answer, If and Else
• Change the background
• See picture on next page

Class 2 - Friday, September 2

Survey Results

• Most have not done Scratch
• James Hughes has done lots of Python and Java programming but very little Scratch

What is Computer Science (2:30) - https://www.youtube.com/watch?v=J14DZ0J5O5k 

• Good video  to continue the discussion as it is made by a young person (high schooler)?
• Problem solving stretches the mind

• Real useful, you get to help people (bioinformatics, robotics, etc.)
• Embedded processors are everywhere!!!!
• Computers are a useful tool and we are still discovering new ways to use it.  (google maps to plot landmines in Asia)
• You get to make stuff

Create a ‘how does/can CS affect your passion visual’  Eg. CS and Theatre Tech

• From bio-analysis to nano-tech equipment to simulations, motion analysis
• Create a Google Slide Show and create a one slide visual.
• Include at least 3 different ways / technologies
• Share with me as CS & ___

Computing Science scavenger hunt (on Google Docs)

• Be sure to make a copy and then move the file to your shared folder in Google Docs.
• Have those born after June to start at the end and work up.

Debrief Scavenger Hunt

• Discuss types of programming languages – Brainstorm any you have heard of and categorize as markup, script or a language level (from binary code to assembly to C to Java)
• Where do games fit into Computing Science

How does a programming language work

• Talk about the binary to assembly language to higher level language to graphical languages
• Introduce memory, the CPU and its registers
• graphical languages are real languages that can be just as powerful
• Introduce the term ‘Compile’

Scratch Lesson 1 - Pen tool experiments

• Sign up through the SchoolZone link.
• Discuss the survey results, particularly surrounding the thinking of Scratch
• Talk about the significance of Scratch (taught from elementary to university)
• Show some old games
• We will use Scratch for only a couple of days to look at how programs are structured
• When doing so, I will discuss how scratch concepts relate to code based programming and the physical structure of the computer
• Have students create an account using their school username and password.  If the username is taken, add the letters SC (for Scona) after your username.
• Demonstrate the basics of controlling the pen
• Start with bouncing it off the edge - see example code below

• Add colour changes and size changes
• Get them to experiment with angles and changes, etc.
• Challenge for advanced student: Can you add a keyboard shortcut (easy) or button (harder) that increases and decreases the size of the pen?

Next up

Pen Examples 1 - with a variable

Class 1 - Thursday, Sept. 1

Materials/Preparation:

• Course Outlines on Google Drive, share folders,
• Set up CS10 folder on share drive,
• Update or replace Harper Skull with an Adventure Game project

Welcome and Introductions

• Introduce me. What I coach.  My family.

• Why learn computing science?

• Ask them “what is Computer Science’?  Can they give a better definition of Biology?  Chemistry?  Probably.  Why?
• Watch Code.org video 5:44 -  https://www.youtube.com/watch?v=nKIu9yen5nc
• Newer video for next year: https://www.youtube.com/watch?v=xJqSu1IbcHg 
• How many computers did you interact with today

• Description of the course:

• To introduce the study of computing science with a big focus on Creativity

• Show mind map of CS at Scona (on other page)
• have them fill out the form: https://docs.google.com/a/epsb.ca/forms/d/1I-y59ZZvvP4nyW9-XTG4t5U82KHPqquQV8QGk0kBLaU/viewform

Go over course outline and overall course schedule

Introduction to Computing Science

• Show the TalkLikeAPirate app demo to give them a taste of what we will do today.
• Discuss the many disciplines of Computing Science (writing PC programs, writing games, web development, database administration, robotics, computer engineering, machine learning, visual and auditory learning, Mechatronics etc.
• Discuss types of programming languages – Brainstorm any you have heard of and categorize as markup, script or a language level (from binary code to assembly to C to Java)
• Define a script (Google: script vs programming language).  We will use HTML and a JavaScript to give you a quick but interesting introduction to programming

Students login to network

• Discuss the use of the network vs Google Docs/Drive
• Navigate the network to the Computer Science 10 folder and copy the folder called Computing Science Work into your My Documents folder.
• See what is inside the folders

Intro to Web Programming - Talk Like a Pirate Assignment

• Open the index.html file from their PirateApp folder.  Open the source too.
• Introduce the science of the web by discussing how quickly information travels
• Talk about the basic structure of an html document (markup language) including html, head and body tags and the JavaScript it uses
• Discuss comment tags and indenting (the look of your code will be regularly graded in this course)
• discuss how the Go function works
• Add vocabulary or convert it to a different translator
• Add the pirate image next to the lion.
• Add a new text area that shows the English translation too

function go(english, pirate){

document.PirateForm.EOutput.value += english;

document.  PirateForm.Output.value += pirate;

Intro to Processing - AA Adventure Game

• Discuss how it works
• Get them to change the picture to one of the others included
• Show Ryan’s projects and some others

Extra Activities

• What is Computer Science - https://www.youtube.com/watch?v=-xFJM3QQ3TE (3:30)
• test access to CS10 Shared Folder on Google

• likely must first access through SchoolZone
• Be sure to hit “ADD TO DRIVE”

• get signed up for Scratch
• play GameMaker games

Welcome to Computer Science 10

You may sit where you like today

I am Mr. Couprie

Semester  Plan

SP1 final grade based on: (co-constructed?)

• Graphics
• Fonts
• Variables
• Keyboard/mouse pressed
• Animations
• Mark out of 5 on each?
• No wrap up project

SP2

• Based on logic

New Processing Resources

Videos of advanced concepts - https://www.youtube.com/user/jomasanrec/videos?sort=da&view=u 

• Be sure to ‘load more’

Videos and activities of more more basic stuff http://funprogramming.org/