System Status
  1. Help Center
  2. User guides
  3. Course content

Content365 Authoring: add a screen to a course

Avatar

Introduction

This articles talks about the types of screen you can add to a course and how to configure them.

 

Add a screen

Required role: catalog admin. Course admin can edit and manage the course after it's created.

1. Go to the Learn365 Admin Center > Training Management. The Training Management page opens.

2. Select Content365 Authoring. The Import Content365 Authoring courses panel opens.

This panel shows all your Content365 Authoring courses. The course title and thumbnail are displayed.

3. You can use the Search field to find a specific course. The search runs only on the course title.

4. Select Edit course (the pen icon) next to the course you want to edit. The course opens on the Create Course panel.

The course opens on the first screen.

5. Select Add screen in the left-hand navigation panel. The Screens panel opens.

 

Image that shows the various types of screen you can add to a Content365 Authoring course via the Create Course panel

 

6. Select the screen you want to add to your course. The options are:

 

Text and image

The Text and image screen enables you to add text alongside an image.

1. Select Add screen > Text and image.

2. Choose whether you want to manually add the text and image screen, or generate content using the AI assistant.

 

Start from scratch

1. Add a title. By default, this is Untitled.

2. Replace the placeholder text with your own.

3. Select the placeholder image and select Edit image or Replace image.

  • To edit an image, select the bin icon in the top right-hand corner to delete the placeholder image.

    Image that shows the bin icon when editing an image. You can select the bin icon to remove the current image, in preparation for choosing another

    The Add an image dialog opens. Upload your own image using drag and drop, or select browse to upload to find the image on your local device. Alternatively, select an image from the Library, Unsplash, or Giphy tabs. You can upload an image up to 2.5 GB in size.

    Image that shows how to add a new image as part of the edit image process. Here, you can choose a new image

  • To replace an image, select Upload in the Add image dialog to choose an image on your local device, or select an image from the Library, Unsplash, or Giphy tabs. Select X in the top right-hand corner. You can upload an image up to 2.5 GB in size.

    Image that shows how to use the replace image feature. Here, choose a new image to replace the current one

     

4. Configure the layout of your Text and image screen.

 

Image that shows a new Text and Image screen on the Create Course panel

 

Video

The Video screen enables you to add a video for your learners. You can upload a video up to 2.5 GB in size.

1. Select Add screen > Video.

You'll see a new slide with a default video added.

2. Add a title. By default, this is Untitled.

3. Select Replace video. The Add video dialog opens.

4. Choose how you want to add a video. Either:

  • Upload a video using drag and drop, or select browse to upload to find the video on your local device; or
  • Enter the Video URL to point to the location of the stored video.

 

Image that shows how you can add a video, either by selecting a new video from your local device, or entering a URL where the video can be found

 

5. Select Done to return to your course. The selected video is displayed.

6. To force the viewer to watch the entire video before they can continue with the course, select the Enforce completion drop-down then set the Enforce completion toggle to On.

7. To add some accompanying text, select Display options (the eye icon) and select Description. Replace the placeholder text (Add a description) with your own.

 

Image that shows how to set the Enforce completion toggle, and the optional Description field, on a new video screen

 

8. Configure the layout of your Video screen.

 

Slideshow

The Slideshow screen enables you to add a selection of images about a specific topic or theme. This is particularly useful if, for example, you want to showcase a gallery of product images or services you offer, or create a visual story or narrative through a sequence of images.

1. Select Add screen > Slideshow.

You'll see a new slide with a default slideshow added.

2. Add a title. By default, this is Untitled.

3. Select the placeholder image and select Edit image or Replace image.

  • To edit an image, select the bin icon in the top right-hand corner to delete the placeholder image. The Add an image dialog opens. Upload your own image using drag and drop, or select browse to upload to find the image on your local device. Alternatively, select an image from the Library, Unsplash, or Giphy tabs.
  • To replace an image, select Upload in the Add image dialog to choose an image on your local device, or select an image from the Library, Unsplash, or Giphy tabs. Select X in the top right-hand corner.

You can upload an image up to 2.5 GB in size.

4. Enter a Description for the slide.

5. To add more slideshow slides, select Add slide in the toolbar at the top of the screen, then repeat steps 2 to 4.

6. If you've added multiple slideshow slides, you can reorder them by selecting Reorder items from the right-hand tools, then dragging the items to the correct order. Select Done to return to your course. The items are displayed in the correct order.

 

Image that shows how you can reorder slideshow slides from the right-hand tools menu

 

7. To delete a slideshow slide, select Delete (the bin icon) in the toolbar at the top of the screen. You can't delete the only slide on the screen.

8. Configure the layout of your Slideshow screen. Use the navigation tools at the bottom of the screen to navigate between slides.

 

Image that shows the layout of a new Slideshow screen with six slides

 

Document

The Document screen enables you to add a document for your learners. The document will be added to your course as an embedded object in its original format. This is particularly useful if, for example, you want to provide optional reading and reference materials, or if you have policy and procedure documents you want to include.

You can upload a document up to 2.5 GB in size.

Before adding a document screen, ensure the source document is finalized and structured in the way you want it to be presented to learners. Once added, you can't edit the content of the document.

You can upload the following file types:

  • Microsoft Word documents (.doc, .docx)
  • PDF (Portable Document Format)
  • Excel spreadsheets (.xls, .xlsx)
  • PowerPoint presentations (.ppt, .pptx)
  • Text files (.txt)
  • Rich Text Format (.rtf)

1. Select Add screen > Document.

2. Add a title. By default, this is Untitled.

3. To add some accompanying text, select Display options (the eye icon) and select Description. Replace the placeholder text (Add a description) with your own.

 

Image that shows both a title and description have been added for the new document screen

 

4. Upload your own document using drag and drop, or select browse to upload to find the document on your local device.

The uploaded document is displayed.

5. Configure the layout of your Document screen.

 

Embed

The Embed screen enables you to embed rich content in your course. This is particularly useful if, for example, you choose to engage users by adding surveys, calendar booking capabilities, maps, and so on, to your course.

1. Select Add screen > Embed.

2. Add a title. By default, this is Untitled.

3. Paste the embed link of your third party tool and select Add content. To remove a link, select Delete embed near the top of the screen.

 

Image that shows where to paste the embed link of a third party tool for the new Embed screen

 

4. To add some accompanying text to provide additional context for the embedded object, select Display options (the eye icon) and select Description. Replace the placeholder text (Add a description) with your own.

5. Configure the layout of your Embed screen.

 

Accordion

The Accordion screen enables you to arrange a large amount of information in a small space. When learners open this screen, they can expand and collapse content to help reduce cognitive load and make it easier to understand the information. Dedicated display options enable you to use the Accordion screen to explain acronyms, and display content in ordered and unordered lists.

1. Select Add screen > Accordion.

2. Choose whether you want to manually add the accordion screen, or generate it using the AI assistant.

 

Start from scratch

1. Add a title. By default, this is Untitled.

By default, two accordion items are displayed but you can add more.

2. Replace the heading text (Item 1) with your own heading. As you enter the heading name, the accordion expands.

3. In the body of the accordion item (the Description field), replace Add a description with the detail.

4. To add more accordion items, select Add item in the toolbar at the top of the screen, then repeat steps 2 to 3.

 

Image that shows where to replace the heading text and description, and how to add more accordion items for the new Accordion screen

 

5. If you've added multiple accordion items, you can reorder them by selecting Reorder items from the right-hand tools, then dragging the items to the correct order. Select Done to return to your course. The items are displayed in the correct order.

 

Image that shows how you can reorder accordion items from the right-hand tools menu

 

6. To delete an accordion item, select the vertical ellipsis then Delete. You can't delete the only item displayed.

7. Configure the layout of your Accordion screen.

 

Process

The Process screen enables you to display a process in small, manageable steps. Using visuals, such as diagrams or images, you can supplement instructions and make processes easier to understand.

1. Select Add screen > Process.

2. Choose whether you want to manually add a flashcards, or generate them using the AI assistant.

 

Start from scratch

1. Add a title. By default, this is Untitled.

By default, two process slides are displayed but you can add more.

2. Select the placeholder image and select Edit image or Replace image.

  • To edit an image, select the bin icon in the top right-hand corner to delete the placeholder image. The Add an image dialog opens. Upload your own image using drag and drop, or select browse to upload to find the image on your local device. Alternatively, select an image from the Library, Unsplash, or Giphy tabs.
  • To replace an image, select Upload in the Add image dialog to choose an image on your local device, or select an image from the Library, Unsplash, or Giphy tabs. Select X in the top right-hand corner.

You can upload an image up to 2.5 GB in size.

3. Replace the process step heading text (Step 1) with your own heading.

4. In the body of the process slide (the Description field), replace Add a description with the step detail.

5. To add more process slides, select Add slide in the toolbar at the top of the screen, then repeat steps 2 to 4.

 

Image that shows where to replace the heading text and description, and how to add more process slides for the new Process screen

 

6. If you've added multiple process slides, you can reorder them by selecting Reorder items from the right-hand tools, then dragging the items to the correct order. Select Done to return to your course. The items are displayed in the correct order.

 

Image that shows how you can reorder process items from the right-hand tools menu

 

7. To delete a process slide, select Delete (the bin icon) in the toolbar at the top of the screen. You can't delete the only process slide on the screen.

8. Configure the layout of your Process screen. Use the navigation tools at the bottom of the screen to navigate between process slides.

 

Flashcards

The Flashcards screen enables you to prompt learners' memories using visual and verbal cues.

1. Select Add screen > Flashcards.

2. Choose whether you want to manually add flashcards, or generate them using the AI assistant.

 

Start from scratch

1. Add a title. By default, this is Untitled.

2. Enter a screen description. Replace the placeholder text (Add a description) with your own.

By default, two flashcards are displayed but you can add more.

3. Keep the default heading text (for example, Question 1) or replace it with your own heading.

4. Replace Add a description with the detail, such as a question you want to ask learners.

 

Image that shows where to replace the heading text and description for the new Flashcard screen

 

5. Select the flip icon (the two circling arrows) at the bottom of the flashcard to flip it. This is where you enter the answer.

6. Enter the answer.

 

Image that shows where to enter the answer on the flip side of the new Flashcard screen

 

7. To add more flashcards, hover between cards then select +, then repeat steps 2 to 6.

8. If you've added multiple flashcards, you can reorder them by selecting Reorder items from the right-hand tools, then dragging the images to the correct order. Select Done to return to your course. The items are displayed in the correct order.

 

Image that shows how you can reorder flashcard items from the right-hand tools menu

 

9. To delete a flashcard, select it, then select Delete (the bin icon) in the toolbar. You can't delete the only flashcard on the screen.

10. Configure the layout of your Flashcards screen. As you select a flashcard, the next moves into view. Navigate through the flashcards to configure each one.

 

Checklist

The Checklist screen enables you to add a list of points, such as a simple process or important things to remember. When learners open this screen, they'll have to check off each item as they go through the list. This helps create an engaging experience where your learners interact with this content.

1. Select Add screen > Checklist.

2. Choose whether you want to manually add a checklist, or generate it using the AI assistant.

 

Start from scratch

1. Add a title. By default, this is Untitled.

2. For each item, replace the placeholder text (for example, Item 1) with your own.

By default, two checklist items are displayed but you can add more.

 

Image that shows where to add a title, replace the placeholder checklist item text, and how to add more checklist items for the new Checklist screen

 

3. You can reorder and restructure checklist items:

  • To change the order, select Reorder items from the right-hand tools, then drag the top level items to the correct order. Select Done to return to your course. The items are displayed in the correct order.

    Image that shows how you can reorder checklist items from the right-hand tools menu

  • To make one checklist item a child of another, hover over the item you want to move, then use the double vertical ellipsis (the six dots icon) to carefully drag and drop it slightly below the parent item. Here, you'll see a short line that extends from the checklist item text to the far right-hand side of the checklist item.

    Image that shows how you can make one checklist item a child of another item using drag and drop

 

4. To add more items, select + at the bottom of the list, then replace the placeholder text. You can add top level checklist items and child items.

5. To delete a checklist item, select it, select the horizontal ellipsis that is displayed, then Delete (the bin icon). You can't delete the only checklist item on the screen.

6. Configure the layout of your Checklist screen.

 

Hotspot

The interactive Hotspot screen enables you to show an image that is overlaid with one or more hotspots. Hotspots are areas of the screen that reveal additional information when clicked. When learners open this screen, they'll have to select the correct area of the image before they can see more information or continue with the course. This helps create an engaging learning.

1. Add a title. By default, this is Untitled.

2. Select the placeholder image and select Edit image or Replace image.

  • To edit an image, select the bin icon in the top right-hand corner to delete the placeholder image. The Add an image dialog opens. Upload your own image using drag and drop, or select browse to upload to find the image on your local device. Alternatively, select an image from the Library, Unsplash, or Giphy tabs.
  • To replace an image, select Upload in the Add image dialog to choose an image on your local device, or select an image from the Library, Unsplash, or Giphy tabs. Select X in the top right-hand corner.

You can upload an image up to 2.5 GB in size.

The selected image is displayed.

Two + icons are displayed and these are used to indicate hotspot areas (that is to say, correct answers).

3. Move each hotspot + icon to the place on the image that indicates either a correct answer, or where learners should select to get more information.

4. To add more hotspot items, select Add hotspot.

 

Image that shows how to move hotspot items by dragging and dropping the + icon and how to add more hotspot items for the new Hotspot screen

 

5. If you've added multiple hotspot areas to your image, you can reorder them by selecting Reorder items from the right-hand tools, then dragging the images to the correct order. Select Done to return to your course. The selected hotspot areas are displayed in the correct order.

 

Image that shows how you can reorder hotspot items from the right-hand tools menu

 

6. To delete a hotspot item, select it, select the vertical ellipsis, then Delete. You can't delete the only item displayed.

7. Configure the layout of your Hotspot screen.

 

Quiz

The Quiz screen enables you to add a quiz to your course. Quizzes are a great way to end your course. They create an opportunity for learners to check they’ve understood the content and help to build engagement. You might choose add quizzes at regular intervals to keep learners engaged as they progress through the course.

1. Select Add screen > Quiz.

2. Choose whether you want to manually add the quiz, or generate one using the AI assistant.

 

Start from scratch

1. Add a title. By default, this is Test your knowledge.

The Questions label includes the number of questions in the quiz. As you add and delete question screens, the number updates automatically.

2. To change the Questions button label and choose where the number of questions is placed, select the Questions label. Here, you can enter the Button text and choose the Number position.

3. Replace the placeholder quiz description (the Description field that defaults to Add your content here...) with your own.

To change the look and feel of the button learners select to start the quiz, select the Get started label. Here, you can enter the Button text and choose the Button style.

4. Choose whether you want to score the quiz by selecting Quiz scoring (the tick icon) from the right-hand toolbar and completing the fields. For more information about quiz scoring, see this section of the article.

5. To add a question, select Add question in the toolbar at the top of the screen. For more information about the question types available and how to add questions to your quiz, see this section of the article.

The type of question is displayed in the toolbar at the top of the screen.

6. Repeat step 5 to add more quiz questions.

 

Image that shows where to add a title, change the Question button label, replace the placeholder description, choose to score the quiz, and add quiz questions

 

7. If you've added multiple questions, you can reorder them by selecting Reorder items from the right-hand tools, then dragging the items to the correct order. Select Done to return to your course. The items are displayed in the correct order.

 

Image that shows how you can reorder quiz questions from the right-hand tools menu

 

8. To delete a question, select Delete (the bin icon) in the toolbar. You can't delete the only question in the quiz.

9. If quiz scoring is switched off, you can add feedback messages for learners. For more information about adding feedback messages, see this section of the article.

10. Configure the layout of your Quiz. Use the navigation tools at the bottom of the screen to navigate between quiz screens.

 

Generate quiz

You might choose to generate a quiz using our AI assistant if you have no specific questions you want to ask. Using AI, the assistant creates a quiz based on the content of your screens, or on a prompt you enter. If you enter a prompt, you should enter a clear description of your request.

1. Choose how AI should generate content in one of the following ways.

  • Select the screens you want to use as a reference from the Generate quiz based on course content drop-down list.
  • Enter a Description of the quiz. This should include details such as quiz difficulty, a detailed description of the quiz topic, and so on. You should leave this field blank if you choose to generate a quiz using reference screens. For more information about how to write effective prompts for generative AI, see this article.

 

Image that shows how to create a quiz with AI using existing screens as a reference or by entering a description

 

2. Select Generate.

An AI-generated quiz is generated.

3. Review the AI-generated content and choose what to do next.

  • Try again. Select this to ask AI to recreate the screen because the content isn't what you wanted or expected.
  • Keep. If you're happy with this draft. You can then edit the content to customize it accordingly.

 

Image that shows the final page of the create quiz with AI process, where users can choose to keep the changes or ask AI to try again

 

4. Configure the quiz.

 

Quiz scoring

Quizzes can be scored or unscored.

  • Scored quizzes are summative assessments that evaluate how much your learners have understood from the course. They provide learners with a score and determine whether they have passed the course.
  • Unscored quizzes are formative assessments that act as an indicator to your learners as to how they are doing as they navigate through the course. It's more like a practice quiz that helps to reinforce knowledge as they progress through a course. Learners can have as many attempts at a question as they need to complete the quiz. A formal grade isn't recorded against learners for unscored quizzes.

Quiz scoring is switched off by default.

1. To configure quiz scoring, select Quiz scoring (the tick icon) in the right-hand tools.

2. To switch quiz scoring on, slide the Quiz scoring toggle to the On position.

3. With quiz scoring switched on:

  • Set the Passing grade for the quiz. Overtype the percentage grade or use the - and + icons to select it.
  • Enter the Number of retries learners can take before they fail a quiz or use the - and + icons to select it.
  • If a learner fails a quiz, they won't be able to complete the course. If you want learners to be able to complete the course without passing a quiz, set the quiz to Allow unlimited retries by moving the slider.

 

Image that shows how to configure quiz scoring, set the pass rate, and the number of retakes allowed

 

When you switch quiz scoring on, on the completion page of the quiz, you can configure three finish states for the quiz. Configuring finish states enables you to provide a custom message to learners, depending on if they pass the quiz, need to retry it, or have failed the quiz and has no retries left.

4. At the top of the screen, select the icon of each finish state and configure the messages to learners.

  • Passed
  • Retry
  • Failed.

 

Image that shows how to configure the message to learners for each of the quiz finish states

 

Add quiz questions

To keep your learners engaged, you should consider adding various types of questions to a quiz. The following question types are available:

  • Multiple choice. Create a question with multiple answers to select from, where more than one answer can be correct. Learners are required to identify only one correct answer.
  • Multiple response. A question that allows for multiple correct answers and more than one answer can be set as correct. Learners are required to select all the correct answers.
  • True/False. Create a question where learners decide if a statement is true or false.
  • Short answer. Requires learners to enter a short answer, that must exactly match the defined correct answer, for example a word or number.
  • Fill in the blank. Learners are required to complete a sentence or paragraph by filling in gaps. Learners select the correct answers from one or more drop-downs.
  • Match corresponding. Learners are required to match pairs of text by selecting the correct matching text from drop-downs.
  • Match sequence. Learners place a series of answers into the correct sequence or order.

 

Question feedback

If quiz scoring is switched off, for each question you include in a quiz, you can customize the feedback for correct and incorrect responses. 

1. Select Feedback message in the toolbar at the top of the screen. The Feedback messages dialog opens.

  • The message for a Correct response is displayed on the left-hand side.
  • The message for an Incorrect response is displayed on the right-hand side.

2. You can:

  • Edit the image. Select the image. On the dialog that open, select the bin icon in the top right-hand corner to delete the placeholder image. The Add an image dialog opens. Upload your own image using drag and drop, or select browse to upload to find the image on your local device. Alternatively, select an image from the Library, Unsplash, or Giphy tabs. You can upload an image up to 2.5 GB in size.
  • Edit the title. These default to Correct! and Incorrect!
  • Add an optional description.
  • Change the button text. These default to Continue and Try again.

3. Select Save changes to return to the question, or X to cancel.

 

Image that shows how to configure the feedback message and image for each quiz question when quiz scoring is switched off

 

Generate a screen with AI assistance

You can use the AI assistant to help add any of the following screen types:

1. Select Add screen > select the screen you want to add > Generate screen.

2. Choose how AI should generate content. Either:

  • Enter a Description of the required screen. You should enter a clear description of your request, including the purpose of the screen and the required content. Leave this field blank if you choose to generate using reference screens. For more information about how to write effective prompts for generative AI, see this article; or
  • Select the screens you want to use as a reference from the Choose reference screens drop-down list. AI uses the content of the selected screens to create a new one.

 

Image that shows how to create a screen by entering a clear description or by selecting reference screens, on which the screen will be created

 

3. Select Generate.

The screen is populated with AI-generated content.

4. Review the AI-generated content and choose what to do next from the options near the top of the screen.

  • Try again. Select this to ask AI to recreate the screen because the content isn't what you wanted or expected.
  • Keep. If you're happy with this draft. You can then edit the content to customize it accordingly.

5. Configure the layout of your screen.

 

Content365 Authoring data handling, AI usage, and compliance

For information about data storage, subcontractors, data flows, and AI usage in Content365 Authoring, see this article on the Trust Center.

 

Was this article helpful?
0 out of 0 found this helpful

Comments

Article is closed for comments.