Science Interactive Instructor Help Guides

Data Collection - Image Annotation


Under the Experimentation tab within an exercise, instructors have the option to "Add Data Collection."

Image Annotation: Students can draw on a provided image.

1. In the Exercise tab, select "+Add Data Collection" then "Image Annotation."

HOL Cloud Procedures for Instructors.pdf - Adobe Acrobat Pro DC

2. Fill in the following:

  • Full Name: ex. Photo 1: Frog Skeleton
  • Short Name: ex. Photo 1
  • Add any necessary instructions in the Compose Question box.
HOL - Authoring - Google Chrome

3. Add the image under “Add image” by selecting “+ADD”. Browse to the file or drag and drop the file into the pop-up.

Accepted file types: png, gif, and jpg/jpeg. File sizes should not excede 5 MB.

HOL - Authoring - Google Chrome

4. Once uploaded, adjust the width and height of the image, if necessary. Typically, this is not necessary unless the image is large. How the image will appear to students can be seen to the right.

HOL - Authoring - Google Chrome

5. The default line color is black. Add additional line colors by clicking “+ADD” under “LineColor Options”.

HOL - Authoring - Google Chrome
  • Blue = rgba(0, 96, 100, 1)
  • Red = rgba(242, 2, 2, 1)
  • Green = rgba(145, 87, 40, 1)
  • Use to find additional color codes.

6. Select “More options.” Keep everything as default. If needed, the items under Extras can be edited.

HOL - Authoring - Google Chrome

7. Add the answer key image by clicking in “Sample Answer” and clicking the image icon. Browse to, or drag/drop, the answer key image.

HOL - Authoring - Google Chrome

8. Select "Save."

9. On the Exercise page, assign a point value to the Image Annotation.

HOL - Authoring - Google Chrome

10. Scroll to the bottom and select "Save" to save the completed Image Annotation.

Previous Article Data Collection - Data Table Math
Next Article Data Collection - Image Labeling