Interactive Multimedia Web page

Hyperlinks 

use hyperlinks to navigate from one webpage to another. 

If you want to include a web address or email address in your PowerPoint presentation, you can choose to format it as a hyperlink so a person can easily click it.

 It's also possible to link to files and other slides within a presentation. 

Hyperlinks have two basic parts: the address of the webpage, email address, or other location they are linking to, and the display text (which can also be a picture or a shape). 

For example, the address could be https://www.youtube.com, and YouTube could be the display text. In some cases, the display text might be the same as the address. 

When you're creating a hyperlink in PowerPoint, you'll be able to choose both the address and the display text or image.

PowerPoint: Hyperlinks – YouTube https://www.youtube.com/watch?v=bYkUuaA63vc

How can you add action button?

 

Creating an interactive presentation

Step 1: Preparation

To create an interactive multimedia presentation, you will need PowerPoint, and one authoring tool (they will be discussed later on). PowerPoint is really powerful and almost an all-in-one solution that opens numerous opportunities for you, as a course creator. It allows you to transform a boring slideshow watching into an interactive and effective process.

Have All Learning Materials Prepared including :

A scenario of the module

Text for each slide

Audio records for each slide

Programming instructions for animations (the consequence, the slide objects’ appearance)

Images (and even their parts saved as separate files if needed for animation)

Video records

Downloadable resources (documents, eBooks, presentations, etc.)

Create A Presentation

Plan your presentation, prepare the outline and elements to use such as text, graphics, audio, video. 

create a static slideshow where all slides with texts and images are structured in a logical order. 

This will be a preview of your presentation content.

You may add programming instructions in "Notes" (View - Notes) to every slide to escape the mess.

To make precise selection of objects on a slide, open the "Selection Pane" (Home - Select - Selection Pane) where all slide objects are listed and can be renamed, brought forward or backward, grouped, made hidden or visible. 

Step 2: Animation

When all slides, images, audio records, and programming instructions are ready, do the following :

Work With Audio

Drag and drop your audio file to the slide. 

You can use any of the supported formats: MP3, WMA, or WAV.

Click on the sound icon, and then the "Playback" tab in the tool panel to edit audio settings. 

uncheck the "Play Across Slides” and "Loop Until Stopped" checkboxes if you want the sound to run on multiple slides.

Step 2: Animation

Move the sound icon out of the slide area or check "Hide During Show" to make it invisible in the published version.

The sound icon has a slider and timer so that you can synchronize the audio to the animations (we’ll talk about how to do this next).

Add Animations

Some elements of your presentation should move for better visualization of the explained material. To make them act as you want, you can use the "Animations" tab to select from about 200 effects: Appear, Fade, Float In, etc.

Open the "Animation Pane" to see all objects that are animated.

You can select how the animation should start: "On Click" of the mouse, "With Previous" (on the slide start or with the audio or previous animation), "After Previous" (as the last animation or audio stops).

The "Duration" is how long the animation will last.

Step 2. animation

 "Duration" is how long the animation will last.

If you need to show an object in a definite time moment (for example, as the lecturer names it in the audio), select "With Previous" and set the time in seconds in the "Delay" field (the time can be taken from the sound icon slider).

Tip: In some versions of PowerPoint, the delay time is limited to 59 seconds. But if you need to set it for more than a minute, you’ll need to find the icon next to the object listed in the "Animation Pane" and drag it to the right until you reach the preferred time for both "Start" and "End".

Creating  Pop-Ups

To show an explanation for a term or the whole slide, but do not want to have it too cluttered or messy, you can create a pop-up over your slide. The pop-up can be opened and closed whenever it is needed like on every live website.

There are several variants for how this can be done. Let’s take a look at one of them with the help of the Trigger tool.

On top of the slide, create a new rectangle (or another shape). Put it forward on top of all other elements of the slide (just move it to the top in the "Selection Pane").

You can edit the style of this pop-up, add some text or images to it, and the "Close" button (select X from Insert - Icons).

Define the object that will be a trigger for a pop-up opening. For example, it can be a button like "Learn More" (as shown above).

Tip: As a commodity, you may group the pop-up objects (Home - Arrange - Group) and temporarily hide them (using the "eye" icon in the "Selection Pane").

To make the pop-up open during the presentation: 

Select the pop-up group and add one of the Entrance animations to it.

Set "Start: On click".

In the "Trigger" drop-down, select the element name that will open the pop-up.

Creating  Pop-Ups

Add a closing action: 

Add an Exit animation to the pop-up group, selecting a trigger that is meant for this (in our case, this is the "x" icon, as shown above).

Tip: As you finish, don’t forget to make all objects of the slide visible again (the "-" icon or "Show All" in the "Selection Pane"), otherwise nothing will work.

sample POP UP DISPLAY

Navigation Among Slides

Use  hyperlinks to redirect the user to another slide

select the slide object (button, icon, word, image), go to Insert - Hyperlink - Place in This Document. 

Select the address slide and click OK. 

You will also be able to hide these slides from the presentation to make them appear only by clicking SLIDESHOW-HIDE SLIDE.

To insert a hyperlink to another slide:

Right-click the selected text or image, then click Hyperlink.

The Insert Hyperlink dialog box will appear. 

On the left side of the dialog box, click Place in this Document.

A list of other slides in your presentation will appear. Click the name of the slide you want to link to. 

Click OK. The text or image will now be a hyperlink to the slide you selected.

Action buttons

tool you can use to connect to a webpage, file, email address, or slide is called an action button. Action buttons are built-in shapes you can add to a presentation and set to link to another slide, play a sound, or perform a similar action.

 When someone clicks or hovers over the button, the selected action will occur. Action buttons can do many of the same things as hyperlinks.

(9) PowerPoint: Action Buttons – YouTube   https://www.youtube.com/watch?v=K_ovmy4OiQ0

To insert an action button on slide:

Click the Insert tab.

Click the Shapes command in the Illustrations group. A drop-down menu will appear with the action buttons located at the very bottom.

Select the desired action button.

Insert the button onto the slide by clicking the desired location. The Action Settings dialog box will appear.

To insert an action button on slide:

Click the Insert tab.

Click the Shapes command in the Illustrations group. A drop-down menu will appear with the action buttons located at the very bottom.

Select the desired action button.

Insert the button onto the slide by clicking the desired location. The Action Settings dialog box will appear.

To insert an action button on slide:

In the Action on click section, select Hyperlink to:, then click the drop-down arrow and choose an option from the menu. 

Check the Play Sound box if you want a sound to play when the action button is clicked. Select a sound from the drop-down menu, or select Other sound to use a sound file on your computer. When you're done, click OK.

Tip : copy the action button to all slides or insert the action buttons using the slide master.

Activity 11: interactive multimedia presentation

Create an Interactive Multimedia Presentation for the topic  about Word,Excel or Powerpoint – combine  the elements such as (animation) ,transition,graphics design , text for the information / procedural content. @ (www.blogger.com)

INSERT  graphics / images.

Apply transition and animation.

Type the content  / steps or procedure.

Create the main menu linked to the topics.

Insert the a link to the quiz . Create your quiz in www.quizizz.com 

Title/Filename : Instructional Multimedia by YourLastname . 

Publish your website. Send the web link. 

Be ethical –submit only your own original concept or ideas and animation.

Be professional – submit your work on time, complete and organize.