Lesson Plan
Animation

Overview

In In this first activity, club members learn about the scope and procedures of the club, then use functions and vector graphics to animate a monster's feelings.

Volunteer Focus

  • Encourage club members to talk with and help their clubmates.
  • Encourage members to work through difficult problems and to explore new solutions.

Agenda Summary

This agenda is designed for a 60-minute lesson. To customize the agenda for clubs of a different length, visit www.cs-first.com/dashboard. and use the Agenda Timer.

Time (mins) Agenda Item
3 Welcome to CS First!
5 Introduction to Gurus, Agenda, and Passports
5 Activity Directions
8 Get Started on CS First
3 Watch Video 1
6 Watch Video 2 and Create
9 Watch Video 3 and Create
9 Watch Video 4 and Create
0 Choose Add-Ons and Create
2 CS First Reflection
4 Watch Final Video
1 Share Projects
1 Select Showcases
4 Club Discussion

Topics Introduced

  • Functions
  • Vector Graphics

Topics Reinforced

  • Variables
  • "Join" block
Important: Club members need your unique club code to sign in to www.cs-first.com/go. The agenda timer will display your unique code during the "Log-in" portion of today's activity, or you can find it by signing in and visitingwww.cs-first.com/dashboard.   
Welcome to CS First! (3 minutes)
Directions Student Instructions
  1. Greet members at the door as they arrive.
    (Show script)

    Hello and welcome to CS First!

  2. Ask members to pick up a passport and sit at an available computer.  
    (Show script)

    Everyone please pick up a passport, and go to an available computer.

  3. Once all members are seated, semi-privately ask those who are sitting alone to move to a computer near other members.
    (Show script)

    You need to sit near others to work on today's project. Would you mind moving to a seat where you can interact with other club members?

  4. Stand at the front of the room and raise a hand (the CS First silent signal) to get member attention. Wait to proceed until you have all members' attention. If you don't have the full attention of all members after 7 seconds, repeat the request. Finally, make an indirect request to the remaining members.
    (Show script)

    [hand raised] Everyone please turn off your monitors, and direct your attention up here. [if needed after 7 seconds] I need everyone's monitors off and attention up here before we can start. [if needed after an additional 5 seconds] I'm still waiting on 2 members before we can begin... okay great! 

  1. Welcome to CS First! Grab a passport and find a seat near other club members.
Introduction to Gurus, Agenda, and Passports (5 minutes)
Directions Student Instructions
  1. Welcome everyone, and if needed introduce yourself/selves.
    (Show script)

    [example] Welcome to an advanced CS First theme. I am Mr. Smith, and I volunteered to help out with this Google CS First club. I teach eighth grade math, and in my free time I like to read.

  2. Introduce the advanced theme.
    (Show script)

    You have been through a couple of CS First clubs, so the Google CS First team designed this advanced theme to give you a new challenge to grow your computer science skills. You will explore more complex CS concepts, and you'll be asked to use your creative skills a little bit more to make some cool projects! The tutorials and videos will still help guide you along the way.

  3. Ensure that all club members have a CS First Passport.
    (Show script)

    You should have grabbed a CS First Passport when you came in. If you don't have one, please raise your hand, and I'll bring one to you. [wait]

  4. Ask club members to write their names on their passports.
    (Show script)

    These passports can also be name tents [hold the passport up to show proper name orientation]. Please write your name in big letters on the passport now.

  5. Introduce sign-in information and instruct members to reuse existing usernames and passwords.
    (Show script)

    Open to the first page. Here, you'll see a place for your username and password. When you log in to your computer, you'll go to www.cs-first.com/go to receive this information. Having been in a CS First club before, you should already have a sign-in. Write your existing CS First username and password in the passport. If you don’t, you’ll have a chance to get one when we start on the computers. It is extremely important that everyone, even those of your with a username and password, write your sign in information here so that you can register for this club using the club code.

  6. Ask for questions.
    (Show script)

    Are there any questions about your passports before we move on?

  1. Follow along in your passport as it's described. Do not write in the passport until instructed to do so. 
Activity Directions (5 minutes)
Directions Student Instructions
  1. Introduce cs-first.com.
    (Show script)

    In this club, you'll watch videos on cs-first.com to learn how to create projects (or programs).

  2. Introduce how to sign in.
    (Show script)

    To start today, you'll go to www.cs-first.com/go to receive a username and password. Once there, click the "enter club code" button. Enter the code for our club (found on your dashboard).

  3. Tell club members to write down their username and password, and sign in.
    (Show script)

    It's important that you write down your username and password during this step. You'll use this username and password for both CS First and Scratch.

  4. Provide instructions for completing the survey and watching the introduction to Scratch video.
    (Show script)

    Once you've signed in, watch the survey introduction and complete the short survey. Then, watch the introduction to Scratch video on the next page to learn about the programming language you'll use in this club.

  5. If you have club members that have been in CS First before, describe how to reuse usernames and passwords.
    (Show script)

    If you've been in a CS First club before, you'll still enter the club code to sign up for this club. Then, follow the instructions to reuse your username and password. If you've been in CS First before, you can skip the introduction to Scratch video.

  6. Re-iterate instructions.
    (Show script)

    Someone please raise your hand, and remind me what you need to do once you turn on your monitor. [1. Go to www.cs-first.com/go. 2. Click "Enter Club Code." 3. Follow instructions to get sign in and password. 4. Write down information. 5. Sign in and complete the survey. 6. Watch the introduction to Scratch video.] If you forget what to do, the instructions are shown on the agenda timer.

  7. Tell club members that some projects will be showcased before the next activity.
    (Show script)

    At the end of this activity, I'll select a few club member projects to showcase to the entire club before the start of the next activity.

  8. Explain how to use sticky notes to ask questions. [optional]
    (Show script)

    If you have a question while signing in or at any time during this club, place a sticky note on your monitor. [demonstrate] This lets the me know that you have a question. So, before we start, please take down your sticky note and only put it back on your monitor if you have a question. [Wait until all stickies have been taken down]

  9. Ask club members to begin.
    (Show script)

    Are there any questions before we start? [wait] Wonderful. You may begin.

  1. Go to www.cs-first.com/go, and click "Enter Club Code." Get your Club Code from your Guru or Host.
  2. Follow the directions to sign in to this club.
  3. Write your username and password in your passport.
  4. Click “I’m Done,” and complete the survey.
  5. Watch the introduction to Scratch video.
Get Started on CS First (8 minutes)
Directions Student Instructions
  • Walk around the classroom and ensure that club members are following the provided directions.
  • Ensure that club members are writing down their username and passwords in their passports.
  1. Go to www.cs-first.com/go, and click "Enter Club Code." Get your Club Code from your Guru or Host.
  2. Follow the directions to sign in to this club.
  3. Write your username and password in your passport.
  4. Click “I’m Done,” and complete the survey.
  5. Watch the introduction to Scratch video.
Watch Video 1 (3 minutes)
Directions Student Instructions
  • After club members have signed in to cs-first.com, they should begin watching the first video for activity 1. The first video introduces this club and describes some of the projects that club members will work on.
  • Circulate around the room and check that club members are on the correct theme and video (Activity 1, Video 1).
  • After watching this video, club members should click the green arrow below the video to move to the next page.
  • Watch the video.
  • Click the green arrow below the video!
Watch Video 2 and Create (6 minutes)
Directions Student Instructions
Check to ensure that members have signed in to Scratch by looking at the top right corner of their Scratch project editor. If you see their username, they are signed in. If you see a "Sign In" link, that member still needs to sign in. Members who haven't signed in will not be able to save their work.
(Show script)

I see that you haven't signed in. Please click sign in, and enter your sign-in information from your passport so that you can save your project.

 
  • After watching this video, club members choose one starter project with which to build their story. Ensure that club members select one starter project, then move on to the next page.
  1. Choose and open a starter project.
  2. Remix the project.
  3. Sign in to Scratch.
Watch Video 3 and Create (9 minutes)
Directions Student Instructions
Check that members have opened the starter project. The Solution Sheet shows an example of a blank starter project.
(Show script)

I see that you've watched the first video and were able to get to Scratch. That's great! Next, open a starter project. To do that... [guide member to starter project link].

  1. Create a "feeling" variable.
  2. Program the monster to animate different expresions.
  3. Set the starting emotion. 
Watch Video 4 and Create (9 minutes)
Directions Student Instructions
Club members should watch the videos and build at their own pace. Some club members will work faster or slower than others. If you notice that club members are behind the times set by the agenda, work with them so that they’re able to finish the activity on time (the add-on selection page is not part of the core activity). Periodically, check for club members who are falling behind the agenda. Look at the video number on the CS First tab to determine where a member is in his or her project.
 
  • Club members are creating a function using the "more blocks" menu. These blocks are dark purple and can be easily confused with blocks from the Looks menu.
  • Possible problem: The "show feelings" block does not say the monster's statement. Club members should put the "monster statements" parameter block inside the "say" block.
  1. Program a function to make your monster speak and change it's expression at the same time.
  2. Add more expressions to give your monster a personality.
Choose Add-Ons and Create (0 minutes)
Directions Student Instructions
During this time, members customize their projects by trying some add-ons. Add-ons allow members to explore programming concepts and features as they follow the guidance and instruction in the videos.
  1. Walk around, and encourage members to try the add-ons that interest them.  
    (Show script)

    It looks like you've finished the core videos. That's great! Move to the next page to learn about different ways to customize your project.

  2. Help members navigate the add-ons menu.
    (Show script)

    "When you click "watch," the add-on will open. To go back to the add-on selection screen, click on the X at the top of the video."

  3. If you notice that members have not saved or shared their projects (You will see a "See project page" button in the top right corner of the project editor on projects members have shared.), encourage them to do so before they continue working on add-ons.
    (Show script)

    I see that you're working on the add-ons. Be sure to save your project, and click "Share" to make it available to the Scratch community.

  1. Choose an add-on, and click the "Watch" button to learn how to build it.
  2. After you finish, come back to the add-ons Screen to try another add-on!
CS First Reflection (2 minutes)
Directions Student Instructions
  1. Get everyone’s attention using the silent signal.
    (Show script)

    [silent signal] Can I have everyone’s attention up here, please?

  2. Ask club members to click the next arrow until they reach the reflection page, then to complete the reflection.
    (Show script)

    Now it's time for the CS First club reflection and wrap-up video. Click the 'next' arrow, and complete the reflection. Then, click the next arrow and watch the wrap-up video. While you do this, I'll walk around and hand out participation badges.

  3. Walk around, and ensure that club members are transitioning to the reflection page.
  4. Give out participation badges (stickers).
  1. Complete the CS First Reflection.
Watch Final Video (4 minutes)
Directions Student Instructions
  1. Prompt club members to complete the club reflection, then move on to the wrap-up video.
    (Show script)

    After you've completed your reflection, click the 'next' arrow to watch the wrap-up video. While you're finishing these final steps, I'll continue to walk around and award the participation badges for this activity.

  2. Ask club members to write a shout-out for a clubmate. [optional] 
    (Show script)

    After watching the wrap-up video, write a positive note to a clubmate on your sticky note. Thank someone who helped you, or call out a great project. Once you've written a shout-out, come place it on the G+ board.

  3. Continue to circulate around the club, and pass out participation badges.
  4. When the Agenda Timer indicates that 30 seconds remain in this section, remind club members about the time.
    (Show script)

    You have thirty seconds remaining until we begin sharing projects.

Write a G+ shout-out!
Share Projects (1 minutes)
Directions Student Instructions
  1. Tell club members to return to Scratch, and click the "share" button.
    (Show script)

    [Silent signal] Please return to your Scratch project. If you haven't already, please name your project, and, if you’d like, share it by clicking the "share" button in Scratch. Sharing you project will allow any user on the Scratch website to view it. If you can't find the "share" button, ask a neighbor for help. Once you've shared your project in Scratch write a description that explains how to use it. Then, in one minute, we'll begin sharing projects with our neighbors.

  2. Ask the club to begin sharing their projects with the person or people sitting next to them.
    (Show script)

    Everyone please begin sharing your projects with the people sitting near you. During this time, I shouldn't see anyone working on their projects.

  3. Walk around and encourage club members who haven’t shared their projects (the share button will still be visible in the top-right corner of the screen) to do so. If club members don’t wish to share, that’s okay. Ensure that all club members are engaging in this social aspect of the club by either sharing their project with a neighbor, or talking to other club members about their project.
  1. Click the "Share" button in Scratch.
  2. Share your project with a neighbor.
Select Showcases (1 minutes)
Directions Student Instructions
  1. Display showcase selector on board (follow the link at the top of this club plan).
  2. Get everyone’s attention using the silent signal and request that club members turn off their monitors. Ensure that all monitors are turned off before beginning (club members won’t need to use their computers again during this club).
    (Show script)

    [Hand raised] Everyone please turn your monitors off and direct your attention up here.

  3. Explain showcase selector.
    (Show script)

    This is the showcase selector. At the end of each activity, we'll pick two projects to showcase at the beginning of next club. If your project is selected, we'll display it up here on the projector next club and everyone will get a chance to enjoy it!

  4. Run the showcase selector.
    (Show script)

    Let’s get excited! Let’s press the "Choose a Showcase!" button and see who gets selected! And we have… CSF###!

  5. Using the club roster, find and say the names of the club members selected.
    (Show script)

    Wonderful! CSF### is...  [name]! I’m really looking forward to seeing [member names] projects next club.

  6. Remind members to share their project.
    (Show script)

    If you were one of the members selected, make sure that we'll be able to see your project by clicking the share button at the top of the project editor. If you didn't do that for this project, make sure you do it first thing at the start of next club.

  7. Tell members what to do if they don't want their project shown.
    (Show script)

    If you were selected, but you don't want your project shown next club, please see me after this club or before the beginning of next club.

  1. Know your CS First ID.
  2. Celebrate the projects selected!
Club Discussion (4 minutes)
Directions Student Instructions
  • Briefly review and highlight some G+ posts that club members made.
    (Show script)

    Let’s look at some of the G+ shout-outs that club members received for their work during this activity. [Read a few G+ shout-outs aloud].

  • Lead whole-club discussion.
    (Show script)

    Finally, let’s discuss what you learned during this activity. [Read "discussion questions" below].

  • Preview next club.
    (Show script)

    Next club is on [day of next club (e.g. Monday)], and you will build [description of project].

  • Exit.
    (Show script)

    Once your headphones are wrapped up and your computers are shut down, we will all leave together. I look forward to working with you again next club!

  • What was your favorite part of this activity?
  • What type of monster did you animate?
  • What kind of animated expression did you draw?
  • How did you use a function in your project?
Next club: Android Story
  1. Participate in discussion.
  2. Clean up computer station.
  3. Wrap headphones.
  4. If instructed to by your Guru, shut down computers.

After members have exited the room: