{"id":124,"date":"2025-12-16T23:01:18","date_gmt":"2025-12-16T23:01:18","guid":{"rendered":"http:\/\/onlearn.online\/?page_id=124"},"modified":"2025-12-17T00:04:54","modified_gmt":"2025-12-17T00:04:54","slug":"visuelt-orienteret-tilgang-asynkron-undervisning","status":"publish","type":"page","link":"https:\/\/onlearn.online\/en\/vaerktoejskasse\/visuelt-orienteret-tilgang-asynkron-undervisning\/","title":{"rendered":"Visually oriented approach \u2013 asynchronous teaching"},"content":{"rendered":"<div class=\"wp-block-group alignfull has-tertiary-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-883601c3 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)\">\n<p class=\"has-text-align-center wp-block-paragraph translation-block\">For students who think in pictures, understand contexts visually, and remember through what they <em>see<\/em> \u2013 not just what they read or hear.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Key idea: Visual \u2260 \u201cgraphic design\u201d<\/h3>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph translation-block\"><strong>Visual modalities<\/strong> are not just about decoration or diagrams \u2013 but about giving <strong>meaning through what is seen<\/strong>. It is about:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"translation-block\">See systems and concepts in <strong>concrete contexts<\/strong><\/li>\n\n\n\n<li>Sensing reality, application and purpose<\/li>\n\n\n\n<li>Organize complex information in an intuitive way<\/li>\n\n\n\n<li class=\"translation-block\">Making the invisible visible<\/li>\n<\/ul>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Toolbox: Visual Modalities for Asynchronous Learning<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-table alignwide\"><table class=\"has-fixed-layout\"><tbody><tr><td><strong>Modality<\/strong><\/td><td><strong>What does it do?<\/strong><\/td><td><strong>Example from computer science education<\/strong><\/td><td><strong>IT option (e.g. Rise)<\/strong><\/td><\/tr><tr><td><strong>Real-world images<\/strong><\/td><td>Creates a connection to practice \u2013 \u201cthis exists in the real world\u201d<\/td><td>Images from whiteboards, code review sessions, paper-based architecture diagrams<\/td><td class=\"translation-block\">Image block, Image with caption<\/td><\/tr><tr><td><strong>Photo-based cases<\/strong><\/td><td>Presents a problem visually before the theory is introduced<\/td><td>An image of an error message with the question: \u201cWhat would you do?\u201d<\/td><td class=\"translation-block\">Image + Knowledge Check, Scenario block<\/td><\/tr><tr><td><strong>Screen recordings<\/strong><\/td><td>Make abstract systems concrete<\/td><td>Video of an IDE while building a class, with spoken explanation<\/td><td class=\"translation-block\">Video embed, Video + reflection<\/td><\/tr><tr><td><strong>\u201cShow what you mean\u201d videos<\/strong><\/td><td>The instructor\/teacher uses a whiteboard, paper, or physical objects to explain visually<\/td><td>Explaining the SOLID principles using Post-its and hand drawings<\/td><td class=\"translation-block\">Video + writing field, Video + questions<\/td><\/tr><tr><td><strong>3D models \/ visualizations<\/strong><\/td><td>Make complex structures spatial and interactive<\/td><td>Using tools such as Unity or Blender to show system architecture as a \u201cspace\u201d; e.g. Sketchfab embed<\/td><td class=\"translation-block\">Embedded iframe or link + task<\/td><\/tr><tr><td><strong>Digital comics \/ comic strips<\/strong><\/td><td>Convey learning through visual sequences<\/td><td>A fictional dialogue about \u201cwhy MVC makes sense\u201d<\/td><td class=\"translation-block\">Image carousel, Labeled graphic<\/td><\/tr><tr><td><strong>Clickable images \/ overlays<\/strong><\/td><td>Enable self-paced exploration<\/td><td>Click on an API diagram to get explanations of the individual components<\/td><td class=\"translation-block\">Image with hotspots, Interactive graphic (H5P)<\/td><\/tr><tr><td><strong>Visual storytelling<\/strong><\/td><td>Teaches through sequenced images with text<\/td><td>An image series showing a student discovering problems in their code and using debugging<\/td><td class=\"translation-block\">Labeled graphic, Scenario block<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">When designing visual elements in your teaching, ask yourself:<\/p>\n\n\n\n<p class=\"has-text-align-left wp-block-paragraph translation-block\"><strong>How can I make it <em>discovery-based<\/em> instead of <em>explanation-based<\/em>?<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Can I show this instead of saying it?<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>What does this look like in reality?<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>What would a student see if they were in the situation?<\/strong><\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image alignwide size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"http:\/\/onlearn.online\/wp-content\/uploads\/2025\/12\/asynkron-visuel-1024x683.jpg\" alt=\"\" class=\"wp-image-125\" srcset=\"https:\/\/onlearn.online\/wp-content\/uploads\/2025\/12\/asynkron-visuel-1024x683.jpg 1024w, https:\/\/onlearn.online\/wp-content\/uploads\/2025\/12\/asynkron-visuel-300x200.jpg 300w, https:\/\/onlearn.online\/wp-content\/uploads\/2025\/12\/asynkron-visuel-768x512.jpg 768w, https:\/\/onlearn.online\/wp-content\/uploads\/2025\/12\/asynkron-visuel.jpg 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-3030c5e7 wp-block-buttons-is-layout-flex\" style=\"margin-top:3rem\">\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"http:\/\/onlearn.online\/en\/vaerktoejskasse\/\">tilbage til v\u00e6rkt\u00f8jskassen<\/a><\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Til de studerende, der t\u00e6nker i billeder, forst\u00e5r sammenh\u00e6nge visuelt, og husker gennem det, de ser \u2013 ikke kun det, de l\u00e6ser eller h\u00f8rer. N\u00f8gleid\u00e9: Visuelt \u2260 \u201cgrafisk design\u201d Visuelle modaliteter handler ikke kun om pynt eller diagrammer \u2013 men om at give mening gennem det sete. Det handler om at: V\u00e6rkt\u00f8jskasse: Visuelle modaliteter til [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":146,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-with-title","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-124","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/onlearn.online\/en\/wp-json\/wp\/v2\/pages\/124","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/onlearn.online\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/onlearn.online\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/onlearn.online\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/onlearn.online\/en\/wp-json\/wp\/v2\/comments?post=124"}],"version-history":[{"count":3,"href":"https:\/\/onlearn.online\/en\/wp-json\/wp\/v2\/pages\/124\/revisions"}],"predecessor-version":[{"id":155,"href":"https:\/\/onlearn.online\/en\/wp-json\/wp\/v2\/pages\/124\/revisions\/155"}],"up":[{"embeddable":true,"href":"https:\/\/onlearn.online\/en\/wp-json\/wp\/v2\/pages\/146"}],"wp:attachment":[{"href":"https:\/\/onlearn.online\/en\/wp-json\/wp\/v2\/media?parent=124"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}