{"id":7767,"date":"2019-07-09T22:55:34","date_gmt":"2019-07-10T05:55:34","guid":{"rendered":"http:\/\/lisahistory.net\/wordpress\/?p=7767"},"modified":"2025-08-18T13:22:13","modified_gmt":"2025-08-18T20:22:13","slug":"class-annotation-of-images","status":"publish","type":"post","link":"https:\/\/lisahistory.net\/wordpress\/2019\/07\/class-annotation-of-images\/","title":{"rendered":"Class annotation of images"},"content":{"rendered":"<p>This is another post where I share how I did something, solely so I don&#8217;t forget how to do it.<\/p>\n<p><a href=\"https:\/\/perusall.com\" target=\"_blank\" rel=\"noopener noreferrer\">Perusall<\/a> is a wonderful program for annotating documents with a whole class, and I&#8217;m currently using it for all my online classes, which are located in the horror of an LMS they call Canvas. I upload a PDF, and students and I can highlight the document, with a panel popping up for discussion. When anyone clicks on the question mark, it indicates a request for responses. When anyone uses @Someone, it notifies them someone has responded. I have used it to solve the &#8220;what if they don&#8217;t do the reading?&#8221; problem, since we all kind of do the reading together.<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-7769 aligncenter\" src=\"https:\/\/i0.wp.com\/lisahistory.net\/wordpress\/wp-content\/uploads\/2019\/07\/PerusallScreenshot.png?resize=640%2C375&#038;ssl=1\" alt=\"\" width=\"640\" height=\"375\" srcset=\"https:\/\/i0.wp.com\/lisahistory.net\/wordpress\/wp-content\/uploads\/2019\/07\/PerusallScreenshot.png?resize=1024%2C600&amp;ssl=1 1024w, https:\/\/i0.wp.com\/lisahistory.net\/wordpress\/wp-content\/uploads\/2019\/07\/PerusallScreenshot.png?resize=300%2C176&amp;ssl=1 300w, https:\/\/i0.wp.com\/lisahistory.net\/wordpress\/wp-content\/uploads\/2019\/07\/PerusallScreenshot.png?resize=768%2C450&amp;ssl=1 768w, https:\/\/i0.wp.com\/lisahistory.net\/wordpress\/wp-content\/uploads\/2019\/07\/PerusallScreenshot.png?resize=150%2C88&amp;ssl=1 150w, https:\/\/i0.wp.com\/lisahistory.net\/wordpress\/wp-content\/uploads\/2019\/07\/PerusallScreenshot.png?resize=400%2C234&amp;ssl=1 400w, https:\/\/i0.wp.com\/lisahistory.net\/wordpress\/wp-content\/uploads\/2019\/07\/PerusallScreenshot.png?w=1163&amp;ssl=1 1163w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<p>All this is great. The system &#8220;auto-grades&#8221; (though I have to set it then check it very carefully), and pushes the grades to Canvas gradebook on my command, so I can focus on the discussion itself instead of evaluating it.<\/p>\n<p>But you can&#8217;t do this with <em>images<\/em> &#8212; just upload and everyone talk about it.<\/p>\n<p>Except&#8230;you can. Perusall won&#8217;t upload images natively, nor link to images directly on the web. So I downloaded an image, and saved it as a pdf in Preview, then uploaded it. Then I clicked on a section of the picture. Instead of highlighting text, Perusall put a pin. I can then ask a question or make a comment about just that portion of the image. Click the pin, and the conversation panel opens.<\/p>\n<p>But the interface itself takes up a lot of the screen, which we don&#8217;t want for images. So I&#8217;m going to show students what to do about that:<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-7771\" src=\"https:\/\/i0.wp.com\/lisahistory.net\/wordpress\/wp-content\/uploads\/2019\/07\/PerusallDefault.png?resize=648%2C340&#038;ssl=1\" alt=\"\" width=\"648\" height=\"340\" srcset=\"https:\/\/i0.wp.com\/lisahistory.net\/wordpress\/wp-content\/uploads\/2019\/07\/PerusallDefault.png?resize=1024%2C538&amp;ssl=1 1024w, https:\/\/i0.wp.com\/lisahistory.net\/wordpress\/wp-content\/uploads\/2019\/07\/PerusallDefault.png?resize=300%2C158&amp;ssl=1 300w, https:\/\/i0.wp.com\/lisahistory.net\/wordpress\/wp-content\/uploads\/2019\/07\/PerusallDefault.png?resize=768%2C404&amp;ssl=1 768w, https:\/\/i0.wp.com\/lisahistory.net\/wordpress\/wp-content\/uploads\/2019\/07\/PerusallDefault.png?resize=150%2C79&amp;ssl=1 150w, https:\/\/i0.wp.com\/lisahistory.net\/wordpress\/wp-content\/uploads\/2019\/07\/PerusallDefault.png?resize=400%2C210&amp;ssl=1 400w, https:\/\/i0.wp.com\/lisahistory.net\/wordpress\/wp-content\/uploads\/2019\/07\/PerusallDefault.png?w=1435&amp;ssl=1 1435w, https:\/\/i0.wp.com\/lisahistory.net\/wordpress\/wp-content\/uploads\/2019\/07\/PerusallDefault.png?w=1296&amp;ssl=1 1296w\" sizes=\"auto, (max-width: 648px) 100vw, 648px\" \/><\/p>\n<p>If they do it, then it will look like this:<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-7770\" src=\"https:\/\/i0.wp.com\/lisahistory.net\/wordpress\/wp-content\/uploads\/2019\/07\/PerusallAfterAdjust.png?resize=648%2C346&#038;ssl=1\" alt=\"\" width=\"648\" height=\"346\" srcset=\"https:\/\/i0.wp.com\/lisahistory.net\/wordpress\/wp-content\/uploads\/2019\/07\/PerusallAfterAdjust.png?resize=1024%2C547&amp;ssl=1 1024w, https:\/\/i0.wp.com\/lisahistory.net\/wordpress\/wp-content\/uploads\/2019\/07\/PerusallAfterAdjust.png?resize=300%2C160&amp;ssl=1 300w, https:\/\/i0.wp.com\/lisahistory.net\/wordpress\/wp-content\/uploads\/2019\/07\/PerusallAfterAdjust.png?resize=768%2C410&amp;ssl=1 768w, https:\/\/i0.wp.com\/lisahistory.net\/wordpress\/wp-content\/uploads\/2019\/07\/PerusallAfterAdjust.png?resize=150%2C80&amp;ssl=1 150w, https:\/\/i0.wp.com\/lisahistory.net\/wordpress\/wp-content\/uploads\/2019\/07\/PerusallAfterAdjust.png?resize=400%2C214&amp;ssl=1 400w, https:\/\/i0.wp.com\/lisahistory.net\/wordpress\/wp-content\/uploads\/2019\/07\/PerusallAfterAdjust.png?w=1435&amp;ssl=1 1435w, https:\/\/i0.wp.com\/lisahistory.net\/wordpress\/wp-content\/uploads\/2019\/07\/PerusallAfterAdjust.png?w=1296&amp;ssl=1 1296w\" sizes=\"auto, (max-width: 648px) 100vw, 648px\" \/><\/p>\n<p>More room for the image, less clutter. I&#8217;m thinking it would be possible to put several images on a page to be discussed for that week.<\/p>\n<p>What it&#8217;s doing is similar to <a href=\"https:\/\/www.thinglink.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">ThingLink<\/a>, which I learned about from our wonderful art historians over a decade ago. But ThingLink and similar programs, although they can be embedded into Canvas with iframes, cannot track a student&#8217;s comments, nor auto-grade them. Perusall can, which shortens my workflow so I can focus on the discussion, just as I do with annotated text.<\/p>\n<p>So, annotations for images when I teach a European history course that focuses on the Humanities, and a History of Technology class that can get bogged down in text? I&#8217;m in!<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This is another post where I share how I did something, solely so I don&#8217;t forget how to do it. Perusall is a wonderful program for annotating documents with a whole class, and I&#8217;m currently using it for all my online classes, which are located in the horror of an LMS they call Canvas. I [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","jetpack_post_was_ever_published":false},"categories":[32,33,37,38,10,21],"tags":[],"class_list":["post-7767","post","type-post","status-publish","format-standard","hentry","category-cmslms","category-discussion","category-how-to","category-interactivity","category-online-teaching","category-educational-technology"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/lisahistory.net\/wordpress\/wp-json\/wp\/v2\/posts\/7767","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lisahistory.net\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lisahistory.net\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lisahistory.net\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lisahistory.net\/wordpress\/wp-json\/wp\/v2\/comments?post=7767"}],"version-history":[{"count":3,"href":"https:\/\/lisahistory.net\/wordpress\/wp-json\/wp\/v2\/posts\/7767\/revisions"}],"predecessor-version":[{"id":7773,"href":"https:\/\/lisahistory.net\/wordpress\/wp-json\/wp\/v2\/posts\/7767\/revisions\/7773"}],"wp:attachment":[{"href":"https:\/\/lisahistory.net\/wordpress\/wp-json\/wp\/v2\/media?parent=7767"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lisahistory.net\/wordpress\/wp-json\/wp\/v2\/categories?post=7767"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lisahistory.net\/wordpress\/wp-json\/wp\/v2\/tags?post=7767"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}