QuickStart An Easy-to-Follow Step by Step Guide

Transcription

1 QuickStart An Easy-to-Follow Step by Step Guide

2 About This QuickStart Guide This QuickStart guide shows you how to install, launch, and use IntelliTools Classroom Suite IntelliPics Studio 3 right out of the box. IntelliPics Studio 3 integrates with other Classroom Suite productivity tools (IntelliMathics 3 and IntelliTalk 3) allowing for instant sharing of resources and making curriculum adaptation easier than ever. Nine easy-to-follow, creative, and useful authoring lessons are presented using the program s predesigned toolbars all the tools you need are at your fingertips! Table of Contents Introduction Getting Started with IntelliPics Studio QuickStart Lesson I: Animate a Picture QuickStart Lesson II: Create a Talking Text Box QuickStart Lesson III: Add a Movie to a Page QuickStart Lesson IV: Paint, Color, and Stamp QuickStart Lesson V: Work With Pictures QuickStart Lesson VI: Make a Page Button QuickStart Lesson VII: Add Sound to Any Page QuickStart Lesson VIII: Add, Edit, and Move a Toolbar QuickStart Lesson IX: Using Teacher Options IntelliTools, Inc Corporate Circle Petaluma, CA ii QuickStart: IntelliPics Studio , IntelliTools, Inc. MNL-IP3-QS printed in USA

3 Introduction IntelliPics Studio 3 is an award-winning multimedia authoring program for teachers and students. Using IntelliPics Studio 3 s menus and tools, you can easily make animated scenes, create talking text boxes, include video clips on a page, paint and draw, illustrate activities with backgrounds and pictures, record or play sounds, and more! Although it is simple to use, its powerful authoring features allow users to create a range of activities from coloring books, puzzles, storybooks, and games, to animated presentations and multimedia slide shows. In addition, teachers and students can easily create sophisticated, customized quizzes using a feature called IntelliQuiz. Instant-Activity Kits To help you create your own lessons easily, IntelliPics Studio 3 includes a selection of instantactivity kits. Each kit consists of an authoring template, a step by step tutorial, and a corresponding sample activity. Universal Design IntelliPics Studio 3 s universal design features make the program accessible to all students, including those with physical or cognitive disabilities. It is ideal for inclusion classrooms students can use the program with a mouse, an IntelliKeys adaptive keyboard, or a switch. Introduction 1

4 Getting Started with IntelliPics Studio 3 To best perform the lessons in this QuickStart guide, you should know basic computer procedures (using the mouse, clicking, dragging, navigating to a file, displaying a menu, selecting a menu option, selecting a listing from a drop-down list box, etc.). If there are multiple ways to perform a procedure (for instance, by clicking a toolbar button or by selecting a menu option), this QuickStart guide will often demonstrate each method. Saving your work is not required.* It is helpful if your computer is connected to the Internet, but this is also not required. Note The illustrations in this guide are intended to be similar to what you see on-screen. Some may differ depending on the computer system you are using. Tip * (Optional) To save your work: 1. Select Save As from the File menu. 2. Enter a document name in the Save As text box. 3. Click Save. Other IntelliPics Studio 3 Resources (printable versions included on installation CD) User s Guide Contains full product documentation (including troubleshooting). Teacher s Guide Includes lesson plans and curriculum resources. Exploring Tutorial An introduction to major product features. Additional Resources Visit the IntelliTools Web site for updated and useful information about IntelliTools, Classroom Suite, IntelliPics Studio 3, and other IntelliTools products. Technical Support tech@intellitools.com; phone: (707) ; fax: (707) QuickStart: IntelliPics Studio 3

5 Step 1. Check that your computer system meets the following minimum requirements. Windows Pentium II 233 MHz or equivalent Windows 98/ME/2000/XP Windows 98/ME: 64 MB RAM Windows 2000/XP:128 MB RAM Free hard drive space: Standard installation: 495 MB* Full installation (includes media resources and Classic activities): 750 MB* 16-bit High color monitor Resolution 800 x 600 (1024 X 768 recommended) CD-ROM drive Sound recording and playback capability Macintosh 333 MHz (imac/g3) OS 8.6, 9.x, OSX (10.1.x, and 10.2.x) 32 MB available RAM Free hard drive space: Standard installation: 495 MB* Full installation (includes media resources and Classic activities): 750 MB* Monitor color depth: Thousands Resolution 800 x 600 (1024 X 768 recommended) CD-ROM drive Sound recording and playback capability * You will also need enough additional hard drive space to accommodate any new Classroom Suite activities you create and save. Getting Started with IntelliPics Studio 3 3

6 Step 2. Install the program(s). Windows Users a. Insert the Classroom Suite CD (or the single program CD) into the CD-ROM drive. The program installation starts automatically.* b. Follow the installation instructions that appear on-screen. * If your computer is not set up for automatic installation (the Auto insert notification setting): Double-click the My Computer icon on your desktop. Right-click the CD icon and select Explore to see the CD s contents. Double-click the setup.exe icon in the content window that appears. Proceed to Step 2b. Macintosh Users a. Insert the Classroom Suite CD (or the single program CD) into the CD-ROM drive. A CD-ROM icon appears on the desktop along with an open window labeled Classroom Suite CD (or IntelliPics Studio 3 CD, IntelliMathics 3 CD, or IntelliTalk 3 CD). b. Double-click the installer icon in the open window. The program installation starts automatically. c. Click Continue and follow the on-screen instructions. 4 QuickStart: IntelliPics Studio 3

7 Step 3. Launch the program(s). Windows Users a. From the Start menu, select Programs \ IntelliTools Software \ Classroom Suite \ Classroom Suite. b. Click the Classroom Suite icon. Macintosh Users Double-click the Classroom Suite icon located on your desktop. Getting Started with IntelliPics Studio 3 5

8 Step 4. Sign in. a. The program opens to the Classroom Suite Sign In screen. Notice that the Sign In screen includes: Class drop-down list box lists groups of users created by a program administrator or a teacher.* User window shows users created by a program administrator or a teacher.* Sign In box enter a user name here. Quit click to exit Classroom Suite. Guest click to sign in as an unnamed student user. No password is required for Guest.? click for Help. b. If you haven t been assigned a user name by the program administrator or a teacher, click Guest (refer to the Classroom Suite Getting Started guide for instructions for creating users). If you have been assigned a user name, type your user name in the Sign In box. Click OK. If a password dialog box displays, type your password and click OK. After signing in, the Navigation Screen displays. * Alternate sign in procedure: select a class and a user if they show here. 6 QuickStart: IntelliPics Studio 3

9 Step 5. Explore the Navigation Screen. QuickStart lessons begin at this Navigation Screen. The navigation choices available to each user can be customized. A user signed in as Guest sees: Sign Out click to return to Sign In screen. My Work click for saved and recent documents. New click for blank documents and instant-activity templates. Activities click for curriculum activities. Adirectory path to the contents of the navigation window. You can use the Back and Forward arrow buttons to navigate the path. a. Click the New button (if it is not already selected). Your selection shows in the directory path. b. Click the buttons on the Window-view toolbar to see the different ways that folders and files can be displayed in the navigation window. Folders and files can display as icons or as a list Window-view toolbar Getting Started with IntelliPics Studio 3 7

10 I. Animate a Picture This lesson shows you how to make a scene that includes an animated character (a cartoon ant crossing a trail in a park). Tip You animate pictures using the IntelliMation feature. To Begin a. Display a new page in an IntelliPics Studio 3 document: If you are continuing from page 7, you are viewing the New folder. Select New IntelliPics Studio 3. If you are continuing from another IntelliPics Studio 3 QuickStart lesson, select New Page from the Pages menu. b. Select Intermediate Toolbar from the View menu. c. Select Design from the IntelliPics Studio menu if it is not already selected. A new IntelliPics Studio 3 document 8 QuickStart: IntelliPics Studio 3

11 Step 1. Select a background for the page. a. Click Backgrounds. A toolbar of background choices displays. b. Click Park. c. Click Backgrounds again (to hide the toolbar). Lesson 1: Animate a Picture 9

12 Step 2. Insert a picture on the page. a. Click Picture Library (above the page). b. Click the Animals category on the Picture Library toolbar. If picture category listings are not showing, click Categories on the Picture Library toolbar. Tip c. Click Ant. d. Click Picture Library again (to hide the Picture Library). 10 QuickStart: IntelliPics Studio 3

13 Step 3. Animate the picture. a. Click Create IntelliMation (above the page). b. Drag the ant to the lower right corner of the page (the start point). b c. Click the 5-second mark on the IntelliMation time line (above the page). d. Drag the ant to the lower left corner of the page (the end point). d e. Click Create IntelliMation again (to hide the IntelliMation time line). Lesson 1: Animate a Picture 11

14 Step 4. Play the IntelliMation two ways. a. Click Play Sound and IntelliMation (above the page). b. Click Play Slide Show (above the page) to play a full screen version of the IntelliMation. Note Slide Show plays all the pages in a document and then returns to the beginning page. c. Save your work if desired. Continue with another lesson or select Exit/Quit from the File menu. 12 QuickStart: IntelliPics Studio 3

15 (Optional) Try one or more of these variations: Select a different background picture for the page. Step 1b: Click Backyard. Select another category and insert a different picture on the page. Steps 2b and 2c: Scroll to the Frame Animations category; then click Butterfly. Create a quicker IntelliMation. Step 3c: Click 2.5 seconds on the time line. Try dragging the ant off the page! Step 3d.:Press [Esc] while dragging the ant (or butterfly) off the edge of the page. Select the Authoring Toolbar from the View menu and use it to create an animated scene. Use an instant-activity template with its tutorial and the corresponding sample activity. Refer to the Classroom Suite User s Guide to learn how to: Animate two or more pictures on a page. Create multi-path IntelliMations. Resize, rotate, and/or flip pictures during an IntelliMation. Make a longer IntelliMation. Navigate back and forth on the IntelliMation time line. Lesson 1: Animate a Picture 13

16 II. Create a Talking Text Box This lesson shows you how to make a text box that reads aloud when the user clicks it (useful for activity instructions and stories). To Begin a. Display a new page in an IntelliPics Studio 3 document. If you are continuing from another QuickStart lesson, select New Page from the Pages menu. If this is your first QuickStart lesson, start at the Navigation Screen (see Getting Started, pages 2 7). Click New, then select New IntelliPics Studio 3. b. Select Intermediate Toolbar from the View menu. c. Select Design from the IntelliPics Studio menu. 14 QuickStart: IntelliPics Studio 3

17 Step 1. Draw a text box on the page. a. Select Text Tool from the IntelliPics Studio menu (so a check shows next to this menu option). a b. Put the cursor on the page where you want a corner of the text box to be. c. Press the mouse button and drag the cursor sideways. b Design and Text Tool menu options selected d. Release the mouse button when you are satisfied with the width of the text box. The Text Tool deselects and the Select Tool becomes active automatically. Lesson II: Create a Talking Text Box 15

18 Step 2. Enter text and check spelling. a. Notice the blinking insert-text cursor. a b. Type Click this box to hear text read aloud. c. Notice that the text box automatically expands downward to fit your entry. d. Select Spell Check from the Edit menu. Correct any misspelled words and click OK. 16 QuickStart: IntelliPics Studio 3

19 Step 3. Set text box properties. a. Simultaneously press [Ctrl] on your keyboard and click the text box. The Properties dialog box appears. b b. Click the Text Settings tab. c. Click Read-Only Text (a check mark should show in the check box). d. Notice Expand to Fit is selected from the Number of Lines drop-down list box.this setting enabled the text box to expand downward to fit your text entry. Using this option, you can limit the lines of text in the box, if desired. c d e. Check Respond to Mouse Clicks (at the bottom of the dialog box) if this option is not already selected. e Lesson II: Create a Talking Text Box 17

20 Step 4. Color and lock the text box. a a. Next to Show Background, click Change... The Pick Color dialog box displays. b. Select Yellow from the Standard Colors drop-down list box. Click OK. c. Check Lock Position. d. Click OK. e. Click outside the text box (anywhere on the page). 18 QuickStart: IntelliPics Studio 3

21 Step 5. Listen to the text being read aloud. a. Click within the text box. b. Listen to the text being read aloud. c. Click the text box again to repeat the message. d. Save your work if desired. Continue with another lesson or select Exit/Quit from the File menu. Lesson II: Create a Talking Text Box 19

22 (Optional) Try one or more of these variations: Click Text Tool on the toolbar to the left of the page instead of selecting Text Tool from the IntelliPics Studio menu. Change the text font and size. Step 2b: 1. Select (i.e., highlight) the text in the text box. 2. Select a different font and size from the Text menu. Change the color of the text. Step 2b: 1. Select (i.e., highlight) the text in the text box. 2. Select a different color from the Text menu. Move and resize the text box. 1. Deselect (i.e., uncheck) Lock Position from the Edit menu. 2. Drag the text box to another place on the page. 3. Drag a corner of the resizing frame and enlarge the text box. 4. Select (i.e., check) Lock Position from the Edit menu. Select the Authoring Toolbar from the View menu and use it to insert a text box on the page. Use an instant-activity template with its tutorial and the corresponding sample activity. Refer to the Classroom Suite User s Guide to learn how to: Make a text box with a color frame or a transparent frame. Make a text box with a color background or transparent background. Change the voice and/or the pronunciation of words you hear when the text box is read aloud. 20 QuickStart: IntelliPics Studio 3

23 III. Add a Movie to a Page Tip This lesson shows you how to make a scene with a movie/video clip in it (fish swimming by the seashore). Click the movie to watch it! The Classroom Suite CD includes over 90 movies that you can insert into your activities, or you can import your own video clips. To Begin a. Display a new page in an IntelliPics Studio 3 document. If you are continuing from another QuickStart lesson, select New Page from the Pages menu. If this is your first QuickStart lesson, start at the Navigation Screen (see Getting Started, pages 2 7). Click New, then select New IntelliPics Studio 3. b. Select Intermediate Toolbar from the View menu. c. Select Design from the IntelliPics Studio menu. Lesson III: Add a Movie to a Page 21

24 Step 1. Select a background for the page. a. Click Picture Library (above the page). Tip Click Categories on the Picture Library toolbar if picture categories are not already showing. b. Click the Backgrounds category. c. Click Next-> until Seaside shows on the toolbar (selections are arranged in alphabetical order) d. Click Seaside. e. Click Picture Library again (to hide the Picture Library). 22 QuickStart: IntelliPics Studio 3

25 Step 2. Select and insert a movie. a. Select Insert Movie... from the IntelliPics Studio menu. The Movies folder displays. a Tip If the Movies folder does not display: 1. Navigate to and open the Classroom Suite folder installed on your system. 2. Locate and open the Media folder. 3. Locate and open the Movies folder. b b. Navigate to the fish in forest.avi movie and select it. c. Click Open. The Movies folder displays automatically Lesson III: Add a Movie to a Page 23

26 Step 3. Resize and reposition the movie. a. Grab a corner of the movie s resizing frame (the cursor should be a two-headed arrow) and drag it inward to make the frame smaller. a b. Release the mouse button when you are satisfied with the size and shape of the frame. c. Drag the movie to the desired place on the page. 24 QuickStart: IntelliPics Studio 3

27 Step 4. Set movie properties. a. Simultaneously press [Ctrl] on your keyboard and click the movie. b. Uncheck the Show Frame option. b c. Check Respond to Mouse Clicks if this option is not already selected. c d. Check Lock Position. d e. Click OK. Lesson III: Add a Movie to a Page 25

28 Step 5. Watch the movie. a. Click the movie (within its frame). b. Watch the movie play. c. Click the movie again to replay it. d. Save your work if desired. Continue with another lesson or select Exit/Quit from the File menu. 26 QuickStart: IntelliPics Studio 3

29 (Optional) Try one or more of these variations: Click the Insert Movie button (above the page) instead of selecting Insert Movie from the IntelliPics Studio menu. Frame the movie. 1. Simultaneously press [Ctrl] on your keyboard and click the movie. 2. Click the Options tab. 3.Check Show Frame. 4. Click the Frame Color Change button. 5 Pick a different color and click OK. 6. Click OK. Insert a movie from the Classroom Suite CD. 1. Insert the Classroom Suite CD. 2. Select Insert Movie from the IntelliPics Studio menu. 3. Navigate to the Movies folder (Media folder > Movies folder). 4. Open the desired movie. 5. Lock the movie. 6. Click the movie. Insert your own movie. 1. Save a MOV, MPG /MPEG, or AVI movie on your system. 2. Select Insert Movie from the IntelliPics Studio menu. 3. Navigate to the movie. 4. Open the desired movie. 5. Lock the movie. 6. Click the movie. Select the Authoring Toolbar from the View menu and use it to insert a movie on the page. Refer to the Classroom Suite User s Guide to learn how to: Add a page action to have the movie play automatically each time the page displays. Create a button that plays a movie. Record an audio track (a page sound) that introduces the movie. Lesson III: Add a Movie to a Page 27

30 IV. Paint, Color, and Stamp Tip This lesson shows you how to use Paint mode features and tools to paint, draw, color, and stamp pictures on a page. In Paint mode every selection in the Picture Library is a stamp. Stamps cannot be resized or moved once they are on a page. To Begin a. Display a new page in an IntelliPics Studio 3 document. If you are continuing from another QuickStart lesson, select New Page from the Pages menu. If this is your first QuickStart lesson, start at the Navigation Screen (see Getting Started, pages 2 7). Click New, then select New IntelliPics Studio 3. b. Select Intermediate Toolbar from the View menu. c. Select Design from the IntelliPics Studio menu. 28 QuickStart: IntelliPics Studio 3

31 Step 1. Draw using the Brush Tool. a. Click Paint. Notice that Paint Tools have replaced Design Tools (on the left side of the document). b. Click Brush Tool. c. Click size 2 (on the toolbar to the right of the Brush Tool). d. Press the button on your mouse and paint an unbroken circle shape. When the circle is complete, release the button to lift the brush off the page. e. Draw an unbroken line completely across the page. Leave no gaps! Lesson IV: Paint, Color, and Stamp 29

32 Step 2. Color using the Fill Tool. a. Click Show/Hide Colors (upper right corner of the document). A toolbar of color choices displays to the right of the page. b. Click Sunshine from the Paint Box color choices. c. Click Fill Tool. The Fill Tool pours a selected color into an enclosed area. d. Position the Fill Tool paint bucket pointer within the circle and click. The circle fills with yellow sunshine! e. Now select Grass Green as a paint color. d b e f. Position the Fill Tool below the line and click. Green grass covers the ground! f 30 QuickStart: IntelliPics Studio 3

33 Step 3. Stamp pictures on the page. a. Click Picture Library. b. Click Categories on the Picture Library toolbar if picture categories are not showing. Click Next > until the Nature category shows. b c. Click Nature. d. Click Plant from the Nature picture choices. e. Click four places on the page where you want to stamp the Plant picture. Pictures may stamp on the page larger than they appear on the Stamp tool. Note Lesson IV: Paint, Color, and Stamp 31

34 Step 4. Undo and erase. a. Click Undo (above the page). Notice that the previous action (stamping the fourth plant on the page) is reversed. b. Click Erase. Tip Click Undo if you mistakenly clicked Erase All. c. Press the button on the mouse and drag to erase the black border around the sun (the yellow colored circle). 32 QuickStart: IntelliPics Studio 3

35 5. Finish the scene. a. Click Flower from the Nature picture choices. Stamp flowers on the page. b. Click Show/Hide Colors (if colors are not already displayed) and select the color Sky. c. Click Fill Tool. d. Click all the unpainted areas of the page to fill them with the Sky color. e. Click Show/Hide Colors again to hide colors. f. Select Hide Standard Toolbars from the View menu. g. Deselect Show Picture Library from the View menu. h. Save your work if desired. Continue with another lesson or select Exit/Quit from the File menu. Lesson IV: Paint, Color, and Stamp 33

36 (Optional) Try one or more of these variations: Paint or draw using a wider brush. 1. Click Erase All (to start over). 2. Click Brush Tool. 3. Select a different brush size. 4. Paint or draw. Paint or draw using different colors. 1. Click Erase All (to start over). 2. Click Paint Box. 3. Select a color. 4. Click Brush Tool. 5. Paint or draw. Paint with a stamp. 1. Click Erase All (to start over). 2. Click Picture Library. 3. Select a stamp. 4. Click a place on the page and, while holding the mouse button down, drag the stamp across the page. Drag slowly, then more quickly. Move a painting, drawing, or stamp using the Marquee Tool. 1. Paint or draw on the page. 2. Click Marquee Tool. 3. Outline an area of the page that includes the painting or drawing. 4. Drag the selected area to another place on the page. Select the Authoring Toolbar from the View menu and use it to create a scene in Paint mode. Use an instant-activity template with its tutorial and the corresponding sample activity. Refer to the Classroom Suite User s Guide to learn how to: Paint over a predesigned background picture or a predesigned background pattern. Use the Marquee Tool to copy portions of a painting or drawing for use as stamps. Copy portions of a painting or drawing for use on toolbar buttons and page buttons. 34 QuickStart: IntelliPics Studio 3

37 V. Work With Pictures Tip This lesson shows you how to use Design mode features and tools to make a scene that includes overlapping pictures. In Design mode the page is analogous to a stack of transparent sheets (i.e., a page has + and - layers). To Begin a. Display a new page in an IntelliPics Studio 3 document. If you are continuing from another QuickStart lesson, select New Page from the Pages menu. If this is your first QuickStart lesson, start at the Navigation Screen (see Getting Started, pages 2 7). Click New, then select New IntelliPics Studio 3. b. Select Intermediate Toolbar from the View menu. c. Select Design from the IntelliPics Studio menu. Lesson V: Work With Pictures 35

38 Step 1. Try a background pattern. a. Select Page Properties from the Pages menu. b. Click the Page Background tab. b c. View the choices listed in the Background drop-down list box. Select Yellow Brick to see a background pattern. c d. Click OK. e. Clear the background from the page (repeat steps a d, but select --Blank-- as the Background Pattern). f. Before proceeding, check the IntelliPics Studio menu to verify Design is selected (checked). 36 QuickStart: IntelliPics Studio 3

39 Step 2. Paste a background from the Picture Library. a. Select Page Properties from the Pages menu. b. Click the Page Background tab. c. Click Insert From Picture Library. d. Select Backgrounds from the Category drop-down list box. e. Scroll to sky and select it. f. Click Insert. d e g. Click OK. Lesson V: Work With Pictures 37

40 Step 3. Insert and modify pictures. a. Click Picture Library. (Click Categories on the Picture Library toolbar if categories are not already showing). b. Click Next > until the Nature category shows. Click Nature. c. From the Nature picture choices, click Cloud twice to insert two cloud pictures on the page. In Design mode, every selection in the Note Picture Library is an object that can be resized and/or repositioned. d. Select the cloud on the left. e. Click Make Bigger three times. f. Select the cloud on the right. g. Click Make Smaller two times. h. Reposition the clouds by dragging each to a top corner of the page. 38 QuickStart: IntelliPics Studio 3

41 Step 4. Choose a layer for each picture. a. Select the cloud on the left (cloud #1). b. Simultaneously press [Ctrl] on your keyboard and click the picture. c. Click the Settings tab. d. Click the increase (up) arrowhead to change the Design Layer setting from 0 to 5. e. Click OK. f. Select the cloud on the right (cloud #2). g. Simultaneously press [Ctrl] on your keyboard and click the picture. h. Click the Settings tab. i. Click the decrease (down) arrowhead to change the Design Layer setting from 0 to -5. j. Click OK. Lesson V: Work With Pictures 39

42 Step 5. Overlap pictures to show layers. a. Click Next -> and scroll to the Sun picture in the Nature category. b. Click Sun. By default, this picture inserts on Design Layer 0. c. Drag the sun behind the bigger cloud (this cloud is now set to Design Layer 5). d. Drag the sun over the smaller cloud (this cloud is now set to Design Layer -5.) e. Drag the bigger cloud so it overlaps the sun and the smaller cloud. f. Click Picture Library (to hide the Picture Library toolbar). g. Save your work if desired. Continue with another lesson or select Exit/Quit from the File menu. 40 QuickStart: IntelliPics Studio 3

43 (Optional) Try one or more of these variations: Change backgrounds on the page. Step 1c or 2e. Select a different Background Pattern or Background Picture. Insert pictures from other Picture Library categories on the page. Step 3c or 3d. Select a different category and picture from the Picture Library toolbar. Rotate a picture using Rotate Tools. Step 3f. Click Rotate Clockwise and/or Click Rotate Counterclockwise. Resize a picture using the Properties of Picture dialog box. 1. Simultaneously press [Ctrl] on your keyboard and click a cloud picture. 2. Click the Settings tab. 3. Change the Horizontal Scaling setting. 4. Change the Vertical Scaling setting. 5. Click OK. Select the Authoring Toolbar from the View menu and use it to create a scene in Design mode. Use an instant-activity template with its tutorial and the corresponding sample activity. Refer to the Classroom Suite User s Guide to learn how to: Import your own pictures (digital photos or scanned pictures). Import one of the 1280 pictures from the Classroom Suite CD. Include a picture in an IntelliMation (also see QuickStart Lesson I). Use predesigned animated pictures (i.e., frame animations). Lesson V: Work With Pictures 41

44 VI. Make a Page Button Tip This lesson shows you how to create a button on a page that opens a Web site or a file when a user clicks the button (useful for quick navigation). If your computer is not connected to the Internet, use the Alternate Steps. To Begin a. Display a new page in an IntelliPics Studio 3 document. If you are continuing from another QuickStart lesson, select New Page from the Pages menu. If this is your first QuickStart lesson, start at the Navigation Screen (see Getting Started, pages 2 7). Click New, then select New IntelliPics Studio 3. b. Select Intermediate Toolbar from the View menu. c. Select Design from the IntelliPics Studio menu. 42 QuickStart: IntelliPics Studio 3

45 Step 1. Draw a button on the page. a. Select Page Button Tool from the IntelliPics Studio menu (so this menu option is checked). a b. Put the cursor on the page where you want a corner of the page button to be. c. Press the mouse button and drag the cursor diagonally in any direction. d. Release the mouse button when you are satisfied with the page button s size. A Properties of Page Button dialog box automatically opens. Lesson VI: Make a Page Button 43

46 Step 2. Rename the page button. a. Delete the default name Page Button from the Name text-entry box. a b. Type IntelliTools Web site in the text box. This new name will show on the page button. Alternate Step: Type Open File in the Name text box. b c. Notice that the Properties of Page Button IntelliTools Web site dialog box has five tabs you are looking at the Picture tab. 44 QuickStart: IntelliPics Studio 3

47 Step 3. Assign the page button an action. a. Click the Actions tab. b. Select General from the left side of the Available Actions list box. c. Scroll to and select Open URL... from the right side of the available Actions list box. Alternate Step: Scroll to and select Open File... from the right side of the Available Actions list box. b c d d. Click Add: Open URL... Alternate Step: Click Add: Open File... e. Type in the Open URL text-entry box. Click OK. Alternate Step: Navigate to and select a file on your computer that you want the page button to open. Lesson VI: Make a Page Button 45

48 Step 4. Lock the page button. a. Select Play Sound... (the default page button action). a b. Click Remove (the button next to the list box). c. Click Lock Position (so a check mark shows in the check box). c d. Click OK. 46 QuickStart: IntelliPics Studio 3

49 Step 5. Test the page button. a. Click the Intellitools Web site page button to visit Alternate Step: Click the page button to open a file. b. After visiting the IntelliTools Web site, close your Internet browser. Alternate Step: Close the file the page button opened. c. Save your work if desired. Continue with another lesson or select Exit/Quit from the File menu. Lesson VI: Make a Page Button 47

50 (Optional) Try one or more of these variations: Link the page button to another Web site. Step 3e: Enter a different Internet Web site address in the Open URL... text entry box. Change the appearance of the page button. 1. Simultaneously press [Ctrl] on your keyboard and click the page button. 2. Click the Appearance tab. 3. Select a different button style. 4. Click OK. Change the appearance of the page button text. 1. Simultaneously press [Ctrl] on your keyboard and click the page button. 2. Click the Appearance tab. 3. Select a different font. 4. Click OK. Select the Authoring Toolbar from the View menu and use it to create a button on a page. Use an instant-activity template with its tutorial and the corresponding sample activity. Refer to the Classroom Suite User s Guide to learn how to: Put a picture on the page button. Assign other actions to the page button. Have a sound play when the page button is clicked. Move the page button. Set scanning options for the page button. 48 QuickStart: IntelliPics Studio 3

51 VII. Add Sound to Any Page Tip This lesson shows you how to add a spoken message or a sound effect to any page. Use prerecorded sounds or record your own audio! The Classroom Suite CD includes 200 sounds that you can import into your activities. To Begin a. Display a new page in an IntelliPics Studio 3 document. If you are continuing from another QuickStart lesson, select New Page from the Pages menu. If this is your first QuickStart lesson, start at the Navigation Screen (see Getting Started, pages 2 7). Click New, then select New IntelliPics Studio 3. b. Select Intermediate Toolbar from the View menu. c. Select Design from the IntelliPics Studio menu. Lesson VII: Add Sound to Any Page 49

52 Step 1. Verify Play Sound is a page action. a. Select Page Properties from the Pages menu. b. Click the Page Actions tab. c. Verify that Play IntelliMation and Page Sound shows in the Page Actions section of the Page Properties dialog box. d. If this page action is listed, proceed to step 2. If this page action is not listed: Select Play from the left side of the Available Actions list box. Scroll to and select Play IntelliMation and Page Sound from the right side of the available Actions list box. Click Add: Play IntelliMation and Page Sound. 50 QuickStart: IntelliPics Studio 3

53 Step 2. Try Synthesized Speech. a. Click the Page Sounds tab. b. Click Synthesized Speech (a black dot should show in the circle). c. Type When this page displays, you hear this message. in the Synthesized Speech text-entry box. d. Click Play to preview your message. e. Click OK. b f. Select New Page from the Pages menu. g. Click Previous Page to return to the page with the sound. h. Listen to the message play. Lesson VII: Add Sound to Any Page 51

54 Step 3. Import a prerecorded sound. a. Select Page Properties from the Pages menu. b. Click the Page Sounds tab. c. (Optional) Delete the text in the Synthesized Speech text-entry box. d. Click Recorded Sound (a black dot should show in the circle). e. Click Import... d Note The Classroom Suite program folder installed on your computer (see page 5) includes a sub-folder labeled Media. In Media is the Sounds folder. The Sounds folder contains prerecorded sound files. f. Navigate to and open the Sounds folder (Classroom Suite > Media > Sounds). g. Select kids_laugh.wav. h. Click Open. g 52 QuickStart: IntelliPics Studio 3

55 Step 4. Preview and play the sound. a. Click Play to preview the sound. b. Click OK. c. Click Next Page. d. Click Previous Page to return to the page with the sound. e. Listen to the sound play. Lesson VII: Add Sound to Any Page 53

56 Step 5. Record your own page sound. Note This step requires that a microphone be connected to your computer (some computers have a built-in mic). a. Select Page Properties from the Pages menu. b. Click the Page Sounds tab. c. Click Recorded Sound (a black dot should show in the circle). d. Click Record... to record a new page sound that will replace kids_laugh. The Record Sound dialog box displays. e. Click Record (red circle), speak into the microphone (up to 30 seconds), and click Stop. f. Click OK. g. Select Page Sound in the list box. h. Repeat all of the Step 4 procedures (see page 53) to preview and play your recording. i. Save your work if desired. Continue with another lesson or select Exit/Quit from the File menu. c d g 54 QuickStart: IntelliPics Studio 3

57 (Optional) Try one or more of these variations: Change the voice you hear when the synthesized speech message is read aloud (Step 2). 1. Select Change Voices from the Speech menu (Options > Speech > Change Voice). 2. Select a different voice. 3. Click OK. 4. Repeat Step 2. Record a page sound using a toolbar button. Step 5a 5d: Click Add Page Sound on the Intermediate Toolbar. Select the Authoring Toolbar from the View menu and use it to add a sound to a page. Use an instant-activity template with its tutorial and the corresponding sample activity. Refer to the Classroom Suite User s Guide to learn how to: Change the pronunciation of a word in a synthesized speech message. Import your own previously recorded sounds (speech, music, sound effects). Import one of the 200 sounds from the Classroom Suite CD. Add sounds to buttons, an IntelliMation, and/or a toolbar item. Lesson VII: Add Sound to Any Page 55

58 VIII. Add, Edit, and Move a Toolbar Tip This lesson shows you how to add a custom toolbar to a document (useful when creating activities or customizing a document). IntelliPics Studio 3 includes a library of predesigned toolbars that you can add to your activities. To Begin a. Display a new page in an IntelliPics Studio 3 document. If you are continuing from another QuickStart lesson, select New Page from the Pages menu. If this is your first QuickStart lesson, start at the Navigation Screen (see Getting Started, pages 2 7). Click New, then select New IntelliPics Studio 3. b. Select Intermediate Toolbar from the View menu. c. Select Design from the IntelliPics Studio menu. 56 QuickStart: IntelliPics Studio 3

59 Step 1. Add a toolbar from the Standard Library. a. Select Custom Toolbars and Buttons from the Edit menu. b. Click the Add Toolbar button (left side of green panel). The Add Toolbar dialog box displays. c. Click the Add From Standard Library tab. d. Select Attribute Blocks, a selection of shapes, from the toolbar library list box. e. Notice that the selection is pictured in the toolbar preview area (below the list box). f. Click Insert. Lesson VIII: Add, Edit, and Move a Toolbar 57

60 Step 2. Edit toolbar properties. a. Notice the two boxes that display once a toolbar is added to the document. The yellow box is for editing a selected toolbar. The blue box is for editing a selected button. b. Click Toolbar Properties in the yellow box. The Toolbar Properties dialog box displays. c. If the Toolbar Properties dialog box covers the newly added toolbar, reposition the dialog box so you can see the entire toolbar. d. Click the Appearance tab. e. Select the Name option. Notice how the Attribute Blocks Toolbar changes: button names replace pictures on the toolbar. f. Select the Picture and Name option. Notice how the Attribute Blocks Toolbar changes: each button shows both a picture and a name. 58 QuickStart: IntelliPics Studio 3

61 Step 3. Change button fonts and colors. a. Select Bold from the Font Style drop-down list box (in the Font section of the Toolbar Properties dialog box). Notice how the Attribute Blocks Toolbar changes: button names on the toolbar change from plain to bold. b. Next to the Background Color option, click Change... The Pick Color dialog box displays. c. Select Yellow from the Standard Colors drop-down list box. Click OK. Notice how the Attribute Blocks Toolbar changes: button colors switch from white to yellow. Lesson VIII: Add, Edit, and Move a Toolbar 59

62 Step 4. Modify the toolbar s appearance. a. Select Blue Barrel from the Button Style list box. Notice how the Attribute Blocks Toolbar changes: each button has a new shape and color. a b. Click the Arrange tab. c. Slide the Toolbar Size slider to the right. Notice that the toolbar gets bigger. d. Return the Toolbar Size slider to its previous position. c e. Click OK to close the Toolbar Properties dialog box. 60 QuickStart: IntelliPics Studio 3

63 Step 5. Try moving the toolbar. a. Notice that the selected toolbar is surrounded by a yellow frame. b. Notice that the selected button is surrounded by a blue frame. a c. Drag the toolbar to the opposite side of the document so it shows as a column. d. Click the Done button (upper right corner of the screen). e. Save your work if desired. Continue with another lesson or select Exit/Quit from the File menu. Lesson VIII: Add, Edit, and Move a Toolbar 61

64 (Optional) Try one or more of these variations: Add a different or additional toolbars to the document. Step 1c. Select Colors1 Toolbar (or any other toolbar listed in the Standard Library). Remove the toolbar from the document instead of editing the toolbar. With a toolbar selected, click the Delete button (the trash can icon). Change other toolbar appearance options. Step 4d. Change the Button Width and Space After Button settings. Refer to the Classroom Suite User s Guide to learn how to: Create a new toolbar. Add a predesigned button from the Standard Library to a toolbar. Add a button you created to a toolbar. Make a toolbar hide and show using Auto Hide (i.e., one toolbar controls another). Set scanning options for the toolbar. 62 QuickStart: IntelliPics Studio 3

65 IX. Using Teacher Options Using Teacher Options, an administrator or teacher can create student users, enter students in a class, assign work to students, set user preferences, and generate reports. Note This lesson requires that you are signed in as an administrator or a teacher (rather than as a student or as a Guest). Refer to the Classroom Suite Getting Started guide for information about creating users with administrator and/or teacher permissions. To Begin If you are continuing from another QuickStart lesson, return to the Navigation Screen. If this is your first QuickStart lesson, display the Navigation Screen (see pages 2 7). Lesson IX: Using Teacher Options 63

66 Step 1. Create a student user. a. Click the Teacher Options button. The Teacher Options dialog box displays. The left side of this dialog box contains list boxes and buttons related to User Management. The right side of this dialog box shows User Preferences for a selected user. b. Click the New... button. The User Properties dialog box displays. c. Enter the student s user name (e.g., Lisa B), first name (e.g., Lisa), and last name (e.g., Brown). Student passwords are not required. d. From the User Level choices, select Student. Note Students have fewer program privileges than teachers or administrators. e. Click OK to close the User Properties dialog box. 64 QuickStart: IntelliPics Studio

67 Step 2. Enter the student in a class. a. Click the Edit Classes...button (top left of the Teacher Options dialog box).the Classes and Students dialog box displays. b. Click the New... button. The New Class dialog box displays. c. Name the new class (e.g., Language Arts, Math, etc.). Click OK to close this dialog box. d. Select the newly entered class from the Classes list box. e. Click the Add button to enter students in the selected class. The Assign to... dialog box displays. f. Select the user (e.g., Brown, Lisa) that you want to enter in the selected class. Click OK. The new student is listed in the Students section of the Classes and Students dialog box. Classes and Students dialog box g. Click OK to close the Classes and Students dialog box. Lesson IX: Using Teacher Options 65

68 Step 3. Assign work to the new student. a. Select the new class (e.g., Language Arts) from the Classes and User Category drop-down list box. b. Select a student s name (e.g., Brown, Lisa) from the users list box. c. Click the Assign... button. The Assign Work dialog box displays. d. Click the Pick Assignment... button. The navigation window shows the contents of the Activities folder. e. Navigate to and select Romeo and Juliet) (Activities \ Language Arts \ Romeo and Juliet). The navigation window closes and the name of the selected activity shows in the upper portion of the Assign Work dialog box. f. Click OK to close the Assign Work dialog box. 66 QuickStart: IntelliPics Studio

69 Step 4. Set preferences for the student. a With the new student (e.g., Brown, Lisa) selected, click the Startup tab in the User Preferences section of the Teacher Options dialog box. b. From the When User Has Assignments...box, select Automatically Open Assignment. c. Click the User Interface tab and notice the options. d. Check the Use Talking Tooltips option if this option is not already selected. e. Click the Change Voice tab to customize the voice this student hears. f. Scroll through the list of voices and make a selection. Click Test to hear sample words read aloud. g. You have just customized the student s program preferences. Click OK to close the Teacher Options dialog box. h. Click the Sign Out button (in the upper left corner of the Navigation Screen). Lesson IX: Using Teacher Options 67

70 Step 5. Sign in as the new student. a. At the Sign In screen, select the new class you created in step 2 (e.g., Language Arts) from the Class drop-down list box. b. Click the new student icon in the User window in the Sign in box. (Or enter the user name you gave the new student and click OK.) Notice that the document that you assigned the new student (in step 3) displays, rather than the Navigation Screen. c. Click the Rhyme Scheme button and listen to the instructions read aloud in the voice that you chose in step 4. d. Complete the activity with correct and/or incorrect entries. e. Click the Check Work button. 68 QuickStart: IntelliPics Studio

71 Step 6. Complete the assignment. a. Select Close from the File menu. b. Read the message box that appears and click Yes. The document closes and the Navigation Screen displays. The My Work folder is selected. When a student completes an assignment, the document moves to a Completed Assignment folder. The student has no access to this folder. Only administrators and teachers can view the document (from the navigation screen, select My Work \ All Users \ Student user name \ Completed Assignments). When a student saves a document that was not assigned, the document is saved in the My Work folder. c. Click the Sign Out button to return to the Sign In screen. Next, you will sign in as a teacher and generate a report for this completed assignment. Note Lesson IX: Using Teacher Options 69

72 Step 7. Generate a student report. a. Enter your user name in the Sign In box and click OK. Since you are a teacher, you must also enter your password. If you are notified about any completed assignments, click OK. b. Click the Teacher Options... button. The Teacher Options dialog box displays. c. Select a class (e.g., Language Arts) from the Classes and User s category drop-down list box. d. Select a student s name (e.g., Brown, Lisa) from the users list box. e. Click the Reports... button. The Generate Report dialog box displays. f. Click (i.e., check) Romeo and Juliet in the list box. g. Click OK to close this dialog box. A report generates. 70 QuickStart: IntelliPics Studio

73 Step 8. View the student report. If the default setting, Save Report as Web page, is selected in the Generate Report dialog box, your Internet browser program launches automatically when a report generates. a. Examine the student report that is generated. b. Close your Internet browser. c. Click OK to close the Teacher Options dialog box. Lesson IX: Using Teacher Options 71

74 Step 9. Edit incorrect pronunciation. Only administrators and teachers can change the pronunciation of words read aloud by the program. a. From the Navigation screen, select New. b. Select and open New IntelliPics Studio 3. c. Select Edit Pronunciation from the Options >Speech sub-menu. The Edit Pronunciation dialog box displays. d. Type Petaluma in the Spelled As text-entry box. e. Click Say It in the Spelled As section of the dialog box.* * Substitute another mispronounced word if this one sounds OK. (Hint Other city names are commonly mispronounced.) 72 QuickStart: IntelliPics Studio

75 Step 10. Change pronunciation. a. Type Peta-loo-ma in the Pronounced As text-entry box. b. Click the Say It button in the Pronounced As section of the dialog box. c. Click Add/ Replace. d. Select Close from the File menu. e. Continue with another QuickStart lesson or click the Sign Out button (in the upper left corner of the Navigation Screen). f. (Optional) Click Quit to close the program. Lesson IX: Using Teacher Options 73

76 (Optional) Try one or more of these variations: Step 1: Create multiple students. Step 2: Create multiple classes. Step 3c: Provide a greeting or specific instructions in the Notes box when assigning work to a student. Step 3d: Assign multiple activities to one student and specify the order of the assignments. Refer to the Classroom Suite User s Guide to learn how to: Generate student reports. Customize the user interface for a student. Set Check Work options for a student. Set Word Prediction options for a student. Set Scanning options for a student. Set scanning options for IntelliKeys and switch users. 74 QuickStart: IntelliPics Studio