Versions Compared

Key

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

Image Matching 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.’ Image Matching Activity, students scroll through images until they find the
one that is associated with the given image. (Maximum of 12 matching image pairs
within each Image Matching Activity.) 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 image quality, crop the image to the dimensions mentioned using any image editor (ex. Paint/Paintbrush).

Portrait:

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

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

  • Resize 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

Tips

  • Portrait images with no or limited text work best.

  • Tip

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

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

    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

    Activity Image

     

    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

    Create a Image Matching Activity

    Panel
    bgColor#DEEBFF

    Build the Activity

    1. Click the icon to create an
      image matching pair.

    2. Click Select File to insert
      your local image file,
      SoftChalk Cloud image file or
      URL image file location for
      each matching image pair.

    3. Add alt text for each image.
      (required)

    4. To edit an image match, hover
      over the image and choose to
      Change Image or click the Trash
      Can icon to delete the image.

    5. Click the Trash Can icon next to
      the image pair to delete a
      matching set.

    6. Repeat STEPS 1-3 until all
      matching image pair sets have
      been created.

    7. Add points to the activity,
      enable Retry, Show Answers
      or Feedback sounds
      (optional).

    8. Click OK to insert the activity
      into your lesson

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

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

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

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

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

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

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

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

    17. Preview the lesson changes.

    Panel
    bgColor#DEEBFF

    Image Watching Activity video

    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

    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