In this article I will be discussing how to add a video from a button in Visual Elearning Design Studio (VEDS). 

First open VEDS 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. 

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.

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

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

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

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

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.

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

In this article I will discuss how to link to existing images already on the web and turn them into button links.  This is helpful if you do not want to upload the image/file to Weblearning, if the file is on another website or is too big to upload to your Weblearning system (over 2 MB). 

First we will start by uploading your button image.  Click your Files tab, browse and upload your image.  Now that your button is uploaded, we will place it in the course layout. 

Click your Courses tab, select Admin Tools of the desired course and click Properties and Settings. 

Now click your Layout and Design Tab then click Tab 1. 

I am going to add my button at the top so we can work with it easily.  This is done by clicking where you would like the button to appear in your editor then click the Text Editor Plugins button.  Select your image file from the Insert Image drop down box and click Insert. 

Now that our button is inserted in our editor, we want to link it to a file on a web server.  I am going to link my button to a pdf that is too large to upload to Weblearning.  Select your button in your editor and click your hyperlink button. 

Enter the url of your desired file, what window you would like it to appear in, give it a title and click OK. 

If you preview your course now, you should have a fully functional button. 

The Atrixware team recently assisted Staci Cockrell, CEO of the American Broadcasting School. Her company, founded in 1970, is a family-owned, nationally accredited, private vocational school that teaches radio broadcasting.  The US Department of Education approved their training program which includes every skill a professional broadcaster needs such as:

	• On-Air Shows
	• News    (writing and on-the-air delivery)
	• Sports    (writing and on-the-air presentation including      play-by-play if desired)
	• Digital Production   (writing and producing commercials with voice track,    sound effects, music, etc.)
	• And Advertising Sales

The American Broadcasting School has four land-based campuses in Oklahoma and Texas but they also wanted to implement a distance learning program.  So, in February 2007, Staci searched for an online testing program that would allow her students to take their exams online and get instant results. She researched on the internet and found that Atrixware offered the testing program that best fit her company needs and at a price that was within budget.

Staci happily discovered, “My distance learning students can log on, take the exam(s) at their convenience, print out a certificate if they pass, and automatically receive an email show them all of their test questions.  They get an instant score and report that shows the correct answers for all of the questions, and page numbers where the correct answer can be found in their reference material. The course instructors also get an email of the student’s grade and list of questions they got right and wrong so that they are aware that the student completed the exam and they are able to assist them when needed.” 

“Atrixware has proven to be a great investment and time-saving tool for my company. The technical assistance I have received has also been a wonderful asset”, added Staci.

For an online solution, the Atrixware WEBLEARNING system is an ideal time saving tool for instructors because it simply eliminates manual grading of exams. It also offers students the ability and convenience to take tests anywhere, anytime, on any computer (with an internet connection).  Also, every Weblearning system comes with technical assistance (by email or optionally by  phone) which gives peace-of-mind to the “non-technical” instructor or trainer.

Here are some other great benefits of the Weblearning System:

  * It’s Easy – you can be up and running in about an hour-nothing to download
  * It’s Affordable – choose monthly or annual hosted payment plans.
  * It’s Flexible – hosted on our server or yours- intranet or internet.
  * It’s Powerful – you can include images, sounds, documents, presentations and videos.

Create & Deploy E-Learning Content for Profit Rapidly, Securely & Affordably!

To get a free consultation to discuss your online E-Learning needs, contact Atrixware by calling toll free 866-696-8709 or visit our website at www.atrixware.com/weblearning  where you can request a FREE 7-day trial WEBLEARNING account.

For more information on the American Broadcasting School, visit www.radioschoolonline.com.

Do you have a web page you would like to render inline into one of your online course pages (or perhaps right into a quiz question)? How about an HTML document you have uploaded into your Weblearning account - do you have a need to render that inline into your course without requiring your student to click a button or link to open it?

Let me show you the basics here. In this example, I am going to render the Atrixware home page into the main tab of a course.

First go into your course Properties (COURSES > ADMIN TOOLS > PROPERTIES & SETTINGS):

Click the LAYOUT & DESIGN tab, and then click TAB 1. Position the mouse cursor where you want to place the document (just click somewhere in the layout), and then click the INSERT HTML button on the toolbar:

Doing so will bring up a place to enter in HTML markup code (see below):

As you can see, I have entered code (which you should also enter). Note that where you see our website address, simply change to YOUR website address or document you want to render. Here is the code so you can copy/paste:

<iframe src=”http://www.atrixware.com” frameborder=”yes” height=”400″ width=”100%”></iframe>

Click OK, and then save the changes to the course. Go ahead and login as the student, and you will see your website/document inline on the course tab (my example is shown here):

Now, assume you have uploaded an HTML document into your online Weblearning account, and would like to render it. The trick to this is actually knowing the URL of your file. This is obtainable in two ways.

If you know your server name, and your account login name, and the filename, the url is derived like this:

http://{SERVERNAME}/lms/{ACCOUNTNAME}/qc_imagerep/{FILENAME}

What if you don’t know all of that? The TEXT EDITOR PLUGINS can lend a hand. Click the TEXT EDITOR PLUGINS button, and in the INSERT RESOURCE section, pick your file, and click INSERT LINK:

Next, click the HTML tab (shown above) so you can view the source code. Locate the code just inserted (you may want to insert into a blank tab so you won’t have to go through a bunch of other source code as I have in the example above). You will wee the URL of the file right after the window.open code (in the example, I have highlighted the URL). This is the URL of your resource.

Now that we have that, we can insert it inline on our course tab. Following a similar process as we did before, get yourself up to the place where you enter the HTML code, and enter the following (in this example, I have removed the border from the document to make it appear as if it is part of the page):

<iframe src=”http://pro.weblearningcenter.net/lms/atrixware_tech/qc_imagerep/sample.html” frameborder=”no” height=”400″ width=”100%”>

Save the changes, and log back into the course. This time, you can see in my example, there is no distinguishing the actual contents of the course tab from the embedded document (other than the red box I added to the screen shot to identify to you here the embedded content - which you will not see on yours):

All of this is possible via the <iframe> html tag. It enables you to place a ‘frame’ into your page, and inside that frame, to render another web page or document.

For more information on usage of this html element, including how to change the size, border, scrollbars, css styling, and more, start here: http://www.w3.org/TR/html401/present/frames.html#h-16.5

In this artilce, I will discuss how you can insert a youTube video into your Weblearning course layouts, quizzes, presentations etc.   First I will start by creating a new course.   Click your Courses tab and click Create a New Course.

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 in the editor where you want to place your video. 

Click the youTube button to enter the URL of the video. 

You may want to go to the location of the video, then copy and paste the URL.

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

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. 

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

You can now use the same process to add a video where a youTube button is available in the editor.

A common question with Weblearning 9 is “Why is my first question blank when I take my quiz?”  The answer is because you have not added Intro Text.  This problem is really only noticeable when you are taking a navigational style quiz (one question per page) rather than a scrolling quiz (all questions).  Intro Text can be applied to all quizzes created after the defaults are set or for specific quizzes.

I will start with setting Intro text for all quizzes.  If you click on your Create tab, then select Setup Publishing Defaults for all Modules. 

Scroll to the bottom and you will see a section for Intro Text.  You have all of the same editor features and placeholders you would use to customize any course layouts.  Click here to view tutorials on customizing course design.  For now, I will just put a generic introduction saying “Welcome to Our Course.” 

Now click Submit Changes.  You have now set up Intro Text that will be applied to every quiz created from today on. 

What if I already have a quiz created? 
The default changes do not apply to a previously created quiz so you must add Intro Text to that specific quiz.  Click your Modules tab, then click the properties of the quiz you would like to add the text to. 

Click your Advanced Settings tab and scroll down to the third category called Intro Text. 

Add your new text here and click Submit Changes.  You can  now preview it by clicking the Courses tab then the portal link of the course that has your quiz. 

How would I add Intro Text that is specific to a quiz without changing my default Intro Text? 
If you already have Intro Text in your default settings, you just need to add Intro Text to the specific quiz.  Once you put Intro Text on the quiz, it will choose this text over the default settings.

I will be explaining some questions to help explain how your Visual Elearning Design Studio(VEDS) Launcher works in conjunction with Test Pro Developer.  First we will take a look at the VEDS Launcher.  Open VEDS, 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 VEDS 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. 

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

OK now that we have taken a look at how your VEDS 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 VEDS, 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

 Now preview your VEDS 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)

A common question we get at Atrixware is customizing Visual Elearning Design Studio (VEDS) 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). 

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. 

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. 

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. 

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.  

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.comor you can go to the site in a web browser then copy and paste the address.

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. 

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. 

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

Customizing your reports in Weblearning 9 is a very easy process. You can modify a report to use the same template for every quiz you publish and you can modify them on a specific quiz. I will start with customizing the report in our default settings for every quiz.

Note: Your new default settings will only apply to future quizzes and will not affect any of your previously created quizzes.

First click on your Create tab then Set Up Publishing Defaults for All Modules.

Now click your Response Pages and Emails tab.

First, we want to make the editor window a bit bigger so it will be easier to work by grabbing the bottom right corner of the editor window as shown below. After you drag it to an appropriate size, we are ready to go.

We will begin by modifying the Pass Response Page. If you are not sure what a tool does in the editor, you can rollover it and a tool tip will appear.

You can do the same with the blue placeholders on the left of the editor. If you are unsure how the editor or placeholders work, click here to read a few tutorials that go in depth on the editor functions.

In this tutorial, we will be performing some basic modifications to your response pages. First we will remove a section. Rollover the edge of the gray box with the [[[certificate]]] placeholder. You will see a + sign with arrows at the ends appear. This will allow you to select the box. It is a bit tricky to get but after your selector appears, just click on it then hit the Delete button on your keyboard.

Once you have removed the certificate that appears at the end of the test, we will now add another line to our Result Summary table.

Click anywhere inside the table and click your insert row button.

Now you have an extra line to add any additional information. I am going to add the date the test was taken. On the left side of the new row, type “Date.” On the other side, we will insert the [[[date]]] placeholder. Now we have added the date that the student has taken the test to our Pass Response Page.

You can make the same modifications to the rest of your response pages if desired. If you want to set up your response defaults for all of your quizzes and have a specific quiz display something different, you can. Click your Modules tab, then click the properties link of the specific quiz you would like to modify. Click your advanced settings tab and scroll down to your response pages. You can now edit your pages as you did when you were setting up your defaults.

Click here if you would like to learn how to customize your email templates.

In this tutorial, I will be going over customizing email responses in Weblearning 9. Lets start by going over the concept of placeholders. Placeholders are a line of text that hold space for a report, image, text etc. We offer a variety of placeholders throughout Weblearning 9 so your quizzes, reports and emails can be as customized as you would like. The placeholders that are available for each template are listed next to the editor and look something like this… [[[category]]]. You can move your mouse over each one and it will describe what each placeholder will do. Once you decide what placeholders you would like to use, you just type the placeholder name in the editor window.

Now that we have that explained, we can begin to modify our email templates.

First we will edit our default email settings that will apply for every test we will create. You can also edit emails per quiz and will be discussed later. Click on the Create tab then click Setup Publishing Defaults for all Modules.

Now click your Response Pages & Emails tab and scroll down to your Admin Email Template. Type anything you would like in the template window. I want the email to say something like “John D. has passed math” before any of the other information is posted. When I use placeholders, it will say [[[STUDENT]]] has [[[STATUS]]] [[[COURSE]]]. Now I want a link to a website at the bottom saying “Visit Us at http://atrixware.com” and make sure you hit the space-bar after you type the web address so it will become a link.

You can now customize any of the email responses by using any of the available placeholders and plain text. You can also customize a specific quiz email to overwrite the default settings by clicking the Modules tab then click the properties link. Click the advanced tab and scroll down to the email response sections and change appropriately.

Click here to learn how to customize your responses pages.