IT 7360: Technology for Educators
Software Help Sheet
Unit 6: Emerging Technologies
HyperStudio Project Instructions & Tips
Sea Turtles
Unit 6: Emerging Technologies
HyperStudio Project Instructions & Tips
Sea Turtles
To begin your stack, start by creating a new stack. Do that by choosing File/New Stack. At the dialog box, click OK. A blankUntitled-1card will appear.Adding Text…On this new card, erase the current background and choose a new color for the background of your title page by choosing Edit/Erase Background. A dialog box will appear with a choice of colors. Select the desired color and then click OK.
If you want, draw a border using the paint tools (or copy one from clip art).
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:
by
<your names>
Add the graphic, "cover" (from the menu bar, select Object/Add a Graphic Object. Select the A: and then your floppy disk.(Note, you must first collect and save the image from the Images web site.) Select "cover" and click OK). Position and resize the graphic. Read and follow the directions given in the dialog boxes.
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 Show Icon.
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. Press Ctrl-N.
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 by pressing Ctrl-S.
10. From the tool palette, select the Browse tool (the pointing finger). Try out your new button.
From card 2:The introduction card welcomes the user to your stack and introduces them to what the stack is about. Consider what your objectives are. The text for the introduction card is:
Welcome to Sea Turtles. This lesson will introduce to you to the sea turtle, where they live, what kind of animal they are, and how they're different from other turtles. Add the text as a text field, so it is easier to edit your typing error. To add a text field, from the menu bar select Objects/Add a Text Object (or Ctrl-T). Decorate the card however you like, with borders and/or clip art, but remember good design techniques (see your handout on Screen design).To learn how to navigate through this lesson, click on the forward arrow button at the lower right corner of the screen.
As in Step 2, add a button to card 2 that will allow the user to move to card 3. This time, label the button GO. Add card 3 as you create the button.
The menu card serves a table of contents for your stack. We call it a menu, because it offers the multiple choices for action to the user, allowing them to pick one. Usually, there is a choice for each objective and one to enter the test at the end.Step 5 —Adding an Invisible Button…Create your menu card to look like:
Create invisible buttons over each of the menu selections, and give the user directions to click on their choice.
2. The Button Appearance dialog box will appear. Under Type, choose the Dotted Rectangle tool. This button will use a cross hair to enclose the part of the screen it is associated with it is associated with. The button will then become located on top of that part of the screen.
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 dotted rectangle representing the shape of your invisible button appears on your card. Position the button over the text you wish to associate it with. Stretch the button to cover the entire line of text.
4. Click outside the button. The Button Actions dialog box will appear.
Under Things to Do, select Play a sound. The Tape Deck dialog box appears. 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.
5.. The dialog box that appears instructs you to "Please select a sound file." Direct the Mac to the Desktop. Open the Hyperstudio for HD folder on your hard disk. Select and open a folder called HS Sounds. (Note: it is very difficult to make the cound work in the PC labs at GSU. Don't get frustrated.)
6. Find the Night Frogs (if it is available) 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.)
7. 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. Press Ctrl-N.
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.
10. 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 Ctrl key and the Shift key. Your text will change colors. Release the two keys. (Note: this might not work on a PC - it does work on a Mac. Try it and see.)
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?
13. Repeat this step to create three invisible buttons- as indicated on the sample menu screen.
Note: If you find yourself on another card (besides card 3), to move back to card 3 to continue adding your invisible buttons, from the menu bar, select Move/Previous Card as many times as necessary to get to card 3.
Following the directions in Step 2—Adding a visible button, add buttons at the bottom of the card to allow the user to navigate the stack. Add the following buttons :
Button Text Icon Go To Card 1 Go Right Arrow Next Card 2 Back Left Arrow Previous Card 3 Quit Stop Sign Another card, and use arrows togo to Title Card 1 4 Menu No icon Another Card, but don't go to another card,
You can used these same buttons you've created on card 3 for cards 4, 5, and 6.A quick tip for doing this:
• Select the button tool from the tool palette.• Click on the button you created, already programed and positioned.
• From the menu bar, select Edit/Copy.
• From the Menu bar, select Move/Next Card.
• Then, from the menu bar, select Edit/Paste.
The button will be pasted in the exact position, already programmed to move to the next card. You can repeat this several times to each card you’ve created.
Move to Card 4.Finally, it is time to introduce the content of your stack. Remember to present only one idea per card, so it is probably a good idea to present only one objective per screen.
It is not necessary, but you may want to change your background here to give the user a clue that they have entered a new part of the stack (Content as opposed to introductory information).
Enhance the presentation of you information on the content cards by adding images as indicated.
Images are added by selecting Objects/Add a Graphic Item (Ctrl- G) and edited or resized by using the graphic editing tool from the Tool palette. Graphics float on top of the background, as opposed to clip art, which becomes part of the background. Think about placing your image on a frame of a white or grey rectangle over your background to enhance the picture.
The text and associated graphic for each card are given below.
Remember to add your text as Text Items!
|
|
|
|
| Card 4 | Sea turtles are air breathing reptiles. Reptiles are cold-blooded and have scaly skin. Sea turtles also lay eggs like other reptiles. | Hatch |
| Card 5 | At first glance, sea turtles look much like other turtles. They are different from other turtles in many ways. Sea turtles can't pull their heads inside their shells, but they do have very good hearing. Sea turtles do not have claws on their feet. Instead, they have flippers which make them powerful swimmers. There are only eight different kinds of sea turtles, while there are over 240 different kinds of land turtles. | Flippers |
| Card 6 | Sea turtles live in warm ocean waters around the world. They can even
be found laying their eggs on Georgia beaches.
Sea turtle populations are dwindling. Some scientists estimate the world sea turtle population has dropped in half over the last 20 years. |
Habitat |
Just as you welcomed the user to your stack on the introduction card, you’ll also want to tell them they’ve reached the end of the stack. Sample text for a closing card:
If you’d like to go through the lesson again, click on the forward arrow.
If you’d like to end the program, click on quit below.
Run through your stack to make sure all the cards are in the right place.If they aren't, or to do quick check, from the menu bar, select Extras/Storyboard.
The storyboard allows you to see many cards at once, and to reorder them by dragging and dropping them into place. You can also delete any extra cards you may have accidentally created.Next, check your stack to make sure all your buttons work, and that they do what you intended them to do.
Good Luck!
