CREATING AN ALL Hyperstudio is an easy to use but powerful multimedia authoring tool that lets you and your students create a series of linked cards, called a stack. Each card can contain text, graphics, video, and audio to present your content. Together the stack of HyperStudio cards can help you teach and help your students to learn. This Skills Builder will help you to explore HyperStudio s features while creating a stack that introduces you or your students. HyperStudio creates a stack of cards to communicate content. Each card can contain a number of multimedia objects including sound, video, and animation. You can direct the way in which the card or stack plays the media you have selected by identifying the desired action. All these components can be achieved with the click of the mouse. Creating complex multimedia software with HyperStudio is limited only by your imagination. You can use this Skills Builder even if you have not purchased the HyperStudio program. This Skills Builder was created to use with the Preview version of HyperStudio which is available for download from www.hyperstudio.com. This version allows you to preview and use all features with the limitation of being able to create a maximum of four cards. If you do not have HyperStudio installed on your computer, go to their website and download and install the preview before beginning this Skills Builder. As in all Skills Builders, look for this computer icon next to each step. Whenever you see it, you should complete that step on your computer. The right side of the page will show you what you should see on your screen as you complete each step. Allyn and Bacon, 2005 page 1
Read / do this: You should see this: 1 To Begin HyperStudio: After installing HyperStudio Preview program, go to Programs on the Start Menu. Double Click on HyperStudio to launch the software. HyperStudio 2 To Go to the Home Stack: The opening screen will appear similar to the one to the right. This screen is a hyperlinked card. Move your cursor around to the various objects on the screen. Each is linked to a different card in this stack. The links descriptions change as you move across the linked objects. Move your pointer to the HyperStudio 4 Arrow. The message Go to Home Stack will appear. Click on the arrow. Link to Go To Home Stack Links 3 To Learn About HyperStudio: Click on the HyperStudio Essentials option in the Learn Block to launch a tutorial. Read through the Essentials tutorial and click on links to become familiar with HyperStudio terms. Click the Return Arrow when done to return to the Home Stack. Scroll down the Learn options. Click on the How To links to view sample stacks. The Essentials Link Sample Stacks Return Arrow Allyn and Bacon, 2005 page 2
4 To Start a New Stack: To begin the About Me stack, click on the New Stack Button on the Home page. A dialog box will appear as shown below right. Click OK to start a stack with the same size card as the home card New Stack Button Two other tool boxes will appear when you open a stack. These are the Navigation Tools box and the Shortcuts box. These options can also be accessed via menus. These boxes are included for convenience. Unlike the Stack Size box, they will remain on the screen once the new stack is started. Stack Size Dialog Box 5 To Arrange the Desktop: To close the Navigation box, click the close button. To move the Shortcut box, point to the title bar of the box and drag it to the left of the home card of your new stack. Drag Shortcut To the Side Close Navigation Tools Allyn and Bacon, 2005 page 3
To make menus easier to use, you can tear them off the menu bar, that is, make a copy of them from the menu bar so that a palette of the menu s options will remain open on your desktop. Should you accidentally close any of your tool palettes, you can easily reopen them on your desktop. To do so, click on the Extras menu. A list of toolbars and other options will appear. Double click to reopen your missing palette. 6 To Tear Off Menus: Point to the Tools menu and depress the mouse button. While holding the mouse button down, drag the pointer to the desktop to the left of your card. The tools palette will separate (tear off) from the menu bar and stay open on the desktop. Point to the Colors menu and depress the mouse button. While holding the mouse button down, drag the pointer to the desktop to the right of your card. The Colors palette will separate (tear off) from the menu bar and stay open on the desktop. Your blank card, Shortcuts, Tool Palette, and Color Palette should appear similar to the screen to the right. Shortcut Palette Desktop with New Stack, Shortcuts, Tear Off Tools and Color Palette Available Tools Palette Depress and Drag New Stack Color Palette Allyn and Bacon, 2005 page 4
7 To Add a Background Fill: Click on the Fill tool from the Tool Palette. Click on the Clouds option from the Color Palette. Move the cursor into the blank card and it will appear as a small paint bucket. Click to fill the card with the clouds background. Your finished card will appear like the one below right. Tools Palette Fill Tool Clouds Option Color Palette Filled Card 8 To Add Text: Double click the Text tool on the Tool Palette to open the Text Style dialog box as shown to the right. Scroll down the font choices and click on Arial Rounded Bold. Click on the Bold Option. Click on Size 36. Click on Dark Blue as the color choice. You should see a preview of the font as shown to the right. Click OK. Position the cursor midway down on the card and to the left. Type in All About Me. Click on the Pointer Tool on the tool palette to end. Pointer Tool Text Tool Position Cursor Font Bold Size Preview Color Allyn and Bacon, 2005 page 5
9 To Add a Navigation Button: Click on the Objects Menu from the Menu Bar. Click on Add a Button to open the Button dialog box. In the Button Appearance dialog box change the button name to Next. Click on the white color square to change the button name color to white. Click the dark blue square in the Background palette to change the button color to dark blue. Click OK to add the button to your card. Button Name Button Color Add a Button Text Color 10 To Size and Position the Navigation Button: When you return to your card, the button will appear oversized and in the wrong location. Drag to move the button to the lower right. Drag the sizing arrow that appears in the upper right corner inwards toward the center of the button to make it smaller. When finished sizing and positioning your button the text may not be readable. This will be adjusted for in step 11. To identify where the button will link to, click off the button. The Actions dialog box will appear. Click on Next Card. The transitions dialog box will then appear. Click OK. Click Done to complete the link. Next Card Actions Dialog Box Sizing Arrow Transitions Dialog Box Allyn and Bacon, 2005 page 6
11 To Change Navigation Button Font Size: Click on the Button to select it. Click on Format from the Menu Bar. Click on Size. From the sizes displayed, click on 12. The button font size will appear like the one to the right. New Size The home card of the stack has been created. Additional cards can now be added and linked either to the home card to in sequence from one to another. It is a good idea to save the stack before adding more to it. Once saved and named, it is easy to save updates as you add cards. Corrected Button 12 To Save the Stack To Save the Stack from the File Menu, select Save As. The Save As dialog box will appear. Note that the stack will be saved in the HyperStudio folder. You can click on the down arrow to the right of the Save In box to select another location if you prefer. Type in the File name All About Me. Click the Save button to save the Stack. Save As Dialog Box Save As Allyn and Bacon, 2005 page 7
13 To Change Navigation Button Font Size: Click on the Button to select it. Click on Format from the Menu Bar. Click on Size. From the sizes displayed, click on 12. The button font size will appear like the one to the right. New Size The home card of the stack has been created. Additional cards can now be added and linked either to the home card to in sequence from one to another.. Corrected Button 14 To Add a Sound to the Home Card: Click Add a Sound from the Shortcuts Palette. Click OK. The Digital Audio Deck will appear. Click on Disk Library. Double click the Sounds folder to open it. In the Sounds window, click on Preview to open an audio controller. Click on the sound Niceneasy to select it. Click the play button on the audio controller to preview the sound. Click Open and then OK to select the sound an close the windows. The sound will be played whenever the card appears. Add Sound Play Disk Library Sounds Folder Niceneasy Preview Allyn and Bacon, 2005 page 8
ALL 15 To Add the Next Card with Buttons: From the Edit Menu, Select New Card. Repeat step 7 to change the background to a color or style of your choice. Repeat steps 9 through 11 to add a button to link to the next card New Card To add a link back to the home card Select Object from the Menu Bar and click on Button The Button dialog box will appear like the one to the right. Type Home as the button name. After positioning the button and clicking off it, the Actions dialog box will appear. Click on Another card. Use the navigation arrow in the Move to Card dialog box to go to the home card. When the home page appears, click OK. The transitions dialog box will appear. Click OK. Your finished second card will appear like the one to the right with the Next button linking to your next card and the Home button linking back to the Home page. Navigation Arrows You can use either the menus or buttons on the Shortcut Palette to access many of these actions. Link to Home Link to Next Card Allyn and Bacon, 2005 page 9
16 To Add Additional Cards. From the Edit Menu, click on Copy Card. The current card with its links will be copied. Click again on the Edit Menu and click on paste card. A duplicate card, including links, will be added to the stack. To view all of the cards in your stack, click on the Extras menu and select Storyboard. The Storyboard dialog box will display a thumbnail of all cards. Click OK to close the Storyboard dialog box. Copy Card Paste Card Storyboard Option Storyboard Dialog Box 17 To Move Between Cards: Click on the Move Menu and select the card to jump to. OR Click on Hand Tool on the Tool Palette to navigate by clicking on the buttons you have created. Using either method, go to card two. Navigation Choices Hand Tool Allyn and Bacon, 2005 page 10
18 Add Titles to All Cards Repeat step 8 to add a title to each of the cards in the stack. Change color and text as shown in the cards to the right. Card 2 If you have an image of yourself (scanned or from a digital camera) you can substitute it for the clip art in the next step. Card 3 Card 4 19 To Add Clip Art. Move to card 2. Click on the Add Clip Art Button on the Shortcut Palette. A dialog box will appear to allow you to select a graphics from a file or to import it from a scanner. Click Ok to select an image already on disk. The Select a Picture dialog box will appear. The media file includes HyperStudio s packaged images. Double click the Clip Art folder and then click on Teacher-a to select this clip art. Click Open. Click on the Selection Tool and drag diagonally across the image with the selection box. Click OK to add the selected image to your card. Position and size the image so it appears similar to the one on the right. Clip Art Folder Add Clip Art Selection Tool Graphics Dialog Box Teacher Clip Art Allyn and Bacon, 2005 page 11
20 To add multiple lines of text, it is best to use a text object instead of Text from the Tool Palette. To Add a Text Object: Select Objects from the Menu Bar. Click on the option Add a Text Object. A text box will appear on the card. Drag it to position it similar to the one shown to the right. The Text Appearance dialog box will appear. You may make changes to the text or background colors and the font style. Click OK when done. Add your own text about yourself as shown lower right. Text Object Repeat steps 19and 20 to add graphics and text to cards three and four to help introduce where your background and what you like to do. Choose the background colors, font colors and styles that help you to customize your stack. As a final enhancement, add a graphic to the home page. Like the graphic used on home page displayed on page 1, you may wish to use clip art from other software programs or a digital picture of yourself in place of clipart. You can each card in any number of ways. You can add additional graphics, change background colors, or enhance fonts. Feel free to change each of the cards in your All About Me stack as you desire. Experiment with the many ways HyperStudio lets you create your own hypermedia cards. Add Your Text Allyn and Bacon, 2005 page 12
To Print the Stack From the File Menu, click on 21 the Print option. The Print Stack dialog box will appear. Select the All Cards option by clicking on it. Click on the four cards per page option. This will ensure all cards are printed on a single sheet. Click OK to print. Print Option All Cards Four Per Page Print Stack Dialog Box 22 To Save the Finished Stack To Save the Stack from the File Menu, click on Save. Since you have already established a file name and save location, no additional dialog box is necessary. An updated version of your finished stack is saved.. Save Allyn and Bacon, 2005 page 13