{"id":157,"date":"2025-12-17T00:14:00","date_gmt":"2025-12-17T00:14:00","guid":{"rendered":"http:\/\/onlearn.online\/?page_id=157"},"modified":"2025-12-17T00:15:54","modified_gmt":"2025-12-17T00:15:54","slug":"157-2","status":"publish","type":"page","link":"https:\/\/onlearn.online\/en\/vaerktoejskasse\/157-2\/","title":{"rendered":"Visually oriented approach \u2013 synchronous teaching"},"content":{"rendered":"<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For students who learn best through visual representations, overviews, and concrete examples.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>N\u00f8gleid\u00e9: Visualisering underst\u00f8tter forst\u00e5else og anvendelse<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Visual media can make complex contexts concrete \u2013 and create shared images in the community. It is an effective way to set tasks, analyze cases and support reflection in groups.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Toolbox: Visual transfer modalities in synchronous teaching<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-table alignwide\"><table class=\"has-fixed-layout\"><tbody><tr><th>Modalitet \/ Aktivitet<\/th><th>What does it do?<\/th><th>Example from computer science education<\/th><th>IT option<\/th><\/tr><tr><td><strong>Group-based diagram workshop<\/strong><\/td><td>Students actively apply visual models collaboratively<\/td><td>Groups create a UML diagram for a fictional case and explain it to others<\/td><td>Whiteboard in Miro \/ Mural \/ Google Jamboard<\/td><\/tr><tr><td><strong>Visual explain<\/strong><\/td><td>Explains concepts visually using metaphors, drawings, or flowcharts<\/td><td>\u201cDraw how APIs work \u2013 and explain it to another group\u201d<\/td><td>Paper, tablet, or online whiteboard<\/td><\/tr><tr><td><strong>Storyboard analysis<\/strong><\/td><td>Uses visual sequences to analyze or plan processes<\/td><td>\u201cCreate a storyboard of the user journey through your app\u201d<\/td><td>Canva, PowerPoint, images in slides<\/td><\/tr><tr><td><strong>Canvas-based reflections<\/strong><\/td><td>Uses visual templates to support reflection and discussion<\/td><td>Using a system design canvas to discuss architectural choices<\/td><td>Shared completion in e.g. Padlet or PDF<\/td><\/tr><tr><td><strong>Online gallery walk<\/strong><\/td><td>Shares visual artefacts and receives feedback from other groups<\/td><td>Groups upload their visualizations and comment on others\u2019 work<\/td><td>Padlet, Miro, LMS with comment threads<\/td><\/tr><tr><td><strong>Mapping errors \/ solutions<\/strong><\/td><td>Visual \u201cerror maps\u201d to analyze problems and think in solutions<\/td><td>\u201cShow us the most common error in REST design \u2013 and how you would solve it\u201d<\/td><td>Template in Jamboard or analog<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Didactic reflection<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Where can a visual element help to \u201copen up\u201d a complex practice?<\/li>\n\n\n\n<li class=\"translation-block\">Can you let students demonstrate their understanding using images or models?<\/li>\n\n\n\n<li>How can visuals create common direction and language in group activities?<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><em>Teaching tips<\/em><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"translation-block\"><em>Combine<\/em><strong><em>visual activities with explanation and feedback<\/em><\/strong><em> \u2013 so it's not just \"pretty\", but educational.<\/em><\/li>\n\n\n\n<li class=\"translation-block\"><em>Use <\/em><strong><em>shared whiteboards<\/em><\/strong><em>for co-writing and co-creation \u2013 it increases ownership and makes thinking visible.<\/em><\/li>\n\n\n\n<li class=\"translation-block\"><em>Require active use of concepts in presentations \u2013 not just images without content.<\/em><\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-c0bc9f7e wp-block-buttons-is-layout-flex\">\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\/\">Back to the toolbox<\/a><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Til de studerende, der l\u00e6rer bedst gennem visuelle repr\u00e6sentationer, overblik og konkrete eksempler. N\u00f8gleid\u00e9: Visualisering underst\u00f8tter forst\u00e5else og anvendelse Visuelle medier kan g\u00f8re komplekse sammenh\u00e6nge konkrete \u2013 og skabe f\u00e6lles billeder i f\u00e6llesskabet. Det er en effektiv m\u00e5de at stille opgaver, analysere cases og underst\u00f8tte refleksion i grupper. V\u00e6rkt\u00f8jskasse: Visuelle transfermodaliteter i synkron undervisning Modalitet [&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-157","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/onlearn.online\/en\/wp-json\/wp\/v2\/pages\/157","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=157"}],"version-history":[{"count":3,"href":"https:\/\/onlearn.online\/en\/wp-json\/wp\/v2\/pages\/157\/revisions"}],"predecessor-version":[{"id":160,"href":"https:\/\/onlearn.online\/en\/wp-json\/wp\/v2\/pages\/157\/revisions\/160"}],"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=157"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}