{"id":650,"date":"2025-12-07T22:47:01","date_gmt":"2025-12-07T22:47:01","guid":{"rendered":"https:\/\/itdd.au.dk\/blog-not-found\/?page_id=650"},"modified":"2025-12-10T14:56:51","modified_gmt":"2025-12-10T14:56:51","slug":"hvad-ville-vi-lave-om-4oe4-i-det-vilde-dokk1-rum","status":"publish","type":"page","link":"https:\/\/itdd.au.dk\/blog-not-found\/hvad-ville-vi-lave-om-4oe4-i-det-vilde-dokk1-rum\/","title":{"rendered":"Hvad ville vi lave om?"},"content":{"rendered":"\n<div class=\"fish-says\">\n  <img decoding=\"async\" src=\"https:\/\/itdd.au.dk\/blog-not-found\/wp-content\/uploads\/sites\/43\/2025\/12\/gif-2-fisk-1.gif\"\n       alt=\"4\u00f84-fisken\"\n       class=\"fish-avatar-img\" \/>\n  <div class=\"fish-bubble\">\n    Hvis I sp\u00f8rger mig, 4\u00f84-fisken i glasset, s\u00e5 gik det egentlig ret godt.\n    B\u00f8rnene kom, kiggede ned til mig, tegnede, legede med AI og sv\u00f8mmede rundt i det digitale hav&#8230;\n  <\/div>\n<\/div>\n\n<style>\n.fish-says {\n  display: flex;\n  align-items: flex-start;\n  gap: 0.75rem;\n  margin: 1.5rem 0;\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n}\n\n\/* S\u00f8rg for at alt tekst i komponenten er sort *\/\n.fish-says,\n.fish-says * {\n  color: #000 !important;\n}\n\n.fish-avatar-img {\n  width: 90px;\n  height: auto;\n  border-radius: 50%;\n}\n\n.fish-bubble {\n  background: #e6f7ff;\n  border-radius: 16px;\n  padding: 0.75rem 1rem;\n  position: relative;\n  max-width: 520px;\n  line-height: 1.5;\n}\n\n.fish-bubble::before {\n  content: \"\";\n  position: absolute;\n  left: -10px;\n  top: 16px;\n  border-width: 8px;\n  border-style: solid;\n  border-color: transparent #e6f7ff transparent transparent;\n}\n<\/style>\n\n\n\n<div style=\"height:56px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Men selv nede fra bunden af glasset kan jeg se to steder, hvor vi i dag gerne ville skrue mere op:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Forbindelsen til det uformelle rum<\/strong> <strong>omkring os<\/strong><\/li>\n\n\n\n<li><strong>Kroppen i det post-digitale v\u00e6rksted<\/strong><\/li>\n\n\n\n<li><strong>Fantasimaskinen<\/strong><\/li>\n<\/ul>\n\n\n\n<div style=\"height:56px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">1. St\u00e6rkere forbindelse til det uformelle rum (og robotterne)<\/h2>\n\n\n\n<p>Fra min plads i glasset kunne jeg m\u00e6rke, at vi kun brugte en lille bid af det store DOKK1-hav. Rundt om os var der b\u00f8ger, leg, udsigt, robotter og andre aktiviteter \u2013 et helt \u00f8kosystem af muligheder. B\u00f8rnene fandt fint hen til os, men v\u00e6rkstedet kunne have v\u00e6ret meget tydeligere forbundet med resten af rummet.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/itdd.au.dk\/blog-not-found\/wp-content\/uploads\/sites\/43\/2025\/12\/3dcd0bb0-5ac7-415c-a535-dd6c9457a0b3-1024x768.jpg\" alt=\"\" class=\"wp-image-682\" srcset=\"https:\/\/itdd.au.dk\/blog-not-found\/wp-content\/uploads\/sites\/43\/2025\/12\/3dcd0bb0-5ac7-415c-a535-dd6c9457a0b3-1024x768.jpg 1024w, https:\/\/itdd.au.dk\/blog-not-found\/wp-content\/uploads\/sites\/43\/2025\/12\/3dcd0bb0-5ac7-415c-a535-dd6c9457a0b3-300x225.jpg 300w, https:\/\/itdd.au.dk\/blog-not-found\/wp-content\/uploads\/sites\/43\/2025\/12\/3dcd0bb0-5ac7-415c-a535-dd6c9457a0b3-768x576.jpg 768w, https:\/\/itdd.au.dk\/blog-not-found\/wp-content\/uploads\/sites\/43\/2025\/12\/3dcd0bb0-5ac7-415c-a535-dd6c9457a0b3-1536x1152.jpg 1536w, https:\/\/itdd.au.dk\/blog-not-found\/wp-content\/uploads\/sites\/43\/2025\/12\/3dcd0bb0-5ac7-415c-a535-dd6c9457a0b3.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Allerede under forl\u00f8bet begyndte vi intuitivt at tr\u00e6kke DOKK1 mere med ind i v\u00e6rkstedet: Studiegruppen lagde et par b\u00f8ger om havet og havdyr p\u00e5 den gr\u00f8nne b\u00e6nk for at se, hvad der skete. Nogle b\u00f8rn begyndte at bladre, pege og sammenligne deres egne tegninger med billederne i b\u00f8gerne. For mig lignede det, at biblioteket s\u00e5 sm\u00e5t begyndte at sive ind i v\u00e6rkstedet \u2013 som en str\u00f8m, der forbinder \u00f8erne.<\/p>\n\n\n\n<p>Hvis vi lavede forl\u00f8bet igen, ville vi \u2013 set med fiskens \u00f8jne \u2013 g\u00e5 mere systematisk til det og fx:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>sende b\u00f8rnene ud p\u00e5 sm\u00e5 \u201chav-missioner\u201d i det \u00e5bne rum, hvor robotter patruljerer \u201chavet\u201d og guider dem videre til glasset<\/li>\n\n\n\n<li>lade robotterne v\u00e6re budbringere, der k\u00f8rer sm\u00e5 kort med ord eller billeder mellem glas, bord og sk\u00e6rm, s\u00e5 forbindelsen mellem stationerne bliver konkret og kropslig<\/li>\n\n\n\n<li>tegne eller markere gulvet som en \u201chavbund\u201d, hvor b\u00f8rnene bev\u00e6ger sig mellem glas, bord, sk\u00e6rm og VR i et mere legende flow \u2013 som at sv\u00f8mme mellem rev<\/li>\n\n\n\n<li>arbejde mere bevidst med b\u00f8gerne som del af v\u00e6rkstedet, fx ved at lade b\u00f8rnene finde \u201cderes\u201d havdyr i b\u00f8gerne efter bes\u00f8get ved glasset og bruge det som afs\u00e6t for tegning og AI-billeder<\/li>\n<\/ul>\n\n\n\n<p>Pointen \u2013 ogs\u00e5 for en lille fejl-404-fisk som mig \u2013 er, at selve DOKK1-milj\u00f8et bliver medskaber:<br>V\u00e6rkstedet er ikke en aflukket \u00f8, men en del af et st\u00f8rre uformelt l\u00e6ringsrum, hvor robotter, b\u00f8ger og andre aktiviteter tr\u00e6kker med.<\/p>\n\n\n\n<div style=\"height:51px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">2. Kroppen i det post-digitale rum<\/h2>\n\n\n\n<p>Kroppen var allerede med: b\u00f8rn, der l\u00f8ber hen til glasset, l\u00e6ner sig ind over mig, sidder t\u00e6t ved bordet og st\u00e5r med VR-brillerne p\u00e5. Men vi havde mulighed for at g\u00f8re kroppen mere eksplicit til medie \u2013 s\u00e6rligt inspireret af greenscreen-eksemplet fra undervisningen.<\/p>\n\n\n\n<p>I greenscreen-videoen f\u00f8lger vi p\u00e6dagogen Elisabeth Mathisen og b\u00f8rnene i b\u00f8rnehaven <em>\u201cThe Hobbit\u201d<\/em>. B\u00f8rnehaven forst\u00e5s som et laboratorium, hvor b\u00f8rn og voksne eksperimenterer med greenscreen som legende teknologi. B\u00f8rnene bruger hele kroppen, spiller roller og fort\u00e6ller med krop og stemme, mens det digitale lag f\u00f8rst kommer bagefter. Projektet er en del af Erasmus+-projektet <em>Mini-makers<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"The Green Screen Experiments\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/jSua22fSUBk?start=130&#038;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<div class=\"fish-note\"> <img decoding=\"async\" src=\"https:\/\/itdd.au.dk\/blog-not-found\/wp-content\/uploads\/sites\/43\/2025\/12\/gif-2-fisk-1.gif\" alt=\"4\u00f84-fisken\" class=\"fish-note-img\" \/> <p> 4\u00f84-fisken (hviskende): Her kunne vi godt have inviteret kroppen endnu mere med ind i havet&#8230; <\/p> <\/div>\n<style> .fish-note { display: flex; align-items: center; gap: 0.5rem; margin: 1rem 0; padding: 0.5rem 0.75rem; border-left: 3px solid #cce7ff; background: #f7fbff; font-size: 0.95rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif; }\n\/* S\u00f8rg for at tekstfarven ikke arver hvid fra temaet *\/ .fish-note, .fish-note * { color: #000 !important; }\n.fish-note-img { width: 60px; height: auto; border-radius: 50%; } <\/style>\n\n\n\n<p>Hvis vi overs\u00e6tter den tankegang til vores eget lille hav, kunne vi fx:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>lade b\u00f8rnene posere som havdyr (bl\u00e6ksprutte, fisk, tang) og filme\/fotografere dem \u2013 og bagefter lade deres kroppe optr\u00e6de som elementer i det digitale hav (Thinglink\/VR)<\/li>\n\n\n\n<li>lave sm\u00e5 bev\u00e6gelseslege mellem stationerne: \u201csv\u00f8m som en fisk hen til glasset\u201d, \u201cg\u00e5 som en krabbe til bordet\u201d, \u201csynk langsomt ned mod sk\u00e6rmen\u201d<\/li>\n\n\n\n<li>invitere b\u00f8rnene til at lave kropslige miniscener, hvor de viser, hvad der sker i havet (ro, storm, forurening) \u2013 og f\u00f8rst bagefter overs\u00e6tte det til tegninger og AI-billeder<\/li>\n<\/ul>\n\n\n\n<p>Set fra bunden af glasset handler det om, at kroppen ikke kun \u201ctransporterer\u201d barnet rundt mellem stationerne, men bliver f\u00f8rste udtryksform.<\/p>\n\n\n\n<div style=\"height:49px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">3. Fantasimaskinen<\/h2>\n\n\n\n<p>Oprindeligt, var en del af vores v\u00e6rksted den lille fantasimaskine, som var en lille AI-model, udviklet til at give eleverne id\u00e9er. Fantsimaskinen kunne med \u00e9t knap spytte id\u00e9er ud som &#8220;m\u00e5ske er der en fisk der danser ballet med en stor haj&#8221; mm. Fantasimaskinen opstod som en l\u00f8sning p\u00e5 et problem vi oplevede i praksis ugen forinden DOKK1 &#8211; de mennesker vi testede p\u00e5 kunne simpelthen ikke forestille sig det fantastiske der kunne v\u00e6re i glasset, eller p\u00e5 havets bund.. P\u00e5 DOKK1 opstod en noget anderledes holdning til fantasiens verden. Fantasimaskinen blev simpelthen ikke brugt i dette rum. B\u00f8rnene kunne med introducerende sp\u00f8rgsm\u00e5l nemt spore sig ind p\u00e5 deres fantasi og dermed forestillingsevnen. Fantasimaskinen blev alts\u00e5 en overfl\u00f8dighed. <\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Opsamling<\/strong><br>Det digitale lag \u2013 AI, f\u00e6lles hav og VR \u2013 bliver s\u00e5 en forl\u00e6ngelse af den leg og nysgerrighed, der allerede er sat i gang i m\u00f8det mellem krop, rum og hav. Og d\u00e9r trives s\u00e5dan en lille 4\u00f84-fisk ret godt. \ud83d\udc1f<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!-- Gul LEGO-agtig Dokk1-knap -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bangers&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n.lego-home-btn{\n  --lego-bg:#ffcf00; \/* GUL *\/\n  display:flex;              \/* \u00e6ndret fra inline-flex \u2192 flex *\/\n  align-items:center;\n  gap:8px;\n  padding:10px 18px;\n  border-radius:16px;\n  background:var(--lego-bg);\n  box-shadow:0 6px 16px rgba(0,0,0,.22);\n  text-decoration:none;\n  transition:transform .25s ease, box-shadow .25s ease;\n  margin:20px auto;          \/* centr\u00e9r i bredden *\/\n  width:fit-content;         \/* s\u00e5 den kun fylder omkring indholdet *\/\n}\n.lego-home-btn:hover{\n  transform:translateY(-3px) scale(1.04);\n  box-shadow:0 10px 22px rgba(0,0,0,.3);\n}\n.lego-home-btn svg{\n  width:26px;\n  height:auto;\n}\n.lego-home-btn span{\n  font-family:'Bangers',cursive;\n  font-size:1.1rem;\n  letter-spacing:.5px;\n  color:#000;\n  text-shadow:2px 2px #fff;\n}\n<\/style>\n\n<a class=\"lego-home-btn\"\n   href=\"https:\/\/itdd.au.dk\/blog-not-found\/dokken\/\">\n  <svg viewBox=\"0 0 15 15\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n    <path d=\"M3.5 3H11.5V2H3.5V3ZM13 4.5V12.5H14V4.5H13ZM11.5 14H3.5V15H11.5V14ZM2 12.5V4.5H1V12.5H2ZM3.5 14C2.67157 14 2 13.3284 2 12.5H1C1 13.8807 2.11929 15 3.5 15V14ZM13 12.5C13 13.3284 12.3284 14 11.5 14V15C12.8807 15 14 13.8807 14 12.5H13ZM11.5 3C12.3284 3 13 3.67157 13 4.5H14C14 3.11929 12.8807 2 11.5 2V3ZM3.5 2C2.11929 2 1 3.11929 1 4.5H2C2 3.67157 2.67157 3 3.5 3V2ZM5 8H6V7H5V8ZM9 8H10V7H9V8ZM10.1 9.7C8.8 11.4333 6.2 11.4333 4.9 9.7L4.1 10.3C5.8 12.5667 9.2 12.5667 10.9 10.3L10.1 9.7ZM5 2.5V1.5H4V2.5H5ZM5.5 1H9.5V0H5.5V1ZM10 1.5V2.5H11V1.5H10ZM9.5 1C9.77614 1 10 1.22386 10 1.5H11C11 0.671573 10.3284 0 9.5 0V1ZM5 1.5C5 1.22386 5.22386 1 5.5 1V0C4.67157 0 4 0.671573 4 1.5H5Z\" fill=\"#000\"\/>\n  <\/svg>\n  <span>Hjem til Glasset p\u00e5 Dokk1!<\/span>\n<\/a>\n\n\n\n<!-- Floating Dark Mode Button (bottom-left) -->\n<button id=\"snarDarkFab\" class=\"snar-dark-fab\" aria-pressed=\"false\" aria-label=\"Dagur \/ N\u00e1tt\">\n  <span class=\"knob\"><\/span>\n<\/button>\n\n<style>\n  \/* Floating dark-mode switch *\/\n  .snar-dark-fab{\n    position: fixed;\n    left: max(16px, env(safe-area-inset-left));\n    bottom: max(16px, env(safe-area-inset-bottom));\n    width: 58px; height: 36px;\n    border-radius: 999px;\n    background: #C1272D;           \/* OFF = red *\/\n    border: 1.5px solid #C1272D;\n    box-shadow: 0 2px 10px rgba(0,0,0,.15);\n    cursor: pointer;\n    display: flex; align-items: center;\n    padding: 0 5px;\n    z-index: 200000;\n    -webkit-tap-highlight-color: transparent;\n    transition: background .18s, border-color .18s;\n  }\n  .snar-dark-fab .knob{\n    width: 26px; height: 26px; border-radius: 50%;\n    background: #fff; border: 1px solid #d6d8e0;\n    box-shadow: 0 2px 7px #25387822;\n    transform: translateX(0);\n    transition: transform .2s cubic-bezier(.6,1.3,.4,1), background .18s;\n  }\n  .snar-dark-fab[aria-pressed=\"true\"]{ background:#2563EB; border-color:#2563EB; } \/* ON = blue *\/\n  .snar-dark-fab[aria-pressed=\"true\"] .knob{ transform: translateX(20px); }\n  .snar-dark-fab:focus-visible{ outline:3px solid rgba(37,99,235,.55); outline-offset:3px; }\n  @media (max-width: 480px){\n    .snar-dark-fab{ width:56px; height:34px; }\n    .snar-dark-fab[aria-pressed=\"true\"] .knob{ transform: translateX(18px); }\n  }\n\n  \/* --- Actual page darkening (works on any site) --- *\/\n  html.dark-mode{\n    color-scheme: dark;                \/* dark scrollbars where supported *\/\n    background: #0b0f19 !important;    \/* base bg *\/\n    filter: invert(1) hue-rotate(180deg);\n  }\n  \/* Keep media looking normal *\/\n  html.dark-mode img,\n  html.dark-mode picture,\n  html.dark-mode video,\n  html.dark-mode svg,\n  html.dark-mode canvas,\n  html.dark-mode iframe{\n    filter: invert(1) hue-rotate(180deg);\n  }\n  \/* Keep the FAB\u2019s own colors stable in dark mode *\/\n  html.dark-mode .snar-dark-fab{ filter: invert(1) hue-rotate(180deg); }\n\n  \/* If a specific element looks wrong (e.g., bg-image), add class=\"no-invert\" to it *\/\n  html.dark-mode .no-invert{ filter: invert(1) hue-rotate(180deg) !important; }\n<\/style>\n\n<script>\n(() => {\n  const STORAGE_KEY = 'snar_darkmode';\n  const fab  = document.getElementById('snarDarkFab');\n  const root = document.documentElement;\n\n  function apply(on){\n    fab.setAttribute('aria-pressed', on);\n    root.classList.toggle('dark-mode', on);\n    try { localStorage.setItem(STORAGE_KEY, on ? '1' : '0'); } catch(e){}\n  }\n\n  \/\/ Init from storage or OS preference\n  const saved = (() => { try { return localStorage.getItem(STORAGE_KEY); } catch(e){ return null; }})();\n  const prefers = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;\n  apply(saved ? saved === '1' : prefers);\n\n  fab.addEventListener('click', () => {\n    apply(fab.getAttribute('aria-pressed') !== 'true');\n  });\n\n  \/\/ Optional: if you also have the footer toggle (#darkModeToggle), sync states\n  const footBtn = document.getElementById('darkModeToggle');\n  if (footBtn) {\n    footBtn.addEventListener('click', () => {\n      requestAnimationFrame(() => {\n        const on = footBtn.classList.contains('on');\n        apply(on);\n      });\n    });\n  }\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Hvis I sp\u00f8rger mig, 4\u00f84-fisken i glasset, s\u00e5 gik det egentlig ret godt. B\u00f8rnene kom, kiggede ned til mig, tegnede, legede med AI og sv\u00f8mmede rundt i det digitale hav&#8230; Men selv nede fra bunden af glasset kan jeg se to steder, hvor vi i dag gerne ville skrue mere op: 1. St\u00e6rkere forbindelse til [&hellip;]<\/p>\n","protected":false},"author":85,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-650","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/itdd.au.dk\/blog-not-found\/wp-json\/wp\/v2\/pages\/650","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/itdd.au.dk\/blog-not-found\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/itdd.au.dk\/blog-not-found\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/itdd.au.dk\/blog-not-found\/wp-json\/wp\/v2\/users\/85"}],"replies":[{"embeddable":true,"href":"https:\/\/itdd.au.dk\/blog-not-found\/wp-json\/wp\/v2\/comments?post=650"}],"version-history":[{"count":23,"href":"https:\/\/itdd.au.dk\/blog-not-found\/wp-json\/wp\/v2\/pages\/650\/revisions"}],"predecessor-version":[{"id":773,"href":"https:\/\/itdd.au.dk\/blog-not-found\/wp-json\/wp\/v2\/pages\/650\/revisions\/773"}],"wp:attachment":[{"href":"https:\/\/itdd.au.dk\/blog-not-found\/wp-json\/wp\/v2\/media?parent=650"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}