...
...
GuideWorking together to enhance teaching & learning. If you need additional assistance, please reach out to the ID&D team. |
Sometimes students need little nudges to keep them engaged, motivate them to continue with a module activity, or help confirm they are on the right track.
Progress Indicators are a way to give students an idea of where they are in terms of completing activities in the course modules. These can serve to help students manage their time and ensure they complete activities within a module.
...
Quick Checks allow students to interact with content and make sure they have an understanding of concepts before they get to a graded assessment. These are non-graded activities that allow students to test their knowledge or understanding before moving on to another activity or piece of content.
...
| Iframe |
|---|
| src | https://play.vidyard.com/Ss4VRvKPfTDaBTWmJGtRav.html |
|---|
| width | 500 |
|---|
| title | DesignPLUS: Progress Indicators |
|---|
| class | vidyard_iframe |
|---|
| height | 280 |
|---|
|
This article provides step by step guides on how to reimagine
...
a page using the interactive components below
...
:
...
...
|
|---|
Tip!You can click on the images in this article to see them larger and with more detail. |
...
Displaying Progress Indicators
You can insert an indicator bar on your page that shows the student's position within a module and provide them with enhanced intramodular navigation. For Progress Indicators to work you must add them to every item in a module. Also, the Modules link must be visible in the Course navigation bar (on the left) for the indicator to work. Also, please note that the progress indicators are not available in the mobile app.
| Expand |
|---|
|
To insert a progress indicator in your course: Open the first page of your module.
|
...
...
whare you want the progress bar to be displayed. The indicator can be placed anywhere you want on the page. However, if you want it
|
...
...
Title, place your cursor at the end of the banner title.
Open the Sidebar and search for Progress.
Click on the Progress Indicator icon.
 Image Added
A Progress indicator placeholder will be added to the page.
|
...
 Image AddedIf you want it to be above the Banner title of a page, you may have to move the element using the up arrow in the action tool bar in the sidebar.
|
...
 Image AddedNext you select the style of the progress indicator. The place holder in your page will not change, but the selections available to you can be previewed in the “Preview panel” in the Sidebar. There are six styles available, but the first three are the most practical to display at the top of a page:
|
...
...
...
- this option displays a solid line that progressively fills the bar as the student moves through the module Icon Progress Bar
|
...
- this option displays a small icon representing the type of content for each item in the module, progressively
|
...
fill the bar as the student moves through the module. Module Item Completion
|
...
- this option displays the icon for each item in the module, using a location marker to identify where the student is and a checkmark if the item
|
...
has an activity that was completed.
 Image Added
You can change the color of the progress bar in the Style panel as well. Click on the “Color” button and select the color you wish to use. Because you install the progress indicator on each page you can have a different color for each page or types of pages.
|
...
 Image AddedThe following are examples of the three types of progress indicators showing progress from Page 1 to Page 3: Basic Progress Bar
|
...
...
Image Removed
Image Removed
Image Removed
Back to List
...
Using Quick Checks
Quick Checks are non-graded usually one-question items that help students assess if they understood the concepts introduced in a module, giving them instant feedback. Quick Checks can have multiple questions if desired.
| Expand |
|---|
|
To add a Quick Check to a page: Open the page you want to add a Quick Check.
|
...
...
Place your cursor where you want the Quick Check to appear (In this example I want students to answer a question about
|
...
a video) Open the Sidebar and
|
...
...
...
Icon
 Image Added
A Quick Check content block will be added to the page. It will have a default of one question with 2 answers.
|
...
In the content panel in the sidebar, identify how many answers you will want to provide Enter your question in the Question field on your
|
...
page Enter the answer choices in the answer fields on your content page, they will appear in the content panel in the sidebar Enter a feedback response to each answer in the response field
 Image Added
Some of the information from the content block will now appear in the Content panel in the sidebar
|
...
Identify the correct answer by selecting the checkmark in front of the answer in the sidebar Change the order of the answers by using the drag and drop icon in front of the check mark The question and answers will appear in the preview panel
 Image Added
Review the question, answer and feedback and save the page.
|
...
 Image AddedStudents will get immediate feedback based on their answer.
|
...
Back to List
...
| Panel |
|---|
| borderColor | #8A0000 |
|---|
| bgColor | #FFDD80 |
|---|
| titleColor | #FFC420 |
|---|
| borderWidth | 1 |
|---|
| titleBGColor | #8A0000 |
|---|
| borderStyle | solid |
|---|
| title | Summary of Steps |
|---|
|
| Expand |
|---|
| title | Displaying Progress Indicators |
|---|
| - Open the first page of your module.
- Place your cursor where you want the progress bar to be displayed. The indicator can be placed anywhere you want on the page However if you want it to be above the Banner title, place your cursor at the end of the banner title.
- Open the Sidebar and search for Progress.
- Click on the Progress Indicator icon.
- A Progress indicator placeholder will be added to the page.
- If you want it to be above the Banner title of a page, you may have to move the element using the up arrow in the action tool bar in the sidebar.
- Next you select the style of the progress indicator. The place holder in your page will not change, but the selections available to you can be previewed in the “Preview panel” in the Sidebar. There are six styles available, but the first three are the most practical to display at the top of a page:
- Basic Progress Bar – this option displays a solid line that progressively fills the bar as the student moves through the module
- Icon Progress Bar – this option displays a small icon representing the type of content for each item in the module, progressively filling the bar as the student moves through the module.
- Module Item Completion – this option displays the icon for each item in the module, using a location marker to identify where the student is and a checkmark if the item had an activity that was completed.
- You can change the color of the progress bar in the Style panel as well. Click on the “Color” button and select the color you wish to use. Because you install the progress indicator on each page you can have a different color for each page or types of pages.
|
| Expand |
|---|
| - Open the page you want to add a Quick Check.
- Place your cursor where you want the Quick Check to appear (In this example I want students to answer a question about the video)
- Open the Sidebar and search for Quick Check.
- Click on the Quick Check icon.
- A Quick Check content block will be added to the page. It will have a default of one question with 2 answers.
- In the content panel in the sidebar, identify how many answers you will want to provide
- Enter your question in the Question field on your content page
- Enter the answer choices in the answer fields on your content page, they will appear in the content panel in the sidebar
- Enter a feedback response to each answer in the response field
- Some of the information from the content block will now appear in the Content panel in the sidebar
- Identify the correct answer by selecting the checkmark in front of the answer in the sidebar
- Change the order of the answers using the drag and drop icon in front of the check mark
- The question and answers will appear in the preview panel
- Review the question, answer and feedback and save the page.
|
|
Related articles
...
 Image Added
|
...
Related articles
| Child pages (Children Display) |
|---|
| depth | 2 |
|---|
| page | DesignPLUS Tools for MyClasses |
|---|
|
...
Visit the DesignPLUS Training Series Tutorials for more videos. For more step-by-step guides, visit the DesignPLUS User Guide. (These links will overwrite this page.)
...
