Science Interactive Instructor Help Guides

Image Annotation

Updated on

Image annotation data panels receive student drawings on images that the instructor provides. This data collection type should only be used if students draw on images and should not be used if students are required to label an image.

They appear in Data Collection in the Experimentation tab and can be added to lessons through the Question Customization tool or the Custom Lesson Authoring tool.

1. Select "Image Annotation."

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

2. Fill in the following elements.

  1. Full Name: Number and name the Image Annotation panel.
  2. Short Name: Shortened name that will display for students in the data collection dropdown on their exercise page.
  3. Add instructions in the Compose Question box. Bold the instructions to match Science Interactive-authored content.
HOL - Authoring - Google Chrome

3. Select “+ADD” under Image Preview.

File sizes should not exceed 5 MB.

HOL - Authoring - Google Chrome

4. Select "Browse Files" to find the image on your computer.

HOL - Authoring - Google Chrome

5. Once uploaded, adjust the width and height of the image, if necessary.

We recommend keeping the image under 800 pixels in either direction. Make use of the preview on the right to see how the image will look to students.

HOL - Authoring - Google Chrome

6. Change the available line color if you would like, or add additional color options if you want students to annotate in more than one color.

The default annotation color is red.

HOL - Authoring - Google Chrome
How to add more lines and colors.

6.1. Enter the following codes to use the corresponding colors.

HOL - Authoring - Google Chrome
  • Green = rgba(0, 96, 100, 1)
  • Blue = rgba(0, 0, 255, 1)
  • Black = rgba(1, 1, 1, 1)
  • Use www.hexcolortool.com to find additional color codes.

6.2. Select "+ADD" to add additional line color entry boxes.

This is useful if you would like students to annotate multiple differentiated elements in the image.

HOL - Authoring - Google Chrome

7. Select "Save" in the top right of the page.

HOL - Authoring - Google Chrome

This will return you to the Exercise page.

8. On the Exercise page, scroll to the Image Annotation panel and assign a point value.

If you do not manually assign a number, the point value will default to 1.

HOL - Authoring - Google Chrome

9. Scroll to the bottom and select "Save".

10. Repeat this process to create as many Image Annotations as you would like.