Abstract

Objective

Use the Scratch programming language to make an interactive greeting card.

Introduction

Who doesn't like to get a greeting card? Getting a card lets you know that someone took time out of their day to think of you. But more and more these days, people are sending and receiving electronic greeting cards. These "e-cards" have the advantage of being easy to send, quickly received (now it doesn't matter if I don't remember my grandmother's birthday until the day of!), and more fun because of their interactive nature.

The recipient gets to interact with the card by clicking on it, answering a question, or pressing buttons, and the interaction usually triggers an animation. But what is an electronic card, and how does it work? The electronic greeting card is actually a computer program. Any time you are using a computer, you are interacting with a computer program. The program tells the computer what to do. When you type something with a keyboard, for example, computer programs translate the sequence of keys you hit into a list of letters on the screen. Other programs allow you to upload pictures and send them to friends online. In this computer science project, you won't just use programs written by someone else, you will write your own interactive computer program with an easy-to-use program called Scratch. Do not worry, it is easy! Scratch is built for kids with no programming experience at all. It has lots of easy-to-understand blocks (code) that you snap together to give the computer its instructions. Also, this science project has lots of advice, tips, and help to get you started. Plus, it's fun and gives you the power to create almost anything you can dream up!

In this computer science project, you will get to make your own animated greeting card. You will decide what the card will say and which pictures you want to add. In Scratch, the pictures are called sprites. You will write scripts to make your sprites do all sorts of things. For example, you could write scripts that make a character jump, a hat spin, or a word rock back-and-forth. Once you get started with programming, you'll find there are limitless possibilities for what you can create.

In this computer science project, you will get to make your own animated greeting card. You will decide what the card will say and which pictures you want to add. In Scratch, the pictures are called sprites. You will write scripts to make your sprites do all sorts of things. For example, you could write scripts that make a character jump, a hat spin, or a word rock back-and-forth. Once you get started with programming, you'll find there are limitless possibilities for what you can do.

Terms, Concepts, and Questions to Start Background Research

• Animation
• Computer program
• Scratch programming language
• Code
• Sprite

Questions

• What are pictures called in Scratch?
• Based on your research, where was the Scratch programming language developed?
• What kinds of animations and interactions do electronic cards usually offer?

Bibliography

• Buckleitner, W. New York Times Online. (2009). Scratch Helps Kids Get With the Program. Retrieved March 23, 2010, from http://gadgetwise.blogs.nytimes.com/2009/05/13/scratch-helps-kids-get-with-the-program/

These resources will introduce you to Scratch:

• Science Buddies. (2011). Scratch User Guide. Retrieved June 1, 2011 from www.sciencebuddies.org/science-fair-projects/project_ideas/scratch-intro.shtml
• Scratch Team, MIT. (n.d.). Scratch. Retrieved March 23, 2010, from http://scratch.mit.edu
• Scratch Team, MIT. (n.d.). Getting Started with Scratch, v1.4. Retrieved March 23, 2010, from http://info.scratch.mit.edu/sites/infoscratch.media.mit.edu/docs/ScratchGettingStartedv14.pdf
• Scratch Support. (2010). Tutorials and Other Scratch Support. Retrieved March 23, 2010, from http://info.scratch.mit.edu/Support
• Ford Jr., Jerry Lee. Scratch Programming for Teens. Boston: Course Technology, 2009.

For more information about electronic cards, visit:

• Wikipedia Contributors. (2010, January 27). E-card. Wikipedia: The Free Encyclopedia. Retrieved March 30, 2010, from http://en.wikipedia.org/w/index.php?title=E-card&oldid=340249969

Materials and Equipment

• Computer with the Internet and room to install the Scratch program; Scratch can be downloaded for either Windows (2000 or later) or Mac (OSX 10.4 or later).
• Scratch program, downloaded from the Scratch website: scratch.mit.edu

Experimental Procedure

Getting Started with Scratch

1. The first thing you should do is download the Scratch program from scratch.mit.edu. If you need help installing it, read the Science Buddies Installing & Getting Started with Scratch page. This short guide will familiarize you with Scratch.
2. If this is your first time using Scratch or if you need a refresher, read the Science Buddies Scratch User Guide.

Making and Sharing Your Greeting Card

1. Define a need. Decide on the occasion and for whom you're making the card.
2. Do background research. Figure out what kind of pictures, animations, and interactions in the card will be enjoyable to the recipient.
3. Establish design criteria. Decide what your card will contain. The card can be as detailed and action-packed as you want, but there are a few basic elements it must have to make it a strong science project:
1. A title, such as "Happy Birthday," "Happy Valentine's Day", etc.
2. One or more pictures.
1. The images (and text) in Scratch programs are called sprites.
2. You can make sprites using the Scratch editor or you can import them (meaning bring them in from another file folder within Scratch or from your computer).
3. See below for details about making new sprites.
3. Scripts that "animate" the text and pictures. See Figures 2–6, below, for examples of scripts you could adapt for your greeting card.
1. Scripts are the instructions that control your sprites.
2. They can make a sprite spin, bounce, change color, appear and disappear, and do just about anything else you can imagine. The examples below show a few scripts you could adapt for your card, but there are many more you can create yourself!
3. Since you're making an interactive card, at least one of the scripts should include a way for the recipient to trigger an action.

Figure 2.This script makes the sprite to which it is attached spin when the green flag is clicked. In this case, the sprite will spin 15 degrees counterclockwise a total of 50 times and then stop.

Figure 3. In this script, the sprite spins when the spacebar is pushed. This is similar to the script above, but uses the space bar, rather than the green flag, to activate the script.

Figure 4. This script will make the sprite to which this is attached grow and shrink rapidly five times, like a beating heart.

Figure 5. This is a script example that makes the sprite rock back and forth.

Figure 6. This script makes the sprite 1) ask a question, 2) wait for an answer, 3) change its look ("costume") repeatedly if the answer is "yes." In this case, the "costumes" are two pictures of a girl—once while she's in the air and once while she's on the ground. When the pictures are shown alternately, this script makes the girl appear to be jumping up and down.

4. Prepare preliminary designs. Now it's time to put all the pieces together and figure out exactly how the Scratch card will look! Start by making some simple sketches on paper of what you want the card to look like (don't worry if you aren't an artist—stick figure art is fine!).
5. Build and test a prototype. Once you've made your preliminary designs on paper, you're ready to start programming the card.
6. Start by adding some pictures and text (sprites) to your card. There are several ways to add sprites (see Figure 7):
1. You can use the Scratch editor to paint a new picture or add text by clicking on the image of a star with a paintbrush next to the words "New sprite."
2. You can import pictures into the Scratch program from your computer or a file within Scratch by clicking on the image of a star with a folder next to the words "New sprite."
3. You can have the Scratch program pick a random sprite for you by clicking on the image of a star with a question mark next to the words "New sprite."




Figure 7. New sprites. There are three buttons for new sprites. From left to right, they are: paint a new sprite, choose a new sprite from file, or get a surprise sprite. If you use the "choose a new sprite from file" button, you can either select from sprites that came with the Scratch program, or import an image you have on your computer.




7. To add a sprite, click on one of the "New Sprite" buttons. It's a good idea to give each sprite a descriptive name. See Figure 8, below, for directions on where to enter sprite names.




Figure 8. Click on Costumes to edit your sprites. You can name them using the text box, shown here with the red circle around it.




8. Add scripts that make your sprites move, ask questions, etc. according to your sketches and designs.
9. Periodically run your card to see if your scripts are behaving the way you intended. If they aren't, you'll have to figure out why. See the Troubleshooting section, below, for more advice.
10. Redesign and retest as necessary. Read the Science Buddies Troubleshooting a Program in Scratch page if you need help with your program. Also, take time to evaluate if you like how it all looks. Does it get across the message you wanted? If you aren’t happy with it, feel free to go back to step 4 and try again.
11. Present the results. Once you have made your card, you can share it. If the recipient is there with you, you can run the card on the computer for him or her.
12. If they're far away, you can either:
1. Email them the Scratch program file that you saved your card in, as well as the link for downloading Scratch, or
2. Upload the card to the Scratch website and email your recipient the URL (web address) for your finished project.
1. For more instructions on uploading a project to the Scratch website, visit MIT's Getting Started on The Scratch Website page.

Preparing Your Science Presentation

For general advice on engineering presentations, see the Science Buddies Engineering Design Project Guide.

1. Consider including the following in your presentation:
1. A goal. For example, to "write an interactive computer program that can be shared online."
1. Include the theme of your card in the goal section.
2. A list of requirements. These are the things your program must do.
3. A description of Scratch.
4. Scripts you wrote, with a description of what they do and how they work.
1. Include original scripts that you created.
5. A laptop with your program loaded and ready to run. If you are not able to bring a computer to your presentation, take several screenshots of your programming instructions and greeting card and print them out.

Variations

• Create other greeting cards with new themes.
• Add more interactive elements to your card.
• Create new scripts to make your sprites move. For example, how would you make a sprite hop across the card?
• Add music to your card.

• For more science project ideas in this area of science, see Computer Science Project Ideas.

Credits

David B. Whyte, PhD, Science Buddies

Last edit date: 2011-06-01 12:00:00