Free Demo
1.866.696.8709
Atrixware Atrixware 101 Archives - Page 2 of 3 - Atrixware
learning management system
Axis LMS
Ready to Enhance and Streamline YOUR Training?
Works on Windows, MacOS, iPad, iPhone & Android
FREE DEMO

Archive for the ‘Atrixware 101’ Category

Inserting slides using the PowerPoint Quiz Maker 2009 free trial

10-2-2008-11-58-39-am.jpg

If you’ve downloaded the free trials of any of our Quiz Publishing Software, you’re probably used to the idea of creating a quiz, creating five or so questions, publishing that quiz, and actually being able to use or distribute it.  A common question that comes up regarding our PowerPoint Quiz Maker 2009 free trial is if you can insert the question slides you have created into Microsoft PowerPoint.

For example, if you download the trial our Easy Quiz Maker software you have the ability to create quizzes, add up to five questions to those quizzes, publish the quizzes, and even customize and link the results into the free trial of our Quiz Management Service.  The same goes for Online Quiz Maker, Flash Quiz Maker, and Test Pro Developer.

A common question regarding the PowerPoint Quiz Maker 2009 free trial is how to actually insert the question slides you’ve created into your Microsoft PowerPoint presentation.  The PowerPoint Quiz Maker 2009 free trial works a bit differently from what you might be used to.  The PowerPoint Quiz Maker 2009 free trial will allow you to get a feel of how to create a question slide, an incorrect answer slide, and a correct answer slide.  It will also allow you to configure the visual settings, including font style, font size, font color, and the use of the special effects used in Microsoft PowerPoint.

However, unlike some of our software, the PowerPoint Quiz Maker 2009 free trial does not allow you to add any questions to the Question Bank, nor does it allow you to publish any of your question slides into Microsoft PowerPoint.

To see what a PowerPoint presentation would like using question slides created in PowerPoint Quiz Maker 2009, you can browse to the product page at  http://www.atrixware.com/site/subsites/product/pages/powerpoint_quiz_maker.php to see a demo of what slides created with PowerPoint Quiz Maker 2009 look like in action.

If you enjoyed this article please consider staying updated via RSS.

Creating your first question slide with PowerPoint Quiz Maker 2009

PowerPoint Quiz Maker 2009 is a light-weight, easy to use application for inserting quiz slides directly into your Microsoft PowerPoint presentations.  In this tutorial, I am going to show you how to get started using PowerPoint Quiz Maker 2009, specifically how to create your first question slides and insert them into your presentation.

When you first run PowerPoint Quiz Maker 2009, I’m presented with a Start Page that allows me to jump right into creating slides.  However, before I create my slides I need to make sure I have Microsoft PowerPoint running, the presentation I would like insert quiz questions to opened, and the slide where I would like to insert my questions selected.

10-1-2008-3-21-34-pm.jpg

Every time you create a question slide using PowerPoint Quiz Maker 2009, you are actually creating three slides at once – the question slide, the slide displayed if the student answers incorrectly, and the slide displayed if the student answers correctly.  So if I have my PowerPoint presentation opened up and have the tenth slide selected, when I insert the quiz question I’m going to create into my presentation, the question will be inserted into the eleventh, twelth, and thirteenth slides, moving the rest of my slides down three spaces.

From the Start Page, I can begin creating my question by clicking either the Create a NEW Question link in the Welcome area, or by selecting the Question Slide tab from the sidebar.

10-1-2008-3-24-53-pm.jpg

The Question Slide screen is where you create the quiz the question you want to insert into your presentation. The first thing I need to enter when creating my question is the Header.  This will be displayed across the top of my question slide – it could be the quiz name, the category the question falls into, the title of my presentation, etc.  If I wanted to insert an image into my question slide, I can check the Allocate Space for an Image box.  This will leave spacing in the layout of my slide for me to insert an image once I get back into PowerPoint – I cannot insert the image through PowerPoint Quiz Maker 2009, only reserve the space for it.

In the Question field I want to enter the question itself, and in the Choices fields I want to enter the multiple choice answers I would like to present my student with.  Depending on whether or not I check the Prefix Choices with a Letter box, my answers can appear as Answer or A. Answer. 

If I would like to show navigation buttons on my slide (Next or Back), I can check either the Show Back Button box or Show Next Button box, or both.  When using the next and back buttons, it is important to denote whether or not this question is preceded by another question.  If there is a question before this one and I do not check the Another Question comes before this one box, I will be taken to the slide directly behind this one, which would be the correct answer slide.  By checking this option, the back button will skip back the correct amount of slides to display the question that precedes this one.

10-1-2008-4-19-03-pm.jpg

After I’ve finished setting up the Question slide tab, I’m going to move on to the Wrong Slide tab.   This is the slide that is displayed to the student if they answer the question incorrectly.  Again I’m asked to enter a Header, which in this case could be a message telling them they got the answer incorrect.  I can also use the Message field to display an explanation to the student or inform them what material to reference for more information about my question.

Enabling the Show Back Button in this case would present the student with a button to try and answer the question again, while enabling the Show Next Button displays a continue button that will take them to either the next question or next slide.

10-1-2008-4-25-28-pm.jpg

The Correct Slide tab works almost identically to the Wrong Slide tab.  From here I can enter a Header, congratulating the student for answering correctly.  I can also display a Message that might explain the question in more detail.

Enabling the Show Back Button box will display a back button to my student that will take them back to the question and enabling the Show Next Button box will show a continue button that takes the student to either the next question or slide, depending on whether or not I decide to insert more questions after this one.

Once I’ve finished setting up the Question Slide, Wrong Slide, and Correct Slide, all I need to is click the Insert Quiz Question button at the bottom of the software to have it automatically insert all three slides I have set up directly into my PowerPoint presentation.

If you enjoyed this article please consider staying updated via RSS.

Getting Started with Atrixware Quiz Management Service

Atrixware Quiz Management Service is designed to be an easy online solution for emailing, exporting, viewing, and storing online quiz results published from our Quiz Publishing Software. The

Quiz Management Service is currently compatible with  the following Atrixware Quiz Authoring Tools:

10-2-2008-2-34-38-pm.jpg

The Quiz Management Service gives you the ability to enable back end storing and reporting on both your published quizzes and the students who have completed them.  Looking at the Home screen at-a-glace, you can see the total number of quizzes you have published (that have been completed by a student – quizzes will not appear in the Quiz Management Service until a student has completed the quiz and submitted their results), the total number of students who have completed a quiz, the quiz with the highest pass/fail ratio, and the quiz with the lowest pass/fail ratio. You can also go directly to the quiz details for your most recently submitted quiz and in the near future you will be able to create certificates and email them to passing students.

10-2-2008-2-42-02-pm.jpg

From the View Reports screen, you’ll see a complete listing of all of your published quizzes that have been completed.  Right away you can view the number of students who have completed each of your quizzes and the percentage of those students who passed the quiz.  Using the Search feature you can easily find a quiz by the title you gave it.  Using the Print View or Export to Excel options, you can easily transfer your reports to printer-friendly view or Microsoft Excel.

10-2-2008-2-46-30-pm.jpg

By click on either the title of your quiz or the Details button, you can view even more information about your quiz.  At the top of the Quiz Details page you’ll see some basic quiz information, such as the quiz title, total times completed, the passing score,  and the percentage of students who passed your quiz.  Below that you’ll see a complete listing of all the students who have completed that quiz, with the date they completed it and what they scored (For quick viewing, students who passed have a blue bar graph while students who failed have a red one).  Using the View All, View Passed, and View Failed buttons, you can narrow down your results to just look at the students you want to focus on.

As with all our reports, you can Search, Print, or Export to Excel your student data using the top buttons in the Quiz Management Service toolbar.

10-2-2008-2-52-59-pm.jpg

Looking at the View Students screen, you’ll see a listing of all of the students who have completed one of your quizzes.  From the View Students listing, you can easily see the students name and email, the total number of quizzes they’ve completed, there average for all the quizzes they have completed, and the first time they completed one of your published quizzes.  You can easily email a student by click the Email button, which will bring up your default email editor with the student’s address ready for you.

As with all our reports, you can Search, Print, or Export to Excel your student data using the top buttons in the Quiz Management Service toolbar.

10-2-2008-2-57-29-pm.jpg

If you click on either a student’s name, email address, or the Details button you’ll be taken to the Student Details screen.  Here you can edit the student’s name or email address, see when they first completed on your quizzes, see the total number of quizzes they’ve completed, and see their average for those quizzes.  Your also presented with a listing of all the quizzes they completed along with the date they completed it and their score for that quiz (as with the Quiz Details screen, passing scores are represented with a blue bar graph, failing scores with a red one). Just like in the Quiz Details screen, you can narrow your view of the quizzes by using the View All, View Passed, and View Failed buttons. You can also sort the quiz listing by the quiz title, completion date, or student’s score by clicking on the respective column heading.

As with all our reports, you can Search, Print, or Export to Excel your student data using the top buttons in the Quiz Management Service toolbar.

10-2-2008-3-06-49-pm.jpg

By clicking of the Details button in either the Student Details screen or the Quiz Details screen, you’ll be presented with a detailed report for a individual student’s results for a quiz.  In the top portion of the View Detailed Quiz Report screen you are presented with the students name, email address,  the IP address of the computer they completed your quiz from, the completion date, the quizzes passing score, and the students score (Again, blue is passing, red is failing).

In the second portion of the View Detailed Quiz Report screen you are shown the complete results for that quiz, the results themselves being determined by how you configured your email reports from the quiz authoring tool you used to create your quiz.

For more information of how to create quizzes and set up reports that are compatible with the Quiz Management Service, you can view the series of articles also found on this blog regarding how to use each of our compatible quiz authoring tools with the Quiz Management Service.

If you enjoyed this article please consider staying updated via RSS.

Uploading your Quiz Files to a Web Server

Once you created an online quiz using either Easy Quiz Maker, Online Quiz Maker, or Flash Quiz Maker, you’ll need to upload the files created to your webserver in order for your students to access your published quiz.

The first step to uploading your files to a web server is to find the files associated with your published quiz in Windows Explorer. To do this:

Using Easy Quiz Maker

Select the Published Quizzes tab and then click on the Web Quizzes tab at the top of the screen.  With the quiz you would like to upload to your web server highlighted, click on Copy to Disk in the Task Panel.

10-1-2008-4-28-10-pm.jpg

This will bring up the Copy Published Quiz to Disk window, allowing you to select where you would like to copy the files on your hard drive.  I’m going to use an easy to remember location; C:\Quizzes so I can find the files easily using Windows Explorer.

10-1-2008-4-31-19-pm.jpg

Browse to the folder where you copied the published Quiz files using Windows Explorer.

Using Online Quiz Maker

Select the Published Quizzes tab and then click on the HTML Quizzes tab at the top of the screen.  With the quiz you would like to upload to your web server highlighted, click on Copy to Disk in the Task Panel.

10-1-2008-4-33-12-pm.jpg

This will bring up the Copy Published Quiz to Disk window, allowing you to select where you would like to copy the files on your hard drive.  I’m going to use an easy to remember location; C:\Quizzes so I can find the files easily using Windows Explorer.

10-1-2008-4-31-19-pm.jpg

Browse to the folder where you copied the published Quiz files using Windows Explorer.

Using Flash Quiz Maker

Select the Published Quizzes tab and then, with the Quiz you would like to upload to the web highlighted, click the View Files to Distribute link in the Task Panel.  This will open a Windows Explorer window with the files you need to upload to your web server.

Once you have a Windows Explorer window open showing the files from your published quiz, you can upload the files to your web server using FTP.  To do this, open another Windows Explorer window and in the address bar type in ftp://yoursite.com (yoursite.com being the URL to your FTP server).

10-1-2008-4-39-58-pm.jpg

After you hit the enter key, you should be prompted to enter your username and password (these would be provided to you by your web host). Once you’ve entered your username and password and have logged into the FTP server, you should see a listing of files or folders.

Right click in the explorer window and select New > Folder from the menu and enter a new name for the subfolder you would like to upload your files into (you could upload your files into the root directory, but it is not recommended).

Double click on the folder you just created to open it up and simply drag the published quiz files from the Windows Explorer window of your hard drive over to the the new folder you’ve created on your FTP server.

10-2-2008-9-00-29-am.jpg

You and your students should be able to access the quiz by going to http://yoursite.com/folder – with yoursite.com being the URL to your web server and folder as the name of the folder that you created and uploaded your files to in the last step.

10-2-2008-9-04-00-am.jpg

If you enjoyed this article please consider staying updated via RSS.

Using Atrixware Quiz Management Service with Test Pro Developer

Atrixware Quiz Management Service is an easy online solution for emailing, exporting, viewing, and storing online quiz results published from our Quiz Publishing Software.  This article is going to show you how to publish a quiz using Atrixware Test Pro Developer that utilizes the Quiz Management Service.

To begin, I’m going to start Test Pro Developer and from the Develop tab I am going to select to create a New Test/Module.

10-1-2008-2-57-02-pm.jpg

This will bring up the Create New Test / Module window, where I can select the template that I would like to use for my test.  To use the Quiz Management Service, I want to select the QMS Test template from the Test tab and click the Next button.

10-1-2008-3-03-32-pm.jpg

I will now be prompted to enter a title for my quiz and optionally a summary.  Once I have entered my quiz title, I’ll click on the Finish button to create my QMS Test.  Clicking on the Finish button will bring up a dialog window asking me to enter my email address.  If I already have a Quiz Management Service account, I want to enter the email address I use to login to my account.  If I haven’t yet used the Quiz Management Service, I can simply enter my email address and my account will be created for me the first time a student completes my quiz.

10-1-2008-3-07-34-pm.jpg

When a student completes my QMS Test, they will be prompted to enter their name and email address before they can recieve credit for the test.  By default, the screen a student would see prompting them to enter this information looks like this:

10-1-2008-3-09-54-pm.jpg

If I wanted to, I can edit the appearance of the page.  I can do this by going to the Develop tab, highlighting the test I created, and clicking on the Files & Resources tab from the top bar.  One of the files under the Files & Resource tab should have the filename qms_submit.txt.  By opening and editing this file, I can change not only the appearance of the page, but what information is collected from the student and submitted to the Quiz Management Service.

10-1-2008-3-19-26-pm.jpg

The qms_submit.txt file contains the HTML, CSS, and Javascript to render the form that the student sees and submit it to the Quiz Management Service.  Below I’m going to go over the different parts of the file to give you a better understanding of how I could customize it.

Javascript Validation 

10-1-2008-3-28-24-pm.jpg

The Javascript Validation function above checks the values entered for the Student Name and Student Email. If you wanted to add more input fields to the form you could add validation for more form fields.

CSS (For what the student sees)

10-1-2008-3-33-10-pm.jpg

Here you can easily change the appearance of the form the student sees without actually changing the form itself.  For example, if you wanted to change the size of the font of the word IMPORTANT: , you could change font-size: 10pt;  to font-size: 14pt; under .style2.  Or if you wanted to change the color of the text from black to green you could add color: #00FF00; inside of .style1.

CSS (For the report that is emailed to you & stored in the Quiz Management Service)

10-1-2008-3-43-49-pm.jpg

Here you can easily change the appearance of the report that is included in the email sent to you when a student completes the test, as well as is stored in the Quiz Management Service.  By editing the CSS here, you can change the font type, color, size, and weight for the report headings, question text, answer text, result text, correct answer text, and the explanation text (in that order top-bottom). 

HTML (For the report that is emailed to you & stored in the Quiz Management Service)

10-1-2008-3-49-59-pm.jpg

In this section of the file you can customize the report that is being sent to you via email and being stored by the Quiz Management Service.  Not only can you change the layout of the report, but you can also add additional information to your report gathered from PowerScript.  You could easily add values for things such as <% Score.GetPassingScore %> or <% Score.GetRoundedValue %> to add the passing score for the test and students rounded score. 

Using values you set via PowerScript, you could pass information about class, subject, category, test version, or almost anything else you could imagine.

Another powerful option for customization that Test Pro Developer gives me is the ability to configure whether or not the student sees the report I set up in the section above or if they see a custom message upon completion of the test.  To edit this option or customize the message displayed to the student, I’ll need to go in a edit the PowerScript for my test.

With the QMS Test I created still highlight, I want to select the PowerScript tab from the top menu and then click on the Open Full Editor link in the Task Panel.

10-1-2008-4-02-30-pm.jpg

In the PowerScript Code Editor I want to use the scrollbar on the right hand side to scroll down until I see the section of code entitled QMS Values.

10-1-2008-4-04-04-pm.jpg

There are three values I can change by editing this section of code.  The first is qms_account, which is the email address I entered when creating my QMS Test where I wanted the results to be sent.  The second value I can edit is show_results.  If show_results is set to true, then upon completing the test, my students will see the full report I set up after they have submitted their test score.  If show_results is set to false, the student will instead see the message stored in the last value I can edit, the response value.

The response value is the message displayed to the student upon completing their quiz instead of the full report.  By default it is a generic message, but using HTML I can customize the message to match the rest of my test.

For example, if I set response equal to “<font size=’3′ face=’Verdana, Arial, Helvetica, sans-serif’>Your Results have been submitted. Click <b><font color=’#FF0000′>CLOSE</font></b> to finish.</font”, then the message the student sees would look like this:

Your Results have been submitted. Click CLOSE to finish.

Or if I set response equal to “<font color=’#0099CC’ size=’3′ face=’Verdana, Arial, Helvetica, sans-serif’>Your</font><font color=’#004080′ size=’3′ face=’Verdana, Arial, Helvetica, sans-serif’> Results <font color=’#0099CC’>have</font> been <font color=’#0099CC’>submitted</font>. Click <b><font color=’#66FFCC’><em>CLOSE</em></font></b> to <font color=’#006699′>finish</font>.</font”, the result would look like this:

Your Results have been submitted. Click CLOSE to finish.

As you can see, Test Pro Developer offers a nearly unlimited amount of customizations when it comes to the results that it uses along with the Quiz Management Service.  After I have distributed my test and a student has completed it, I can click on the Quiz Management tab and login to the Quiz Management Service using the email address I chose to have my results sent to.  By default, the username and password for the Quiz Management Service is the email address I entered when publishing my quiz.

If you enjoyed this article please consider staying updated via RSS.

Using Atrixware Quiz Management Service with Flash Quiz Maker

Atrixware Quiz Management Service is an easy online solution for emailing, exporting, viewing, and storing online quiz results published from our Quiz Publishing Software.  This article is going to show you how to publish a quiz using Atrixware Flash Quiz Maker that utilizes the Quiz Management Service.
To begin, I’m going to start Flash Quiz Maker and from the Quiz Development tab select the quiz I would like to publish to the Web.  With my quiz selected, I’m going to click the Publish to Flash button in the Task Panel.

10-1-2008-2-12-14-pm.jpg

This will open the Publish to Flash window.  The first tab I am brought to is the General tab, where you can enter a title for the quiz, configure what is displayed to the student, set the passing score, or set a time limit.  For this tutorial, the only thing I am going to change in the Passing Score, by selecting the drop-down box and setting the score to 65.

10-1-2008-2-20-44-pm.jpg

The next tab I want to work with is the Emails tab, where I can configure the layout and content of the results that are going to be emailed to me and stored in the Quiz Management Service.  When I click on the Emails tab, I am presented with two additional tabs, the PASS Email tab and the FAIL Email tab.  The PASS Email tab are the results that sent if the student passes the quiz, while the FAIL Email tab are the results sent if the student fails the quiz.

I can edit my results to display the information that I find relevant to me.  By default, the result email for the PASS Email tab displays a category report (a score per category breakdown) and the questions missed.  Using placeholders, it is possible to show the quiz date, title, a report of all questions, and more.  To see what placeholders are available and what they do, click the Learn About Placeholders button.

10-1-2008-2-33-50-pm.jpg

Working in the PASS Email tab, I can edit the format of the results by using the text-editor buttons located on the bottom.

I am given the option to (from left to right):

  • Set the Font Style
  • Set the Font Size
  • Bold, Italic, or Underline
  • Set the Font Color
  • Align the Text
  • Set the Text as a Bulleted List Item

I can set some text as a hyperlink by selecting the text and entering a hyperlink in the field below the Font Style selection.  There are also two buttons on the right hand side, which allow you to edit the HTML source and Check Spelling.
10-1-2008-2-35-26-pm.jpg

Once I’ve finished setting up my reports, I’m going to move over to the Publish Format tab.  The two options that will allow my quiz to access the Quiz Management Service is the Any Web Server option under the Web Server tab and the CD-Rom / Executable option under the CD or Local tab.

To publish my quiz so that students can take it online via a URL link, I would choose the Any Web Server option.  To publish my quiz so that I can distribute it via CD-Rom, download, or email attachment, I would select the CD-Rom / Executable option.

After I’ve chosen how I would like to publish my quiz, I’m going to check the Email Results to box at the bottom and enter my email address.  I’m also going to check both boxes for Ask for user’s name and Ask for user’s email address so that they will both be entered into the Quiz Management Service.

NOTE: If you choose to not ask a student for their email address, their email will appear in the Quiz Management Service as the student’s name at their ip address. (i.e. student@127.0.0.1).  You can then edit the students email from within the Quiz Management Service.

10-1-2008-2-45-22-pm.jpg

I’ll click the Publish button and be taken to the Published Quizzes tab with the quiz I just created.  Once a student has completed my quiz, I can click on the Quiz Management tab and login to the Quiz Management Service using the email address I chose to have my results sent to.  By default, the username and password for the Quiz Management Service is the email address I entered when publishing my quiz.

If you enjoyed this article please consider staying updated via RSS.

Using Atrixware Quiz Management Service with Online Quiz Maker

Atrixware Quiz Management Service is an easy online solution for emailing, exporting, viewing, and storing online quiz results published from our Quiz Publishing Software.  This article is going to show you how to publish a quiz using Atrixware Online Quiz Maker that utilizes the Quiz Management Service.

To begin, I’m going to start Online Quiz Maker and from the Quiz Development tab I’m going to Create a New Quiz.  This will open the Create New Quiz window where I’m going to select to create a HTML Quiz.

10-1-2008-2-00-53-pm.jpg

After I’ve click on HTML Quiz, I prompted to an enter a name for my quiz and optionally a summary.  Once I’ve entered my quiz name, I’m going to click the Finish button, which will close out the window and bring me back to the Quiz Development tab.  With my quiz selected,  I’m going to click on publish to HTML Quiz from the Task Panel.

10-1-2008-2-06-19-pm.jpg

This will open the Publish a Quiz window.  The first thing I need to do is enter a title for my quiz, and optionally I can change the text I would like to have appear at the top of my quiz and the filename that Online Quiz Maker refers to this quiz by.  For this example, I’m going to leave the Visual and Content settings as is, so after I have entered my quiz title I’m going to click the Publish button.

10-1-2008-2-04-31-pm.jpg

I’m now presented with the option of having my score results emailed to me.  In order to use the Quiz Management Service, I need to have the results emailed to me (once your Quiz Management Service account is active, you can choose to disable email reports and instead view the results online).  I’m going to click on Yes, I Want the Score Results Emailed Here: and enter my email address in the box below.

I also have the option of asking for certain information from the student when the quiz begins (Email Address, Class Name, Instructor, etc).  It is important to note that only the Student Name and Student Email are stored by the Quiz Management Service.  If I select any of the other options, they will be visible in the email that is sent to me when a student completes my quiz, but they will not be available within the Quiz Management Service.

NOTE: If you choose to not ask a student for their email address, their email will appear in the Quiz Management Service as the student’s name at their ip address. (i.e. student@127.0.0.1).  You can then edit the students email from within the Quiz Management Service.

I can also configure what the student sees upon completing my quiz.  From the Upon Completion, Show..  drop-down box I can select to display a Complete Summary (which would include all the questions, answers, and explanations), Their Score, or simply a Thank You Message.

10-1-2008-2-09-08-pm.jpg

I’ll click the Ok button and be presented with a confirmation that my quiz has been published and I can view the published quiz now.  Once a student has completed my quiz, I can click on the Quiz Management tab and login to the Quiz Management Service using the email address I chose to have my results sent to.  By default, the username and password for the Quiz Management Service is the email address I entered when publishing my quiz.

NOTE: It is not currently possible to change the Passing Score for your quiz using Online Quiz Maker.  Therefore, by default, any quizzes utilizing the Quiz Management Service will have the passing score for that quiz set to 70 within the Quiz Management Service – this will not affect your quiz itself, but may affect some reporting from within the Quiz Management Service.

If you enjoyed this article please consider staying updated via RSS.

How do I create a Quiz for the web using Flash Quiz Maker?

Atrixware Flash Quiz Maker 2009 is a powerful tool for making online quizzes quickly and easily.  With Flash Quiz Maker you publish quizzes to be used on your Basic HTML website, your ASP website, or your PHP website. In this tutorial I’m going to show you how easy it is to publish any one of these quizzes for you to place on your exisiting website.

To begin, we want to start on the Quiz Development screen where we will highlight one of our quizzes.  To publish the Quiz, we can either right click on the icon for our quiz and select Publish for Flash from the menu or you can click Publish to Flash from the Task Panel on the right hand side.

10-10-2008-9-42-40-am.jpg

This will bring up the Publish to Flash screen.  The Publish to Flash area is loaded with options wher you can configure the functionality, look, and feel of your Quiz, but for the purposes of this article we’re going to leave everything as is and just focus on the portion of the Publish Format tab that pertains to web Quizzes.  Click the tab that reads Publish Format all the way on the right hand side.

10-10-2008-9-52-06-am.jpg

On the Publish Format screen you’ll see two more tabs appear, the Web Server tab and the Local or CD-Rom tab.  If you wanted to publish a Quiz that you could use locally on your hard drive or network or publish a Quiz you could distribute via CD-Rom / Standalone download, you would work in the Local or CD-Rom tab.  Since we want to publish to the web, we’re going to work in the Web Server tab.

10-10-2008-9-56-10-am.jpg

Flash Quiz Maker gives you three different options for publishing Quizzes to a Web Server, Basic Server (HTML), PHP Server,  and ASP Server.

Basic Server: Using the Basic Server option publishes the Flash Quiz to be used as an HTML file.  Note that with this option, if you select to have the results of the Quiz emailed to you the Quiz will use the atrixware.com server to send the email report, which may incur a nominal fee.

To get students to this quiz you simply need to give them the URL of the Quiz on your webserver. For example if the name of your server was www.example.com and you uploaded the quiz to a folder named samplequiz, then the address you would give for this Quiz would be http://www.example.com/samplequiz/quiz.html.

PHP Server: Using the PHP Server option publishes the Flash Quiz to be used on your PHP enabled server (typically linux/unix based servers).  Note that with both the PHP Server and ASP Server options, if you select to have the results on the Quiz emailed to you it the Quiz will use your servers to generate the email report, meaning you do not have to worry about incurring any additional fees.

To get students to this quiz you simply need to give them the URL of the Quiz on your webserver. For example if the name of your server was www.example.com and you uploaded the quiz to a folder named samplequiz, then the address you would give for this Quiz would be http://www.example.com/samplequiz/quiz.php.

ASP Server: Using the ASP Server option publishes the Flash Quiz to be used on your ASP enabled server (typically Microsoft / IIS based servers).  A nice feature of both the ASP Server and PHP Server Quizzes is that if you yourself or someone you know has any knowledge of either the ASP or PHP programming language, the generated script can be modified to add results to a database, track internet users that have taken the Quiz, and much much more.

Once you have selected the type of Web Server quiz you would like to create and you click the Publish button in the bottom-right corner of the screen, Flash Quiz Maker will automatically generate the Quiz and files you need to place on your server.  Once the quiz has been published, a screen will appear featuring the quiz that you just created, along with a window with some instructions on how to get the Quiz online.

10-10-2008-10-12-05-am.jpg

The section that is most important here is the How to Get This Quiz On To Your Web Server section.  For all three types of web server quizzes the results here are basically the same.  The first step is, using either your hosting control panel, a program like Dreamweaver, or an FTP program, create a new folder on your webserver where you would like to hold the quiz.

The second step is to either click the View Files to Distibute link that appears right in the instructions or to click the View Files to Distribute option in the Task Panel on the right hand side. This is will open up a Windows Explorer folder containing all the files that you want to upload to your Web Server.

10-10-2008-10-22-46-am.jpg

The final step is to, again using your hosting control panel, a program such as Dreamweaver, or (most likely) a FTP program, upload all the files and subfolders that you see in the Windows Explorer folder to the folder you created on your Web Server in the first step.

Now that you’ve place your quiz files online, you simply need to direct the students to the URL of the Quiz using the instructions I mentioned earlier in the tutorial or by following the instructions entitled How to Get Your Students to The Quiz that are displayed when you select any of  your Publishes Quizzes from within Flash Quiz Maker.

If you enjoyed this article please consider staying updated via RSS.

Introducing Flash Quiz Maker

Atrixware Flash Quiz Maker 2009 is designed to let you create a variety of different kinds of Flash Quizzes. It will be released in October of 2008 (it’s in beta testing as I write this — if you are interested in participating, please email me at anthony at atrixware.com).

image016.jpg

It shares the same authoring interface as our other quiz maker products (like Easy Quiz Maker, Online Quiz Maker, and Test Pro Developer), and shares a common import/export format for multiple-choice questions (so you can, for example, use your questions across all products).

Just as a teaser (and a sneak peek), I have published off a few example flash quizzes. Note that these operate on a web server, although Atrixware Flash Quiz Maker 2009 can produce CD-Rom quizzes as well.

Example 1: Study Mode
This example flash quiz lets you pick the categories of questions you want to view – very similar to the way you can from a test created with Test Pro Developer (although in this case, its being viewed online). It also has some other ‘study mode’ features like Test Pro Developer tests, such as a ‘show answer’ button, ‘show reference’, and more. Click Here to View Example 1 Quiz

Example 2: Simulation Mode
This example flash quiz uses question pooling — it randomly picks 3 questions (from a question pool of 5 in this case).  It has the ‘study mode’ functions disabled (and operates more like a real quiz). It is also configured to ask you for your name and email before you begin. Aah – and it also uses a different ‘skin’ (which you have full control over by the way). Click Here to View Example 2 Quiz

Look for news on the release date in October 2008, and once again, if you are interested in participating in the beta, please email me at anthony at atrixware.com.

If you enjoyed this article please consider staying updated via RSS.

Configuring the Visual Settings in PowerPoint Quiz Maker 2009

When creating Quizzes using PowerPoint Quiz Maker 2009, there are of a number of Visual Settings that can be utilized to make your Quiz slide integrate seamlessly with the rest of your PowerPoint presentation.  In this tutorial I’ll be going over what these Visual Settings are and how to use them effectively.

To begin, I need to make sure I have Microsoft PowerPoint running along with PowerPoint Quiz Maker.  In Microsoft PowerPoint, Ishould have a presentation open with the slide currently selected where I want to insert my Question slides.  In PowerPoint Quiz Maker, I should have a Question (complete with the Wrong/Correct Slides) ready to be inserted into my presentation (or I could always pull Questions from my Question Bank).

Before I insert the Question slides, I’m going to click on the Visual Settings tab on the left hand side:

10-1-2008-12-18-28-pm.jpg

This will bring up the Visual Settings screen.  The first options that are presented to me is the font styling for the Headers, Messages, Question, and Choices.  The Headers are the text I chose to be displayed along the top of the Question, Correct, and Wrong slides.  The Messages are the text I chose to be displayed as a message to the user on the the Correct and Wrong slide.  Finally, the Question and Choices are the Question and Answers themselves that appear on the Question slide.

10-1-2008-12-27-11-pm.jpg

The first button in each Font Style, allows me to select the font face I would like to use for each style.  Clicking on the button (which by default is set to use the Arial font) will bring up a window with a drop-down box where I can select from a number of popular fonts.

10-1-2008-12-31-04-pm.jpg

The second button corresponds to the size of the font that I want to use for each style.  Again, clicking the button (which by default is set to size 24 for the Headers and size 14 for the remaining styles) will present me with a window where I can select a font size.10-1-2008-12-38-07-pm.jpg

The next button allows me to set which color settings from my PowerPoint presentation that I want the style to inherit.  By clicking this button I am presented with a window and a drop-down where I can select ppBackground, ppForeground, ppShadow, ppTitle, ppFill, ppAccent1, ppAccent2, ppAccent3.

10-1-2008-12-42-37-pm.jpg

Each of the options correspond with the names of the colors in my PowerPoint presentation’s color scheme.  The color scheme itself is set by either the Design Template I have chosen in PowerPoint or I can edit it myself.  To view/edit the color scheme in PowerPoint, I want to go into Powerpoint and, with Color Schemes selected in the the Slide Design pane, click the link at the very bottom of the pane that reads “Edit Color Schemes…”

10-1-2008-12-51-18-pm.jpg

This brings up the Edit Color Scheme window, where I can edit the presentation’s color scheme, as well as see how they match up with the options presented in the Visual Settings tab of PowerPoint Quiz Maker.

10-1-2008-12-54-08-pm.jpg

Heading back into PowerPoint Quiz Maker, the last option presented to me for styling the fonts is whether or not I want the text to be bolded.  By checking the box to left of the word Bold, I can decide whether or not I want that font to be styled bold or not.

10-1-2008-1-01-37-pm.jpg

On the bottom half of the Visual Settings screen, I am given the option to select which kind of Entry Effects, if any, I would like to use for my four different types of text (again the same text we can style the fonts for: Headers, Messages, Question, and Choices).  If I was to click any of these buttons, a window would popup and I would be presented with a drop-down box where I could select the type of Entry Effect I would like to use.

There are far too many Entry Effects to go into, suffice to say each effect available to in PowerPoint Quiz Maker is the same effect you would see in Microsoft PowerPoint.

Once I’ve completed selecting all my Visual Settings, I can simply add Questions to my PowerPoint slide by clicking the Insert Quiz Question button or loading them in via the Question Bank.

If you enjoyed this article please consider staying updated via RSS.

Export into a PowerPoint Quiz

One of the new features in Test Pro Developer 9 is the ability to export test questions (multiple choice and true/false) into PowerPoint.

A small note – this export works only if you have PowerPoint installed on your system.

To begin, select a test, and then click the EXPORT option on the task panel:

image1.png

Choose the PowerPoint Export option from the list:

image2.png

The PowerPoint Quiz Properties screen will appear:

image3.png

From here, you will be able to configure various settings for the output, such as design template, prefixing, response text, and a few others.

Spend a few minutes configuring the export, and then click the CONTINUE button once you have it set up. After a few seconds (or minutes if you have a lot of questions), the slides will appear inside of PowerPoint.

In my example shown below, I choose the ‘green fade’ design template:

image4.png

If you enjoyed this article please consider staying updated via RSS.

Changing Colors, Styles and Fonts in Basic Survey

Changing the Look and Feel in Basic Survey is a very simple process.  Start by logging into your account, create a survey and add a few questions if you do not have one created already.  Once the survey is created, click the CREATE tab then click “Look and Feel.” 

 1.jpg

Scroll down to the “What the Survey Should Look Like” area and click the background color link and select a color from the picker.  If you know CSS, you can customize the survey even more by clicking the link next to the “Do you know how to write CSS.”  You can also manually type in the hexadecimal color value (if known) to match a specific color that may not appear in the color picker.

Note:  You can download free color pickers to get specific hexadecimal color values to enter in the look and feel.

 2.jpg

Do the same with the font color then select the font size you would like.  Click the “Click Here to Update the Preview Below” to view the changes you have made. 

3.jpg 

After you are satisfied with the new layout, click Submit Changes

 4.jpg

Now we have to apply the changes made to the previously created survey.  Click the CREATE tab >”Create or Update a Survey.”

 5.jpg

Click ”Update an Existing Survey” and select the survey you wish to update. 

 6.jpg

Make any final modifications and click Publish Survey.  Once the survey is published, we can preview the changes made by clicking the link below then clicking “Click Here to try the Link.”

7.jpg

If you enjoyed this article please consider staying updated via RSS.

Weblearning Rich Text Editor Tips

If you are using Weblearning version 9 or later, you have probably noticed the ‘rich text editor’ all over the entry forms. You use it to enter quiz questions, presentation slides, course layouts, response pages, and more.Chances are, you have used it to do simple markup such as bolding the text, changing the size, and perhaps even changing a color. However, there is quite a bit more you can do with this editor (actually too much to mention in a single article).

For this article, I will be focusing on the ‘Text Editor Plug-ins’ panel, and covering a few things in there that you may find useful.

The ‘Text Editor Plug-ins’ can be accessed using the button immediately beneath the editor text area:

image0011.jpg

Clicking on the button expands the plug-ins available on your account:

image0021.jpg

The general rule to follow is this. Before insterting/adding anything from the plug-ins section, make sure you position your cursor at the exact position you would like the content to appear.

Add a Popup Message

If you want to add a link that, when clicked, displays a popup message (like this one – click here), position your cursor in the exact place you want the link to appear (in the text area), then click the POPUP MESSAGE button (in the Miscellaneous section). Fill out the prompts.

Add a Print Link

If you want to add a link that, when clicked, prints the current page, or question, or report, position your cursor in the exact place you want the link to appear (in the text area), then click the PRINT LINK button (in the Miscellaneous section). Fill out the prompts

Add a Link to a Slide (or Question)

If you are authoring a quiz question or a presentation slide, and are using the navigational-style layout (where each question or slide appears on a separate page, and users navigate using back/next buttons), you can enhance the functionality by inserting links that go to the next, previous, or even a specific slide (or question). To do so, click the corresponding NEXT PREV or LINK TO SLIDE buttons, and fill out the prompts.

Here is a screen capture of what I did using the above methods:

image0051.jpg

In a future article, I will discuss some other options not covered here (I suspect it may take 5 or 6 articles to touch on everything available).

If you enjoyed this article please consider staying updated via RSS.

A Quick Fill-in-the-blank Regex Answer Tester

If you are using any of our quiz authoring products (including Weblearning, Test Pro Developer, or our Quiz Maker product line), the fill-in-the-blank questions have a feature that lets you enter in answers that can accept multiple variations as the correct answer. This is accomplished using JavaScript Regular Expressions.

However, when authoring in the Weblearning system, it’s a bit of a pain to have to create the ‘correct answer’, publish the quiz, test it out, go back and modify the correct answer, republish, etc etc. Therefore, bookmark this article, and use the form below to test your ‘correct answer’ against the possible student answers – it will save you a lot of time.

Correct Answer (regex)
Student Answer

For more information on how to use regular expressions, do a Google lookup for ‘javascript reglular expressions’.

If you enjoyed this article please consider staying updated via RSS.

CSS for Quiz Templates Explained Part 2

In this tutorial, I will be explaining how to modify the CSS properties for the selectors discussed in the previous article.

All colors in CSS are referred to using Hexadecimal format ex. #FFFFFF.  Most image editing software will provide Hexadecimal values when a color is chosen.  If you do not have image editing software, you may want to download a color picker to choose or get the color value from an image (You will find several pickers if you search Google for “free color picker”).  To learn about CSS syntax and terminology to help complete this exercise, visit this link http://www.w3schools.com/Css/css_syntax.asp

Start by creating a quiz, put the quiz into a course and add a student.  Now upload a logo to Weblearning (Files>Browse>Upload File).   Click the Modules tab > Properties and select your logo from the banner drop down box. My logo has a background-color of #EAEAEA so I will change the background-color of the quiz template to match.  Click the Modules tab > Properties > Advanced Settings tab, locate the Extra CSS input field

blog45.jpg

Paste the following.

body{    

background-color:#EAEAEA;    

}    

Thats it!  Just replace your background-color with the hexadecimal value desired and click Submit Changes.

blog41.jpg

Navigate back to the Extra CSS input field.  Now change the background color of the content area to white.  Paste the following below the code already entered.

#content{    

background-color:#FFFFFF;    

}

blog44.jpg

If you preview your quiz, (Courses tab > Portal) you will notice that some of the borders are white and may not show up well on the new background.  To change the top and bottom border color and style, paste the following.

#header_bar{    

border-style:solid;    

border-color:#333333;    

border-width:1px;   

}    

#navbar{
border-top:0px;
}

blog43.jpg
The border of #header_bar will appear solid, grey and 1px wide.  The top border of #navbar will not be visible because its width is 0 px.  You can add as many CSS properties for a selector (ex. #header_bar) as you would like but each line must end in semicolon as shown above.

The last item I will change is the color of the question font and size.  Paste the following code

.tp_question {    

font-family:Verdana, sans-serif;    

font-size: 16pt;    

color:#000066;    

}    

blog42.jpg

Click Submit Changes and preview your quiz template customizations.  Your new template should look something like below

blog48.jpg

If you would like to make other changes, you can visit http://www.w3schools.com/css/css_reference.asp to review all css properties and descriptions

If you enjoyed this article please consider staying updated via RSS.

Creating a Survey in BasicSurvey

In this article, I will be discussing how to create a survey in Basic Survey.  Start by logging into your BasicSurvey account and click Get Started Now: Create Your First Survey

blog36.jpg 

Creating a survey is broken down into 5 steps listed below.

1.  Create Questions

2.  Setup Survey (Look and Feel)

3.  Create the Survey

4.  Taking the Survey

5.  Turn on Email Reporting

Step 1 – Create Questions

Begin by clicking Create Questions or Add Questions on the left. 

 blog35.jpg

Select the answer set you would like to use then enter your question

 blog34.jpg

Give the question a category (or select from a list of categories) and click Add Question

 blog33.jpg

Repeat this process until you are satisfied with your question list.   

Step 2  - Setup Survey (Look and Feel)

Click Look & Feel on the left and select the appropriate choices. 

blog37.jpg 

For this example, I will leave the default settings as is and click Submit Changes

Step 3 – Create the Survey

Select Create Survey on the left and click the Create Survey link. 

 blog32.jpg

Click Create – this is a new survey and enter a name.  Select the number of questions from each category and click Publish Survey

Step 4 – Taking the Survey

Click the Survey tab and you will see a list of your published surveys.  Click the Links and click the “Click  here to try the link” to take your survey

blog38.jpg

Step 5 – Turn on email reporting for the surveys

Click the Account tab and select Response Report from the Email Responses drop down box.

blog39.jpg

Note:  All survey responses will be sent to the email address listed under the Account tab

If you enjoyed this article please consider staying updated via RSS.

CSS for Quiz Templates Explained Part 1

In this article, I will be discussing what each css name will modify for quiz templates in Weblearning 9. I will also note some property modifications that would be commonly used. In Part 2, I will be discussing how to make these changes using CSS properties.

What is CSS?

CSS will allow you to “style” web pages. (change font color, size, background color etc.) Since Weblearning is a web application, the same principles will apply for customizing quiz templates. Each template already has CSS applied to it giving it a look and feel. If you want to modify a template for example to change the color scheme to match company colors, you would override the current CSS with your own in the Weblearning Control Panel (discussed in Part 2).

CSS Syntax

Here is a basic outline of how the code should be formatted with an example

Terminology

selector {

property:value;

}

Example

body{

color:#FFFFFF;

}

CSS Template names and descriptions

Note: Sections highlighted in red represent what the name (class or id) will control.

css_resized7.jpg

.navbutton: the next, back and end buttons on the bottom of the template. Common Modification: Change the width, height, font or color

css_resized9.jpg

.q_essaytext: essay style question text. Common Modification: Change the font size, font color or background color

.q_fibtext: fill in the blank style question text. Common Modification: Change the font size, font color or background color

.q_picklist: the picklist question style. Common Modification: Change the width, font size, font color or background color

.q_matching_text: the matching question style. Common Modification: Change the width, font size, font color or background color

.q_matching_picklist: the matching picklist question style. Common Modification: Change the width, font size, font color or background color

.q_title_bar: the question title bar. By default will display the question number. Common Modification: Making it invisible, modifying the font, color, height and width

css_resized5.jpg

.tp_body: this style will apply as a default for everything inside of the template if there is no style defined. Common Modification: background color and default font

css_resized1.jpg

.tp_choiceb: question answers. Common Modification: font, size and color

css_resized8.jpg

.tp_question: the question text. Common Modification: font, size and color

css_resized4.jpg

#content: box that holds the question title bar, the question and answers. Common Modification: background color, background image and border

css_resized3.jpg

#header_bar: holds the timer and the quiz title. Common Modification: background color and border

css_resized6.jpg

#navbar: holds the navigation buttons at the bottom. Common Modification: background color and border

css_resized2.jpg

#logo_container: holds the logo image at the top of the template. Common Modification: Align to left, right or center

css_resized101.jpg

If you enjoyed this article please consider staying updated via RSS.

Insert a Flash Button in Menu Maker

In this article, I will be discussing how to add a Flash button into your Menu Maker project.  I will be using a button that is included in the Flash library.  However, you will not need to own a copy or know how to use Flash to include a Flash button.  There are many places online to download, create and customize your own buttons.

Click Here to download the button that I will be using if you would like to follow along.

Open Menu Maker and Create a New Project.  The first step is to add the Flash button to the project.  Click Project > Add/Remove Project Files in the Project Menu.

1.jpg

Click Add File or Resource and browse your file system to locate your button.

2.jpg

Click OK then Done to return to the Design Environment.  In the Add Components panel click the Video Component button, give it a name and click OK.  Click Pick, select the Flash button, un-check the Show Control Button and click OK.

3.jpg

Click Preview in the Project Toolbar to make sure the Flash button appears.  You will notice that the button takes on the size of the Video component.

4.jpg

Close out the Preview window and return to the Design Environment.  Resize the Video component by dragging the size handle or right clicking on it in the Component Explorer and selecting Advanced Properties.   Once the component is sized appropriately, you can add Actions to the click event, duplicate the component etc.

If you enjoyed this article please consider staying updated via RSS.

Animate with Easing in Menu Maker

In this tutorial I will be discussing how to animate a component in Menu Maker.

Easing will create a more realistic looking animation as if the object was reacting to the forces of gravity.  Click here if you would like to look at an example of a ball bouncing with and without easing.

There are a few main concepts that you will need to understand before we start.

1.  The animation will be time based so we will need to set the EventTimer to fire 20 times per second to get smooth motion.

2.  A number will need to be updated to add/subtract a certain amount to move the image position every time the EventTimer is fired.  (This will create an animation without easing)

3.  An equation will be defined to have the image pick up/loose speed by multiplying or dividing the position.  (This will add easing to our animation)

Now that the theory is out of the way, we can get started.  The first thing to do is add an image component and name it Image1.

Step 1: Setting the Initial Left Position of the Image

Once your image is on the Canvas, move it to a position on the right side.  Now get the Left position of the image.  Right click on the image component in the Component Explorer, select Advanced Properties and remember the left coordinate

img1.jpg

This number will be the starting left point for the animation.  Next click on the Canvas, click Events >  select {Global Code} > click the Code Editor button.

globa.jpg

Now create the variable that will hold the left position value.  Paste the code below and change the left position number to left coordinate that was retrieved above.

 

dim leftPosition 

leftPosition = 500

global2.jpg

Step 2:  Setting the EventTimer

The event timer will have to be set when the application starts to determine how may times it will fire in milliseconds (entering a value of 1000 will fire every second).  Select the frmCanvas, right-click and select On_frmCanvas_Load to open the code editor.  I want my animation to fire 20 times per second so I will enter the following:
frmCanvas.EventTimer.Interval = 50
load.jpg

Step 3:  Moving the Image Position

Now that the EventTimer is set, I will need to decrement the leftPosition variable by 1 every time it is fired (20 times per second).  Select the frmCanvas, right-click and select On_frmCanvas_EventTimer to open the code editor.

eventtimer1.jpg

You can simply put the following to move the image across the Canvas no easing.

 

leftPosition = leftPosition - 1 

Image1.Left = leftPosition 

However, the image will continue to move without a stopping point.  To stop the image at 10, you will need to say…

If leftPosition &gt; 10 Then 

leftPosition = leftPosition - 1 

Image1.Left = leftPosition 

End If

Once the image position is less than 10, the leftPosition variable will not decrement anymore and the animation will stop.  Preview your project to make sure the animation works properly.

Step 4:  Adding Easing

Now that the image is animating across the canvas, we will just need to make a slight modification to the code above.  Right now there is an image that moves to the left 1 pixel 20 times per second and stops when it is < 10.   Now the image needs to start off moving fast and slow down as it nears 10.  This is done by multiplying the leftPosition by a decimal value of .85.  The decimal value will determine how fast the image will move across the canvas.  (The lower the value, the faster the animation)  Delete any existing code and paste the code below:

If leftPosition &gt; 10 Then 

leftPosition = (leftPosition - 1) * .85 

Image1.Left = leftPosition 

Image1.Refresh 

End If

eventtimer.jpg

Preview your project to confirm the image animates with easing.  If you would like to view the finished animation, you can download it here: easing.zip

If you enjoyed this article please consider staying updated via RSS.

Rotate an Image in CD Menu Maker (animated gif)

In this article I will be discussing a few tricks to create the appearance of an image rotating.  You can’t actually programmatically rotate an image component in Cd Menu Maker so I came up with 2 ways to work around it.  The first way is to create an animated gif and place it in an HTML Canvas.  The second way is to swap images based on a timer.  In this article, I will be discussing the animated gif method.  This will require some knowledge of image editing software like Fireworks, Photoshop,  ImageReady etc. to create your gif file.

Note: You can visit download.com and search for “animated gif” to find inexpensive or free software to create your gif

After your gif is created, open up CD Menu Maker and Create a New Project.  Begin typing a name and select the Blank Project template.   Add your animated gif to your project by click Project > Add/Remove Project Files > Add File or Resource in the Menu bar.

blog6.jpg

Browse and locate your animated gif, click OK and Done.

Click the HTML Canvas component in the Add components panel, give it a name and click OK.   Type dep\YOURFILENAME.gif in the Initial page to Display box and click OK

blog5.jpg 

Click Preview in the Project Toolbar to view the animated gif. 

To remove the scroll bar and border, simply place the browser component inside a Layer/Page that is smaller than the browser component to hide the edges as shown below.

blog7.jpg

If you enjoyed this article please consider staying updated via RSS.

Rotate an Image in CD Menu Maker (swap images)

In this article I will be discussing a few tricks to create the appearance of an image rotating.  You can’t actually programmatically rotate an image component in Cd Menu Maker so I came up with 2 ways to work around it.  The first way is to create an animated gif and place it in an HTML Canvas.  The second way is to swap several images based on a timer.  In this article, I will be discussing the swap image method.  This will require some knowledge of image editing software like Fireworks, Photoshop, etc. if you would like to create your own animation. 

Here are 4 images that are rotated slightly until the rotation is complete. 

 sun1.jpgsun2.jpg

sun3.jpgsun4.jpg

Save the images above (right click, save image as) and be sure to keep the names sun1.jpg, sun2.jpg, sun3.jpg and sun4.jpg.  Add the images to the project by clicking Project > Add/Remove Project Files > Add File or Resource

blog1.jpg

After all of the images are added, click the Image component in the Add Components panel.  Give it a name of img_sun and click OK.  Browse and select the first image of the animation sequence (sun1.jpg). 

blog2.jpg

The next step is to start the event timer.  Right-click on the canvas and select Event > On_frmCanvas_Load().  Once the Actions Menu is opened, click the Code Editor button on the bottom left and paste the following code:

frmCanvas.eventtimer.interval = 50

When the interval = 1000, the function will fire every 1 second.  In this case, I want the application to swap the image 20 times per second to ensure that I will have a smooth animation. 

Note:  Animations may differ so 20 times a second may be too much or not enough so adjust accordingly

Now I need to swap the image every time that the interval is fired.  You will need to click the Events button in the Project Toolbar and select {Global Code}.  Paste the following code:

dim increment

increment= 1

This variable will keep track of the image number that will be swapped and will be “incremented” each time the timer is fired.

Right-click on the canvas and select Event > On_frmCanvas_EventTimer().  Once the Actions Menu is opened, click the Code Editor button (if needed) on the bottom left and paste the following code:

If increment < 4 Then

increment = increment + 1

Else 

increment = 1

End If img_sun.Picture = Loadpicture(system.AppRootFolder & “dep\” & “sun” & increment & “.jpg”)img_sun.Refresh

blog3.jpg 

Code Explained:  

Line 1 will check to see if the “image counter” (increment) exceeds the total number of images in the project.  If it does not exceed the image number it will proceed to line 2 and add 1.  Once the image number has been exceeded, the “image counter” (increment) will proceed to line 4 and reset to 1. 

Line 6 Once the If statement above determines which image number to swap and Loads the image into the img_sun component.

Line 7 Refreshes the image component for a smooth animation

Note: If the images above were not used, you must customize the function to correspond with amount of images used and adjust any component name or image name that may differ from above

Click Preview in the Project Toolbar to view the image rotating.

blog4.jpg

You can download the completed animation here: rotate.zip

If you enjoyed this article please consider staying updated via RSS.

Add a Swap a Caption Action to CD Menu Maker

In this article I will be discussing how to add a custom Action in CD Menu Maker that will swap text when an Event takes place. 

First, download the Custom Wizard I created using the Custom Code Wizard Template and unzip it.  

Download: swap-a-caption.zip (1.7 MB)

Navigate to the folder below:

On XP 

C:\Documents and Settings\YOUR USER NAME\Application Data\Atrixware\CD Menu Maker\wizards\ 

On Vista 

C:\Users\YOUR USER NAME\AppData\Roaming\Atrixware\ CD Menu Maker\wizards\ 

Drag the Swap a Caption folder inside the wizards folder and open CD Menu Maker. 

 

layer-35.jpg 

 

Click Create a New Project and select the Business Training 1 Template.   Select any button, click the Events button in the Project Toolbar and select On_MouseClick

 

layer-54.jpg 

 

Click New Action and select +Swap a Caption

 

 layer-73.jpg

 

Select the header component to swap the caption on, enter the rest of the required information and click OK.

 

Note:  You can click the code button to view the code that this wizard will write

 

 layer-92.jpg

 

Click Preview in the Project Toolbar and click the button that has the Swap Caption action applied to it. 

 

layer-101.jpg

If you enjoyed this article please consider staying updated via RSS.

Adding Flash content to Weblearning

In this article, I will discuss how you can embed a Flash video into your Weblearning course layouts, quizzes, presentations etc.

I will start by uploading my Flash Video to Weblearning by clicking the Files tab > Browse > Upload.   Now we need to get the path where the file is located to put in the code later.  Click the Existing Uploads tab > Videos > View.  Copy the URL in the Address Bar of your browser (or keep the browser opened to copy later).

url.jpg

Now create a new course by clicking the Courses tab and click Create a New Course.

blog_wl2_7.jpg

Give your course a name then click the Layout & Design tab.

If you already have a course created, click your Courses tab > admin tools > properties and settings > Layout & Design.

Click Tab 1 and click HTML button at the bottom right of the editor.

blog_wl2_6.jpg

Paste this code below all of the existing code

<embed src="http://pro.weblearningcenter.net/lms/atrixware_tech2/qc_imagerep/ball.swf" wmode="transparent" width="425" height="350"></embed>

Replace

http://pro.weblearningcenter.net/lms/atrixware_tech2/qc_imagerep/ball.swf

with the url that was copied earlier and change the height and width to match your movie.

Your video is now inserted and should look similar to the image below.

blog_wl2_3.jpg

Click Submit Changes and then preview it.  If you have created a new course as I did, you need to add a student to the course so you can login.  Click the Courses tab > admin tools > student enrollments and add a student.  Click your Courses tab > portal then login.

link.jpg

Your Flash video will now be available to view in Tab 1 of your course page.

view.jpg

If you enjoyed this article please consider staying updated via RSS.

Creating Dynamic Questions and Answers

Did you know that if you are distributing ELearning Packaged Tests or using the LAN based testing components, you can create question text and choices that contain dynamic (changing) values?

Here is a simple example. Consider this Quiz Question:

Dave has 2 apples. Jane has 1 apple. How many apples do they have total?

Suppose we want to change the names each time. Suppose we want to change the TOTAL # apples each time. We can do both – so let’s get started.

First, go to the question wizard, and pick BASIC STYLES > MULTIPLE RESPONSE:

image0011.jpg

Click ADD QUESTION, and the Question entry wizard will appear. Enter the question text, and (for this example) 4 choices:

image0021.jpg

Click NEXT (to save the question), and then close the Question Wizard form. Your new question should be listed in the question list.

Now, if you want the names Dave and Jane to be dynamic (meaning, they will be different each time), first double-click the question to open it up in the Question Editor, click the VIEW CODE tab, and click APPLY. When you click APPLY, you will be able to enter some PowerScript code. This is where we will define the ‘pool’ of names we will use. Enter the following code:

' Set Up Name Choices and Variables
ExecuteGlobal("Dim name1, name2")
'
' Create Possible Names
name1_choices = Array("Bob", "Dave", "Steve", "Joe")
name2_choices = Array("Alice", "Jane", "Mary", "Lisa")
'
' Pick a Randon Name for Each One
For i = 0 To Second(Time)
name1 = name1_choices( int(rnd(1)*4) )
name2 = name2_choices( int(rnd(1)*4) )
Next

image0041.jpg

Now, click the QUESTION/CHOICES tab, and click the FULL EDITOR button. Highlight the word Dave in the editor, and then click the INSERT DYNAMIC VALUE button:

image0061.jpg

Enter name1 into the blank and click OK. Notice that the name Dave has been replaced with <%name1%>.

image0081.jpg

Follow the same steps for Jane (highlight Jane, click insert dynamic value) – this time enter in the phrase name2 and click OK. Your question should look as follows:

image0091.jpg

Click SAVE on the FULL EDITOR, and you will be returned back to the Question Wizard. Now click the PREVIEW QUESTION tab and then click COMPILED PREVIEW. If you do it a few times, you should see that the names change each time:

image011.jpg

Changing the ANSWER is a bit more complex. The reason is, we need to make sure that each of the incorrect/detractor answers are never the same value as the correct answer. In our example, we have used the values 2, 5, and 7 as detractor values, so we never want those values to be the correct value.

Keeping that in mind, let’s go back to the code editor (VIEW CODE tab), and modify the code as follows:

' Set Up Name Choices and Variables
ExecuteGlobal("Dim name1, name2, value1, value2, correct_value")
'
' Create Possible Names
name1_choices = Array("Bob", "Dave", "Steve", "Joe")
name2_choices = Array("Alice", "Jane", "Mary", "Lisa")
value1_choices = Array(2,3,4,5)
value2_choices = Array(6,7,8,9)
'
' Pick a Randon Name for Each One
For i = 0 To Second(Time)
name1 = name1_choices( int(rnd(1)*4) )
name2 = name2_choices( int(rnd(1)*4) )
value1 = value1_choices( int(rnd(1)*4) )
value2 = value2_choices( int(rnd(1)*4) )
Next
'
' Set Correct Value
correct_value = value1 + value2

Next, go to the QUESTION/CHOICES tab. You can (if you want) go to the FULL EDITOR and replace the numbers using the INSERT DYNAMIC DATA button like I showed you previously when you did it for the names, or, you can just type it in. Either way the end result should look as follows:

<%name1%> has <%value1%> apples. <%name2%> has <%value2%> apples. How many apples do they have total?

Since we are changing the values, we also need to make the ‘correct answer‘ dynamic. To do this, click the CHOICES A-H tab, and change the correct answer from ‘3‘ to <%correct_value%>.

image015.jpg

Our code will calculate the ‘correct-value’, and place it here.

Once again, click PREVIEW QUESTION and then COMPILED PREVIEW. Doing it several times will yield various names and values each time.

If you enjoyed this article please consider staying updated via RSS.

Including a Video With a Question in Test Pro Developer

In this tutorial I will be discussing how to add a video in a question with Test Pro Developer.  First create a Learning Mode w/ Advanced Report Test by clicking Create a New Test > Enterprise > Learning Mode w/ Advanced Report.  After your test is created we will need to add your video to the project.  Select your test and click the configure button.

blog2_3.jpg

Click the Other Resources tab, click the Open File Dependency Editor and click the Add button.

blog2_21.jpg

Navigate to the location of your video file and click Add.  Click OK, Close twice and Save Changes to return to the Develop Tests window.

Next, we will need to create the HTML document that the video will be embedded into.  If you are familiar with HTML, you can further customize the HTML document as desired.  For this example, I will keep it very simple.  Open Notepad and paste the code below.

<embed src="testVideo1.avi" loop="false" autoplay="false" width="360" height="240"></embed>

You will need to change the video name, width and height in the code to the properties of your video.

blog6_1.jpg

Save the file and name it what ever you would like with a file extension of .html (ex.  yourfilename.html).    Close the html file and Open Test Pro.

I will now add a question to our test by selecting the test and clicking the Add Question button.  Now click the Add a Question button in the questions area.

blog6_2.jpg

Then click the + sign on the Multiple Option Style Variations question type and select Multiple Option – On Form HTML Exhibit.

blog6_3.jpg

Enter your question/answers and click Next.  Test Pro will prompt you to add an html file for your question.  Navigate to the HTML file we just created, click OK then Done.

Now it is time to preview your questionSelect the question, click Edit Question > Preview Question > Complied Preview.  Your video will now appear in the question as shown below.

blog6_4.jpg

If you enjoyed this article please consider staying updated via RSS.

Changing the End of Test Report in Test Pro Developer

In this article, I will be customizing the End of Test Report in Test Pro Developer.  You will need to have knowledge of HTML or an HTML program like FrontPage or Dreamweaver.

Note: This customization is not for the Standard Legacy Report.  You can remove the Standard Legacy Report by clicking Configure and unchecking the Show Standard (Legacy) Report Upon Completion of the Test box.

First you will need to create a Learning Mode w/Advanced Report test (Create a New Test > Enterprise Tab > Learning Mode w/Advanced Report).  Then we need to add a dependency file (the banner image) by selecting on the test and clicking the Configure button.

blog2_3.jpg

Select the Other Resources tab and click the Open File Dependency Editor button.

blog2_21.jpg

Click Add File and navigate to your banner image.

blog2_1.jpg

After your file is added, click OK, Close, Close and Save Changes.  Now that our banner is included in the test, we want to modify our HTML report template.   To find the HTML report template follow the path below and open it in your HTML editor if desired. (you can open it in the text editor as well)

Note:  Your Application Data folder may be hidden.  To view this folder, click tools > Folder Options > View and select Show Hidden Files and Folders.

On Windows XP

C:\Documents and Settings\YOUR USER NAME\Application Data\Atrixware\Developer 8\Profiles\YOUR PROFILE NAME\Electronic\YOUR TEST NAME\aw-adv-report.txt

On Vista

Right-Click on your Desktop Shortcut and select Open File Location.  Click Profiles\YOUR PROFILE NAME\Electronic\YOUR TEST NAME\aw-adv-report.txt

Now I will link to my image by adding this line of code right below the <body> tag

&lt;img src="banner.gif" /&gt;

Note: Replace banner.gif with the name of your banner image

blog2_6.jpg

I also want to remove the grey background, border and padding from the bold text by removing the style selected below.  I also want to add the text Your Results For before my test name.

blog2_5.jpg

Save your file after you have modified your report template to your liking.  Open Test Pro and go to your Develop Tests tab.  Right click on your test and select Compile & Run > Standard Test.  Once your test opens, click End to see your new report.  If your banner image is too wide for the default size of the test window (like the image below), you will need to make a few modifications.

blog2_10.jpg

First find the line of code below and remove it (View/Edit Test Level PowerScript)

Browser.Move main.left, main.top, main.Width, main.Height 

Now with your cursor still in the same spot, paste the code below.

(under this line: FileTemplate.AppendFile finalFile, reportOutput)

‘ RESIZE AND CENTER THE REPORT WINDOW
ReportWidth = 830 * Screen.TwipsPerPixelX
ReportHeight = 600 * Screen.TwipsPerPixelY

LeftPosition = (Screen.Width – ReportWidth) / 2
TopPosition = (Screen.Height – ReportHeight) / 2
Browser.Move LeftPosition, TopPosition, ReportWidth, ReportHeight

Change reportWidth(currently 830)/reportHeight(currently 600) number to your width/height in pixels and click save.

blog2_9.jpg
Change reportWidth(currently 830)/reportHeight(currently 600) number to your width/height in pixels and click save.

blog2_11.jpg

You can preview your test from the code window by clicking the button below.

blog2_8.jpg

If you enjoyed this article please consider staying updated via RSS.

Use Pooling in Test Pro Developer

In this article I will be discussing the use of rule scripts in Test Pro Developer.  The use of rules can be very helpful to select a number, type, weight etc. of questions in a test.  The most common rule used would be to select a certain number of questions from each category.    You also have a number of other rules you can use to filter your questions.  You can select the questions or the answers to contain specific text, by a script tag or by question weight.

I will start by creating a test that has multiple categories and varying score weights.  Now that the test is created, we can apply some Rule Scripts to it.  I want my test to contain 10 questions from the First Category, 15 from the Second Category and all questions from the Third Category.  To do this, select the test you are working with in the Develop Tests tab and click the Configure button.

1.jpg

Click the Question Configuration Tab and click the Select Questions with a Rules Script option box.  Click the Edit Script button then click the Open Wizard button.

2.jpg

Select 10 from the first drop down box, select the First Category from the second drop down menu and click Add and Continue.

41.jpg

The rule has been added so now we can continue to add the rules for the remaining two categories.  Once you have added your last rule click Add and Close.  Click Save then Save Changes.  I will run my test to make sure my rules have gone into effect by right-clicking on my test, selecting Compile and Run, then select Standard Test.

5.jpg

Answer a few questions then click End to bring up your report.  The report will tell you how many questions you got correct out of the total number of questions in each category.  This is how we will know that our rules are working properly.

61.jpg

So now that my rules are in place, I am going to make some modifications to them.  Select the test, click the Configure button and click the Question Configuration tab.  Click the Edit Script Button and click the Open Wizard button.  I want to have every question with a score weight of 9 to be included in the test.  Select All for the first drop down box, 9 for the last drop down box and click Add and Close.

I now want to change the Third Category to include only 1 question instead of all questions.  Click the Create Script Manually tab and you will see a list of the Rule Scripts we have added.  Find the Rule Script that says…

Rule
Match Category “Third Category”
Use All

and change it to…

Rule
Match Category “Third Category”
Use 1

71.jpg

Click Save then Save Changes

If you enjoyed this article please consider staying updated via RSS.

Placing Quizzes/Modules Across Multiple Tabs

In this article, I will be showing how to display quizzes across multiple tabs using placeholders in Weblearning 9.

Create a New Course,  give it a name and click the Layout & Design tab.

new_course.jpg

Click on Tab 1 and rename the Tab Caption to Quiz 1.  Change the heading text to Quiz One and remove [[[Placeholder for Quiz Modules]]].  Select everything in the course editor then copy (ctrl+c) and paste (ctrl+v) it into Tab 2 and Tab 3.  Change the Tab Captions and heading text to correspond with the quizzes you want to enter in.

design.jpg

Now we want to add our quizzes into the layout.  First, make sure that your quiz is added to your course.  Next, we need to get the slot number of the quiz we want to add.  To get the slot number, click your Modules tab and retrieve the numbers on the left to your quizzes.

Now we will add the Placeholder to each of our tabs.  Go back into the course layout (Course tab > Properties > Layout & Design > Tab 1)  and click in the editor where you would like to place the quiz link and click the Placeholders button.  Click Insert Placeholder for a Quiz/Module.

add_module.jpg

Click the correct slot number Placeholder and click Insert.  Now repeat the process for the remaining tabs and click Save Changes.

module.jpg

Now we want to preview the course layout to make sure everything works as intended.  Click the Courses tab > Portal.  Make sure you have a student added to login (Course > Admin Tools > Student Enrollments > Add Student).

preview.jpg

If you enjoyed this article please consider staying updated via RSS.

Creating Animated Text in Menu Maker

It’s relatively simple to create some animated text using Menu Maker  (if you know the code). This short project should be a great starting point for you.First, open up Menu Maker, and create a new Blank Project (once you understand this concept, you can apply to your existing projects).

Add a Text Label component (keep the name as Label1), and then configure it (for this example) to CENTER alignment, font size of 16, SOLID background style (I chose BLACK as the color), and change the caption color to WHITE.

image001.jpg

Resize the label component on the form to stretch the entire width (similar to my example below):

image002.jpg

Now get to the GLOBAL CODE area (in the example here, I am using CD Menu Maker):

image003.jpg

Click the CODE EDITOR button:

image004.jpg

Enter in the following code:

Dim Start
Dim ScrollText
Dim ScrollTimer

image005.jpg

Now go to the LOAD event of the form (as shown):

image006.jpg

Enter in the following code:

Start = 0
ScrollText = “Enter the text you want to scroll here”
Set ScrollTimer = frmCanvas.Controls.Add(“PSA.AutoEvent”, “ScrollTimer”)
ScrollTimer.Interval = 250
ScrollTimer.RoutineToCall = “AnimateText”

image007.jpg

Note the line of code that starts with “ScrollText =” defines the text that will be animated. Simply enter in the text you want inside the quotes.

You can also change the speed – the line that is ‘ScrollTimer.Interval = 250” is the code that defines the speed. A speed of 1 is the fastest, 1000 is 1 letter animated each second, up to 32,767 (which is agonizingly slow).

Now, click the button along the top of the code (where is says Sub On_frmCanvas_Load()), and choose “Add a New Sub, Function, or Class“:

image008.jpg

For Name of Routine, enter AnimateText, then click OK:

image009.jpg

Now enter the following code:

Start = Start + 1
If Start > Len(ScrollText) Then
ScrollTimer.Interval = 0
End If

Label1.Caption = left(ScrollText, Start)

image010.jpg

Preview your project to see the animated text.

If you enjoyed this article please consider staying updated via RSS.

Adding a Video in Menu Maker

In this article I will be discussing how to add a video from a button in Menu Maker.

First, open Menu Maker and click Create a New Project.  Give your project a name, click the Test Launcher Template tab and select the Test Launcher Legacy Clone D31A.

blog_resized2_7.jpg

Click your Basic Button tab in your Components panel.  Give your button a name and select the layer you want to place it into and click ok.

Note:  the middle row of containers are called cntLeftColumn, cntMiddlecolumn and cntRightColumn.

blog_resized2_5.jpg

Enter you button Caption then click the Define “MouseClick” Action.

blog_resized2_4.jpg

Click the Create Action Using Wizard button and select Play a Video.

blog_resized2_2.jpg

Now we have to add the video to our project.  Click the Add button then click your Add a File or Resource button.

blog_resized2_8.jpg

Select your video and click OK then done.  Click the Pick button, select the video you just added and click OK.

blog_resized2_9.jpg

Click Save on the code editor then size and position your button.  Preview your launcher by clicking your Project tab > Run in preview mode > Test Pro Test Launcher (with sample tests) to confirm your video will open properly.

blog_resized2_1.jpg

Now that your launcher is functioning, click Project > Build & Deploy.

If you enjoyed this article please consider staying updated via RSS.

A Better, Easier & Less Expensive Learning Management System
Try the Atrixware Axis LMS