Learning Magic, Inc

Using Invisible Buttons (IntelliPics Studio 3®)

Sometimes you can do a lot with a very simple trick. There is one Page Button style called Transparent, and with that simple choice for button appearance, you can create a neat activity which would be easy for scanners and engaging for all students. If you are not familiar with using Page Buttons, work through the tip Using Page Buttons in IntelliPics Studio3 before continuing.
 
The power of an invisible button is that you can place it anywhere on a page background to create an active "hot spot". Insert a photo into the page background, position your buttons, and you are ready to create a non-linear activity where the user clicks on part of the picture to cause various actions. An obvious action would be for each button to go to another page. To see how this might work, go to the Halloween Goodie Byron came up with, a visit to a haunted house. Invisible buttons on the windows go off to other pages, each with a short IntelliMation. The tricky thing is that Byron then has an action on each of those other pages bringing the user back to Page 1, where the invisible buttons are located.
 
 
Try this for yourself! With Classroom Suite running, click New and choose a blank IPS3 document. Be sure the Authoring Toolbar is showing (choose from View menu).
 
1. Control-click the page and load a background photo. A picture of a house is a good choice.
 
2. Decide where you will put the invisible buttons, and count how many you intend to place. You might put them on the windows and doors, like they were in the haunted house.
 
3. Go to the Pages menu, and choose New page. Control-click the new page to get to its Properties, and click the Actions tab.
 
4. The default action will be Play IntelliMation and Page Sound. That's good, we need that. Add the action Pause (choose the "All" actions category, and scroll down). Key in a pause of 2-3 seconds, so students have a chance to look at the outcome of the animation. Next, under the "Pages" action category, choose Go to Page, and link to Page 1. Click Okay.
 
5. While on your new page, go to the Pages menu again and duplicate your page until you have one page for each button you intend to make.
 

What you have just done is create the basic skeleton (hey, that goes with the haunted house!) of any activity where you will branch off to other pages. In this case, we wanted to come right back after the animation, so we put in a page action to return. And since we want all the pages to play IntelliMation and then come right back, all the pages except Page 1 will have the same actions. That's why we were able to save ourselves a lot of time by duplicating the page we made.

 
6. Go back to Page 1. Under the IntelliPics Studio menu, choose the Button Tool. Make a button and place it over one of the windows, or whatever other hot spot you have planned. It will not be invisible at first, of course. In Button Properties, add the action "Go to Page..." In this first case, it will be Page 2.
 
7. Now for the magic part! Still in Button Properties, under Appearance, scroll down the button styles to Transparent and choose it. Click in the checkbox beside Locked (lower left). Click Okay. Shazammm! Your button is invisible, but when you move the cursor over the "hot spot", you see the hand cursor, so you know it's there.
 
From here on, your own wizardly imagination will shape your activity. You need to put everything on hold temporarily, or when you go to Page 2, it will just bounce you back. The IntelliMation Timeline is really a magic wand, and not only allows you to create IntelliMation, but stops action so you can edit. So open up your magic wand (the timeline) and THEN go to Page 2. Put in something that would be inside that hot spot. Add a background, and create a short IntelliMation. Add a page sound if you like. Close the timeline, go back to Page 1, and try out your button.
 
To continue, create more invisible buttons on Page 1, linking to the remaining pages. Continue to use the timeline to stop actions as you work on the pages, adding graphics and animation. Save as activity to finish up.
What can you do with this basic idea? Show off the classrooms of your school, show what would be going on in different parts of a factory, use a map on the first page, etc. Here's a variation: On all the animation pages, leave out the page action that automatically goes back to Page 1 after the pause. Put a page button on each page to do that instead. Now the user decides when to come back. Easy, huh?
 
Have fun! The magic is yours! ---Ann and Byron