Versions Compared

Version Old Version 36 New Version 37
Changes made by

Carol SoftChalk

Carol SoftChalk

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Connections Activity

With the Connections Activity, provide a prompt for learners to identify an item(s) from an unlimited group of items. Learners will click to select items that are ‘connected’ or related to the ‘prompt.’

See an online example.

Panel
bgColor#DEEBFF

Things to know

Activity title:

Up to 35 characters look best (50 max)

Activity instruction:

Up to 50 characters look best (500 max)

Activity prompt:

100 characters or less look best (unlimited)

Number of activity cards:

Up to 10 cards look best (unlimited)

A vertical scrollbar appears after 10 cards.

Activity image best practice:

Panel
bgColor#DEEBFF

To maintain the best image quality, re-size and then crop images to the recommended pixel dimensions using an image editor (ex. Paint/Paintbrush).

If an image is re-sized but not cropped to match pixel dimensions, the image may be stretched or squeezed to fit which can degrade the image quality.

Portrait:

  • 107px-width x 156px-height without a text label 

  • 65px-width x 85px-height with up to 12 characters

  • Crop image to 80% width x 50% height to allow up to 24 characters

Landscape:

  • 134px-width x 107px-height with/without a text label

Panel
bgColor#DEEBFF
Learners can click on a magnifying glass icon to enlarge the image

.

Activity image best practice:

2:3 Image Aspect Ratio work best for an image only card.

4:3 Image Aspect Ratio work best for an image with text (50% image, 50% text).

Minimum 179 pixel width x134 height pixel.

A 2:3 ratio means that an image’s width is 2 units and the height is 3 units.

A 4:3 ratio mean that an image’s width of is 4 units and a height of 3 units.

A unit can be inches, lines, or pixels

There are several free image editors available to adjust the image aspect ratio.

Panel
bgColor#DEEBFF

To maintain image quality, crop the image dimensions using any image editor (ex. Paint/Paintbrush).

If an image is re-sized but not cropped to match pixel dimensions, the image may be stretched or squeezed to fit which can degrade the image quality.

Panel
bgColor#DEEBFF

Activity Image

Connections1.pngConnections Activity - 10 set.png
Panel
bgColor#DEEBFF

Tips

  1. Portrait Images with no or limited text work best.Use wide images with text and use tall images for only image cards.A wide image will allow more text space below the image for short, well formatted text to fit in the card

Panel
bgColor#DEEBFF

Accessibility

Screen readers will also read out loud:

  • Activity Title

  • Activity Instructions

  • Activity Keyboard Command List

  • Activity prompt

  • Card text

  • Image alt text

Panel
bgColor#DEEBFF

Keyboard Command list for Activity

image-20240315-145520.png

Create a Connections Activity

Panel
bgColor#DEEBFF

Build the Activity

  1. Enter an activity prompt.
    This prompts the student to click on a specific area of the image.

  2. Click the ‘Add Item’ + icon to create a card.

  3. Add and format text in the middle card and/or
    Add an image using Select File.

  4. If the card is the correct answer, click the box under ‘Correct Answer’ at the right.

  5. Return to the activity editor clicking the Back button.

  6. Repeat these steps to create all correct or incorrect card(s).

  7. Select options: Partial Credit, Show Answers, Feedback Sounds, or add points for a scored activity.

  8. When finished, click OK.
    The Connections Activity placeholder will appear in the lesson.

  9. Preview the lesson changes.

Panel
bgColor#DEEBFF

Connections Activity video

Connections Activity Demo.mp4
Panel
bgColor#DEEBFF

Partial Credit (on)

When partial credit is enabled, learners will receive points for correct selections.

Then points are detracted for any incorrect selection.

Panel
bgColor#DEEBFF

Video of partial credit Enabled

Connections Partial_Credit.mp4
Panel
bgColor#DEEBFF

Partial Credit (off)

When partial credit is disabled, the leaner must make all correct selections to receive points for the activity.

Panel
bgColor#DEEBFF

For example

If one selection is incorrect, the learner will receive zero points.

Panel
bgColor#DEEBFF

Video of partial credit Disabled

Connections Partial_Credit Disabled.mp4

Connections Activity Mobile Views

Vertical

Horizontal

Connections Activity Vertical view.pngConnections Activity Horizontal View.png