basic articulate training manual - universiti sains malaysia

Articulate Rapid eLearning Studio ’09 Professional Training Manual version 1.0

eLC Pte Ltd © 2009 Version 1.0 of 100

caa 31/03/2009

Basic Articulate Training Manual

Conducted by:

Sole Articulate Official Representative in Singapore, Malaysia and 29 other countries in this region



caa 31/03/2009

Introduction to Basic Articulate Workshop Articulate Rapid eLearning Studio ’09 Pro is possibly the easiest-to-learn and easiest-to-use software application that allows you to create eLearning courses from Powerpoint.

Articulate Rapid eLearning Studio ’09 Pro allows you to create interactive eLearning content through these 4 tools:

Articulate Presenter ‘09

Articulate Quizmaker ‘09

Articulate Engage ‘09

Video Encoder ‘09

Apart from rapid courseware development capabilities, Articulate Rapid eLearning Studio ’09 Pro is also a versatile authoring application that allows users to publish their courseware into HTML, SCORM, AICC and CD-ROM formats with a simple mouse click.

This workshop is designed to teach the function and features of Articulate Rapid eLearning Studio ’09 Pro and the complete development of an eLearning course cycle.

Participants’ Prerequisites Participants need to be knowledgeable in Microsoft Windows features, including file management and possess basic MS Powerpoint application skills. Participants’ Objective With the knowledge gained during this exercise, participants should be able to rapidly create an eLearning course with suitable quizzes and interactions. Workshop Agenda

Articulate Presenter ‘09

Exercise 1 Accessing Articulate Rapid eLearning Studio ’09 Professional Page 5

Exercise 2 Structuring your content using Slide Properties Page 7

Exercise 3 Branching and Navigation Page 12

Exercise 4 Narration

- Recording your own narration

- Editing your narration

Page 21

Exercise 5 Importing Audio Page 30

Exercise 6 Adding Hyperlinks Page 34

Exercise 7 Adding Flash Movies Page 38

Articulate Engage ‘09

Exercise 8 Creating Interactions Page 44

Articulate Quizmaker ‘09

Exercise 9 Inserting Questions Page 65

Exercise 10 Importing Questions Page 78

Exercise 11 Managing Quiz Properties Page 82

Integration

Exercise 12 Player Templates Page 92

Exercise 13 Presentation Options Page 97



caa 31/03/2009

Exercise 14 Publishing Page 109

Exercise 1: Accessing Articulate Rapid eLearning Studio ’09 Professional Step 1: Access your Microsoft Powerpoint 2007.

Note: Articulate Rapid eLearning Studio ’09 Professional is a plug-in application to MS Powerpoint. You can access Articulate Presenter, Quizmaker and Engage through the Articulate menu in MS Powerpoint. Step 2: Open your Powerpoint slides by accessing Fire Extinguisher.ppt from the Basic Articulate Resources folder.



caa 31/03/2009

Step 3: Click on the Articulate Menu to access Articulate Rapid eLearning Studio ’09 Pro.



caa 31/03/2009

Note: If you are using MS Powerpoint 2003, Articulate Rapid eLearning Studio ’09 Pro can be accessed through the menu, Articulate. Exercise 2: Structuring your content using Slide Properties Content Structure Now that you have started your Powerpoint, let us move on to create the content structure. Before you create and put up any content on the web, you need to pre-plan the organisation and flow of your content. The diagram below depicts how our course, “Fire Extinguisher” will be organised.

Fire Extinguishers

About this lesson

Lesson Objective

Lesson Structure

Causes of FireTypes of Fire

Extinguishers

Method to put out

a fireTest Summary

Introduction to Fire

Extinguishers

True / False

MCQ

Hotspot

Let us group the slides with the same title together. Let us begin by creating the content structure for your course: Step 1: Click on Slide Properties to launch the Slide Properties dialog box.



caa 31/03/2009

Step 2: In Slide Properties dialog box, select 2 in the Level field for slide 6 to 8.



caa 31/03/2009

Step 3: Click on OK to save the changes.

If the setting is Automatically, the slide will advance automatically to the next slide. If the setting is By User, user will need to click on Next to advance to the next slide. Step 4: Now, let us preview what we have done so far. Click on Preview icon and select Preview Range of Slides.



caa 31/03/2009

Note: Preview a specific set of slides. Select 8. Introduction to Fire Extinguishers in the To field and then click on Preview Slides 1-8.



caa 31/03/2009

Did you notice that the slides titled Introduction to Fire Extinguishers are now grouped together? Now this is the way to start creating your topics in your eLearning course.

DIY Time! Apply the same steps to group the slides titled:

1) Causes of Fire 2) Types of Fire Extinguishers 3) Method for putting out fire

Remember to group them using Slide Properties. If you are unsure on the steps, refer to the previous steps again or just raise your hands and ask the nearest friendly trainer. Remember to save your work! Hiding Slides – Default slides already hidden Now that you have learnt to group the slides to form your chapters and topics, we will now learn how to hide the slides that your users are not meant to see in the left panel. To begin hiding the slides for your course: Step 1: Click on Slide Properties to launch the Slide Properties dialog box. Ensure the properties are Group By: Slide number.



caa 31/03/2009

Step 2: Right-click on Slide 18 and select the option to Hide in Navigation Panel.



caa 31/03/2009

The slide name in Navigation Title field will be changed to Hidden to indicate that the slide is hidden in navigation.

DIY Time! Hide the next slide as well. Let us preview your slides.



caa 31/03/2009

Your structure in the left panel should now look like the following screenshot.

Exercise 3: Branching and Navigation Do you notice that the slides actually advance automatically? Now, we are going to fine-tune the navigation for the eLearning content. Navigation Step 1: Launch Slide Properties dialog box by clicking on Slide Properties in the menu.



caa 31/03/2009

Step 2: Ensure the properties are Group By: Slide number.

Step 3: Select multiple slides by shift-clicking on all the rows in the Advance column.



caa 31/03/2009

. Step 4: Right-click and change the Advance to Next Slide setting to By User.

.

Branching



caa 31/03/2009

Now, we are going to set the branching of certain slides manually via Slide Properties. We are going to branch Slide 20 to Slide 22 after user clicks on Next button. Step 1: Click on Branching field for Slide 20.

The Branching dialog box will appear.

Step 2: At the end of the slide, select branch to: Slide 22.



caa 31/03/2009

DIY TIME! Try setting the branching for Slide 21 to Slide 22 too.



caa 31/03/2009

Exercise 4: Narration Presenter ’09 makes it simple to add narration to your slides with the Consolidate Recording dialog box. Before you begin the exercise, please make sure that your microphone is plugged into the PC. Recording your own narration Step 1: Click on Record Narration.



caa 31/03/2009

Step 2: To begin recording your narration, click on the START RECORDING button. Narrate the text “Fire Extinguishers”. The Consolidate Recording dialog box will appear. We will now start recording from Slide 1.

Step 3: Stop and then proceed to slide 2 using the button.



caa 31/03/2009

Now that you have completed narration for slide 1, let us continue with Slide 2. Step 4: Click on Start Recording to being recording your narration.

Step 5: Narrate the text accordingly on the slide.

DIY Time! Narrate the slides on your own now. Try narrating Slide 3 and Slide 4. If you make a mistake, you can always click on Start Recording in the Recording dialog box to re-narrate again.



caa 31/03/2009

Step 6: Click on Save and Close when you are done with the narration.



caa 31/03/2009

Editing your narration Presenter ’09 makes it simple to edit narration to your slides with the Audio Editor. For example, when an extra word was included during the narration recording; you can always use the editor to delete the word out. Step 1: Click on Audio Editor in the menu.



caa 31/03/2009

This is the Audio Editor screen.

Now to edit Slide 2. We are going to take out the part of the narration that reads “Lesson duration. This lesson will take approximately 20 minutes.” Step 2: Click on Slide 2 in the left panel.



caa 31/03/2009

The Timeline will expand to display the waveform for Slide 2 only in the right hand pane.

Step 3: Click on Play to listen to the narration. Locate the part of the narration that reads “Lesson duration. This lesson will take approximately 20 minutes.”



caa 31/03/2009

Step 4: After you have located the part that consists of the extra narration, select that part of the waveform.

Step 5: Click on Delete to remove the narration.



caa 31/03/2009

Step 6: Click on Save and Close to return to Presenter.

Exercise 5: Importing Audio

In addition to recording narration, you can also add narration to your presentation by importing audio files (supported file types include .WAV & .MP3). This may be necessary when you have audio that was previously recorded (such as a recorded speech). Step 1: Click on Import Audio in the menu.



caa 31/03/2009

The Import Audio dialog box will appear.

Step 2: Double-click on Slide 5 to import an audio into Slide 5.



caa 31/03/2009

Step 3: Select Introduction to Fire Extinguisher.wav from Basic Articulate Resources and click on Open.

You will see that the file has been imported into the Import Audio dialog box.



caa 31/03/2009

DIY TIME! Import audio for Slide 10, Slide 13 and Slide 15 on your own.

Once you have imported all the audio files successfully, your Import Audio dialog box should look the screenshot below.

Step 4: Click on OK to save when you are done.



caa 31/03/2009

Exercise 6: Adding Hyperlinks

Step 1: Select Slide 8 in your MS Powerpoint.

Step 2: Select on Attachments in the Articulate menu.



caa 31/03/2009

A dialog box will appear as shown.

Step 3: Enter the details into the first field as shown in the screenshot.

Step 4: Click on OK to save the changes.



caa 31/03/2009

Step 5: Click on Preview This Slide to see how the hyperlink works. Note that now you have an “attachment” button on the top right of the screen.

Step 6: Click on Attachments to access the hyperlink.

Exercise 7: Adding Flash Movies

Step 1: Select Slide 1 in MS Powerpoint.



caa 31/03/2009

Step 2: Delete the graphic shown in the screenshot. We are going to replace it with the FLV movie that we have just converted.

Step 3: Click on Insert Flash Movie.



caa 31/03/2009

Step 4: Select the FLV movie that you have just converted in the earlier exercise. The filename should be Introduction Video.flv and it is residing in Basic Articulate Resources folder. Click on Open after you have selected the file.

The Insert Flash Movie dialog box will appear.



caa 31/03/2009

Now, let us change some settings for the Flash Movie.



caa 31/03/2009

Step 5: Change the setting in Advance to the next slide to When user clicks Next.

Step 6: Click on OK when you are done.



caa 31/03/2009

Step 7: A FLV Placeholder will be created for you. Click on Preview This Slide to view your FLV.

DIY Time! Import the FLV movie again into another slide and display the FLV movie in the presenter panel.

Congratulations! You have mastered the basics for Articulate Presenter ’09. Now we will learn on how to add multimedia elements into your eLearning content.



caa 31/03/2009

Exercise 8: Creating Interactions To make your learning content interactive and engaging to the learners, Articulate Engage ’09 is the prefect tool to create stunning interactions! Interactions can be stand-alone or integrated into your Presenter ’09 presentation or as part of your eLearning course. There are 11 interactions that you can choose to apply for your learning content. They are:

Process This allows users to discover steps of a linear process

Labelled Graphic This allows users to identify the key elements of an image

Tabs This allows users to explore a group of related items

Circle Diagram This allow users to examine the relationships of items in a circular hierarchy

Timeline This allow users to discover the events of a Timeline

Media Tour This allow users to step through a series of related images, video and Flash Movies

FAQ This allow users to uncover the answers to frequently asked questions

Pyramid This allow users to explore a hierarchy relationship of related concepts

Guided Image This allow users to examine important parts of an image or diagram

Glossary This allow users to reveal the definitions of words, terms and phrases

Community Interactions Created by Flash developers who can choose to share interactions with the community

Inserting an interaction as a Slide Now, we are going to insert an interaction as a slide in your MS Powerpoint. Step 1: Click on Engage Interaction to launch Quizzes and Interactions dialog box.



caa 31/03/2009

Step 2: Select Engage Interaction and click on Create New.



caa 31/03/2009

Step 3: Select Tabs and type in “Types of Fire Extinguishers” in the Interaction Title field.

Step 4: Now, Let us create the introduction for the interaction. Type the text as shown in the Introduction Text field.



caa 31/03/2009

Step 5: Click on Add Tab to create one more tab for extra content. The button is just situated on top of the Introduction Text field.



caa 31/03/2009

You should see a Tab 4 being created for you.

Step 6: Click on Tab 1.

Now, we are going to move the content from Powerpoint slide to Engage interaction.



caa 31/03/2009

First, we will rename the tabs accordingly. Step 7: Type “Class A” in the Title field.



caa 31/03/2009

You will notice the text in the tab will be updated to “Class A”. Step 8: Change the tab title according to the table shown below.

Tab 2 Class B

Tab 3 Class C

Tab 4 Class D

When you have completed, you should see your tab titles changed as shown in the screenshot.



caa 31/03/2009

Next, we are going to copy and paste the content into the text field. Step 9: From the MS Powerpoint, select the text that describes Class A Fire Extinguisher.

Step 10: Copy and paste the text into Engage interaction. You can copy and paste by using the shortcut function, Ctrl+C and Ctrl+V or selecting the text and right-click to select Copy and Paste function.



caa 31/03/2009

Step 11: We are going to add an image to this slide now. Click on Add Media. You can add animations and images by using this button.

Step 12: Select ClassA.jpg from Basic Articulate Resources and click on Open.



caa 31/03/2009

The picture should be now added to the right side of your window.

Now, we are going to repeat the same steps for Class B.



caa 31/03/2009

Step 13: From the MS Powerpoint, select the text that describes Class B Fire Extinguisher.

Step 14: Copy and paste the text into Engage interaction.

Step 15: Add an image by clicking on Add Media.



caa 31/03/2009

Step 16: Select ClassB.jpg from Basic Articulate Resources and click on Open.

You should see the picture that has been loaded into Engage interaction.



caa 31/03/2009

DIY Time! Copy and paste the content for Class C and D into the respective tabs. Import the pictures from Basic Articulate Resources to Engage Interaction as shown above.

After copying and pasting the content, you can click on Preview to see what you have done so far.



caa 31/03/2009

When you preview, you are able to interact with the interaction. Close your preview when you are done.

Step 17: Click on Save and Return to Presenter.



caa 31/03/2009

The Quizzes and Interactions dialog box will be updated when you return to Articulate Presenter. We are now going to update some properties of the interaction. The default setting for interactions do not allow users to leave the interaction slide if they do not finish viewing the steps. We are going to change this to allow users to leave the interaction slides at anytime at their own choice.



caa 31/03/2009

Step 18: Select Anytime for Allow user to leave interaction field.

Step 19: Select Show always from the Show ‘Next Slide’ button field.

Step 20: Click on Close when you are done.



caa 31/03/2009

You should see a placeholder slide in MS Powerpoint.

You can also proceed to delete this slide away in MS Powerpoint.



caa 31/03/2009

Congratulations! You have mastered the basics in creating interactions using Articulate Engage. Now we will learn how to add interactive quiz questions into your eLearning content.



caa 31/03/2009

Exercise 9: Inserting Questions With your well prepared presentation, it is easy to add constructive quizzes and interactive games into your eLearning course. In this exercise, let us try adding an appropriate MCQ quiz to access the users on their knowledge of the Fire Triangle. Adding a MCQ question Step 1: At slide 18, click on Quizmaker Quiz in the menu.



caa 31/03/2009

The Quizzes and Interactions dialog box will appear.

Step 2: Click on Create New.



caa 31/03/2009

The New Quiz dialog box will appear.

Step 3: Key in “Fire Extinguisher Quiz” as the Quiz Title.



caa 31/03/2009

Step 4: Click on OK when you are done.

Quizmaker Quiz will appear. We can now start to insert the questions.



caa 31/03/2009

Step 5: Click on Graded Question to begin.

The New Graded Question dialog box will appear.



caa 31/03/2009

Step 6: Select Multiple Choice and click on OK.



caa 31/03/2009

A dialog box will appear.

Step 7: Type in the following sentence, “Which of the following is NOT a component of the fire triangle?” into Enter The Question field.



caa 31/03/2009

Step 8: Key in the following choices into Enter The Choices field

Fuel

Oxygen

Heat

Water (Correct Answer)



caa 31/03/2009

You can now click on Preview to see how the question works. However, for now, let us continue to add one more question. Click on Save and Close to continue.



caa 31/03/2009

Adding a Hotspot question Step 1: Click on Graded Question.

Step 2: Select Hotspot and click on OK.



caa 31/03/2009

The Hotspot Question dialog box will appear.

Step 3: Type in the following sentence, “Which part of the fire extinguisher is the cylindrical pressure vessel?” into Enter The Question field.



caa 31/03/2009

Step 4: Click on Choose Image to import the image.

Step 5: Click on hotspot qn.jpg from Basic Articulate Resources to import the image.



caa 31/03/2009

Step 6: Click on Add Hotspot and select Add Rectangle to set the correct answer.



caa 31/03/2009

Step 7: Click and hold the cursor. Draw a rectangle over the body of the fire extinguisher. This area is now your correct answer.

You can now click on Preview to see how the question works. When you are done, click on Save and Close to return.

Exercise 10: Importing Questions



caa 31/03/2009

Articulate Quizmaker ’09 allows you to import questions from previously created quizzes.

Step 1: Click on the import question icon.

Step 2: Select Quiz Template from Basic Articulate Resources to import.

The Import Questions dialog box will appear.



caa 31/03/2009

Step 3: Ensure that the checkbox of the matching drag and drop question is checked and click on OK.

A new question will then be added to the question list.



caa 31/03/2009

Step 4: Click on Save and Return to Presenter.

In MS Powerpoint, you should see a placeholder slide at slide 19.



caa 31/03/2009

Exercise 11: Managing Quiz Properties



caa 31/03/2009

Randomising your questions. You can choose to randomise your questions. This way, your users will not be able to reference from each other . To begin randomising your questions: Step 1: Click on Edit in Quizmaker to open the Quizmaker dialog box.

Step 2: Select Group 1 and click on Randomize Group.



caa 31/03/2009

You will then see a message “Randomize all questions” beside Question Group 1.

Changing the passing score



caa 31/03/2009

Step 1: Click on Quiz Properties.

The Quiz Properties dialog box will appear.

Step 2: Change the value in Passing Score from 80% to 50%.



caa 31/03/2009

Step 3: Click on OK when you are finished. Branching Now, we are going to tell the quiz to branch the user accordingly. If the user fails the quiz, he will be branched to a fail page and vice versa.



caa 31/03/2009

Step 1: In the Quizmaker dialog box, click on Save and Return to Presenter when you are finished.

Step 2: In the slide, click on Properties.



caa 31/03/2009

The Quizzes and Interactions dialog box will appear.

Step 3: In the Quizzes and Interactions dialog box, select Goes to 20. You have passed! …. as the action for Finish button when user passes the quiz.



caa 31/03/2009

Step 4: In the Quizzes and Interactions dialog box, select Goes to 21. You have failed! …. as the action for Finish button when user fails the quiz.

Step 5: Click on Close when you are done. You can click on Preview This Slide to see how the quiz works.

Congratulations! You have mastered the basics in creating quizzes using Articulate Quizmaker. Now we will learn how to publish your integrated work.



caa 31/03/2009

Exercise 12: Player Templates Nearly every element of the Articulate Player can be customised. With so many customisable options, it would be useful to have a way to save and quickly apply pre-configured player options. The Player Template provides this ability. The Builder is a simple tool for creating and editing templates that customise the Articulate Player. Templates provide a quick and convenient way to apply a set of customisations to the Articulate Player. Customise your player templates. Step 1: Click on Player Templates.



caa 31/03/2009

The Player Templates dialog box will appear.

We will now proceed to change the colour scheme and save the new scheme as our new template.



caa 31/03/2009

Step 2: Select Southwestern for the colour scheme.

Step 3: Proceed to save the new scheme as a new template by selecting Save As.



caa 31/03/2009

Step 4: Enter Basic Articulate as the name for the new template.

Step 5: Click on OK.



caa 31/03/2009

Step 6: Click on Preview This Slide to view your new colour scheme for your eLearning content.

Exercise 13: Presentation Options You can use Presentation Options to set up logos, presenter, playlists, quality and other settings for your eLearning content. Adding a logo Step 1: Click on Presentation Options.



caa 31/03/2009

The Presentation Options dialog box will appear.



caa 31/03/2009

Step 2: Click on Add.

Step 3: Select eLC Logo.jpg from Basic Articulate Resources and click on Open.



caa 31/03/2009

The Presentation Option dialog box will be updated with the logo.

Step 4: Click on Make Default. This will set the logo as the default logo to be used in your eLearning content.



caa 31/03/2009

Upon clicking Make Default, the logo filename will be bold and the Make Default button disabled.

Adding the profile of a presenter Step 1: Click on Presenters.



caa 31/03/2009

The Presenters section in Presentation Options dialog box will appear.

Step 2: Click on Add to begin entering the information of the presenter.



caa 31/03/2009

DIY Time! Type in your information for Name, Title, Email and Presenter bio. The next step will teach you how to add your photo.

Step 3: Click on Browse to begin adding a photo.

Step 4: Select icon_fireman as the photo.



caa 31/03/2009

You will see the image being updated into the dialog box.

Step 5: Click on OK to save your presenter profile. Step 6: In the Presentation Options dialog box, click on Make Default. This will set the presenter as the default profile to be used in all new content.



caa 31/03/2009

After clicking Make Default, the presenter’s name will be bold and the Make Default button disabled.

Step 7: Click on OK to save your presentation options setting. Remember to save your work!



caa 31/03/2009

Step 8: Click on Preview This Slide and select Preview Range of Slides. Select all of the slides to preview. Step 9: Click on Player Templates.

The Player Template dialog box will appear.



caa 31/03/2009

Step 10: Select eLC Logo.jpg for Logo and your own profile for Presenter.

Preview your newly created presenter profile. You should be able to see the new logo and your presenter profile in the Articulate Player.



caa 31/03/2009

Exercise 14: Publishing Presenter ’09 provides simple, one-click publishing to generate your Flash-based eLearning course.

Delivery options are described in the table below.

Delivery Option Description

Web Publish your eLearning course for viewing on a computer or sharing on a Web site.

Articulate Online If you have an Articulate Online account, use this option to publish content directly to your account.

LMS Publish your eLearning course as a SCORM or AICC-compliant content.

CD Publish your eLearning course for distribution via CD or DVD

Word Publish your eLearning course to a Word document

Podcast Publish your narration into an audio podcast.



caa 31/03/2009

Publishing to Web Step 1: Click on Publish.

The Publish dialog box will appear.



caa 31/03/2009

Step 2: Ensure that Web is selected.

Step 3: We are now going to change the settings for Player template, Logo and Presenter. Set Basic Articulate for Player template Set eLC Logo.jpg as the Logo Set your name as the Presenter



caa 31/03/2009

Step 4: Once you are done with the settings, click on Publish.



caa 31/03/2009

In your published directory, you will find the published content.

Step 5: Double-click on the folder and launch the player.html to see your finished work!



caa 31/03/2009

Congratulations! You have completed the workshop on Basic Articulate. You are well on your way to using Articulate Rapid eLearning Studio’09 Pro to create eLearning content.

basic articulate training manual - universiti sains malaysia

Documents