Skip to content

Creating a Course

Simon Date edited this page Jul 22, 2016 · 18 revisions

Creating a Course

The Dashboard

The dashboard is the main page. It displays every course and has options to filter and sort them, along with the option to create a new course.

Shared courses

Shared courses are accessible to all the members of your team that are connected on the same server. You can edit a setting on a course to make it accessible to others or just to your own account.

Adding a Course

To begin, click the "Add new course" button on the dashboard.

Course Details

Give the course a title and description, choose who it should be visible to, and give it any appropriate tags. These details can be edited after the course has been created.

Once the course has been created, it should show up on the dashboard. Double click the course, or click the gear icon and then choose "Edit".

Editing Course Details

Course Settings

Each course has several different types of settings. They can be found under the Global Settings heading on the sidebar on the main editor page.

  • Project settings: contains the same settings used when creating the course.

  • Configuration settings: contains course-wide settings such as language, the weighting of each question and accessibility settings.

  • Theme settings: contains the available themes for the course and allows one to be chosen.

  • Manage extensions: contains a list of all the extensions available in the builder and allows them to be turned on or off for this course.

There are also buttons to preview the course in the browser, and to publish the course to a .zip folder.

Add a section to the course by clicking the "Add section" button. Sections in this column will appear on the main page. There can be any number of sections, and sections can also be contained in other sections. Edit the section by clicking the gear icon, then clicking "Edit". It contains the following settings:

Section/Page Settings
  • Page Title: use this to set the name of the section/page in the editor.

  • Display Title: use this to give the section/page a title that will be displayed on the actual site.

  • Page body: use this to give a description of the section/page.

  • Graphic Alt: use this to provide alt text if the image doesn't load.

  • Graphic Src: use this to set the image that will be displayed for this section/page.

  • Link Text: use this to set the text on the button to enter this section/page.

  • Classes: use this to add CSS classes to this section/page.

  • Duration: use this to set how long this section/page should take to complete. If left empty, no duration tag will show.

Click "Save" in the sidebar to return to the course editor. Click the section once to open it, then either add another section by repeating the instructions above, or add a page by clicking "Add page" in the second column. A section can contain any number of sections or pages. The page can be edited in the same way as a section as they share the settings above.

Adding Content to the Course

Once a page has been created, content may be added to it. To do this, double click on the page. A page must contain at least one article, block and component. Start by clicking "Add article". The article can be edited by double clicking on it or by clicking the gear icon, then "Edit". It contains the following settings:

  • Title: use this to set the name of the article/block in the editor.

  • Display Title: use this to give an article/block a name that will be displayed on the actual site.

  • Classes: use this to add CSS classes to this article/block.

  • Body Text: use this to give a description of the article/block.

Blocks share the same properties as articles. When the article has been created, add a block by clicking "Add block" and edit its settings.

Next, a component must be added to the block. A block can take either one full-width component, or two half-width components (one to the left and one to the right). Click the "Add component" button, select the component you want, then select its size/position and click "Save" in the sidebar.

Edit the component by double clicking on it or by selecting the gear icon, then clicking "Edit". Components share the same general properties as articles and blocks, but also have a "Component properties" section that contains properties unique to each component type.

Once the course contains at least one page with one component, it can be previewed from the sidebar.

Clone this wiki locally