{"id":360,"date":"2026-09-07T20:31:52","date_gmt":"2026-09-07T20:31:52","guid":{"rendered":"https:\/\/ndovu.org.uk\/cs\/?p=360"},"modified":"2026-09-07T20:32:40","modified_gmt":"2026-09-07T20:32:40","slug":"yr6-term-1-1-8-critical-media-maker","status":"publish","type":"post","link":"https:\/\/ndovu.org.uk\/cs\/yr6-term-1-1-8-critical-media-maker\/","title":{"rendered":"Yr6 Term 1.1.8 Critical media maker"},"content":{"rendered":"\n<p><strong>Welcome back to Year 6 Computing! \ud83c\udfc6\u2728<\/strong><\/p>\n<p>Today is the final capstone showcase of our unit! You will perform peer testing, debug code logic, evaluate your interactive digital identity maps, and celebrate your growth as critical media makers. Let&#8217;s finish strong!<\/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 debugging and evaluation terms: <em>testing, conditional, feedback, refinement, and digital footprint<\/em>. Aim for high accuracy!<\/li>\n<\/ul>\n\n<p><strong>Step 2: Interactive Capstone Showcase &#038; Evaluation Module \ud83d\udccb<\/strong><\/p>\n<p>Use the embedded module below to test your identity map logic, complete your self-reflection, conduct a peer review during our gallery walk, and generate your final Year 6 Autumn 1 computing portfolio!<\/p>\n\n<!-- INTERACTIVE LESSON WIDGET MODULE -->\n<div id=\"identity-eval-widget\" 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: 25%; height: 10px; background-color: #ff9800; border-radius: 5px; transition: width 0.3s;\"><\/div>\n  <\/div>\n\n  <!-- Slide 1: Interactive Verification -->\n  <div class=\"slide active\" id=\"slide-0\">\n    <h2 style=\"margin-top:0; color: #e65100;\">Step 1: Verify &#038; Debug Your Identity Map<\/h2>\n    <p>Run a final sanity check on your interactive map logic before sharing it with your peer reviewer:<\/p>\n\n    <div style=\"border: 2px dashed #ff9800; border-radius: 10px; padding: 20px; background: #fff; text-align: center; margin-bottom: 20px;\">\n      <h3 style=\"margin-top:0; color: #333;\">Map Hotspot Simulator Test<\/h3>\n      <p style=\"font-size: 14px; color: #666;\">Click the buttons to ensure your safe vs. private event responses trigger as intended.<\/p>\n      \n      <div style=\"display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin-bottom: 15px;\">\n        <button onclick=\"testHotspot('safe')\" style=\"padding: 10px 15px; background: #e8f5e9; border: 2px solid #4CAF50; border-radius: 5px; cursor: pointer; font-weight: bold; color: #2e7d32;\">\u2705 Test Safe Hotspot<\/button>\n        <button onclick=\"testHotspot('private')\" style=\"padding: 10px 15px; background: #ffebee; border: 2px solid #e53935; border-radius: 5px; cursor: pointer; font-weight: bold; color: #c62828;\">\ud83d\uded1 Test Private Hotspot<\/button>\n      <\/div>\n\n      <div id=\"sim-output\" style=\"padding: 12px; border-radius: 5px; background: #f9f9f9; border: 1px solid #ddd; font-weight: bold; color: #555;\">\n        Ready to test&#8230;\n      <\/div>\n    <\/div>\n\n    <div style=\"text-align: right;\">\n      <button onclick=\"showSlide(1)\" style=\"background-color: #ff9800; 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 2: Self Reflection -->\n  <div class=\"slide\" id=\"slide-1\" style=\"display: none;\">\n    <h2 style=\"margin-top:0; color: #e65100;\">Step 2: Self Reflection<\/h2>\n    <p>Evaluate your completed capstone project:<\/p>\n    \n    <label style=\"font-weight: bold; display: block; margin-top: 10px;\">How does your map help protect your personal privacy online?<\/label>\n    <textarea id=\"self-privacy\" rows=\"3\" placeholder=\"e.g., By keeping my real photo, address, and full name outside the frame and using an avatar...\" style=\"width: 100%; padding: 10px; margin-bottom: 15px; border: 1px solid #ccc; border-radius: 5px; box-sizing: border-box;\"><\/textarea>\n\n    <label style=\"font-weight: bold; display: block; margin-top: 10px;\">What technical problem or bug did you debug while building your hotspots?<\/label>\n    <textarea id=\"self-debug-capstone\" rows=\"3\" placeholder=\"e.g., The private warning popup wasn't showing when clicked, so I fixed the event block...\" style=\"width: 100%; padding: 10px; margin-bottom: 20px; border: 1px solid #ccc; border-radius: 5px; box-sizing: border-box;\"><\/textarea>\n\n    <div style=\"text-align: right;\">\n      <button onclick=\"checkSelfAndNext(2)\" style=\"background-color: #ff9800; 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: Peer Feedback -->\n  <div class=\"slide\" id=\"slide-2\" style=\"display: none;\">\n    <h2 style=\"margin-top:0; color: #e65100;\">Step 3: Peer Review (Gallery Walk)<\/h2>\n    <p>Swap seats with a partner. Interact with their identity map module on screen and leave feedback below:<\/p>\n    \n    <label style=\"font-weight: bold; display: block; margin-top: 10px;\">Reviewer&#8217;s Name:<\/label>\n    <input type=\"text\" id=\"capstone-reviewer\" placeholder=\"Partner's name\" style=\"width: 100%; padding: 10px; margin-bottom: 15px; border: 1px solid #ccc; border-radius: 5px; box-sizing: border-box;\">\n\n    <label style=\"font-weight: bold; display: block; margin-top: 10px;\">One thing done really well (Star \ud83c\udf1f):<\/label>\n    <textarea id=\"capstone-star\" rows=\"2\" placeholder=\"e.g., Great clear warnings on the private hotspots and a cool safe avatar!\" style=\"width: 100%; padding: 10px; margin-bottom: 15px; border: 1px solid #ccc; border-radius: 5px; box-sizing: border-box;\"><\/textarea>\n\n    <label style=\"font-weight: bold; display: block; margin-top: 10px;\">One suggestion for improvement (Wish \ud83d\udcab):<\/label>\n    <textarea id=\"capstone-wish\" rows=\"2\" placeholder=\"e.g., You could add a custom sound effect when the safe hotspot is clicked...\" style=\"width: 100%; padding: 10px; margin-bottom: 20px; border: 1px solid #ccc; border-radius: 5px; box-sizing: border-box;\"><\/textarea>\n\n    <div style=\"text-align: right;\">\n      <button onclick=\"checkPeerAndNext(3)\" style=\"background-color: #4CAF50; color: white; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; font-size: 16px;\">Finish &#038; Download \u2794<\/button>\n    <\/div>\n  <\/div>\n\n  <!-- Slide 4: Download -->\n  <div class=\"slide\" id=\"slide-3\" style=\"display: none; text-align: center;\">\n    <h2 style=\"margin-top:0; color: #e65100;\">Unit Capstone Complete! \ud83c\udf93<\/h2>\n    <p>Download your final Capstone Evaluation Report to complete your Year 6 Autumn 1 Computing portfolio.<\/p>\n    <button onclick=\"downloadCapstoneEvaluation()\" style=\"background-color: #ff9800; color: white; border: none; padding: 15px 25px; border-radius: 5px; cursor: pointer; font-size: 18px; margin-top: 20px; font-weight: bold;\">\ud83d\udcbe Download Capstone Report<\/button>\n  <\/div>\n\n<\/div>\n\n<script>\n  let capstoneData = {};\n\n  function testHotspot(type) {\n    const sim = document.getElementById('sim-output');\n    if (type === 'safe') {\n      sim.style.backgroundColor = '#e8f5e9';\n      sim.style.borderColor = '#4CAF50';\n      sim.style.color = '#2e7d32';\n      sim.innerHTML = '\u2705 <strong>Safe Hotspot Passed:<\/strong> Displaying public interests correctly!';\n    } else {\n      sim.style.backgroundColor = '#ffebee';\n      sim.style.borderColor = '#e53935';\n      sim.style.color = '#c62828';\n      sim.innerHTML = '\ud83d\uded1 <strong>Private Hotspot Passed:<\/strong> Warning trigger prevented sharing personal details!';\n    }\n  }\n\n  function checkSelfAndNext(nextSlideId) {\n    const privacy = document.getElementById('self-privacy').value.trim();\n    const debug = document.getElementById('self-debug-capstone').value.trim();\n\n    if (privacy === \"\" || debug === \"\") {\n      alert(\"Please answer both self-reflection questions before continuing!\");\n      return;\n    }\n\n    capstoneData.privacy = privacy;\n    capstoneData.debug = debug;\n    showSlide(nextSlideId);\n  }\n\n  function checkPeerAndNext(nextSlideId) {\n    const reviewer = document.getElementById('capstone-reviewer').value.trim();\n    const star = document.getElementById('capstone-star').value.trim();\n    const wish = document.getElementById('capstone-wish').value.trim();\n\n    if (reviewer === \"\" || star === \"\" || wish === \"\") {\n      alert(\"Please ensure your reviewer completes all fields!\");\n      return;\n    }\n\n    capstoneData.reviewer = reviewer;\n    capstoneData.star = star;\n    capstoneData.wish = wish;\n    showSlide(nextSlideId);\n  }\n\n  function showSlide(slideIndex) {\n    document.querySelectorAll('#identity-eval-widget .slide').forEach(slide => {\n      slide.style.display = 'none';\n    });\n    document.getElementById('slide-' + slideIndex).style.display = 'block';\n    \n    const progressPercents = [25, 50, 75, 100];\n    document.getElementById('progress-bar').style.width = progressPercents[slideIndex] + '%';\n  }\n\n  function downloadCapstoneEvaluation() {\n    const htmlContent = `\n      <!DOCTYPE html>\n      <html lang=\"en\">\n      <head>\n        <meta charset=\"UTF-8\">\n        <title>Year 6 Capstone Project Evaluation<\/title>\n        <style>\n          body { font-family: Arial, sans-serif; padding: 20px; max-width: 800px; margin: 0 auto; background-color: #f4f4f9; }\n          .card { background: white; padding: 20px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); margin-bottom: 20px; }\n          h3 { color: #e65100; border-bottom: 2px solid #eee; padding-bottom: 5px; margin-top:0; }\n          .text-block { background-color: #fff3e0; padding: 12px; border-left: 4px solid #ff9800; font-size: 15px; margin-top: 10px; }\n          .peer-block { background-color: #e8f5e9; padding: 12px; border-left: 4px solid #4CAF50; font-size: 15px; margin-top: 10px; }\n        <\/style>\n      <\/head>\n      <body>\n        <h1>Digital Identity Map Capstone Report \ud83c\udf93\ud83c\udfc6<\/h1>\n        <p><strong>Name:<\/strong> _______________________ &nbsp;&nbsp;&nbsp; <strong>Date:<\/strong> _______________________<\/p>\n        \n        <div class=\"card\">\n          <h3>Self Reflection & Privacy Assessment<\/h3>\n          <p><strong>How my map protects personal privacy:<\/strong><\/p>\n          <div class=\"text-block\">${capstoneData.privacy}<\/div>\n          <br>\n          <p><strong>Code logic & debugging highlights:<\/strong><\/p>\n          <div class=\"text-block\">${capstoneData.debug}<\/div>\n        <\/div>\n\n        <div class=\"card\">\n          <h3>Peer Review & Feedback<\/h3>\n          <p><strong>Reviewed by:<\/strong> ${capstoneData.reviewer}<\/p>\n          <p><strong>Star \ud83c\udf1f (What went well):<\/strong><\/p>\n          <div class=\"peer-block\">${capstoneData.star}<\/div>\n          <br>\n          <p><strong>Wish \ud83d\udcab (Suggestion for improvement):<\/strong><\/p>\n          <div class=\"peer-block\">${capstoneData.wish}<\/div>\n        <\/div>\n      <\/body>\n      <\/html>\n    `;\n\n    const blob = new Blob([htmlContent], { type: 'text\/html' });\n    const url = URL.createObjectURL(blob);\n    const downloadLink = document.createElement('a');\n    downloadLink.href = url;\n    downloadLink.download = 'Year6_Capstone_Evaluation.html';\n    document.body.appendChild(downloadLink);\n    downloadLink.click();\n    document.body.removeChild(downloadLink);\n    URL.revokeObjectURL(url);\n  }\n<\/script>\n<!-- END INTERACTIVE LESSON WIDGET -->\n\n<p><strong>Step 3: Practice Digital Citizenship in Interland \ud83d\udee1\ufe0f<\/strong><\/p>\n<ul>\n  <li>Click here to play: <a href=\"https:\/\/beinternetawesome.withgoogle.com\/en_uk\/interland\" target=\"_blank\" rel=\"noopener\">Play Interland<\/a>.<\/li>\n  <li>Revisit <strong>Kind Kingdom<\/strong> or <strong>Mindful Mountain<\/strong> to master digital citizenship and earn your final badge.<\/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> Share one key lesson you will remember about managing your digital footprint whenever you create or post online in the future.<\/li>\n  <li>Log out securely and tidy your desk space!<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Welcome back to Year 6 Computing! \ud83c\udfc6\u2728 Today is the final capstone showcase of our unit! You will perform peer testing, debug code logic, evaluate&#8230;<\/p>\n<div class=\"more-link-wrapper\"><a class=\"more-link\" href=\"https:\/\/ndovu.org.uk\/cs\/yr6-term-1-1-8-critical-media-maker\/\">Continue Reading<span class=\"screen-reader-text\">Yr6 Term 1.1.8 Critical media maker<\/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-360","post","type-post","status-publish","format-standard","hentry","category-year6","entry"],"_links":{"self":[{"href":"https:\/\/ndovu.org.uk\/cs\/wp-json\/wp\/v2\/posts\/360","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=360"}],"version-history":[{"count":2,"href":"https:\/\/ndovu.org.uk\/cs\/wp-json\/wp\/v2\/posts\/360\/revisions"}],"predecessor-version":[{"id":363,"href":"https:\/\/ndovu.org.uk\/cs\/wp-json\/wp\/v2\/posts\/360\/revisions\/363"}],"wp:attachment":[{"href":"https:\/\/ndovu.org.uk\/cs\/wp-json\/wp\/v2\/media?parent=360"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ndovu.org.uk\/cs\/wp-json\/wp\/v2\/categories?post=360"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ndovu.org.uk\/cs\/wp-json\/wp\/v2\/tags?post=360"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}