LatitudeLearning is excited to announce the release of our dynamic eLearning course shell on March 31, 2019. All eLearning courses now launch in a full-size window/tab, instead of the fixed dimension popup. If you have designed responsive course content, this new SCORM shell should accommodate your ideal user experience. It is compatible with all major browsers (Google Chrome, Apple Safari, Microsoft Internet Explorer 11/Edge, Mozilla FireFox), and is mobile-friendly for learners on the go.
This enhancement bundle includes additional tools to improve course usability, with an optional system requirements checker and built-in navigation menu for multi-SCO content.
Enhancement Bundle
There are three key elements to this enhancement.
- Dynamic Course Shell – Courses will launch in a full-size window/tab (target=blank), instead of a fixed dimension popup. This should improve the user experience by sidestepping some popup-blockers and avoiding those pesky scroll bars within the content window. Plus, all eLearning courses will launch in a uniform manner, whether launched from the Courses To Complete page or your Classic Home.
- Navigation Menu – If you publish large multi-SCO courses, consider enabling our built-in navigation menu. Collapsed by default, this responsive menu provides one-click navigation throughout the course, and a full screen mode option. If you are real tech-savy, use Cascading Style Sheets (*.CSS) and company logos to brand the menu with the same look and feel of your LMS.
- System Checker – When enabled, this new tool allows LMS Administrators to define system requirements for their eLearning content: devices, operating systems, browsers, cookies, Javascript. On course launch, the LMS will check the accessing device and inform students whether or not their machine meets defined requirements. Either way, students are able to click “Continue” and launch SCORM content. Brand the System Checker tool from your Site Management > LMS Information page, where you go to configure system requirements.
NOTE: LatitudeLearning plans to retire our legacy course shell by end of year 2019.
Brand the Course Navigation Menu
So you have decided to enable the Navigation Menu for your multi-SCO courses, and would like to brand it with your own company logo and color scheme. Open the LMS Information page, expand the new "Course Shell Configuration" section, and use the following fields to select from your LMS image and stylesheet libraries the files you want to override the default LatitudeLearning brand.
-
- Top Menu Image
- Bottom Menu Image
Note that your Custom Stylesheet selection will cascade to brand the System Checker as well, if you choose to enable that feature. There is an option to display a separate logo in the System Checker page using the "System Checker Image" field.
Configure Your System Checker
The same "Course Shell Configuration" section allows administrators to enable a System Checker, which defines system requirements for their eLearning content. If enabled, it's important to define the list of items that should be included in the system check, and the text that displays to users on course launch. Here is a screenshot of the default System Checker.
 |
The configuration options below are also provided in the field level help  information.
| Field Name |
Value |
Description |
| Check Browser |
true/false |
If true, the user's browser type and version will be checked to determine compatibility. Default value: true
|
| Allowed Browsers |
JSON array |
A list of browsers that provide ideal course display are verified as part of the system checker. The name and minimum version for each should be given. Default value:
[
{"name": "Chrome", "version": "62"},
{"name": "Edge", "version": "14"},
{"name": "IE", "version": "11"},
{"name": "Firefox", "version": "56"},
{"name": "Safari", "version": "9"}
] |
| Allowed Browsers Text |
text |
Text to display in the system checker regarding which browsers are allowed. Default value:
"MS IE 11+, MS Edge 14+, Chrome 62+, Firefox 56+ and Safari 9+ <a href='https://support.microsoft.com/en-us/help/17621/internet-explorer-downloads' target='_blank'><img src='shell_images/ie.png' class='browserlogo' /></a><a href='https://www.google.com/chrome/' target='_blank'><img src='shell_images/chrome.png' class='browserlogo' /></a></a><a href='https://www.mozilla.org/firefox' target='_blank'><img src='shell_images/firefox.png' class='browserlogo' /></a><a href='https://support.apple.com/downloads/safari' target='_blank'><img src='shell_images/safari.png' class='browserlogo' /></a>" |
| Check Device |
true/false |
If true, the user's device will be checked to determine compatibility. Default value: true |
| Allowed Devices |
JSON array |
A list of allowed device types checked to determine compatibility. Default value: ["Computer","Tablet","Smartphone"] |
| Allowed Devices Text |
text |
Text to display in the system checker regarding which devices are allowed. Default value: "Computer, tablet, smartphone"
|
| Check OS |
true/false |
If true, the user's Operating System is checked to determine compatibility. Default value: true |
| Allowed OS |
JSON array |
A list of operating systems that provide ideal course display are verified as part of the system checker. Default value: ["Windows 7","Windows 8","Windows 10","macOS","iOS","Android"] |
| Allowed OS Text |
text |
Text to display in the system checker regarding which operating systems are compatible. Default value: "MS Windows 7+, Apple macOS 10.10+, Apple iOS 10+, Android 5+"
|
| Check Cookies |
true/false |
If true, the user’s browser is checked to determine if cookies are accepted. Default value: true |
| Check Javascript |
true/false |
If true, the user’s browser is checked to determine if Javascript is enabled. Default value: true |
|