IT 3210: Teachers and Technology
IT 7360: Technology for Educators
Software Help Sheet

Unit 6: Emerging Technologies
HyperStudio Basics

Return to the IT 3210 Course Projects Page
Return to the IT 7360 Course Projects Page
Return to the IT 3210 Software Help Sheet Index
Return to the IT 7360 Software Help Sheet Index

Creating Cards…  
1. Double-click on the HyperStudio icon to launch the program.

2. At the bottom left side of the Let’s See Some Examples card, click on the button labeled New Stack.

You can also get a New Stack by choosing File-New Stack.

3. When a dialog box appears telling you that “You’ve just created a new stack…” read the message and then click on OK.

4. A blank Untitled-Card 1 follows with a Menu Bar at the top of the screen.
 

Choosing a Background…  
1. You are now going to change the background color of the blank card. From the menubar, select Edit-Erase Background.

2. A dialog box appears with a choice of colors. Select a background color, preferably something light, by clicking on it once, and click on OK.

3. The present background color disappears and is replaced by the color you selected. The color you selected will continue to be the background color on all subsequent cards until you change it.
 

Creating a Border (just to decorate your title card)…  
1. From the menubar, select Options-Line Size. From the dialog box that appears, select a wider line thickness, and click OK.

2. Under the Colors menu, select black for the border color.

3. For quick access to the Tools palette, you are going to tear it away from the menubar. Move the mouse over the work ”Tools” and notice that the cursor changes from a Hand to a Selection Arrow. Hold down the mouse button while dragging the tools palette to the left hand side of the screen. When you are dragging the mouse you will see an outline of the Tools palette moving along as you go.

4. To place this palette, release the mouse button. You will now see the Tools palette wherever you “dropped” it.

5. If you wan t to change the Tools palette’s position, place the cursor on the top of its title bar and hold down the mouse while dragging the palette to another location. You can move the Tools palette about the screen as you would any other object (so move it if it gets in your way!)

6. Select the Rounded Rectangle tool from the Tools palette by clicking on it. Your cursor will turn into a cross-hair.

7. Position the cursor in the top left corner of the blank card. Press the mouse button while dragging the mouse diagonally down to the lower right corner. Release the mouse button when you are finished. The card will now have a rounded border that you have “painted” on.

If you mess up…

If you don’t like your border, If you haven’t done anything else yet, you can “undo” it. From the menubar, select Edit-Undo Painting.

If you’ve already attempted another operation, you will have to remove the border from your card manually. You can do this in two ways.
 

A) Use the Dotted Rectangle tool surround your border with a selection box (“marching ants”) and then press the Delete key.

B) Use the Eraser Tool and manually use your cursor to “erase your border, much as you would erase a chalkboard, or pencil writing on paper.


Filling in missing background color…

Correcting your border may also erase or delete your background color. If this is the case, and there is nothing else on your card, then just repaint the background.

If you do have something else painted on your card (for example, clip art), then you just want to use the Paint Bucket tool from the Tools palette, select your color from Options-Colors, and click the mouse (paint bucket) on the white space to “fill” it with the color.
 

Adding Text…  
1. From the menubar, select Objects-Add a Text Object (Ctrl-T).

2. A moving dotted rectangle appears on the screen. This rectangle represents the space designated for your text. The shape and size of this rectangle determines the overall appearance of the text.

3. Without pressing the mouse key, move the mouse inside this rectangle until the cursor changes to four-headed arrow.

Holding down the mouse key, drag the rectangle toward the top of the screen where you’d like to place your title text. Release the mouse key.

4. To change the size of the text display, move the mouse to any side of the dotted rectangle until the cursor changes to a two-headed arrow. Press the mouse key and drag the edge of the rectangle to the left or fight to resize the text object.

Finally, click outside the rectangle text object to place it.

5. A Text Appearance dialog box will appear. For Name, type in Title.

6. For Color, under Text, select a darker color. Under Background, select the same color as the background of the card. De-select Draw Frame, Scrollable, and Draw Frame.

7. Click on Style to bring up the Text Style dialog box. Select Times-New Roman as the font, Center for the Alignment, and for Text Size, select 36 point. The sample text in the Text Style box will change depending upon your choice of font and size. Click OK.

8. A blinking insertion point will appear on your card. Type in the following text:

Welcome to My World

Adding Clip Art…  
1. From the menubar, select File-Add Clip Art. A dialog box with a dog asking you a question will appear. Select Disk File.

2. In the dialog box that appears, direct the PC to the HyperStudio for HD folder, and locate the HS Art folder. Select the HS Art folder and click on Open.

Locate the Icon Library-Clip Art file and open it.

3. Scroll down the screen until you see the GLOBE. From the upper left corner of the screen, select the Lasso tool.

Put the lasso slightly above the globe. Press the mouse key an drag the lasso to encircle the globe. Try not to get any of the clip art border with your lasso.

4. Release the mouse button. Wit until the globe “shimmers” and then click OK. The globe will appear on your screen. Move your mouse over the globe until the cursor turns in to a four-headed arrow.

5. Press the mouse key down and drag the globe to the bottom center of your screen, above your border.

6. Click outside the globe to place it permanently on Card One. Note that clip art acts as paint on your screen. It is not a graphic object. To move placed clip art, you will have to select it, and the background it sits on, using either the lasso tool or the dotted rectangle tool from the Tools palette.
 

Saving your card or stack…  
If you plan to continue working with your stack, it is a good idea to save it to the hard drive rather than a floppy disk (to speed up processing).

Name your stack “My World.”
 

Adding an Invisible Button…  
1. From the menubar, select Objects-Add a Button (Ctrl-B).

2. The Button Appearance dialog box will appear. Under Type, choose the Lasso tool. This button will use a lasso to go around the piece of clip art it is associated with. The button will then become located on top of the clip art.

Under Position, select Highlight. A highlighted button is invisible until it is clicked, and then it changes colors. Because this is an invisible button, no selection is necessary for Background Color or Name color, nor do you need to type a name in the Name box. Click OK.

3. A dialog box appears giving you the message, “This button needs a shape, please give it one now.” Click OK.

4. The next dialog box tells you to encircle the graphic. Click OK.

5. Use the lasso cursor to encircle the globe. Then, release the mouse button.

6. Another dialog box appears, giving you the option of trying again or clicking OK. Click OK (or hit Return).

7. You automatically return to the Button Actions dialog box, which is divided into two sections: Places to Go and Things to Do.

Under Places to Go, make sure that None of the Above is selected.

Under Things to Do, select Play a Sound. This button action option allows you to record your own sound, or choose a pre-recorded sound for HyperStudio’s HS Sound folder in the Disk Library.

8. When you select Play a Sound, the Tape Deck dialog box will appear, with record, stop, play, and erase features. This time, we will select a pre-recorded sound from the Disk Library, whose button is on the bottom right side of the box (Note:  the PCs in the lab do not play osund well.).

9. The dialog box that appears instructs you to “Please select a sound file.” Open the folder on your hard disk. Select and open a folder called HS Sounds.

10. Find a sound and open it. (If a dialog box opens and tells you that the sound is locked and you need to open a copy, click OK.) Click OK, and when the Button Actions dialog box returns, click Done.

11. When your card reappears, you will not be able to see your button —it’s invisible!. To be able to see invisible buttons, simultaneously hold down the ð key and the Shift key. Your globe will change colors. Release the two keys.

12. To see your button in action, from your Tools palette, select the Browse tool (the pointing finger). Click on your globe. Do you hear the Spring Peepers?

Congratulations! You’ve just created your first button.
 

Adding a Visible Button and a New Card…  
For multimedia, one usually has more than one card in their stack, as well as a way for the user to move from one card to another.

1. From the menu bar, select Objects-Add a Button(Ctrl-B).

2. The Button Appearance dialog box appears. Make the following selections:

Under Type: select the ”Default” button at the upper right hand corner of the type section.

For Name, type in Start

Under Color, select a Background color that is different from the background color of your card. Select a Text color that is legible on your button background color.

Under Position, select Show Name and Highlight. Next, select ShowIcon.

3. A screen appears with sample icons. Scroll until you find a forward arrow (pointing to the right). Click OK or hit Return.

4. When the Button Appearance dialog box appears, click OK.

5. An instruction screen appears with directions on how to place the button. Click on OK.

6. On your card, you will see the new button enclosed in a moving dotted rectangle. Without pressing the key, move the cursor to the center of your button, and the cursor will change to a four-headed arrow. Press the mouse key and drag the cursor (and the button) to the lower right corner of the screen, above the border. Release the mouse button to place the button on the card. Click outside the dotted rectangle to de-select the button.

7. The Button Actions dialog box will appear.

Under Things to Do, select Play a sound. The Tape Deck dialog box appears. This time select the Beam Down sound on the right side of the screen. Click on OK.

Under Places to Go, select Another Card. A dialog box will appear that tells you to press Ctrl-N if you would like this button to go to a new card.

8. After you create anew card, the Transitions dialog box will appear. For this example, select the Dissolve effect, and Medium Speed. Then click OK.

9. When the Button Actions dialog box appears, click Done.

Save your stack.

10. From the tool palette, select the Browse tool (the pointing finger). Try out your new button.

Congratulations! You’ve created your first multimedia stack!
 
 



Practice You’re looking at a blank second card. How will you return to your first card? Create a button.

From the menu bar, select Objects-Add a Button (Ctrl-B).

This time, when you get to the Button Actions dialog box, under Place to Go, select Next Card.

Add a Graphic ( a scanned image from your floppy disk) to your second card.

Go to your second card using your buttons.

From the menu bar, select Objects-Add a Graphic Object (Ctrl-G).

Select from a disk file, and direct the Mac to your floppy disk. Select your scanned image ( a jpeg image should work).

See if you can follow the directions on the screen, and use your new knowledge of HyperStudio to figure how to get the picture on our card.

Save your stack and quit HyperStudio.



Copyright 1999 M.B. Shoffner