LodeStar 7.3 New Features and Improvements

Update

The article below describes all of the features of LodeStar’s 7.3 major release.  Since the 7.3 release, there have been 4 minor updates.  The latest update is 7.3 build 5.  The following description details some of the features of build 5.  If you are new to LodeStar or haven’t used LodeStar in a while, please skip to the introduction.  If you are relatively up-to-date, then please continue reading.

ActivityStarter
Instructors and trainers who are new to eLearning instructional design may be a little daunted and not know where to begin.  The ActivityStarter template provides guidelines on how to get started.  It prompts instructors to inform students of the lesson’s objectives in a meaningful way, recall prior knowledge, present content, check for understanding, and more.

New Activity Widgets
LodeStar now features a variety of activity widgets.  Activity widgets are inserted anywhere on a Text Page.  Instructors click on the  black sprocket on the HTML editor toolbar and choose from a menu of activity types.  At the time of this writing, LodeStar supports:

  • Multiple Choice Question
  • Short Answer Question
  • Image Slider
  • Drag and Drop
  • Timeline
  • Word Problem

An FAQ article is presently being written about each of the activity widgets.

New Page Types

ActivityMaker Mobile now features the FlashCard and Interview Page Types.  Both of these page types existed in the now deprecated ActivityMaker template but were excluded from ActivityMaker Mobile because they were not responsive (adaptable to different screen sizes).  They are now responsive.

More detailed FAQ articles will soon be written on each of these new features.  If you are new to LodeStar 7.3, please continue reading.

Introduction

LodeStar 7.3 organizes many new features that were introduced to the eLearning authoring tool both in the past year and more recently.

The biggest changes and improvements come in the form of widgets, which are activities that you can insert anywhere on a text page. They also include new page types, a simple Scalable Vector Graphics (SVG) editor for flow charts and diagrams, and the ability to publish directly to the cloud.

Most of the work has focused on the ActivityMaker Mobile template, included in the release. Instructors are encouraged to use ActivityMaker Mobile, which has the following advantages over older templates:

  1. Responsive – ActivityMaker Mobile will work on all modern browsers on desktops, tablets, and smart phone devices.
  2. Accessible – ActivityMaker Mobile offers disabled students a variety of options. The template provides accessible navigation, images with alt tags, and screen-readable text. Question Pages and Question Widgets feature accessible pop up dialogs that instruct the screen reader to read the text immediately. All navigation items and dialogs use WAI-ARIA roles and attributes. WAI-ARIA roles and attributes provide information to screen readers through the browser’s accessibility interface (APIs).  In short, WAI-ARIA provides more information to the screen reader than HTML alone.
  3. Powerful – ActivityMaker Mobile supports widgets. Widgets enable you to insert activities into a text page almost anywhere you wish. Widgets can be inserted with the help of the black sprocket that is located on the HTML Editor toolbar on a Text Page.
1

Black sprocket provides access to LodeStar’s Widget Dialog

In short, LodeStar 7.3 offers templates (ActivityMaker Mobile being the most important) which include a variety of page types and activity widgets. Let’s start with the feature with the biggest impact.

Widgets

Widgets enable you to design simple interactions quickly. Widgets capture your content and then display it plainly in the HTML editor. When previewed, the content is transformed into a rich interaction. Here is a catalog of the widgets currently supported:

 

MultipleChoiceWidgetMultiple Choice

The Multiple Choice Widget supports a multiple choice question that can include a very large number of distractors (answer options). Whereas the Multiple Choice Question page type can support between 1 and 7 answer options, the Multiple Choice Widget can include seventy answer options or more. In the screen shot below, you will see where to type in a question stem. This field is supported by a rich text editor that allows different fonts, font sizes, colors and alignment.

2

Multiple Choice Widget Dialog

About midway you will find a component that includes a  + and – button. These buttons enable you to add and delete distractors (answer options). You can add as many as you please. For each distractor, type in the text that students will read, select whether or not the option is correct, and type in feedback to display to students once their answers have been ‘submitted’.

You fill in points and optionally select randomize and a background color if you so choose.

The result is that the question is neatly inserted into the text flow. You can check for understanding in strategic locations related to the content. LodeStar tracks the student’s overall performance as well as student answers and the matching feedback. Once the student submits an answer, the question is locked and can only be unlocked through a setting on a Gate – which is a page type. Students can review their performance by clicking on the Transcript button. 

The transcript collects information on the question, the student answer, the correct answer and the feedback.  The transcript button is made visible through Tools > Project Settings.

The following is a progression of what a widget activity looks like from the Multiple Choice Widget Dialog to the HTML editor author view to the student view.

3

Author View: Activity Widget Dialog

4

Author View: Inserted into a Text Page

5

Student View: Interactive Question

ShortAnswerWidgetShort Answer

The Short Answer Activity Widget requires students to type in a short answer to a question. It also enables you to handle the anticipated wrong answer. For example, when asked to calculate 234 to the power of 0, students commonly and incorrectly answer 0. You can provide some helpful feedback for this and other common cases.

ImageSliderWidgetImage Slider

With Image Slider you select a series of images that you wish displayed in a slide viewer. Each image can be labeled. The Image Slider is an excellent choice for displaying a progression such as the life cycle of a butterfly or the urbanization of an area over time.

DragAndDropWidgetDrag and Drop

The Drag and Drop offers a fully accessible drag and drop experience for students. Students can categorize words and phrases by dragging with their mouse or finger or interacting with the keyboard.

With Drag and Drop, you input a word and the category the word belongs to. For example, Roosevelt is input as the item. ‘Democrat’ is input as the category.  Here is what the student sees:

7.png

Accessible Drag and Drop activity

 

AudioSyncWidgetAudio Sync

The Audio Sync widget is experimental, not user-friendly yet, and is only included here for completeness. It syncs elements on a page to an imported MP3 file.

The widget collects a list of all of the HTML elements on a page. For example, if a page included ten images, the widget would list them in the order that they appeared on the page. You can use the widget to sync each image’s visibility with a time on the audio track (MP3 file). For example, at one second into the selected audio track, image 1 would fade in and, at five seconds, it would disappear. Image 2 appears at the six second mark and disappears at the ten second mark. And so on. Essentially, you can create a narrated slide show from the elements on your page. This includes simple drawings made with LodeStar’s Scalable Vector Graphics (SVG) editor.

Page Types

In this section, I’ll list the page types that have been most affected by the latest build. I’ll highlight some of the changes.

CrosswordCrossword

You can generate a crossword with your course content. LodeStar compiles the crossword and also creates an accessible page that lists the hints and the length of word that matches the hint. The latest version of the crossword simplifies the interface and allows much longer hints than previous versions. When students click on a numbered square, the hint appears below the crossword.

Crossword

Crossword generated with the LodeStar eLearning Authoring Tool

GateGate

Gates enable you to control the flow of the course and what the student sees. You can set a threshold based on points or percentage of points. If a student meets or exceeds the threshold, s/he follows the ‘Pass’ branch. If a student doesn’t meet the threshold score, s/he follows the ‘Fail’ branch. Branches feature a dozen options, including a scripting option for more sophisticated control.

In the screen shot below (top half of the gate page), you’ll see that you can also reset the score or simply reset the questions so that they become interactive again after being answered and locked. One can also create custom variables and branch according to their value.

gate

Partial screenshot of a Gate Page that supports branching, resetting a score, and resetting an activity

Interactive ImageInteractive Image

Interactive Image enables you to create a drag and drop or click/touch exercise from an image. The Interactive Image component prompts you to identify rectangular areas on an image and then map events to the areas. The events include Click (Touch), Drag and Drop and Hover. The actions triggered by the events include Evaluate Drag and Drop, Show Feedback and Jump to Page. For example, you could present students with an image of the United States and ask students to drag labels to the matching states. Similarly, you can present the heart, the brain, a plant…and ask students to label the parts.

Long AnswerLong Answer

The Long Answer page collects the student response to a question and sends it both to the Learning Management System and to a journal that can be displayed using the Journal Page Type.

The Long Answer Page now includes a branch icon that gets triggered on submit. Now you can respond to a student’s submission with, for example, the expert’s response to the same question. The branch icon provides a variety of options that get triggered when the student submits.

TextText

The Text Page holds the widgets. The page supports a large number of widgets, each with a large number of options.

Also new to the Text Page is the branch icon. The branch icon, depicted in the screenshot below, appears on the far right.

Instructors have a range of options included processing branch options before the text page appears.

It allows the text page to pre-process a branch instruction before the page is displayed. For example if you wanted to hide and/or show resources based on the text page, the branch options provide you with an Execute Command Option. The Execute Command Option includes a scripting window in which you can include such commands as:

addToResources(‘Page ID’);

This is a trickier concept to explain in an article, but it means that any page can be dynamically turned into a resource. Resources display as buttons on the side of or below the viewer. Resources can be manually toggled on by checking the Resource check box on a text page – or they can be programmatically added with the help of the Execute Command script.

Simple things can also be done – like displaying a feedback message upon entering the page. Simply click on the branch icon, type in text and check the ‘Show Feedback’ checkbox.

Accessibility

Although LodeStar activities are general accessible, disabled students will get tripped up in places. Crossword pages are a good example. Technically, disabled students can use command keys to navigate the crossword input boxes. This is extremely difficult. There is a better solution.

LodeStar automatically generates an alternative page to the crossword. Students can select the “Accessible Version for Current Page” and launch a pop up window for that page only and hear the crossword hints and the word length. Students could also select the “Accessible Version”, which provides alternative pages for the entire project.  Other page types do not have an accessible version automatically generated at the page level — but you can click on the accessibility button in the authoring tool and input alternative content.

Student view, with access to Accessible Version of Content at the Page and Project Levels

For Project Level accessibility, you can elect to have LodeStar automatically generate the accessible version or you can control the accessible content by clicking on the icon with the tool tip that reads “Add accessible/alternative text for this page.”  By manually adding accessible content to the page, you are, in effect, controlling content both at the page level and at the project level.

Instructor view — with ability to add accessible content customized for each page.

SVG Editor

LodeStar’s SVG editor enables you to draw circles, ellipses, rectangles, squares, straight lines, free form lines, polygons and text. You can draw simple diagrams such as flow charts and Venn diagrams. The advantage to SVG is implied in its name: Scalable Vector Graphics. SVG graphics are scalable. They retain their sharpness at any size. Standard images are composed of pixels. Scaling a standard image or bitmap reveals the pixels whereas scaling the vector image preserves the image’s sharpness.

To create an SVG, click on where you wish the image to be located and then click on the SVG button on the HTML Editor tool bar. After you draw an image, select ‘Fit to Content’ and then ‘Save to Page’. LodeStar also supports the import of SVG images. To import an SVG image, click on the image button on the SVG toolbar. Select ‘Get Image’ and then change the Image Type to SVG at the bottom right of the dialog. (SVG images with embedded pictures (bitmaps) are not supported at this time.)

Publishing to the Cloud

The final major feature of LodeStar 7.3 is its ability to publish to the cloud. A full article will be dedicated to this new function. The following is just a quick summary:

Under Tools in the menu bar, LodeStar offers a PENS option. PENS means Package Exchange Notification System. LodeStar users can request a special license key from supportteam@LodeStarLearning.com in order to publish directly into Rustici Software’s Scorm Cloud, a popular system that can deliver interactive content to students in a variety of ways: email, Drupal sites, WordPress, and, with the help of the Learning Tools Interoperability specification, to a number of learning management systems.  Please note that the LodeStar License does not cover a Rustici Scorm Cloud License — however, the SCORM cloud does offer a free trial with limited storage and registrations.

Conclusion

LodeStar 7.3 is powerful. It enables instructors to create rich, interactive experiences for their students that supports the outcomes of the online course. The combination of templates, page types, widgets and new publishing options makes this authoring system a critical tool for the online instructor.

Advertisements

Using MediaSpace Videos

Embedding MediaSpace Videos

2017-01-04_2211

A Screenshot of a MediaSpace Video Linked to LodeStar ActivityMaker

Kaltura MediaSpace is a wonderful video portal, but linking to MediaSpace videos from LodeStar can be a little tricky.

The simplest — but not the most effective — way is to take the embed code that MediaSpace offers and paste it into LodeStar using the following tool in the LodeStar’s HTML editor.

2017-01-04_2118

This tool, located on the toolbar of the LodeStar HTML editor allows you to paste in an embed code that displays the video on the page.

The downside to this simple approach is that the video will not pause when the student turns the page.

The better approach requires a few steps. You’ll pull out your hair the first time, and find it second nature the second time.

Linking LodeStar’s Video Player with MediaSpace videos

The following steps apply only to mp4 files, which (at the time of this writing) is the only truly cross-browser video format.

Steps:

  1. Launch MediaSpace, and locate your video file.
  2. In MediaSpace, select ‘Publish’ from the Actions drop down menu. Publish your video or make it Unlisted.
  3. At the bottom of your screen, click on the ‘Share’ button and  display the embed code.

Here is a snippet from an example:

<iframe id=”kaltura_player” src=”https://cdnapisec.kaltura.com/p/812561/sp/81256100/embedIframeJs/uiconf_id/33140371/partner_id/812561?iframeembed=true&playerId=kaltura_player&entry_id=0_ugv87vgr&flashvars[mediaProtocol]=rtmp&….

Notice that two codes are bolded and underlined.  They represent the two pieces of information that you need:  the partner ID, and the entry ID.

2. Launch Kaltura’s kWidget from the link below.

http://player.kaltura.com/kWidget/tests/kWidget.getSources.html

You will see the following widget at the bottom of the page:

2017-01-04_2133

3.  Enter the partner ID from the embed code in the partner id field and enter in the entry ID in the entry ID field.  Click on get sources.

4. You will see the following heading, followed by video sources, the true addresses of the videos.

2017-01-04_2136

Notice the second source with the video src that ends with a.mp4

You’ll want to copy the  address into your clipboard beginning with http:// and ending with .mp4

5. Open your LodeStar ActivityMaker, ActivityMaker Mobile,  or ARMaker project or any template that is derived from ActivityMaker like PBLMaker or WebQuestMaker.

6. Add a Video Page (not Video Scenario).

7. Paste in the video source (src) in the top field, as pictured below

2017-01-04_2156

8. Preview your project to ensure that the video is properly linked.

What’s new in LodeStar 7.2 Build 36

Introduction

Some of the features that we explore below are new to LodeStar. Others are features that appeared several builds ago, but instructors may still not be aware of them. There is no particular ordering to the new features.  Some of the features will be more significant to individual instructors than others.  The most powerful additions appear both at the beginning and at the end.

Activity Widgets

2016-09-12_1922

LodeStar HTML Editor with insert question widget button (?)

Click on the ? button in the HTML Editor on the Text Page and you’ll discover a new capability. Instructors can now inject an indefinite number of activity widgets into their text pages. To start, LodeStar offers the Multiple Choice and Short Answer widgets. In the future, the choices will multiply.

The ‘Multiple Choice widget’ offers unlimited number of distractors, custom feedback for each distractor, and partial credit — all integrated with LodeStar reporting.

activitywidgets

LodeStar Activity Widget Dialog

The Short Answer widget offers the instructor not only the ability to identify correct answers to short answer questions, but alternative correct answers and anticipated wrong responses. In illustration of the latter point, a question might ask, for example, what any number to the power zero equates to. The right answer is 1. The anticipated wrong answer is 0. The widget offers instructors the ability to provide precise feedback for the anticipated wrong answer.

Activity Maker Mobile

This fairly new template enables instructors to create content that is responsive – playable on a variety of devices including desktops, tablets and smartphones. Whereas ActivityMaker makes adjustments for the tablet, ActivityMaker Mobile adapts to any device – while maintaining ease of navigation and readability.

activitymakermobile

LodeStar’s ActivityMaker Mobile Template

See full article and example

PBLMaker

PBLMaker is a relatively new template, and continues to receive improvements. The template was initially developed at the University of Minnesota to help instructors around the world build learning objects that prepare health workers to prevent, detect, and respond to the threat of infectious diseases. The template is now widely available to any LodeStar author interested in a problem-based learning approach to online instruction.

pblmaker

Lodestar Learning’s Problem Based Learning Template

See full article and example

Student tools

studenttools

Instructors select Tools > Project Settings to turn on and off student tools. Pictured above are a variety of tools that instructors can choose to enable for students. From left to right, they include a table of contents. (Instructors select a style of table of contents, type in a page title for each page and check off the Table of Contents check box.)

toc

Adding a Table of Contents entry requires typing in a Page Id and checking Table of Contents

The next tool includes a student notepad that saves content to the student’s computer.

The print tool makes it easy for students to print off content, if the instructors permit.

The last tool pictured above launches a version of the content that is more easily read by screen readers. Faculty can override what content gets displayed by selecting the accessible/alternative text tool (see below – last icon on the right).

alternativecontent

If alternative text is not desired due to the nature of the content, instructors can simply turn this feature off.  Again, this  control is available under Tools > Project Settings as pictured below:

projectsettings

Tools > Project Settings gives control to  instructors in ActivityMaker

Preview

Most LodeStar projects can be previewed with the click of the ‘Preview’ button. There are times, however, when instructors might want to preview in the Firefox browser. Firefox enables instructors to test the responsiveness of an ActivityMaker Mobile project and to test out the commands authored in LodeStar JetScript (next section).

Once an instructor clicks the ‘Preview’ button, LodeStar saves the local address of the project on the clipboard. Instructors simply need to right click on the URL address bar in Firefox, and select ‘Paste and Go’.

Execute commands (advanced)

LodeStar has added a scripting language call LodeStar JetScript. In some specialized cases, instructors might find the branching drop down menus too limiting. The Execute Command branch option allows instructors to script the actions that LodeStar should take when students select an answer or when students meet or fail to meet a performance threshold set in a gate.

executecommands

Execute Command is a new branch option accessed from a question option, menu page, or gate.

Examples include, adding and removing resources, jumping to pages, resetting pages, suspending and retrieving data from the learning management system and more. Inside of LodeStar, the list of commands in the appendix below and can be accessed by clicking on the blue help button with the question mark.

Please Note: Use Firefox to preview projects that feature LodeStar JetScript (see previous section).

Conclusion

LodeStar Learning continually strives for functionality that helps instructors build higher order learning activities. In addition, LodeStar continually improves on the experience for mobile learners and for all students who benefit from accessible content. Many new developments are on the road map.  So stay tuned!

Appendix

Scripted Commands

concatenate(val1,val2);

message(value);

goToNextPage();

goToPreviousPage();

jumpToPage(‘Page ID’);

openUrl(‘insert url’);

addOverlay(‘Page ID’);

setValue(‘variable name’, value);

appendValue(‘variable name’, value);

getValue(‘variable name’);

resetPage();

removeFromFlow();

removeFromFlowById(‘Page ID’);

addToResources(‘Page ID’);

removeFromResources(‘Page ID’);

resetAllInteractivity();

updateProgressBar(value, max);

suspendData();

retrieveData();

clearData();

setCompletionStatus();

Math.random();

Math.round(value);

Math.floor(value);

Math.ceil(value);

Math.round(value);

convertToString(value);

Publishing to Curriki

Curriki supports LodeStar projects.

Curriki is a terrific resource.  If you don’t have access to a learning management system and you are willing to share your resource with the educational community as well as your students, choose Curriki.

Curriki is an open education resource library. Curriki enables educators around the world to access and contribute free open educational resources.

At the conclusion of this post, you will find a short video that describes how to import a LodeStar project into Curriki.  But before you can import LodeStar, you must contact Curriki at http://www.curriki.org/about-curriki/contact-us/ and request to be a trusted user.

Once you are a trusted user, follow these steps.  The video is a little difficult to view, but these steps will help you.  Print them out.

In LodeStar

  1. Open a LodeStar project.
  2. Select Export.
  3. In the Export dialog, select the ‘Simple Zip’ option.
  4. Fill in the fields and click on the “Create Export’ button.
  5. Pay attention to where LodeStar saves your exported file!!

In Curriki

  1. Register as a Curriki user (free) and contact Curriki to become a trusted user (free).
  2. Log in to Curriki.
  3. Go to ‘My Dashboard’ if you are not already there.
  4. Click on ‘Contribute a Resource’.
  5. Fill in the ‘Title’ and ‘Abstract’ fields.
  6. In the Content area, click on the HTML Editor and select ‘Insert’ from the HTML editor toolbar.
  7. Select ‘Insert LodeStar Zip’.  This is the simple zip that you created earlier.  It is in your LodeStar/Exports folder.
  8. Follow the rest of the Curriki information collection process.
  9. Once you have completed all of the steps, you will be able to ‘Start’ the LodeStar activity.
  10. To find your project (resource), go to ‘My Dashboard’ and to ‘My library’.
  11. Click on the resource.  Click on the ‘Start’ button to launch.
  12. Share the resource website address with your students.  Test the address.

 

Screenshot of the Curriki HTML Editor with Insert LodeStar Zip.

2016-08-30_2019

 

Screenshot of the activity web page.  Notice the Website address near the top of the screen.  Notice the start button near the bottom of the screen.

2016-08-30_2100

Last Note:

Curriki supports Google Classroom.  If your school cannot afford a learning management system like Moodle, consider Google Classroom.  LodeStar objects added to the Curriki library can be easily shared with Google Classroom.

 

 

 

 

Linking to a PDF

There are two ways to link a PDF (or any other web friendly file) to a LodeStar ActivityMaker page.  The first way involves copying the PDF to the root directory of the project so that PDF always remains with the project.  The second way involves linking to a PDF located anywhere on the public internet.

Linking to a local PDF file

Open or start an ActivityMaker project.  Every project has its own directory under LodeStar > Projects.  Copy the PDF to the root of that directory.  In my example I have a project named Demo_PDF.  In the screenshot, you will see that I have copied the pdf to the Demo_PDF directory. My pdf file is called GuitarTab.pdf.  It is not obvious, but note that the pdf file sits inside my Demo_PDF project directory.

 

2016-06-15_2139

Next, I click on the link icon in the HTML Editor toolbar on the ‘Text’ page.

2016-06-15_2153

In the URL field, type in the name of the PDF file.  In my case, I typed GuitarTab.pdf.  Type in a text to display to your students, as pictured below:

2016-06-15_2142

Click Ok.  To preview your work, click on Preview.  This will copy the address of the project to the clipboard.  Preview will not show the popup with your PDF.  To see this in action, launch Firefox, and paste in the project URL from the clipboard.  (If you previewed, the project URL is on the clipboard.)  Once your project loads, you can click on your link and see it work.

Linking to a PDF on the Public Internet

Follow all of the steps above, but instead of a filename as a URL paste in the complete address of the PDF on the internet.

See below for how either scenario should appear:

 

2016-06-15_2143

 

Inserting a YouTube Video

  1. Launch LodeStar and choose a project based on the ActivityMaker template.
  2. Add a new page to your project.
  3. Select the page type ‘Video’  (not Video Scenario).
  4. Copy the URL (the address) from YouTube.  Notice the screen shot below.  Copy the address that is highlighted with blue.
  5. Paste the address into the first field (box) on the LodeStar Video Page.  Ignore everything else.
  6. Click Preview.  Your video wont show in the preview.  Now jump out to the Firefox browser.  Because you clicked on the LodeStar Preview button, the address of your project was saved to the clipboard.  Now paste it in the Firefox address field.  You should now see your project and be able to view your video, provided that YouTube hasn’t blocked it.

Please note:  You will need to manually pause your video, but once you publish your project to a learning management system, LodeStar will automatically pause the video when the student turns the page.

2016-03-25_1201.png

Exporting a Project to D2L BrightSpace 10.5 +

Inside of LodeStar 7.x, do the following:

  1. Open your project, if not already opened. You will find your most recently used project under ‘File’.
  2. Select the Export button. Pay attention to where your zip file will be saved.
  3. Keep the default ‘SCORM 1.3 (Recommended)’ selected .
  4. Fill in the Module, Topic and Author Fields.
  5. Click on ‘Create Export’ button.

 

Inside of D2L BrightSpace 10.5 or later, do the following:

  1. Go to your course.
  2. Select ‘Edit Course’
  3. Select ‘Import/Export/Copy Components’ (on the left hand side of the screen)
  4. In the ‘What would like to do? screen’, select the ‘Import Components’ radio button. Select the ‘from a course package’ radio button.
  5. In the ‘Import Course Package’’ screen, click on the ‘Import All Components’ button and browse to the lodestar zip file in the exports folder.
  6. Click on the ‘Start’ button.
  7. Once the process is completed, click on the ‘View Content’ button to navigate to the Content Tool.   D2L will always append your new module and topic to the end of your list of modules.