{"id":1323,"date":"2020-09-11T09:54:25","date_gmt":"2020-09-11T07:54:25","guid":{"rendered":"https:\/\/wpethzprd.ethz.ch\/letblog\/?p=1323"},"modified":"2023-06-06T09:16:44","modified_gmt":"2023-06-06T07:16:44","slug":"drawing-by-hand-made-easy-in-moodle","status":"publish","type":"post","link":"https:\/\/blogs.ethz.ch\/letblog\/2020\/09\/11\/drawing-by-hand-made-easy-in-moodle\/","title":{"rendered":"Drawing by hand made easy in Moodle"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Do you already use Moodle and have you ever wanted better options for capturing simple digital drawings as part of a quiz? An improved freehand drawing question type is now available for ETH lecturers.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This question\ntype is called \u201eFreehand Drawing (ETH)\u201c and works on any computer device.\nGenerally, touch-devices with hardware pens (styluses) work best although\ndrawing with a mouse or a touchpad works as well.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Creating a quiz with a Freehand Drawing question <\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Start by creating a quiz in Moodle. Quizzes can include any number of any question types.<\/p>\n\n\n\n<figure class=\"wp-block-image is-resized\"><a href=\"https:\/\/blogs.ethz.ch\/letblog\/files\/2020\/09\/1addquiz.png\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogs.ethz.ch\/letblog\/files\/2020\/09\/1addquiz.png\" alt=\"\" class=\"wp-image-1324\" width=\"820\" height=\"538\" srcset=\"https:\/\/blogs.ethz.ch\/letblog\/files\/2020\/09\/1addquiz.png 1639w, https:\/\/blogs.ethz.ch\/letblog\/files\/2020\/09\/1addquiz-768x504.png 768w, https:\/\/blogs.ethz.ch\/letblog\/files\/2020\/09\/1addquiz-600x394.png 600w\" sizes=\"auto, (max-width: 820px) 100vw, 820px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Insert your\nnew question into the quiz, using \u201e+ a new question.\u201c <\/p>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogs.ethz.ch\/letblog\/files\/2020\/09\/2addnewquestion.png\" alt=\"\" class=\"wp-image-1325\" width=\"820\" height=\"538\" srcset=\"https:\/\/blogs.ethz.ch\/letblog\/files\/2020\/09\/2addnewquestion.png 1639w, https:\/\/blogs.ethz.ch\/letblog\/files\/2020\/09\/2addnewquestion-768x504.png 768w, https:\/\/blogs.ethz.ch\/letblog\/files\/2020\/09\/2addnewquestion-600x394.png 600w\" sizes=\"auto, (max-width: 820px) 100vw, 820px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Choose the\nquestion type \u201eFreehand drawing (ETH)\u201c. <\/p>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogs.ethz.ch\/letblog\/files\/2020\/09\/3choosefhd.png\" alt=\"\" class=\"wp-image-1326\" width=\"820\" height=\"538\" srcset=\"https:\/\/blogs.ethz.ch\/letblog\/files\/2020\/09\/3choosefhd.png 1639w, https:\/\/blogs.ethz.ch\/letblog\/files\/2020\/09\/3choosefhd-768x504.png 768w, https:\/\/blogs.ethz.ch\/letblog\/files\/2020\/09\/3choosefhd-600x394.png 600w\" sizes=\"auto, (max-width: 820px) 100vw, 820px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Insert a title\nand write a task or a question for the students to solve. This is the standard\ntext editor used all over Moodle. In this example, we have asked a question\nabout charging a capacitor where we want the students to sketch the electric current\nas a function of time.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Note that a\nlot of students do not own large-screen touch-devices, so we cannot expect detailed\nor precise drawings. Use of the question type thus should be limited to \u201esketching\u201c\nor \u201edrawing,\u201c not precise activities like \u201egraphing.\u201c <\/p>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogs.ethz.ch\/letblog\/files\/2020\/09\/4addstem.png\" alt=\"\" class=\"wp-image-1327\" width=\"519\" height=\"230\" srcset=\"https:\/\/blogs.ethz.ch\/letblog\/files\/2020\/09\/4addstem.png 1037w, https:\/\/blogs.ethz.ch\/letblog\/files\/2020\/09\/4addstem-768x340.png 768w, https:\/\/blogs.ethz.ch\/letblog\/files\/2020\/09\/4addstem-600x266.png 600w\" sizes=\"auto, (max-width: 519px) 100vw, 519px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">By default,\nstudents get a white background to draw on. You can also create and upload a\nbackground image using any drawing tool. In the following example, a coordinate\nsystem was created using PowerPoint. These drawings can help\nyour students literally by framing their answers and in the end help you\ngrading them by standardising aspects of the image.<\/p>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogs.ethz.ch\/letblog\/files\/2020\/09\/5createpp.png\" alt=\"\" class=\"wp-image-1328\" width=\"1430\" height=\"745\" srcset=\"https:\/\/blogs.ethz.ch\/letblog\/files\/2020\/09\/5createpp.png 2860w, https:\/\/blogs.ethz.ch\/letblog\/files\/2020\/09\/5createpp-768x400.png 768w, https:\/\/blogs.ethz.ch\/letblog\/files\/2020\/09\/5createpp-600x313.png 600w\" sizes=\"auto, (max-width: 1430px) 100vw, 1430px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Upload your background image to your question. You can\nsimply drag and drop your file into the provided field.<\/p>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogs.ethz.ch\/letblog\/files\/2020\/09\/6addbgimage.png\" alt=\"\" class=\"wp-image-1329\" width=\"521\" height=\"301\" srcset=\"https:\/\/blogs.ethz.ch\/letblog\/files\/2020\/09\/6addbgimage.png 1042w, https:\/\/blogs.ethz.ch\/letblog\/files\/2020\/09\/6addbgimage-768x444.png 768w, https:\/\/blogs.ethz.ch\/letblog\/files\/2020\/09\/6addbgimage-600x347.png 600w\" sizes=\"auto, (max-width: 521px) 100vw, 521px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">If it is a big image, make sure to reduce the size so\nit fits on the student\u2019s screen without scrolling. While the tool allows for\nhorizontal or vertical scrolling, this can be awkward. Also, keep in mind that\nMoodle itself will take up some space for its navigational elements \u2013 a width\nof 500 pixels is reasonable.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"942\" height=\"112\" src=\"https:\/\/blogs.ethz.ch\/letblog\/files\/2020\/09\/7changebgsize.png\" alt=\"\" class=\"wp-image-1330\" srcset=\"https:\/\/blogs.ethz.ch\/letblog\/files\/2020\/09\/7changebgsize.png 942w, https:\/\/blogs.ethz.ch\/letblog\/files\/2020\/09\/7changebgsize-768x91.png 768w, https:\/\/blogs.ethz.ch\/letblog\/files\/2020\/09\/7changebgsize-600x71.png 600w\" sizes=\"auto, (max-width: 942px) 100vw, 942px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Save and\npreview your question, using the \u201epreview\u201c button:<\/p>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogs.ethz.ch\/letblog\/files\/2020\/09\/8viewfhd.png\" alt=\"\" class=\"wp-image-1331\" width=\"504\" height=\"392\" srcset=\"https:\/\/blogs.ethz.ch\/letblog\/files\/2020\/09\/8viewfhd.png 1008w, https:\/\/blogs.ethz.ch\/letblog\/files\/2020\/09\/8viewfhd-768x597.png 768w, https:\/\/blogs.ethz.ch\/letblog\/files\/2020\/09\/8viewfhd-600x466.png 600w\" sizes=\"auto, (max-width: 504px) 100vw, 504px\" \/><figcaption><br><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Answering a Freehand Drawing question<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Students\ncan then answer the question as shown in the example below:<\/p>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogs.ethz.ch\/letblog\/files\/2020\/09\/9resultfhd.png\" alt=\"\" class=\"wp-image-1332\" width=\"504\" height=\"392\" srcset=\"https:\/\/blogs.ethz.ch\/letblog\/files\/2020\/09\/9resultfhd.png 1008w, https:\/\/blogs.ethz.ch\/letblog\/files\/2020\/09\/9resultfhd-768x597.png 768w, https:\/\/blogs.ethz.ch\/letblog\/files\/2020\/09\/9resultfhd-600x466.png 600w\" sizes=\"auto, (max-width: 504px) 100vw, 504px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This answer\ndrawing was made with a mouse. The precision of this drawing is at the limit of\nwhat should be expected, but one can clearly see what\u2019s going on: exponential\ndrop-off, starting at <em>U\/R<\/em>. For the axis label, students could also have\nused the typing tool. Other tools include a simple line tool and an eraser.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Students\nwould then submit their drawings as their answer. Answers need to be graded manually,\njust like essays answers.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Practice makes perfect<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Although\nmore and more students possess convertible or tablet devices with touch screens\nand pens, drawings are still more often made using paper and pencil. If you intend\nto use Freehand Drawing on exams, it is important to give your students time\nand opportunity to practice using it. If you already use Freehand Drawing questions\nin your lecture during the semester, the students have had time to practice at their\nindividual pace and can get acquainted with the question type.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This question type will be piloted for use in future examinations. The devices used for mobile exams at ETH have touch screens and hardware pens, which work well with this question type. If you are interested in using the Freehand Drawing question type in an online exam, please contact <a href=\"mailto:online-pruefungen@let.ethz.ch\">online-pruefungen@let.ethz.ch<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Do you already use Moodle and have you ever wanted better options for capturing simple digital drawings as part of a quiz? An improved freehand drawing question type is now [&hellip;]<\/p>\n","protected":false},"author":43645,"featured_media":1332,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_s2mail":"yes","footnotes":""},"categories":[44],"tags":[250057,293467],"class_list":["post-1323","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-let-projects","tag-eth-moodle","tag-freehand-drawing"],"_links":{"self":[{"href":"https:\/\/blogs.ethz.ch\/letblog\/wp-json\/wp\/v2\/posts\/1323","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ethz.ch\/letblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.ethz.ch\/letblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ethz.ch\/letblog\/wp-json\/wp\/v2\/users\/43645"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ethz.ch\/letblog\/wp-json\/wp\/v2\/comments?post=1323"}],"version-history":[{"count":0,"href":"https:\/\/blogs.ethz.ch\/letblog\/wp-json\/wp\/v2\/posts\/1323\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogs.ethz.ch\/letblog\/wp-json\/wp\/v2\/media\/1332"}],"wp:attachment":[{"href":"https:\/\/blogs.ethz.ch\/letblog\/wp-json\/wp\/v2\/media?parent=1323"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ethz.ch\/letblog\/wp-json\/wp\/v2\/categories?post=1323"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ethz.ch\/letblog\/wp-json\/wp\/v2\/tags?post=1323"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}