Versions Compared

Key

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

Connections Activity

With the Connections Activity, provide a

‘prompt’

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 character limit: 50:

Up to 35 characters look best (50 max)

Activity instruction character limit: 500:

Up to 50 characters look best (500 max)

Activity prompt:

100 characters or less look best (unlimited)

Number of activity cards: An unlimited number of cards can be created.

Up to 10 cards look best (unlimited)

A vertical scrollbar appears after 10 cards.

Activity image best practice: Images with no or limited text work best.

Portrait:

  • 107 x 156 no label 
    107 x 134 with label

Landscape:

  • 134 x 107 with/without label

Panel
bgColor#DEEBFF

Tips

  1. Portrait images with no or limited text work best.

  2. Use wide images with text and use tall images for only image cards.

  3. Images at 800 pixel height and 600 pixel width work best.

  4. A wide image will allow more text space below the image for short, well formatted text to fit in the card

Panel
bgColor#F4F5F7

Activity Image

Connections1.pngImage Removed 

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.pngImage AddedConnections Activity - 10 set.pngImage Added
Panel
bgColor#DEEBFF

Tips

  1. Images with no or limited text work best.

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#F4F5F7#DEEBFF

Keyboard Command list for Activity

image-20240315-145520.pngImage RemovedConnections Activity Keyboard commands.pngImage Added

Create a Connections Activity

H1

How to build a Connections
Panel
bgColor#B3D4FF
#DEEBFF

Build the Activity

Panel
bgColor#B3D4FF
Partial Credit
  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 (optional) and/or
    Add an image using Select File (optional).

Panel
bgColor#F4F5F7

Connections Activity video

Iframe
allowfullscreentrue
srchttps://softchalkcloud.com/file/files/KoYygw85CZhP2W/Connections%20Activity%20Demo.mp4
width400px
alignmiddle
height400px
  1. Add Alt text to the image (required if an image is selected).

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

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

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

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

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

  7. 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 the correct selectionselections.

Then points are detracted for any incorrect selection.

Panel
bgColor#F4F5F7#DEEBFF

Video of partial credit Enabled

image-20240315-150625.pngImage RemovedConnections Partial_Credit.mp4
Panel
bgColor#B3D4FF#DEEBFF

Disabled Partial Credit - What does it mean to this activityPartial 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#F4F5F7#DEEBFF

Video of partial credit Disabled

Connections Partial_Credit Disabledimage-20240315-150346.pngImage Removed.mp4

Connections Activity Mobile Views

Vertical

Horizontal

Connections Activity Vertical view.pngImage AddedConnections Activity Horizontal View.pngImage Added