Advanced Techniques: PowerPoint as a Platform to

Deliver CBTEDU 553 – Principles of

Instructional Design

Dr. Steve Broskoske

Outline• Review of action buttons.• Using action buttons to provide feedback

and interactivity.• Working with invisible action buttons.• Using triggered animation to provide

feedback and interactivity.• Using timed text.• Adding audio voice over.• Review of setting up CBT navigation.

Review of Action Buttons

Creating Active Learners

• Using action buttons and action settings, an instructional designer can add interactivity to a learning module:– Navigate to a Website using an action button.– Link to files (documents, spreadsheets).– Link to or embed a video.– Use animation and/or triggered animation to

provide:• Embedded questions.• Provide feedback.• Reroute students back through material.Adds interest and functionality.

Navigate to Another Slide

• You can make action buttons navigate to a particular slide within the current presentation.– Next slide, previous slide, first slide, last slide,

particular slide, last slide viewed.

Navigate to a URL

• You can make action buttons navigate to a particular URL (Web address).

Caution

Button navigates to previous slide.

Careful: When changing button settings “after-the-fact,” make the button hot, not the text on the button!

Caution

Text is hot, not the button.Experiment with

this button.

Open a Word Document

• You can make an action button open a Word document or any other data file located on the PC.

Open a Word Document

Open Another PowerPoint File

• If you open another PP presentation, you can specify which slide to open to start.

Open another PowerPoint file

Link to a Video

• Navigate to TeacherTube or YouTube.• Find a video, and copy its URL.• Create a button, and paste in the URL.

Embed a Video• Navigate to TeacherTube or YouTube.• Click share and embed a video.• Check use old embed code.• Select insert—movie embed and paste

the embed code.

Play a Sound

• You can make an action button play a sound.

Hear a sound played.

“Mouse over” buttons

• You can assign an action setting to a button to occur when the student/teacher rolls the mouse over the button. (The button can still have another action setting to occur when the button is pressed.)

Roll over this button with mouse

“Mouse over” objects

• Action settings don’t only apply to buttons. They can be applied to graphics or text boxes, too!

Text box mouse over.

Downloading Sounds toUse with Custom Animation

1. Using a search engine, search for sounds (.wav).

2. Custom animate a graphic (or other screen element) as usual.

3. Take the drop-down for the play-listed item, and select “effect options” to add a sound as usual.

4. Instead of selecting a standard sound, select “other sound.”

Bonus

Downloading Sounds

TRY IT: 1) Insert a graphic. 2) Download a sound to accompany the graphic. 3) Animate the graphic with a sound.

Using Action Buttons to Provide Feedback and Interactivity

Downloading Sounds

TRY IT: “Happy” and “sad” sounds can be used to give feedback to students. Custom animate the following graphics. Download appropriate sounds to accompany the animations.

1) Using Action Buttons

Word, PowerPoint, and Excel are manufactured by which of the following companies?

a

b

c

Intel

Microsoft

Macromedia

Feedback Screen

INCORRECT. Word, PowerPoint, and Excel are NOT manufactured by that company. Please try again.

Try Again

Feedback Screen

CORRECT. Word, PowerPoint, and Excel are manufactured by Microsoft. Click the button below to continue.

Continue

2) Using Action Settings

Pick the farm animal that gives us milk.

Feedback Screen

INCORRECT. Please try again.

Try Again

Feedback Screen

CORRECT. A cow provides milk. Good job!

Continue

Working withInvisible Action Buttons

Creating invisible action buttons

• You can create invisible action buttons to create interactivity.– Shape fill: no fill.– Shape outline: no outline.– In PP 2003, you have to select a fill, and then set

transparency to 100%.

Make this button invisible

Touch Sensitive “Hot Spots”Learning about Computers

Touch a part of the computer to learn more about it:

Learn about the Monitor

The monitor displays information from the computer.

Learn about the Keyboard

The keyboard is how you enter information into the computer.

Creating hot spotsusing invisible buttons

Click a continent to learn more about it:

Learn About North America

• Information about North America would appear here.

Learn About South America

• Information about South America would appear here.

Learn About Africa

• Information about Africa would appear here.

Creating a menu withinvisible action buttons

Introduction Lessons Test

TRY IT: Use invisible buttons to make the following objects into a menu. Make the buttons navigate to the following three sections.

Introduction

Back

Lessons

Back

Test

Back

Using Triggered Animation to Provide Feedback and

Interactivity

How to Trigger Animations

How to Do It

1. Animate an object as usual.

2. Specify a trigger object. • Select the drop-down arrow from the play-

listed item. Select timing. • Select trigger--start on click of an object. • Select trigger object. (Realize that clipart will

be named as a number.)

Basics of Trigger Animation

The cow jumped over the moon.

Play on Trigger

See the bee fly to the flower.

DEMO: Trigger with Text Boxes

Water. H2O

HCl

NaCl

Hydrochloric acid.

Table salt.

Click an below to view its chemical formula.

TRY IT: Trigger with Text Boxes

Water. H2O

HCl

NaCl

Hydrochloric acid.

Table salt.

Click an below to view its chemical formula.

DEMO: Trigger with Buttons(Provide Options to Learner)

Text number 1. If a learner presses the first button, this text box will appear.

See the definition.

Read more about it.

See a picture.

Answer a question.

TRY IT: Trigger with Buttons(Provide Options to Learner)

Text number 1. If a learner presses the first button, this text box will appear.

See the definition.

Read more about it.

See a picture.

Answer a question.

DEMO: Provide Feedbackwith Triggered Animation

Which of the following is the correct chemical formula for water?

HO H2O H2O2

Correct! Try again!Try again!

Working with TriggersWords that Begin with “C”

Using triggers, have student click on a word below to hear a sound and see a graphic.

cow

car

cry

Working with Triggers Subject and Predicate

Trigger the buttons below to animate a callout and highlight parts of the sentence.

The brown cow jumped high over the moon.

See subject. See predicate.

TRY IT: Provide Feedbackwith Triggered Animation

Which of the following is the correct chemical formula for water?

HO H2O H2O2

Correct! Try again!Try again!

Using Timed Text

How to Create Timed Text

How to Do It

1. Create text boxes.

2. Animate each text box as usual.

3. From the animation pane, click the drop-down arrow for a play-listed item:

– Select timing.– Specify time delay.

DEMO: Using Timed Text

This is text material to be presented to the student. This is timed text that will appear on the screen.

This is text material to be presented to the student. This is timed text that will appear on the screen.

This is text material to be presented to the student. This is timed text that will appear on the screen.

TRY IT: Using Timed Text

This is text material to be presented to the student. This is timed text that will appear on the screen.

This is text material to be presented to the student. This is timed text that will appear on the screen.

This is text material to be presented to the student. This is timed text that will appear on the screen.

Adding Audio Voice Over

Steps in Recording Narration

Purchase an audio headphone instead

of a hand-held microphone to

increase quality.

Steps in Recording Narration

Select this tool to beginrecording the narration.

Steps in Recording Narration

• Set microphone level (in Office 2003).

Set up and adjust

microphone if needed.

Steps in Recording Narration

• After you hit “OK,” the presentation will run as usual.– Recording begins immediately. Begin

speaking.– Advance slides by clicking as usual.– If you are using custom animation, click

during narration as usual.• Hit ESC to end early, OR record until you

hit the end of the presentation.

Steps in Recording Narration

• PowerPoint will ask if you want to save the slide timings.

After recording in PP 2003.

Before recording in PP

2010.

Hint When Recording Narration

HINT: On each slide, pause for 1 second before and after speaking to ensure all ofyour words are recorded.

Editing Narration

1. Navigate to the slide you want to re-record.

2. Select slideshow—record narration.– Continue recording on subsequent slides.– Press the ESC key to end recording.

Review of Setting UpCBT Navigation

To create CBT navigation…Add Action Buttons

1. On every slide create a next slide and a previous slide button. If you create one set, you can simply copy and paste to other slides.

2. Select appropriate button type:• Buttons with arrows.• Custom button with typed description.

To create CBT navigation…Turn Off Normal Navigation

3. Place an “end show” button on last slide.– This button will allow the students to exit the

educational application.

End

To create CBT navigation…Turn Off Normal Navigation

4. From the slide show tab, select set up slide show from the set up group.

5. Select browse at a kiosk (full screen). Be sure to have buttons for navigation on

every slide. Make sure this is your last step.

Audio ends on this slide.

Title Slide of the presentation

This is the first slide of a CBT presentation.

Add a forward action button to this slide to allow users to navigate to the next slide.

Slide 1

This is one slide of a CBT presentation.

Add a forward and a back action button to this slide to allow users to navigate.

Slide 2

This is one slide of a CBT presentation.

Add a forward and a back action button to this slide to allow users to navigate.

Slide 3

This is one slide of a CBT presentation.

Add a forward and a back action button to this slide to allow users to navigate.

Slide 4

This is one slide of a CBT presentation.

Add a forward and a back action button to this slide to allow users to navigate.

Slide 5

This is one slide of a CBT presentation.

Add a forward and a back action button to this slide to allow users to navigate.

Slide 6 (End)

This is the last slide of a CBT presentation. Place an “end the show” button on this slide.

Add a custom button on this slide, and type “end” (or something similar) to allow users to exit the application.