{"id":274,"date":"2026-08-07T11:43:06","date_gmt":"2026-08-07T11:43:06","guid":{"rendered":"https:\/\/ndovu.org.uk\/cs\/?p=274"},"modified":"2026-09-25T10:35:06","modified_gmt":"2026-09-25T10:35:06","slug":"term-1-11-making-predictions","status":"publish","type":"post","link":"https:\/\/ndovu.org.uk\/cs\/term-1-11-making-predictions\/","title":{"rendered":"Yr4 Term 1.11 Making predictions"},"content":{"rendered":"\n<div style=\"font-family: sans-serif; max-width: 800px; margin: 0 auto;\">\n    <h1 style=\"text-align: center;\">\ud83e\udd16 Session 1: What is AI &amp; Making Predictions<\/h1>\n\n    <!-- Key Vocab Box -->\n    <div style=\"background-color: #f3f0ff; padding: 20px; border-radius: 10px; margin-bottom: 20px; border: 1px solid #d9cfff;\">\n        <h3 style=\"margin-top: 0;\">\ud83d\udca1 Key Words Today<\/h3>\n        <ul style=\"margin-bottom: 0; line-height: 1.6;\">\n            <li><strong>AI (Artificial Intelligence):<\/strong> A computer program that can learn and make choices.<\/li>\n            <li><strong>Prediction:<\/strong> A smart guess based on information.<\/li>\n            <li><strong>Data:<\/strong> Information we give to a computer.<\/li>\n        <\/ul>\n    <\/div>\n\n    <!-- Starter Box -->\n    <div style=\"background-color: #e6f7ff; padding: 20px; border-radius: 10px; margin-bottom: 20px; border: 1px solid #bae7ff;\">\n        <h2 style=\"margin-top: 0;\">1. Finger Warm-Up \u2328\ufe0f<\/h2>\n        <p>Spend 5-10 minutes practicing your touch typing. Remember to keep your fingers on the home row to speed up your work!<\/p>\n        <a href=\"https:\/\/ndovu.org.uk\/type\" target=\"_blank\" style=\"display: inline-block; background-color: #007bff; color: white; padding: 12px 24px; text-decoration: none; border-radius: 8px; font-weight: bold; margin-top: 10px;\">\u2328\ufe0f Open Typing Practice<\/a>\n    <\/div>\n\n    <!-- Main Activity Box -->\n    <div style=\"background-color: #f6ffed; padding: 20px; border-radius: 10px; margin-bottom: 20px; border: 1px solid #d9f7be;\">\n        <h2 style=\"margin-top: 0;\">2. What is Artificial Intelligence? \u25b6\ufe0f<\/h2>\n        <p>Watch the video below to find out. You can rewind and repeat as often as possible!<\/p>\n        \n        <!-- Video Embed -->\n        <div style=\"position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; background: #000; border-radius: 8px; margin-bottom: 20px;\">\n            <iframe style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\" src=\"https:\/\/www.youtube.com\/embed\/Ok-xpKjKp2g?si=cClHwWexyYYuNCQP\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"><\/iframe>\n        <\/div>\n        \n        <h3 style=\"margin-top: 20px;\">3. AI Predictions Mission \ud83d\ude80<\/h3>\n        <p>Now it is your turn to explore what AI is and see how it makes predictions using data. Head over to Code.org to complete your first AI challenge!<\/p>\n        <a href=\"https:\/\/studio.code.org\/courses\/k5-ai-data-2024\/units\/1\/lessons\/1\/levels\/1\" target=\"_blank\" style=\"display: inline-block; background-color: #52c41a; color: white; padding: 12px 24px; text-decoration: none; border-radius: 8px; font-weight: bold; margin-top: 10px;\">\ud83d\ude80 Start AI Predictions<\/a>\n    <\/div>\n\n    <!-- EMBEDDED MODULE 10: THE DATA LAB -->\n    <style>\n        .clucky-data-lab { background-color: #fff2e8; padding: 20px; border-radius: 10px; margin-bottom: 20px; border: 1px solid #ffd8bf; }\n        .clucky-data-lab .lesson-box { background: #eef2f3; border-left: 5px solid #2980b9; padding: 15px; margin-bottom: 20px; border-radius: 5px; font-size: 15px; line-height: 1.6;}\n        .clucky-data-lab .algo-container { display: flex; gap: 20px; background: #ecf0f1; padding: 20px; border-radius: 8px; margin-bottom: 15px; flex-wrap: wrap;}\n        .clucky-data-lab .algo-col { flex: 1; min-width: 250px;}\n        .clucky-data-lab .history-list { list-style-type: none; padding: 0; margin: 0;}\n        .clucky-data-lab .history-list li { background: #fff; margin: 5px 0; padding: 10px; border-radius: 5px; cursor: pointer; border-left: 4px solid #3498db; user-select: none; transition: 0.2s;}\n        .clucky-data-lab .history-list li.predicted { border: 2px dashed #e67e22; background: #fdf2e9; }\n        .clucky-data-lab .hidden-by-algo { opacity: 0.3; text-decoration: line-through; background-color: #e0e0e0 !important; border-left: 4px solid #7f8c8d !important; pointer-events: none;}\n        .clucky-data-lab .correct-hidden { border-left: 4px solid #2ecc71 !important; background-color: #e8f8f5 !important; }\n        .clucky-data-lab .incorrect-hidden { border-left: 4px solid #e74c3c !important; background-color: #fce4d6 !important; }\n        .clucky-data-lab .btn-safe { background: #8e44ad; border: none; padding: 12px 20px; color: white; cursor: pointer; border-radius: 5px; font-weight: bold; font-size: 16px; margin: 5px;}\n        .clucky-data-lab .btn-next { background: #2c3e50; }\n        .clucky-data-lab .feedback-container { margin-top: 15px; min-height: 80px; text-align: center; padding: 10px; border-radius: 5px; background: #f8f9fa; border: 1px solid #e9ecef; }\n        .clucky-data-lab .feedback { font-weight: bold; font-size: 16px; margin: 5px 0; }\n        .clucky-data-lab .clue-box { color: #e67e22; font-style: italic; font-size: 15px; margin-top: 5px; display: none; }\n        .clucky-data-lab .explanation-box { color: #2c3e50; font-size: 14px; margin-top: 5px; text-align: left; background: #fff; padding: 8px; border-left: 3px solid #3498db; display: none; }\n        .clucky-data-lab .end-screen { display: none; text-align: center; padding: 20px; background: #eafaf1; border-radius: 10px; border: 2px solid #2ecc71;}\n    <\/style>\n\n    <div class=\"clucky-data-lab\" id=\"game10\">\n        <h2 style=\"margin-top: 0;\">4. The Data Lab: Invisible Inputs \ud83e\uddea<\/h2>\n        <div class=\"lesson-box\">\n            <h4 style=\"margin-top:0; margin-bottom:5px;\">\ud83d\udcd6 What are we learning?<\/h4>\n            <p style=\"margin:0;\">&#8220;For artificial intelligence to function, it must be trained with data. If the data used to train AI is not filtered enough or is missing information, the AI will make bad predictions. This is called a <strong>&#8216;bias&#8217;<\/strong>.&#8221;<\/p>\n        <\/div>\n        <p>Look at the training data below. Click on the item that the AI will fail to recognize or understand because it has never seen it before!<\/p>\n        \n        <div id=\"gamePlay10\">\n            <div class=\"algo-container\">\n                <div class=\"algo-col\">\n                    <h3 id=\"dataTitle10\" style=\"margin-top:0; color:#8e44ad;\"><\/h3>\n                    <strong>Training Data Fed to AI:<\/strong>\n                    <div id=\"trainData10\" style=\"background:white; padding:15px; border-radius:5px; margin-top:10px; border-left:4px solid #8e44ad; font-weight:bold;\"><\/div>\n                <\/div>\n                <div class=\"algo-col\">\n                    <strong>What will the AI fail to understand?<\/strong>\n                    <ul id=\"dataList10\" class=\"history-list\"><\/ul>\n                <\/div>\n            <\/div>\n            <div style=\"text-align: center;\">\n                <button class=\"btn-safe\" id=\"btnApply10\" onclick=\"applyM10()\">Test AI<\/button>\n                <button class=\"btn-safe btn-next\" id=\"btnNext10\" style=\"display:none;\" onclick=\"nextM10()\">Next Scenario \u27a1<\/button>\n                <div class=\"feedback-container\">\n                    <p id=\"feedback10\" class=\"feedback\"><\/p>\n                    <p id=\"clue10\" class=\"clue-box\"><\/p>\n                    <div id=\"expl10\" class=\"explanation-box\"><\/div>\n                <\/div>\n                <p><em>Progress:<\/em> <span id=\"progress10\"><\/span><\/p>\n            <\/div>\n        <\/div>\n\n        <div id=\"endScreen10\" class=\"end-screen\">\n            <h3>\ud83c\udf89 Data Lab Complete!<\/h3>\n            <p><span>Your Score:<\/span> <span id=\"finalScore10\"><\/span> \/ 15<\/p>\n            <p>Great job! You have proven that AI only knows what we teach it.<\/p>\n            <button class=\"btn-safe\" style=\"margin-top:10px;\" onclick=\"resetM10()\">Play Again<\/button>\n        <\/div>\n    <\/div>\n\n    <!-- Plenary Box -->\n    <div style=\"background-color: #fafafa; padding: 20px; border-radius: 10px; border: 1px solid #d9d9d9;\">\n        <h2 style=\"margin-top: 0;\">5. Class Reflection \ud83d\udde3\ufe0f<\/h2>\n        <p>Get ready to recap the lesson! We will share screens to whole class so we can talk through your progress or any issues from this lesson.<\/p>\n    <\/div>\n\n    <!-- JavaScript for The Data Lab -->\n    <script>\n        (function() {\n            const m10_data = [\n                { td: \"Only brown dogs\", ans: 0, i: [\"A white dog\", \"A brown dog\"] },\n                { td: \"Only male doctors\", ans: 1, i: [\"A male doctor\", \"A female doctor\"] },\n                { td: \"Only American accents\", ans: 0, i: [\"A Scottish accent\", \"An American accent\"] },\n                { td: \"Only happy faces\", ans: 1, i: [\"A happy face\", \"A sad face\"] },\n                { td: \"Only short vocabulary\", ans: 0, i: [\"Advanced vocabulary\", \"Short words\"] },\n                { td: \"Only pop music\", ans: 1, i: [\"A pop song\", \"A classical piano song\"] },\n                { td: \"Only daytime driving photos\", ans: 0, i: [\"Driving safely at night\", \"Driving safely at daytime\"] },\n                { td: \"Only English books\", ans: 1, i: [\"An English sentence\", \"A French sentence\"] },\n                { td: \"Only loud, fast videos\", ans: 0, i: [\"A quiet, relaxing video\", \"A fast, loud video\"] },\n                { td: \"Only history of Kings\", ans: 1, i: [\"A history of a King\", \"A history of a Queen\"] },\n                { td: \"Only recipes with meat\", ans: 0, i: [\"A vegetarian meal\", \"A meat meal\"] },\n                { td: \"Only photos of clear skies\", ans: 1, i: [\"A sunny day\", \"A rainstorm\"] },\n                { td: \"Only resumes from gamers\", ans: 0, i: [\"A hobby of reading\", \"A hobby of gaming\"] },\n                { td: \"Only running exercises\", ans: 1, i: [\"Calories for a runner\", \"Calories for a swimmer\"] },\n                { td: \"Only cats outdoors\", ans: 0, i: [\"An indoor cat\", \"An outdoor cat\"] }\n            ];\n\n            let i10 = 0, s10 = 0, a10 = 0;\n\n            window.load10 = function() {\n                let scen = m10_data[i10];\n                document.getElementById(\"dataTitle10\").innerText = \"Scenario \" + (i10 + 1);\n                document.getElementById(\"trainData10\").innerText = scen.td;\n                let html = \"\";\n                scen.i.forEach((t, i) => {\n                    html += `<li id=\"m10Item_${i}\" data-ans=\"${scen.ans === i}\" onclick=\"this.classList.toggle('predicted')\">${t}<\/li>`;\n                });\n                document.getElementById(\"dataList10\").innerHTML = html;\n                document.getElementById(\"btnApply10\").style.display = \"inline-block\";\n                document.getElementById(\"btnNext10\").style.display = \"none\";\n                document.getElementById(\"progress10\").innerText = (i10 + 1) + \"\/15\";\n                \n                document.getElementById(\"feedback10\").innerText = \"\";\n                document.getElementById(\"clue10\").style.display = \"none\";\n                document.getElementById(\"expl10\").style.display = \"none\";\n            };\n\n            window.applyM10 = function() {\n                let scen = m10_data[i10];\n                let perf = true;\n                scen.i.forEach((_, i) => {\n                    let li = document.getElementById(`m10Item_${i}`);\n                    let isTarget = (li.getAttribute(\"data-ans\") === \"true\");\n                    let ug = li.classList.contains(\"predicted\");\n                    if (isTarget !== ug) perf = false;\n                });\n\n                let fb = document.getElementById(\"feedback10\");\n                let cl = document.getElementById(\"clue10\");\n                let ex = document.getElementById(\"expl10\");\n\n                if (perf) {\n                    fb.style.color = \"green\";\n                    fb.innerText = \"Perfect prediction!\";\n                    if (a10 === 0) s10++;\n                    rev10();\n                } else {\n                    if (a10 === 0) {\n                        a10 = 1;\n                        fb.style.color = \"orange\";\n                        fb.innerText = \"Not quite! Here is a clue. Try again!\";\n                        cl.innerText = \"\ud83d\udca1 Clue: If the AI has NEVER seen it before, it won't know what it is!\";\n                        cl.style.display = \"block\";\n                    } else {\n                        fb.style.color = \"red\";\n                        fb.innerText = \"Not quite! Look at the data carefully.\";\n                        ex.innerHTML = \"AI only knows what is in its training data. If you don't show it diverse data, it becomes biased.\";\n                        ex.style.display = \"block\";\n                        rev10();\n                    }\n                }\n            };\n\n            window.rev10 = function() {\n                m10_data[i10].i.forEach((_, i) => {\n                    let li = document.getElementById(`m10Item_${i}`);\n                    let isTarget = (li.getAttribute(\"data-ans\") === \"true\");\n                    li.classList.remove(\"predicted\");\n                    if (isTarget) {\n                        li.classList.add(\"hidden-by-algo\", \"correct-hidden\");\n                    } else {\n                        li.classList.add(\"incorrect-hidden\");\n                    }\n                });\n                document.getElementById(\"btnApply10\").style.display = \"none\";\n                document.getElementById(\"btnNext10\").style.display = \"inline-block\";\n                document.getElementById(\"clue10\").style.display = \"none\";\n            };\n\n            window.nextM10 = function() {\n                a10 = 0;\n                i10++;\n                if (i10 < 15) {\n                    load10();\n                } else {\n                    document.getElementById(\"gamePlay10\").style.display = \"none\";\n                    document.getElementById(\"endScreen10\").style.display = \"block\";\n                    document.getElementById(\"finalScore10\").innerText = s10;\n                }\n            };\n\n            window.resetM10 = function() {\n                i10 = 0;\n                s10 = 0;\n                a10 = 0;\n                document.getElementById(\"endScreen10\").style.display = \"none\";\n                document.getElementById(\"gamePlay10\").style.display = \"block\";\n                load10();\n            };\n\n            \/\/ Initialize game on load\n            window.addEventListener('load', load10);\n        })();\n    <\/script>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ud83e\udd16 Session 1: What is AI &amp; Making Predictions \ud83d\udca1 Key Words Today AI (Artificial Intelligence): A computer program that can learn and make choices.&#8230;<\/p>\n<div class=\"more-link-wrapper\"><a class=\"more-link\" href=\"https:\/\/ndovu.org.uk\/cs\/term-1-11-making-predictions\/\">Continue Reading<span class=\"screen-reader-text\">Yr4 Term 1.11 Making predictions<\/span><\/a><\/div>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-274","post","type-post","status-publish","format-standard","hentry","category-year4","entry"],"_links":{"self":[{"href":"https:\/\/ndovu.org.uk\/cs\/wp-json\/wp\/v2\/posts\/274","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ndovu.org.uk\/cs\/wp-json\/wp\/v2\/comments?post=274"}],"version-history":[{"count":8,"href":"https:\/\/ndovu.org.uk\/cs\/wp-json\/wp\/v2\/posts\/274\/revisions"}],"predecessor-version":[{"id":524,"href":"https:\/\/ndovu.org.uk\/cs\/wp-json\/wp\/v2\/posts\/274\/revisions\/524"}],"wp:attachment":[{"href":"https:\/\/ndovu.org.uk\/cs\/wp-json\/wp\/v2\/media?parent=274"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ndovu.org.uk\/cs\/wp-json\/wp\/v2\/categories?post=274"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ndovu.org.uk\/cs\/wp-json\/wp\/v2\/tags?post=274"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}