Free Demo
1.866.696.8709
Atrixware Test Pro Menu Maker Archives - 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 ‘Test Pro Menu Maker’ Category

Use PowerPoint Backgrounds in SlidePoint

Now that we have released the SlidePoint Online Presentation software for Weblearning, many of you want to use your PowerPoint backgrounds in your SlidePoint Presentations.

So, although I am not an expert at creating great e-learning presentations, I put one together using SlidePoint - which shows you how to get your PowerPoint backgrounds into SlidePoint so you can use them as a Presentation skin (while showing a bit of what can be done using SlidePoint).



What is SlidePoint? In short, SlidePoint enables you to visually create and assemble visually stunning, flash-like e-learning presentations, complete with images, text, video, narrations, and even animation effects – all online, and the end result does not require flash! You can, of course, integrate flash videos if you wish (as well as YouTube videos).

___
The Weblearning LMS is a powerful, budget-friendly, easy-to-use Online E-Learning System for authoring, managing, and tracking online learning presentations and tests (including your SlidePoint Presentations). You can read the brochure, or to try it FREE, go to the Weblearning E-Learning System Sign-up Form.

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 > 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.

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.

Understanding Your Test Pro Menu Maker Launcher

I will be explaining some questions to help explain how your  Test Pro Menu Maker Launcher works in conjunction with Test Pro Developer.

First we will take a look at the Menu Maker launcher.  Start Menu Maker, select a new project, give it a name, click the Test Launcher Templates tab and select the Test Launcher – Legacy Clone – D31A launcher.  Open Test Pro Developer as well to follow along a bit better.

Now that both programs are opened, I will make a few comparisons.  If you look at your Menu Maker launcher, you will see two blocks of text that say {pkgTitle} and copyright elearning software company. This text holds a place for preferences that you will set when you publish a Test Pro Elearning Software Package.

veds_tpd3.jpg

Below is what will display in your placeholders when you are publishing an e-learning software package in Test Pro Developer.

veds_tpd11.jpg

OK now that we have taken a look at how your Menu Maker launcher will function with Test Pro, I will move on to the next section in the package wizard .  As you navigate through the wizard, you will come across a drop down box that asks you to Select Design.  This is where you will select the launcher that you had Deployed to make available in Test Pro developer earlier.

Note: When you are finishing work on a template in Menu Maker, you must Build and Deploy it as a Test Pro Test Launcher to make it available to select in Test Pro Developer.  Project > Build & Deploy > Test Pro Test Launcher

veds_tpd4.jpg

Now preview your Menu Maker launcher by clicking Project > Run in Preview Mode > Test Pro Test Launcher.  Your preview window will popup and you will see a drop down box that says Sample Test 1.  This drop down box will correspond with the tests you select in the Test Pro Developer Wizard (shown below)

veds_tpd2.jpg

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

Customize a Test Launcher in Menu Maker

A common question we get at Atrixware is customizing launcher templates.  It is a pretty straight forward process so we will begin with creating a new Test Launcher.  Give it a name like “custom launcher.”  Click the Test Launcher Templates tab and select the Test Launcher – Legacy Clone – D31A launcher.

Your launcher will appear in your design window.  First I will start with changing the image.  Prepare an image that is the same size as the top left image we are going to replace.  This image happens to be 425 by 135 pixels so create your logo to this size. 

Note: If you would like to check the dimensions of this image for yourself, select the image and in your properties and events box and click the advanced tab at the bottom.

Next I am going to swap the current image with our logo.  This is done by clicking on the existing image (blue boxes will appear when it is selected).

blog_veds_3.jpg

After it is selected, right click on it and select properties.  Click Set Image Picture then click Set Image.  Click your filesystem tab and navigate to the location of your logo.

blog_veds_2.jpg

Important: If your file is on your Desktop, you will need to double click on the folder that contains your computer username.  You will then be able to browse common areas like your desktop and my documents folders.

Click OK a few times to return back to your design screen.  Your logo will now appear in place of the old one.  Now that the logo is complete, I will show you how to add a link to your website.

First click on your Hyperlink button in you components section.  It will prompt you to enter a name and ask you where you want to place it.  Give it a name like website_link and we are going to put it into the MAIN FORM/CANVAS.

blog_veds_4.jpg

Note: If you want to put the link inside one of the gray boxes, you will need to select the name of the component you want to place it in instead of the MAIN FORM/CANVAS.  To get the name, simply click the component you want to put your link and look at your properties and events dropdown box.

Now that we have it in the correct component, give it a name, change the font etc.  By default after the new Hyperlink component is created, it will be selected.  You can move it around to the appropriate location by clicking the larger center box.  If for some reason your component is not selected or you have clicked something else, you can simply click on it again to select it.  However, if components are overlapping you may not be able to select it.  To get around this, you will have to click your Properties and Events drop down box and select the Hyperlink component that you have just named.

blog_veds_5.jpg

I have decided to place my hyperlink at the bottom right of my canvas.

One problem you need to be aware of is when components are overlapping.  If you have placed your Hyperlink at the bottom right like I have, when you preview it, you may experience some problems.  The copyright component is overlapping my Hyperlink component and causing the rollover to work incorrectly.  To fix this we want to select the copyright text and shrink the size of the text box by dragging the small blue handles on the right over until the components are no longer on top of each other.

Now with that out of the way, we are ready to link our text to a website address.  This is done by selecting your Hyperlink, right clicking on it and selecting Event > {YOUR_HYPERLINK_NAME}MouseClick(x,y).  Now click the Create Action Using Wizard button and select Show a Web Page.

blog_veds_6.jpg

Type in the web address you want to link to, select how you would like it to open and click OK then save.   You must put the entire web address ex. http://atrixware.com – or you can go to the site in a web browser then copy and paste the address.

blog_veds_7.jpg

We are now ready to preview what we created to confirm everything works correctly.  This is done by clicking Projects in the top left menu > Run in Preview Mode > Test Pro Test Launcher.   

This will launch the preview window and just click your link to make sure it works properly.

blog_veds_9.jpg

Once this is completed we are now ready to output it so we can use it with Test Pro Developer.  Close your preview window and click Project again.  This time select Build & Deploy > Test Pro Test Launcher.   Give it a name and click Build.

blog_veds_10.jpg

Your launcher will now be available to use in Test Pro Developer.

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

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