How To Add Quizmaker ’09 to Engage ’09

 

Summary: You can add a Quizmaker ’09 to an Engage ’09 by manually changing the published files.
Difficulty: Medium

 

 

One of the great things about the Articulate products is how you can bring together different types of content into one single presentation. Earlier this year we looked at how we can add a Quizmaker 2 quiz to Engage 1. The process how now become a lot cleaner with the new suite of Studio ’09 products and the method has changed. So if you are looking for a way to spice your interactions with an embedded quiz, look no further.

First, let us look at what you can do:

 

 

View Demo

The example shows how you can make Quizmaker ’09 appear in a new window but you can also have it embedded within Engage. The example below Quizmaker ’09 embedded within Engage ’09 which in turn has been published in Presenter ’09.

 

 

See Demo

How do you do it?

  • Well we are going to look at the first example in this article which is publishing Engage as a standalone. As before, create your quiz first and publish to the Web. Your published files will look something like this.

 

 

  • Now open your Engage interaction and decide where you want to place your quiz.
  • Select the Add Media button.

 

 

  • Point to the quiz.swf file in the Quizmaker ’09 published files we saw above and click Open.

 

 

  • In the Multimedia Properties box, decide if you want the quiz to open in a new window, have it embedded or Full size (as in the picture below). Unlike with Quizmaker 2, all three options are possible with Quizmaker ’09 and Engage ’09.

 

 

  • If you are going to show in Full size, you’ll probably want to choose a custom image to launch your quiz. This is what you will see in the Engage interaction and what users will click on to see the quiz.
    You can also decide where you want your image to appear.

    If you are embedding, you’ll probably want to choose as large an area as possible to make your quiz readable.

  • When you have finished your interaction, publish it to the Web. (for a standalone Engage interaction).

 

Changing your published files

To finish your project you need to manually change the Engage published files.

  • Locate your Engage project files.

 

 

  • Open the engage_content folder in the Engage project files and notice the swf1.swf which corresponds to the quiz.swf which we imported earlier.

    NOTE: The name of this file will depend on how many other Flash movies you may have inserted in your Engage interaction. Make sure you find the one which corresponds to your quiz. Opening in Swiff Player or Internet Explorer should bring up the swirling logo.

 

 

  • Unusually, we need to change the name of this file back to what it was before, namely quiz.swf.

    So your files will look like this:

 

 

  • Now, open the data.xml file in Wordpad. (right-click -> Open with Wordpad)
  • In the top menu of Word, select Edit -> Replace

 

 

  • Now replace all instances of swf1.swf with quiz.swf. Depending on how you have inserted your quiz (embedded, new window, full size), you should find one or two instances.

 

 

  • Save the edited data.xml.
  • Finally go back to your original Quizmaker ’09 published files and copy the quiz_content folder and the state.xml file.

 

 

  • Paste the folder and the file into your Engage engage_content folder. The contents of the engage_content folder should now look something like this:

 

 

Your Engage interaction is now ready to be viewed. Double-click engage.html to launch your interaction in your browser.

NOTES

  • You can have your quiz embedded or open as Full size. Opening in Full size slightly clips the submit button of your quiz. Embedding works fine but you need to make sure your quiz is large enough to be readable.
  • The main limitation with this method is that you can only insert ONE quiz per interaction.
  • Print Results will not work.
  • As the second example at the beginning showed, you can also embed a quiz in Engage and then embed the interaction in Presenter. You will need to publish from Engage to Presenter, and then embed the Quizmaker files in the engage_content folder of the Presenter ’09 project files, making the same adjustments as above.
  • Advertisements

    How To Link From One Presentation To Another – Part 1

     

    Summary: You can link from one presentation to another by embedding a web object.
    Difficulty: Medium

     

    Linking Elegantly

    A question frequently asked in support is how to link seamlesslessly from one presentation to another, be it online or offline or even on a CD ROM. Reasons for wanting to do this are numerous including wanting to give a course to students using already prepared materials which include two or more modules, or wanting a user to go from one online course to another without leaving their training, so to speak.

    An easy way to do this would be to simply create a hyperlink on the last slide that linked to your next course. The problem with doing this is that it creates a new window and so might look messy as it lies on top of the preceeding course.

    Or you could do something like this. If you click on the course below, you will see a short specimen course which links to another, in the same window.

     

     

    View Demo

     

    How do you do it?

    Well to create the above, I used the web object feature of Presenter to place some basic JavaScript to tell my browser to change URL address. Let’s have a look at the JavaScript I used (click on image below to view):

     

     

    View Code

    Download index.html now (right-click)

     

    If you look carefully, without knowing what all the functions or code mean, you can see a link at the end. This link is where you want your presentation to go after finishing the present course. This is really the only thing you need to change in the above code before you can use it yourself.

    In this example, my second course had already been loaded up to my server before I created the first module. The second module is at this address:

     

    http://mediaenglishonline.com/daveperso/blogdemos/linkingpart1/presentation2/player.html

     

    There is a course at that address above. Click it to see if you like.

    The reason I uploaded this course first was that I needed to know the absolute address or URL of my course for me to link to it from my first course. (of course, you can plan how and where your course is going to lie beforehand so you don’t necessarily have to upload it first).

    Now this link needs to be edited in the Javascript code which itself needs to be copied into a file called index.html and placed into an empty folder somewhere on your computer for use later. You can call the folder Next Presentation Web Object.

     

    Let’s create a linking web object now

    Now that might sound a little complicated but it really isn’t. Let’s go ahead and make a linking web object now to see how easy it is.

     

  • 1) Create a folder now on your computer in My Documents
  •  

  • 2) Call it Next Presentation Web Object
  •  

  • 3) Download the index.html to your computer by right-clicking here and save it in the folder you have just created. (Make sure you right-click the link. Left-clicking the link will launch the presentation!)
  •  

  • 4) Open it up with Notepad and check that the link is as above. Notice how you can change that link to whatever you want. For the moment, however, let’s keep it as it is so you can see if you can link from one of your presentations to mine.
  •  

    You should now have a folder on your computer called Next Presentation Web Object in which there is a single file called index.html. The link at the end of the code in the index.html file is to the course that you want your first course directed to.

     

    Adding your web object to your presentation

    The majority of the work is done.

    Now, create a new presentation and we’ll add a slide at the end which contains a web object.

  • 5) Create a new blank page at the end of your course
  •  

  • 6) Select Web Object from the Articulate menu
  •  

  • 7) Where it says “Enter a web address”, click on the folder icon to the right of the input box.
  •  

     

  • 8) Navigate to the Next Presentation Web Object folder you saved on your computer
  •  

  • 9) Click OK
  •  

  • 10) In the Insert Web Object dialog box, display the web object in slide.
  •  

  • 11) Make the window “Full Slide”
  •  

  • 12) Keep the other settings at their default values
  •  

  • 13) Click OK. Your web object is now placed on the slide.
  •  

  • 14) If you like, you can now reduce the size of the web object by just using your mouse to drag the corners in. You can make it as small as you like and perhaps write some text on the uncovered slide explaining that the next presentation is being loaded, or just asking them to wait a moment. This enables you to customize your last loading slide to match the rest of your course.
  •  

     

    Now you can upload your course to any location you like and when it finishes, it will run into your new web object and take the user to your second presentation. This example will also work offline, provided you have a connection to the Internet for it to call up the second presentation.

    For your own work you need to change the link in the index.html so that it takes the user to your course. Make sure that it is an absolute address and you put http:// at the beginning of the address.

     

    In Part 2, I’ll show you how to link from one presentation to another using a relative link plus how you can create a looping series of presentations both offline and online.

     

    Notes

    • If you are using Presenter 5, the web object feature leaves an ‘ugly’ border so making the object smaller might not be a good idea. It might be better to leave the web object full slide, and actually incorporate an image into the web object. This example shows how I have inserted an image into the index.html file.

      You can download the corresponding Next Presentation Web Object folder here. Either use the same image or insert your own into the images folder.

     

    • The link in the index.html can either be an absolute address like:

      http://www.articulate.com/mypresentation/player.html

      or a relative address like

      ../mypresentation/player.html.

      An absolute address means that you are giving the specific address of your course whereas a relative address means you are giving the address relative to where you are at the moment, ie the course you are looking at at the moment. If you are preparing a course for offline ose or CD ROM, you’d probably want to use a relative link. In this article, we concentrated on the absolute address first as it’s the easiest to set up and we’ll look at relative addresses in Part 2.

    • This method of linking between presentations is probably not recommended on an LMS.

    Blog at WordPress.com.

    Up ↑