{"id":281,"date":"2026-08-07T12:05:11","date_gmt":"2026-08-07T12:05:11","guid":{"rendered":"https:\/\/ndovu.org.uk\/cs\/?p=281"},"modified":"2026-09-25T10:39:14","modified_gmt":"2026-09-25T10:39:14","slug":"term-1-12-ai-for-oceans","status":"publish","type":"post","link":"https:\/\/ndovu.org.uk\/cs\/term-1-12-ai-for-oceans\/","title":{"rendered":"Yr4 Term 1.12 AI for Oceans"},"content":{"rendered":"\n<div style=\"font-family: sans-serif; max-width: 800px; margin: 0 auto;\">\n    <h1 style=\"text-align: center;\">\ud83c\udf0a Session 2: AI for Oceans<\/h1>\n\n    <!-- Key Vocab Box -->\n    <div style=\"background-color: #e6f7ff; padding: 20px; border-radius: 10px; margin-bottom: 20px; border: 1px solid #91d5ff;\">\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>Machine Learning:<\/strong> When a computer learns how to do something by looking at lots of data, instead of being programmed step-by-step.<\/li>\n            <li><strong>Training Data:<\/strong> The examples we give to an AI to help it learn.<\/li>\n        <\/ul>\n    <\/div>\n\n    <!-- Starter Box -->\n    <div style=\"background-color: #f6ffed; padding: 20px; border-radius: 10px; margin-bottom: 20px; border: 1px solid #b7eb8f;\">\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 correct keys to build your speed!<\/p>\n        <a href=\"https:\/\/ndovu.org.uk\/type\" 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;\">\u2328\ufe0f Open Typing Practice<\/a>\n    <\/div>\n\n    <!-- Main Activity Box -->\n    <div style=\"background-color: #e6fffb; padding: 20px; border-radius: 10px; margin-bottom: 20px; border: 1px solid #87e8de;\">\n        <h2 style=\"margin-top: 0;\">2. How does Machine Learning work? \u25b6\ufe0f<\/h2>\n        <p>Watch the video below to discover how we can teach computers to learn. You can pause and rewind if you miss anything.<\/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\/KHbwOetbmbs?si=izKIvVqpz0elJtwj\" title=\"YouTube video player\" 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>\n        \n        <h3 style=\"margin-top: 20px;\">3. Train the Ocean AI \ud83d\udc20<\/h3>\n        <p>It is time for your mission! You are going to use training data to teach an AI how to recognize different types of fish. Click below to begin the AI for Oceans activity.<\/p>\n        <a href=\"https:\/\/studio.code.org\/s\/oceans\/lessons\/1\/levels\/1\" target=\"_blank\" style=\"display: inline-block; background-color: #13c2c2; color: white; padding: 12px 24px; text-decoration: none; border-radius: 8px; font-weight: bold; margin-top: 10px;\">\ud83d\udc20 Start AI for Oceans<\/a>\n    <\/div>\n\n    <!-- EMBEDDED MODULE 3: THE PREDICTION GAME -->\n    <style>\n        .clucky-prediction-game { background-color: #fff2e8; padding: 20px; border-radius: 10px; margin-bottom: 20px; border: 1px solid #ffd8bf; }\n        .clucky-prediction-game .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-prediction-game .btn-safe { background: #3498db; border: none; padding: 15px 30px; color: white; cursor: pointer; border-radius: 5px; font-weight: bold; font-size: 16px; margin: 5px; transition: background-color 0.2s;}\n        .clucky-prediction-game .btn-safe:hover { filter: brightness(1.1); }\n        .clucky-prediction-game .feedback-container { margin-top: 15px; min-height: 50px; text-align: center; padding: 10px; border-radius: 5px; background: #f8f9fa; border: 1px solid #e9ecef; }\n        .clucky-prediction-game .feedback { font-weight: bold; font-size: 16px; margin: 5px 0; }\n        .clucky-prediction-game .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-prediction-game\" id=\"game3\">\n        <h2 style=\"margin-top: 0;\">4. Extension: The Prediction Game \ud83d\udd2e<\/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;Generative AI uses complex algorithms to make predictions about the most likely response to a prompt. It doesn&#8217;t actually &#8216;think&#8217;; it just calculates patterns!&#8221;<\/p>\n        <\/div>\n        <p>Act like an AI! Look at the pattern in the data, and predict what the EXACT next word will be.<\/p>\n        \n        <div id=\"gamePlay3\" style=\"text-align: center; margin-top: 30px;\">\n            <div style=\"font-size: 22px; font-weight: bold; background: #ecf0f1; padding: 20px; border-radius: 10px; margin-bottom: 20px;\">\n                <span id=\"patternText\">Loading&#8230;<\/span> <span style=\"color:#e74c3c;\">[?]<\/span>\n            <\/div>\n            <div id=\"predictOptions\" style=\"display: flex; gap: 10px; justify-content: center; flex-wrap: wrap;\"><\/div>\n            \n            <div class=\"feedback-container\">\n                <p id=\"feedback3\" class=\"feedback\"><\/p>\n            <\/div>\n            <p><em>Progress:<\/em> <span id=\"progress3\"><\/span><\/p>\n        <\/div>\n\n        <div id=\"endScreen3\" class=\"end-screen\">\n            <h3>\ud83c\udf89 Prediction Game Complete!<\/h3>\n            <p><span>Your Score:<\/span> <span id=\"finalScore3\"><\/span> \/ 15<\/p>\n            <p>Great job! You have proven that AI is just a really fast pattern-matching machine.<\/p>\n            <button class=\"btn-safe\" style=\"margin-top:10px; background:#2ecc71;\" onclick=\"resetM3()\">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>We will recap the lesson together. Get ready to share your screen with the class so we can look at your progress and talk about what the AI learned!<\/p>\n    <\/div>\n\n    <!-- JavaScript for The Prediction Game -->\n    <script>\n        (function() {\n            const g3_data = [\n                { p: \"One, Two, Three, One, Two, \", opts: [{t: \"Three\", c: true}, {t: \"Four\", c: false}, {t: \"One\", c: false}] },\n                { p: \"Red, Blue, Red, Blue, \", opts: [{t: \"Red\", c: true}, {t: \"Green\", c: false}, {t: \"Blue\", c: false}] },\n                { p: \"A, B, C, D, \", opts: [{t: \"E\", c: true}, {t: \"F\", c: false}, {t: \"A\", c: false}] },\n                { p: \"Sun, Moon, Sun, Moon, \", opts: [{t: \"Sun\", c: true}, {t: \"Stars\", c: false}, {t: \"Sky\", c: false}] },\n                { p: \"Cat, Dog, Cat, Dog, \", opts: [{t: \"Cat\", c: true}, {t: \"Mouse\", c: false}, {t: \"Dog\", c: false}] },\n                { p: \"10, 20, 30, 40, \", opts: [{t: \"50\", c: true}, {t: \"60\", c: false}, {t: \"100\", c: false}] },\n                { p: \"Monday, Tuesday, Wednesday, \", opts: [{t: \"Thursday\", c: true}, {t: \"Friday\", c: false}, {t: \"Sunday\", c: false}] },\n                { p: \"Spring, Summer, Autumn, \", opts: [{t: \"Winter\", c: true}, {t: \"Rain\", c: false}, {t: \"Snow\", c: false}] },\n                { p: \"Up, Down, Up, Down, \", opts: [{t: \"Up\", c: true}, {t: \"Left\", c: false}, {t: \"Right\", c: false}] },\n                { p: \"Circle, Square, Circle, Square, \", opts: [{t: \"Circle\", c: true}, {t: \"Triangle\", c: false}, {t: \"Line\", c: false}] },\n                { p: \"January, February, March, \", opts: [{t: \"April\", c: true}, {t: \"May\", c: false}, {t: \"June\", c: false}] },\n                { p: \"Happy, Sad, Happy, Sad, \", opts: [{t: \"Happy\", c: true}, {t: \"Angry\", c: false}, {t: \"Tired\", c: false}] },\n                { p: \"Big, Small, Big, Small, \", opts: [{t: \"Big\", c: true}, {t: \"Huge\", c: false}, {t: \"Tiny\", c: false}] },\n                { p: \"2, 4, 6, 8, \", opts: [{t: \"10\", c: true}, {t: \"12\", c: false}, {t: \"9\", c: false}] },\n                { p: \"Apple, Banana, Apple, Banana, \", opts: [{t: \"Apple\", c: true}, {t: \"Orange\", c: false}, {t: \"Grape\", c: false}] }\n            ];\n\n            let i3 = 0, s3 = 0, waiting = false;\n\n            window.loadM3 = function() {\n                if(i3 >= g3_data.length) return;\n                waiting = false;\n                let item = g3_data[i3];\n                document.getElementById(\"patternText\").innerText = item.p;\n                \n                \/\/ Shuffle options\n                let options = [...item.opts];\n                options.sort(() => Math.random() - 0.5);\n                \n                let html = \"\";\n                options.forEach((o) => {\n                    html += `<button class=\"btn-safe\" onclick=\"checkPredM3(${o.c}, this)\">${o.t}<\/button>`;\n                });\n                document.getElementById(\"predictOptions\").innerHTML = html;\n                document.getElementById(\"progress3\").innerText = (i3 + 1) + \"\/\" + g3_data.length;\n                document.getElementById(\"feedback3\").innerText = \"\";\n            };\n\n            window.checkPredM3 = function(isCor, btn) {\n                if (waiting) return; \/\/ Prevent multiple clicks\n                waiting = true;\n                let fb = document.getElementById(\"feedback3\");\n                \n                if (isCor) {\n                    btn.style.background = \"#2ecc71\";\n                    fb.style.color = \"green\";\n                    fb.innerText = \"Correct! Perfect prediction.\";\n                    s3++;\n                    setTimeout(() => {\n                        i3++;\n                        if (i3 < g3_data.length) {\n                            loadM3();\n                        } else {\n                            document.getElementById(\"gamePlay3\").style.display = \"none\";\n                            document.getElementById(\"endScreen3\").style.display = \"block\";\n                            document.getElementById(\"finalScore3\").innerText = s3;\n                        }\n                    }, 1000);\n                } else {\n                    btn.style.background = \"#e74c3c\";\n                    fb.style.color = \"red\";\n                    fb.innerText = \"Incorrect! AI predicts based on exact patterns.\";\n                    setTimeout(() => {\n                        loadM3(); \/\/ Reload same question to try again without advancing\n                    }, 1500);\n                }\n            };\n\n            window.resetM3 = function() {\n                i3 = 0;\n                s3 = 0;\n                waiting = false;\n                document.getElementById(\"endScreen3\").style.display = \"none\";\n                document.getElementById(\"gamePlay3\").style.display = \"block\";\n                loadM3();\n            };\n\n            \/\/ Initialize game on load\n            window.addEventListener('load', loadM3);\n        })();\n    <\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\ud83c\udf0a Session 2: AI for Oceans \ud83d\udca1 Key Words Today Machine Learning: When a computer learns how to do something by looking at lots of&#8230;<\/p>\n<div class=\"more-link-wrapper\"><a class=\"more-link\" href=\"https:\/\/ndovu.org.uk\/cs\/term-1-12-ai-for-oceans\/\">Continue Reading<span class=\"screen-reader-text\">Yr4 Term 1.12 AI for Oceans<\/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-281","post","type-post","status-publish","format-standard","hentry","category-year4","entry"],"_links":{"self":[{"href":"https:\/\/ndovu.org.uk\/cs\/wp-json\/wp\/v2\/posts\/281","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=281"}],"version-history":[{"count":7,"href":"https:\/\/ndovu.org.uk\/cs\/wp-json\/wp\/v2\/posts\/281\/revisions"}],"predecessor-version":[{"id":525,"href":"https:\/\/ndovu.org.uk\/cs\/wp-json\/wp\/v2\/posts\/281\/revisions\/525"}],"wp:attachment":[{"href":"https:\/\/ndovu.org.uk\/cs\/wp-json\/wp\/v2\/media?parent=281"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ndovu.org.uk\/cs\/wp-json\/wp\/v2\/categories?post=281"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ndovu.org.uk\/cs\/wp-json\/wp\/v2\/tags?post=281"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}