Content designer Pro

Description

About Content Designer

Content Designer is a Moodle course activity which teachers can use to create mobile-first content, directly in Moodle. It is built with the workflow of instructional designers in mind, starting with a high-level concept for a learning content, and then adding content for each part of the concept. Content Designer uses a chapter structure — each chapter can contain as many elements as needed.

Elements

General

The following settings are available for all elements:

• Title (for admin purposes)
• Visibility (visible/hidden)
• Margin (space around element)
• Padding (space around content within element)
• Background behind element
  • background color/gradient (above)
  • background image
  • background color/gradient (below)
• Entrance animation
  • Type: Fade in, Slide in from left, Slide in from right
  • Duration: slow, normal, fast
  • Delay: ### milliseconds
• Scrolling effects (horizontal)
  • Direction: to left, to right
  • Speed: 0-10
  • Viewport: bottom to top (in percentage)
• Responsive
  • hide on desktop
  • hide on tablet
  • hide on mobile

Chapter

• Chapters are the logical structure of the content and is used to group elements.
• Chapters define the progress within the activity, i.e. the progress bar at the top has as many increments as progress. Chapters are completed after the student clicks on the CTA at the end of the chapter.
• Chapters have no specific settings, except that they can be hidden.
• Chapters are “invisible” within the content (except for the progress bar), just a container

Heading

The heading element is used to create a visible structure for the content and has the following settings:

• Text input
• Type
  • main heading (h2)
  • subheading (h3)
• Horizontal Alignment
  • left
  • center
  • right
• Vertical Alignment
  • top
  • middle
  • bottom
• Link
  • URL
  • Target

Paragraph

The paragraph is used for (pure) text content and has the following settings:

• Text area
• Horizontal Alignment
  • left
  • center
  • right
• Vertical Alignment
  • top
  • middle
  • bottom

Rich text 

The rich text element provides a Moodle text editor and thus offers all the options it has.

H5P

The H5P element is used to embed an H5P into the content and provides the following settings:

• repository / content bank to pick h5p
• mandatory (means that the h5p needs to be completed before the user can proceed) or optional
  • if mandatory, a hint should be displayed below the element that the h5p needs to be completed first, and the following elements are not displayed at all
  • if optional, the user can interact with the h5p but does not need to, he can simply skip it

Outro

The last element at the end of each content designer activity, visually indicating that the activity is complete. Reaching the outro triggers the activity completion condition: “Finished content”. It has the following settings:

• file picker (to select an image which is displayed, e.g. a checkmark)
• primary action (button with url and text)
• secondary action (button with url and text)