Integrating Technology in the Foreign Language Classroom

  
Jean LeLoup & Bob Ponterio 
SUNY Cortland 
© 2017

Interactive Text Animation in PowerPoint 2010/2013/2016


Getting started

In another lesson we used hyperlinking between slides to provide interaction. Here we want to do all of our animation inside of a single slide.

First decide on an interactive task. We will play a song and ask the student to identify the group that is singing.

Initially, the choices will be visible, but the answer or the "No" feedback will fly in only when the appropriate action button is clicked.

Plan out where everything should be located: question, answer, feedback. This is basically what you would put in a storyboard, so it includes all of the objects in the slide (buttons, text, sound, and what they will do).


Get started

Insert a new slide using the Layout that you prefer (Home / New Slide). We'll ask a question and provide a cue to get the student started on the answer. This will also give us a place to put the correct answer when the student finds the answer.
 

 

Next we'll insert our three blank Action Buttons using Insert / Shapes / Action Buttons and then selecting the blank Custom button. We can right-click on these buttons and use Edit Text (or just double-click and type) to place the names of the three bands on the buttons. Choose good colors for your buttons and slide background.

Now for the complicated part!

We now need to set up our feedback text boxes and then associate them with the correct button and select the appropriate action.

To make an animation within the PowerPoint slide, we first need something to animate. We could animate text, images, or anything on the page. Use Insert / Text Box to make the three text boxes for the correct answer and the two wrong answer feedback texts. Format the text using text size, color, bold, etc. Whatever you think is best. Then move the three text boxes to their final positions.

Now, we need to set up the animation for these three text boxes. We will make them fly in from the right of the screen to avoid making them pass over any other text (generally an ugly distraction to be avoided).

Display the Animation Pane in PowerPoint. You can do this by selecting Animations / Animation Pane. Make sure that you can see the Ribbon for your options.

Next, select the text box that you wish to animate. We'll start with the Mecano! text box.

In the Animations Ribbon, select Add Animation. Use Entrance / Fly In. Change the Effect Options From Bottom to From Right. Of course, if you prefer, you can use a different effect.

Now we will link this effect to the appropriate Action Button. The default trigger for the new effect is Start: On Click. The only other options under Start are With Previous and After Previous, but we can find more options by selecting the Mecano text box drop-down box (see the image to the right). The drop-down box gives access to additional Effect and Timing options.

Double-clicking on the animation effect will also open the effect options window.

By selecting Trigger, we see that the default trigger is set for the Fly In Effect. The animation will occur in the normal, linear sequence of clicks on the slide.

To change this click sequence, we will open the Triggers. This gives us two additional options, Animate as part of click sequence or Start effect on click of. A drop down box gives us a list of objects on the page that can be clicked. Here we can select the Action Button that corresponds to the Mecano answer.

Do the same thing for the two negative feedback Text Boxes and their corresponding Action Buttons.

If you wish, you can take it up a notch by adding additional effects that will take place in sequence with the three main feedback effects that are started when the student clicks on each of those three buttons. In the Animation Pane, for each of the three Animation Triggers, we can have a series of effects.

First we inserted a clip-art smiley to the slide and added an animation to make it appear. We positioned this new effect chronologically in the sequence of effects right after the Mecano shape Fly In effect by using the Re-Order buttons at the bottom of the Custom Animation window.

This will let you position an effect with the correct trigger and order the effects under each trigger.

Then, we set the smiley animation to start after previous so it will appear right after the correct answer flies in.

To complete the animation of the wrong answer feedback, we added a Fly Out effect to each of the No feedback effects. We positioned them right after their associated Fly In effect, set them to Start After Previous. Then, we should give them a Delay of a couple of seconds so the student can see them.

You can use multiple effects triggered by student input to make all sorts of things happen, but don't overdo it or it can get messy.

Finally, we need to insert the sound on the slide. We'll use mp3 format for maximum compatibility, you can convert the clip to mono, 22050 Hz to keep the size down (of course, you can use higher quality and stereo if you wish). A copy of the mp3 sound will be embedded into the PowerPoint presentation file.

Insert the sound from file (Insert / Sound / Sound from file). We'll make the sound play when clicked, though we could have it play automatically if we wished.

PowerPoint 2010, 2013, and 2016 allow you to embed mp3 sound files of any size. It also includes a control bar to allow the user to control the sound playback.

When you insert your new sound object (maquillaje.mp3), it will be embedded in the presentation instead of linked. So the sound is actually inside of your PowerPoint file, and you do not need to copy the original file with your presentation, as you must do with a web page.

You can set your sound to play automatically by adjusting its animation effects from the animation pane as you did with the other animations. Start playing from beginning; Stop playing after current slide; Timing: start with previous.

PowerPoint 2010-2013-2016 audio

It is possible to link an audio file if you wish, for instance if you have a very large audio file that is used in several different presentations. When inserting the sound file through the "Insert Audio from File dialog, you can choose "Insert" or "Link to File".

Caveat: It can be very complicated to get your PPT presentation to find the linked audio file if you choose not to embed it. In other words, moving the Powerpoint presentation is likely to break the link.Techniques for dealing with such issues are beyond the scope of this lesson.

sound

We will also prevent an accidental click from advancing our slide or terminating our presentation by unchecking On Mouse Click under Transitions / Advance Slide.

Because we have prevented background clicks from advancing the presentation, we need to add an Action Button to advance the slide explicitly.

Here is the Whoisthesinger-ppt2010.pptx file with embedded sound.

 


Use animation to provide interactive information

Let's take our Victor Hugo PowerPoint from a previous lesson and add some additional interactive information about Hugo's Life. This time using animation.

Sample Victor Hugo PowerPoint

hugo ppt

We will insert three text boxes in the slide about Hugo's life.

Early life

Victor Hugo grew up during the reign of Napoleon (until Waterloo in 1815) and later during the Restoration of the French monarchy (Louis XVIII & Charles X). 

Works

Victor Hugo was a prolific writer who is well known today for his many major French novels, plays, and poems.

He was the leader of the movement of French Romanticism.

He also played an important role in French politics and had to live part of his life in exile.

Death

Hugo returned to France from exile in 1970 and was welcomed as a national hero and treasure.

His 79th birthday was celebrated with a parade lasting six hours. It passed before his home where he watched from his window.

When he died at the age of 83, the entire country went into mourning

We can then animate those three text boxes to make them appear and then disappear by clicking on Action Buttons on the Hugo's Life slide. This is essentially what we did with the answer text boxes in the example above.

Take a look at the modified PowerPoint: New Victor Hugo PowerPoint

 


Embedded and linked sound files in a presentation

How To Embed A YouTube Video & Other Media In Your PowerPoint Presentation

How to embed MP3 and other audio files into PowerPoint presentations : https://www.digitalcitizen.life/embed-audio-files-powerpoint

Set an audio file to play automatically: https://support.office.com/en-us/article/Play-music-or-other-sounds-automatically-when-a-slide-appears-9a717c28-5365-4ee7-9515-c1d043bc7101?CorrelationId=8527bad9-0c25-4fa6-9e5c-14199292e77c&ui=en-US&rs=en-US&ad=US

PowerPoint Animations (video): https://www.youtube.com/watch?v=vAPmTT0ndr4

PowerPoint 2010: Animation and Slide Transitions: https://web.wpi.edu/academics/ATC/Collaboratory/HowTo/PowerPoint/animation.html

PowerPoint 2013 Tutorials



Return to Syllabus