{"id":332,"date":"2026-09-07T19:26:52","date_gmt":"2026-09-07T19:26:52","guid":{"rendered":"https:\/\/ndovu.org.uk\/cs\/?p=332"},"modified":"2026-09-29T15:20:35","modified_gmt":"2026-09-29T15:20:35","slug":"yr6-term-1-1-3-media","status":"publish","type":"post","link":"https:\/\/ndovu.org.uk\/cs\/yr6-term-1-1-3-media\/","title":{"rendered":"Yr6 Term 1.1.3 Media"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p><strong>Welcome back to Year 6 Computing! \ud83d\uddbc\ufe0f<\/strong><\/p>\n<p>Today we are looking at how we share information online. Media are made by people who make choices, and this activity helps you see yourself as a media maker when deciding what to share online. Let&#8217;s dive in!<\/p>\n\n<p><strong>Step 1: Time to Type! \u2328\ufe0f<\/strong><\/p>\n<ul>\n  <li>Click here to warm up your fingers: <a href=\"https:\/\/dyson-fereday.ovh\/type\/\" target=\"_blank\" rel=\"noopener\">Start Typing Practice<\/a>.<\/li>\n  <li>Today&#8217;s typing challenge focuses on privacy and thinking before we post. Remember to focus on getting the letters exactly right!<\/li>\n<\/ul>\n\n<p><strong>Step 2: Frame It! \ud83d\udcf8<\/strong><\/p>\n<p>Visual media makers control how much information they want to share by <strong>framing<\/strong>. They decide what to include inside the frame (what we can see), and what stays outside the frame (what is invisible). Work through the interactive activity below.<\/p>\n\n<!-- INTERACTIVE LESSON WIDGET -->\n<div id=\"media-maker-lesson\" style=\"max-width: 800px; margin: 20px auto; font-family: Arial, sans-serif; border: 2px solid #ddd; border-radius: 10px; padding: 20px; background-color: #fcfcfc; box-shadow: 0 4px 8px rgba(0,0,0,0.05);\">\n\n  <!-- Progress Bar -->\n  <div style=\"width: 100%; background-color: #e0e0e0; border-radius: 5px; margin-bottom: 20px;\">\n    <div id=\"progress-bar\" style=\"width: 16%; height: 10px; background-color: #4CAF50; border-radius: 5px; transition: width 0.3s;\"><\/div>\n  <\/div>\n\n  <!-- Slide 1: Introduction -->\n  <div class=\"slide active\" id=\"slide-0\" style=\"display: block;\">\n    <h2 style=\"margin-top:0;\">What is Framing?<\/h2>\n    <p>Let&#8217;s look at some examples to see how framing changes a story.<\/p>\n    <button type=\"button\" onclick=\"nextSlide(1)\" style=\"background-color: #0073aa; color: white; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; font-size: 16px;\">Start Activity \u2794<\/button>\n  <\/div>\n\n  <!-- Slide 2: Image 1A (Multiple Choice) -->\n  <div class=\"slide\" id=\"slide-1\" style=\"display: none;\">\n    <h2 style=\"margin-top:0;\">Look at Picture 1A<\/h2>\n    <p>What do you think you are looking at? Click the image that best matches your guess.<\/p>\n    <img decoding=\"async\" id=\"img-1a\" src=\"https:\/\/ndovu.org.uk\/cs\/wp-content\/uploads\/2026\/09\/yr61a.png\" alt=\"Picture 1A showing a close up of a pirate ship\" crossorigin=\"anonymous\" style=\"width: 100%; max-width: 400px; border-radius: 8px; display: block; margin: 0 auto 20px auto;\">\n    \n    <div style=\"display: flex; justify-content: center; gap: 15px; flex-wrap: wrap;\">\n      <button type=\"button\" class=\"choice-btn\" onclick=\"selectChoice('A real pirate ship at sea', this)\" style=\"padding: 10px; border: 2px solid #ccc; border-radius: 8px; cursor: pointer; background: white; font-size: 24px;\">\ud83c\udff4\u200d\u2620\ufe0f<br><span style=\"font-size: 14px; display:block; margin-top:5px;\">Real Pirate Ship<\/span><\/button>\n      <button type=\"button\" class=\"choice-btn\" onclick=\"selectChoice('A small fishing boat', this)\" style=\"padding: 10px; border: 2px solid #ccc; border-radius: 8px; cursor: pointer; background: white; font-size: 24px;\">\ud83c\udfa3<br><span style=\"font-size: 14px; display:block; margin-top:5px;\">Fishing Boat<\/span><\/button>\n      <button type=\"button\" class=\"choice-btn\" onclick=\"selectChoice('A toy boat in a bathtub', this)\" style=\"padding: 10px; border: 2px solid #ccc; border-radius: 8px; cursor: pointer; background: white; font-size: 24px;\">\ud83d\udec1<br><span style=\"font-size: 14px; display:block; margin-top:5px;\">Toy in a Bath<\/span><\/button>\n    <\/div>\n    <div style=\"margin-top: 20px; text-align: right;\">\n      <button type=\"button\" onclick=\"checkAndNext('guess1', 2)\" style=\"background-color: #0073aa; color: white; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; font-size: 16px;\">Next \u2794<\/button>\n    <\/div>\n  <\/div>\n\n  <!-- Slide 3: Image 1B (Textarea) -->\n  <div class=\"slide\" id=\"slide-2\" style=\"display: none;\">\n    <h2 style=\"margin-top:0;\">Now look at 1B<\/h2>\n    <img decoding=\"async\" id=\"img-1b\" src=\"https:\/\/ndovu.org.uk\/cs\/wp-content\/uploads\/2026\/09\/yr61b.png\" alt=\"Picture 1B showing the boat is just a toy in a bathtub\" crossorigin=\"anonymous\" style=\"width: 100%; max-width: 400px; border-radius: 8px; display: block; margin: 0 auto 20px auto;\">\n    <p>How does the added information give you a better idea of what it is? Was it different from what you expected?<\/p>\n    <textarea id=\"text-1b\" rows=\"4\" style=\"width: 100%; box-sizing: border-box; padding: 10px; border-radius: 5px; border: 1px solid #ccc; font-family: inherit; font-size: 16px;\" placeholder=\"Type your answer here...\"><\/textarea>\n    <div style=\"margin-top: 20px; text-align: right;\">\n      <button type=\"button\" onclick=\"saveTextAndNext('text-1b', 'diff1', 3)\" style=\"background-color: #0073aa; color: white; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; font-size: 16px;\">Next \u2794<\/button>\n    <\/div>\n  <\/div>\n\n  <!-- Slide 4: Image 2A (Text input) -->\n  <div class=\"slide\" id=\"slide-3\" style=\"display: none;\">\n    <h2 style=\"margin-top:0;\">Try it again with Picture 2A<\/h2>\n    <img decoding=\"async\" id=\"img-2a\" src=\"https:\/\/ndovu.org.uk\/cs\/wp-content\/uploads\/2026\/09\/yr62a.png\" alt=\"Picture 2A showing a scary looking shadow\" crossorigin=\"anonymous\" style=\"width: 100%; max-width: 400px; border-radius: 8px; display: block; margin: 0 auto 20px auto;\">\n    <p>What do you think is casting the shadow? What is your evidence?<\/p>\n    <textarea id=\"text-2a\" rows=\"3\" style=\"width: 100%; box-sizing: border-box; padding: 10px; border-radius: 5px; border: 1px solid #ccc; font-family: inherit; font-size: 16px;\" placeholder=\"I think the shadow is...\"><\/textarea>\n    <div style=\"margin-top: 20px; text-align: right;\">\n      <button type=\"button\" onclick=\"saveTextAndNext('text-2a', 'guess2', 4)\" style=\"background-color: #0073aa; color: white; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; font-size: 16px;\">Next \u2794<\/button>\n    <\/div>\n  <\/div>\n\n  <!-- Slide 5: Image 2B (Textarea) -->\n  <div class=\"slide\" id=\"slide-4\" style=\"display: none;\">\n    <h2 style=\"margin-top:0;\">2B adds more information<\/h2>\n    <img decoding=\"async\" id=\"img-2b\" src=\"https:\/\/ndovu.org.uk\/cs\/wp-content\/uploads\/2026\/09\/yr62b.png\" alt=\"Picture 2B showing the shadow is just a plant\" crossorigin=\"anonymous\" style=\"width: 100%; max-width: 400px; border-radius: 8px; display: block; margin: 0 auto 20px auto;\">\n    <p>Was your guess correct? Explain how framing changed the meaning of the image.<\/p>\n    <textarea id=\"text-2b\" rows=\"4\" style=\"width: 100%; box-sizing: border-box; padding: 10px; border-radius: 5px; border: 1px solid #ccc; font-family: inherit; font-size: 16px;\" placeholder=\"Type your answer here...\"><\/textarea>\n    <div style=\"margin-top: 20px; text-align: right;\">\n      <button type=\"button\" onclick=\"saveTextAndNext('text-2b', 'diff2', 5)\" style=\"background-color: #0073aa; color: white; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; font-size: 16px;\">Next \u2794<\/button>\n    <\/div>\n  <\/div>\n\n  <!-- Slide 6: TMI (Textarea) -->\n  <div class=\"slide\" id=\"slide-5\" style=\"display: none;\">\n    <h2 style=\"margin-top:0;\">Too Much Information (TMI)?<\/h2>\n    <img decoding=\"async\" id=\"img-3\" src=\"https:\/\/ndovu.org.uk\/cs\/wp-content\/uploads\/2026\/09\/yr63.png\" alt=\"Picture 3A and 3B showing a zoo tiger versus a movie set\" crossorigin=\"anonymous\" style=\"width: 100%; border-radius: 8px; display: block; margin: 0 auto 20px auto;\">\n    <p>What if every time you watched a movie, you saw all the cameras, microphones, and crew members? Do you think you would enjoy the story as much?<\/p>\n    <textarea id=\"text-3\" rows=\"4\" style=\"width: 100%; box-sizing: border-box; padding: 10px; border-radius: 5px; border: 1px solid #ccc; font-family: inherit; font-size: 16px;\" placeholder=\"I think that seeing all the cameras would...\"><\/textarea>\n    <div style=\"margin-top: 20px; text-align: right;\">\n      <button type=\"button\" onclick=\"saveTextAndNext('text-3', 'tmi', 6)\" style=\"background-color: #4CAF50; color: white; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; font-size: 16px;\">Finish &amp; Download \u2794<\/button>\n    <\/div>\n  <\/div>\n\n  <!-- Slide 7: Download Results -->\n  <div class=\"slide\" id=\"slide-6\" style=\"display: none; text-align: center;\">\n    <h2 style=\"margin-top:0;\">Great Job, Media Maker! \ud83c\udfac<\/h2>\n    <p>You have learned how framing changes the story. Every time you share a photo online, you are deciding what is inside the frame and what is kept private.<\/p>\n    <button type=\"button\" onclick=\"downloadResults()\" style=\"background-color: #0073aa; color: white; border: none; padding: 15px 25px; border-radius: 5px; cursor: pointer; font-size: 18px; margin-top: 20px; font-weight: bold;\">\ud83d\udcbe Download My Reflection Image<\/button>\n  <\/div>\n\n<\/div>\n\n<p><strong>Step 3: Keep the Kingdom Kind \ud83c\udfac<\/strong><\/p>\n<p>Every time you share something online, you are making media. Like the producers of a film, video or TV show, you can decide what people will see (what is inside the frame) and what stays out of sight (what is outside the frame).<\/p>\n<ul>\n  <li>Click here to practice sharing safely: <a href=\"https:\/\/beinternetawesome.withgoogle.com\/en_uk\/interland\" target=\"_blank\" rel=\"noopener\">Play Interland<\/a>.<\/li>\n  <li>Your specific mission today is to travel to <strong>Mindful Mountain<\/strong> to learn about sharing carefully and protecting your digital footprint.<\/li>\n<\/ul>\n\n<p><strong>Step 4: Log Off and Reflect \ud83d\udc4b<\/strong><\/p>\n<ul>\n  <li><strong>Exit Ticket:<\/strong> Think about a photo you might share online this weekend. Tell your partner one thing you would deliberately keep &#8220;outside the frame&#8221; to protect your personal privacy.<\/li>\n  <li>Log out securely and tidy your desk space!<\/li>\n<\/ul>\n<script>\nvar userAnswers = {};\nvar currentSelection = \"\";\nfunction selectChoice(value, btnElement) {\ncurrentSelection = value;\nvar buttons = document.querySelectorAll('.choice-btn');\nfor (var i = 0; i !== buttons.length; i++) {\nbuttons[i].style.borderColor = '#ccc';\nbuttons[i].style.backgroundColor = 'white';\n}\nbtnElement.style.borderColor = '#0073aa';\nbtnElement.style.backgroundColor = '#e6f2f8';\n}\nfunction checkAndNext(key, nextSlideId) {\nif (currentSelection === \"\") { alert(\"Please select an image before continuing!\"); return; }\nuserAnswers[key] = currentSelection;\ncurrentSelection = \"\"; \nnextSlide(nextSlideId);\n}\nfunction saveTextAndNext(inputId, key, nextSlideId) {\nvar textVal = document.getElementById(inputId).value.trim();\nif (textVal === \"\") { alert(\"Please type an answer before continuing!\"); return; }\nuserAnswers[key] = textVal;\nnextSlide(nextSlideId);\n}\nfunction nextSlide(slideIndex) {\nvar slides = document.querySelectorAll('.slide');\nfor (var i = 0; i !== slides.length; i++) { slides[i].style.display = 'none'; }\nvar target = document.getElementById('slide-' + slideIndex);\nif (target) target.style.display = 'block';\nvar progressPercents = [16, 32, 48, 64, 80, 100, 100];\nvar bar = document.getElementById('progress-bar');\nif (bar) bar.style.width = progressPercents[slideIndex] + '%';\n}\nfunction downloadResults() {\nvar expCanvas = document.createElement('canvas');\nexpCanvas.width = 800;\nexpCanvas.height = 3000;\nvar ctxExp = expCanvas.getContext('2d');\nctxExp.fillStyle = '#ffffff';\nctxExp.fillRect(0, 0, expCanvas.width, expCanvas.height);\nfunction wrapText(context, text, x, y, maxWidth, lineHeight) {\nvar words = text.split(' '); var line = '';\nfor (var n = 0; n !== words.length; n++) {\nvar testLine = line + words[n] + ' ';\nvar metrics = context.measureText(testLine);\nif (metrics.width > maxWidth && n !== 0) {\ncontext.fillText(line, x, y); line = words[n] + ' '; y += lineHeight;\n} else { line = testLine; }\n}\ncontext.fillText(line, x, y); return y + lineHeight;\n}\nvar startY = 60;\nctxExp.fillStyle = '#0073aa'; ctxExp.font = 'bold 32px Arial';\nctxExp.fillText('My Media Maker Reflection \ud83d\udcf8', 40, startY); startY += 60;\nfunction drawSection(title, imgId, qText, aText) {\nctxExp.fillStyle = '#e65100'; ctxExp.font = 'bold 24px Arial';\nctxExp.fillText(title, 40, startY); startY += 40;\nvar img = document.getElementById(imgId);\nif (img && img.naturalWidth !== 0) {\nvar scale = 400 \/ img.naturalWidth;\nif (scale > 1) scale = 1;\nvar w = img.naturalWidth * scale;\nvar h = img.naturalHeight * scale;\nctxExp.drawImage(img, 40, startY, w, h);\nstartY += h + 30;\n}\nctxExp.fillStyle = '#333333'; ctxExp.font = 'bold 18px Arial';\nstartY = wrapText(ctxExp, qText, 40, startY, 720, 26); startY += 10;\nctxExp.font = 'normal 18px Arial'; ctxExp.fillStyle = '#0073aa';\nstartY = wrapText(ctxExp, aText || 'No answer provided.', 40, startY, 720, 26); startY += 50;\n}\ndrawSection('1. The Boat (Picture 1A)', 'img-1a', 'My Initial Guess:', userAnswers.guess1);\ndrawSection('2. The Boat (Picture 1B)', 'img-1b', 'How the added information changed my idea:', userAnswers.diff1);\ndrawSection('3. The Shadow (Picture 2A)', 'img-2a', 'My Initial Guess:', userAnswers.guess2);\ndrawSection('4. The Shadow (Picture 2B)', 'img-2b', 'Was my guess correct? Explain how framing changed the meaning:', userAnswers.diff2);\ndrawSection('5. Too Much Information', 'img-3', 'Would I enjoy a movie if I saw all the cameras and crew?', userAnswers.tmi);\nvar finalCanvas = document.createElement('canvas');\nfinalCanvas.width = 800;\nfinalCanvas.height = startY + 50;\nvar finalCtx = finalCanvas.getContext('2d');\nfinalCtx.drawImage(expCanvas, 0, 0);\nvar dataURL = finalCanvas.toDataURL('image\/png');\nvar a = document.createElement('a');\na.href = dataURL;\na.download = 'Year6_Media_Maker_Reflection.png';\ndocument.body.appendChild(a);\na.click();\ndocument.body.removeChild(a);\nalert('Your Reflection Image has been downloaded! Paste this PNG directly into your Word Document.');\n}\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Welcome back to Year 6 Computing! \ud83d\uddbc\ufe0f Today we are looking at how we share information online. Media are made by people who make choices,&#8230;<\/p>\n<div class=\"more-link-wrapper\"><a class=\"more-link\" href=\"https:\/\/ndovu.org.uk\/cs\/yr6-term-1-1-3-media\/\">Continue Reading<span class=\"screen-reader-text\">Yr6 Term 1.1.3 Media<\/span><\/a><\/div>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[],"class_list":["post-332","post","type-post","status-publish","format-standard","hentry","category-year6","entry"],"_links":{"self":[{"href":"https:\/\/ndovu.org.uk\/cs\/wp-json\/wp\/v2\/posts\/332","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ndovu.org.uk\/cs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ndovu.org.uk\/cs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ndovu.org.uk\/cs\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/ndovu.org.uk\/cs\/wp-json\/wp\/v2\/comments?post=332"}],"version-history":[{"count":3,"href":"https:\/\/ndovu.org.uk\/cs\/wp-json\/wp\/v2\/posts\/332\/revisions"}],"predecessor-version":[{"id":541,"href":"https:\/\/ndovu.org.uk\/cs\/wp-json\/wp\/v2\/posts\/332\/revisions\/541"}],"wp:attachment":[{"href":"https:\/\/ndovu.org.uk\/cs\/wp-json\/wp\/v2\/media?parent=332"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ndovu.org.uk\/cs\/wp-json\/wp\/v2\/categories?post=332"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ndovu.org.uk\/cs\/wp-json\/wp\/v2\/tags?post=332"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}