Versions Compared

Version Old Version 30 New Version Current
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:

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 the best image quality, re-size and then crop images to the recommended pixel image dimensions using an 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.

Portrait:

  • 107px-horizontal x 156px-vertical without a text label 

    • 65px-horizontal x 85px-vertical with up to 12 characters

  • Crop image to 80% horizontal x 50% vertical to allow up to 24 characters

    • Landscape:

    • 134px-horizontal x 107px-vertical with/without a text label

    Panel
    bgColor#DEEBFF

    Learners can click on a magnifying glass icon to enlarge the image.

    Panel
    bgColor#DEEBFF

    Activity Image

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

    Tips

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

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

    3. 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.pngImage RemovedConnections Activity Keyboard commands.pngImage Added

    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 (optional) and/or
      Add an image using Select File (optional).

    4. Add Alt text to the image (required if an image is selected).

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

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

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

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

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

    10. Preview the lesson changes.

    Panel
    bgColor#DEEBFF

    Connections Activity video

    iframe

    allowfullscreentruesrchttps://softchalkcloud.com/file/files/KoYygw85CZhP2W/Connections%20Activity%20Demo.mp4width100%framebordershowalignmiddleheight450longdescThis video demonstrates how to create a Connections Activity. Read more about the Connections Activity in the SoftChalk Cloud user guide.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

    Iframeallowfullscreentruesrchttps://softchalkcloud.com/file/files/2ezLE8xpvrGhMf/Connections%20PartialConnections Partial_Credit.mp4width100%framebordershowalignmiddleheight450longdescThis video demonstrates how the Connections Activity Partial Credit behaves when enabled. Read more about the Connections Activity in the SoftChalk Cloud user guide.
    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

    Iframeallowfullscreentruesrchttps://softchalkcloud.com/file/files/FfXJL4j31G6Mw8/Connections%20Partial_Credit%20Disabled.mp4width100%alignmiddleheight450longdescThis video demonstrates how the Connections Activity behaves when the partial credit option is disabled. Read more about the Connections Activity in the SoftChalk Cloud user guide.Connections Partial_Credit Disabled.mp4

    Connections Activity Mobile Views

    Vertical

    Horizontal

    Connections Activity Vertical view.pngConnections Activity Horizontal View.png