Интерактивное приложение «Математическое лото» как средство повышения учебной мотивации к предмету

Автор: Губина Виолетта Александровна

Организация: НТГСПИ (филиал) УрГПУ

Населенный пункт: Свердловская область, г. Нижний Тагил

Автор: Таначева Есения Глебовна

Организация: НТГСПИ (филиал) УрГПУ

Населенный пункт: Свердловская область, г. Нижний Тагил

Аннотация

В данной статье представлено интерактивное приложение «Математическое лото», которое выступает в роли эффективного средства повышения учебной мотивации к предмету «математика». Приложение нацелено на закрепление материала по теме: «Линейные уравнения» и выполнено в виде известной настольной игры. Особое внимание данной разработки уделяется индивидуальному подходу в образовании, учитывая уникальные способности и потребности учащихся, что значительно улучшает качество обучения и помогает создать благоприятное восприятие изучаемого материала.

Ключевые слова: интерактивное приложение, HTML, математическое лото, линейные уравнения, игровые технологии, интерактивное обучение, образовательное приложение, учебная мотивация.

The interactive application «Mathematical Lotto» as a means of increasing educational motivation for the subject

Annotation

This article presents the interactive application «Mathematical Lotto», which acts as an effective means of increasing educational motivation for the subject «mathematics». The application is aimed at consolidating the material on the topic: «Linear equations» and is made in the form of a well-known board game. Special attention is paid to this development to an individual approach in education, taking into account the unique abilities and needs of students, which significantly improves the quality of learning and helps to create a favorable perception of the material being studied.

Keywords: interactive application, HTML, mathematical lotto, linear equations, game technologies, interactive learning, educational application.

 

Математика в наше время до сих пор остается одним из сложных для понимания и изучения предметом. Это связано с тем, что для многих учеников то, что на начальном этапе кажется простым, постепенно усложняется и требует более глубоко понимания, и многие не могу преодолеть данный «барьер». Поэтому у них снижается учебная мотивация к изучению предмета.

Существует много факторов, отражающихся на мотивации учеников. Одним из них является исчезновение тенденции прививания детям интереса к наукам и отсутствие желания мотивировать детей к научной деятельности. В связи с этим, на ранних этапах не появляется стремления и мотивации к получению знаний по математике.

Еще одним фактором, влияющих на низкую мотивацию изучения математики, является скучность и не эмоциональность предмета, т.к. зачастую, уроки по данному предмету проводят в традиционной форме, где учитель выступает в роли «лектора», передавая знания ученикам в большом объёме, которые тяжело запомнить на долгое время. Поэтому некоторые педагоги для повышения направленности школьника на отдельные стороны учебной работы, связанные с внутренним отношением ученика к ней, называемой учебной мотивацией [1, с. 115], использую различные формы и методы, которые активизируют деятельность учащихся.

В связи с этим, авторами было разработано приложение, которое взаимодействует с пользователем, называемое интерактивным приложением [2, с. 275], в виде известной настольной игры «Лото», что поможет учителям сделать обучение эффективным и интересным для учеников.

Преимуществами использования интерактивных приложений являются [4, с. 2]:

• развитие критического мышления – ученик в момент решения учебных задач разрабатывает собственные стратегии решения, анализирует различные подходы к решению задач и проводят эксперименты с различными числовыми данными;
• повышение эффективности обучения – приложение выдает мгновенную проверку правильности решений, дает возможность многократного повторения материала;
• удобство использования – возможность предоставления доступа к приложению с разных устройств (могут быть как школьные компьютеры/ноутбуки, так и планшеты);
• развитие социальных навыков – этому способствует совместное решение математических задач, обмен идеями и умение аргументировать собственную точку зрения;

Данные приложения позволяют адаптировать обучение под индивидуальные возможности каждого ребенка, что повышает эффективность образовательного процесса. Как итого – обучающиеся лучше усваивают выдаваемый учителем материал и развивают навыки самостоятельной работы.

Математическое лото – дидактическая игра, разработанная для того, чтобы проверить, как хорошо усвоены математические знания, и помочь их закрепить.

Основные преимущества использования математического лото для учителя:

• Быстрая проверка – учитель может за короткое время выяснить насколько хорошо учениками был понят и усвоен изученный материал и где есть пробелы, над которыми необходимо поработать;
• Развитие важных навыков – лото тренирует внимание, память, логическое мышление и умение быстро принимать решения;
• Повышение учебной мотивации – из-за того, что лото является дидактической игрой, то благодаря такому формату и духу соревнования у обучающихся повышается интерес к математике.

Существует несколько вариантов проведения игры:

• Классическое лото – ученикам раздают карточки с числами, фишки, как имитация бочонков, а учитель зачитывает задания, либо у каждого ученика индивидуальная карточка с заданиями. Когда ученики правильно отвечают на вопрос, то закрывают фишкой число на карточке. Игра продолжается до тех пор, пока кто-то из учеников не закроет фишками все игровое поле в виде карточки с числами. Основным преимуществом такого варианта проведения является его простота и возможность каждому работать самостоятельно, что способствует развитию данного качества [4, с. 2];
• Командное лото – в данном случае учителю необходимо разделить класс на команды, которым выдаются карточки с числами, и участники команды совместно ищут решение. Такой вид проведения игры учит работать в команде и добавляет соревновательного духа;

Исходя из принципа работы математического лото, его лучше всего использовать на уроке систематизации и закрепления знаний, т.к. через игровую форму ученики смогут лучше повторить и закрепить пройденный материал.

Несмотря на большое количество преимуществ данной дидактической игры, есть и недостатки. Основным из них является длительная подготовка со стороны учителя, потому что необходимо подготовить для каждого ученика индивидуальную карточку с заданиями.

В данной работе математическое лото было разработано в классическом варианте и подготовлено для учеников 6 класса, изучивших тему «Линейные уравнения». Основные трудности при изучении – появление отрицательных чисел и изучение новых утверждений, помогающих в решении уравнений:

• Если обе части уравнения умножить или разделить на одно и то же число, не равное нулю, то полученное уравнение имеет те же корни, что и данное;
• Если перенести слагаемое из одной части уравнения в другую с противоположенным знаком, то полученное уравнение имеет те же корни, что и данное.

Вначале, при решении линейных уравнений ученики 6 класса не замечают и не запоминают, что перед числом всегда есть свой знак «+» или «-», поэтому они продолжают при решении оперировать формулами, которые изучили в 5 классе [3, с. 1].

После того, как ученики «осознают» необходимость понимания знака перед числом, далее появляются новые вводные в виде утверждений, которые не сразу становятся для них понятными и удобными для решения. Они испытывают стресс при появлении новых правил, поэтому следует уделить достаточно времени на изучение новых способов решения, чтобы качественнее и лучше запомнить материал.

Авторами данной работы было разработано образовательное приложение в виде «математического лото», помогающее систематизировать и закрепить полученные знания по теме: «Линейные уравнения» в 6 классе.

Начали код мы с заполнения тега <head>, задали стили и создали необходимые контейнеры. Для того, чтобы начать игру необходимо будет ввести свою фамилию, имя, отчество, класс в форму и нажать на кнопку «начать игру». Далее была создана сетка и стили для ячеек с ответами, после чего стиль для верного ответа. Контейнер для самого уравнения расположили по центру, под ним расположился контейнер для сообщения о верном или нервном ответе пользователя.

Перейдём к тегу <body> создаём из контейнеров необходимый интерфейс, используем стили, которые использовали ранее, подключаем атрибуты контейнеров для придания лаконичного внешнего вида.

В теле программы укажем скрипт для появления и расположения ответов на JavaScript. Сначала необходимо указать получение ссылок по ID, после чего всем счётчикам вернём значение нуль, таймер установим на начальное значение 60. Введём общее количество уравнении, количество уравнений с ответом и последовательность в котором данные уравнения появляются на экране. Генерация массива ответов и последовательность появления уравнений случайная.

Установим, что при отсутствии фамилии, имени, отчества, класса и нажатии на кнопку «начать игру», появляется сообщение для пользователя, об введении этих данных. Для того, чтобы отображались элементы и визуальная составляющая интерактивного приложения, укажем начальные состояния объектов.

Кнопке «ещё раз» задаём значения для сброса игры и возврату к стартовому значению. Для кнопки «ответа нет», введём два варианта ответа. В случае, когда ответа действительно нет и, когда он есть.

Далее пропишем функции: для появления сетки; сброса состояния контейнера с уравнением для нового; запуска и обновления таймера обратного отсчёта; отключения всех ячеек и кнопки «ответа нет»; обработки клика по ответу игрока; увеличения индекса текущего уравнения и, проверки конца игры; получения уравнения; появления нового уравнения и сброса предыдущего; проверки попыток; завершения игры. В результате данных действий получим код интерактивного приложения «математическое лото» (листинг 1).

Листинг 1

Создание интерактивного приложения «математическое лото»

<!DOCTYPE html>

<html lang="ru">

<head>

<meta charset="UTF-8" />

<meta name="viewport" content="width=device-width, initial-scale=1" />

<title>Математическое лото - Линейные уравнения</title>

<style>

*, *::before, *::after {

box-sizing: border-box;

}

body {

margin: 0; padding: 40px 20px;

font-family: 'Inter', system-ui, sans-serif;

background: #ffffff;

color: #6b7280;

-webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

display: flex;

justify-content: center;

align-items: flex-start;

min-height: 100vh;

}

#app {

max-width: 480px;

width: 100%;

background: #f9fafb;

border-radius: 0.75rem;

box-shadow: 0 8px 24px rgba(107,114,128,0.1);

padding: 32px 24px 40px;

display: flex;

flex-direction: column;

align-items: center;

}

.forma {

display: inline-block;

border: 1.5px solid #7c3aed;

border-radius: 0.75rem;

padding: 20px 24px 28px;

margin-bottom: 32px;

text-align: center;

}

.formh1 {

color: #111827;

font-weight: 700;

font-size: 45px;

margin: 0 0 24px 0;

user-select: none;

white-space: nowrap;

}

#vvodvozv {

display: flex;

flex-direction: column;

width: 100%;

margin: 0;

}

#vozvnames, #vozvclasss {

padding: 10px;

font-size: 18px;

margin-bottom: 10px;

border: 1px solid #e5e7eb;

border-radius: 0.75rem;

outline-offset: 2px;

outline-color: transparent;

transition: outline-color 0.2s ease;

}

#vozvnames:focus, #vozvclasss:focus {

outline-color: #7c3aed;

}

button {

outline-offset: 2px;

outline-color: transparent;

transition: outline-color 0.2s ease, background 0.3s ease;

}

button:focus-visible {

outline: 3px solid #7c3aed;

outline-offset: 4px;

}

#vozvstartk {

padding: 15px;

font-size: 20px;

background: #4f46e5;

color: white;

border: none;

border-radius: 0.75rem;

cursor: pointer;

font-weight: 700;

}

#vozvstartk:hover {

background: #4338ca;

}

#setkavozv {

display: grid;

grid-template-columns: repeat(5, 1fr);

grid-template-rows: repeat(2, 60px);

gap: 16px;

width: 100%;

margin-bottom: 28px;

}

.yacheika {

background: #fff;

border: 2px solid #e5e7eb;

border-radius: 0.75rem;

box-shadow: 0 2px 6px rgba(107,114,128,0.1);

display: flex;

justify-content: center;

align-items: center;

font-size: 22px;

font-weight: 600;

color: #374151;

cursor: pointer;

user-select: none;

transition:

border-color 0.3s ease,

box-shadow 0.3s ease,

background-color 0.3s ease,

color 0.3s ease;

}

.yacheika:hover:not(.disabled):not(.selected):not(.correct) {

border-color: #7c3aed;

box-shadow: 0 0 8px #7c3aedaa;

color: #5b21b6;

}

.yacheika.correct {

background-color: #dcfce7;

border-color: #22c55e;

color: #166534;

cursor: default;

box-shadow: 0 0 8px #22c55eaa;

}

.yacheika.selected.incorrect {

background-color: #d1fae5;

border-color: #22c55e;

color: #166534;

cursor: default;

box-shadow: 0 0 8px #22c55eaa;

}

.yacheika.disabled {

cursor: default;

opacity: 0.6;

}

#tekuravn {

width: 100%;

text-align: center;

font-size: 28px;

font-weight: 700;

color: #374151;

user-select: none;

margin-bottom: 12px;

min-height: 38px;

}

#kommvozv {

height: 28px;

font-size: 18px;

color: #22c55e;

font-weight: 600;

margin-bottom: 20px;

min-height: 24px;

user-select: none;

}

#timervozv {

align-self: flex-end;

font-weight: 700;

font-size: 18px;

color: #6b7280;

user-select: none;

margin-bottom: 10px;

}

#schetvozv {

font-weight: 700;

font-size: 18px;

color: #374151;

margin-bottom: 20px;

}

#vvodvozv {

display: flex;

flex-direction: column;

width: 100%;

margin-bottom: 20px;

}

#vozvnetotv {

margin-top: 10px;

padding: 15px;

font-size: 20px;

background: #2563eb;

color: white;

border: none;

border-radius: 0.75rem;

cursor: pointer;

width: 100%;

}

#vozvnetotv:hover {

background: #1d4ed8;

}

#vozvresultat {

display: none;

flex-direction: column;

align-items: center;

gap: 20px;

margin-top: 30px;

user-select: none;

}

#vozvocenka {

font-size: 36px;

font-weight: 800;

color: #111827;

}

#vozvesho {

font-size: 20px;

padding: 15px 40px;

background: #4f46e5;

color: white;

border: none;

border-radius: 0.75rem;

cursor: pointer;

font-weight: 700;

}

#vozvesho:hover {

background: #4338ca;

}

@media (max-width: 480px) {

#app {

padding: 24px 16px 32px;

}

.forma {

padding: 16px 12px 20px;

margin-bottom: 24px;

}

.formh1 {

font-size: 34px;

margin-bottom: 16px;

}

#setkavozv {

grid-template-columns: repeat(5, 1fr);

grid-template-rows: repeat(2, 50px);

gap: 12px;

}

.yacheika {

font-size: 18px;

}

#tekuravn {

font-size: 24px;

}

#timervozv {

font-size: 16px;

}

#vozvocenka {

font-size: 28px;

}

#vozvesho {

font-size: 18px;

padding: 10px 24px;

}

}

</style>

</head>

<body>

<main id="app" role="main" aria-label="Математическое лото - Линейные уравнения">

<div class="forma">

<h1 class="formh1">🎲Математическое лото🎲</h1>

<div id="vvodvozv">

<input type="text" id="vozvnames" placeholder="ФИО" autocomplete="off" autofocus />

<input type="text" id="vozvclasss" placeholder="Класс" autocomplete="off" />

<button id="vozvstartk" type="button">Начать игру</button>

</div>

</div>

<div id="timervozv" aria-live="polite" aria-atomic="true" style="display:none;">Время: 60 с</div>

<div id="schetvozv" style="display:none;">Очки: 0</div>

<div style="display:flex; gap:16px; width: 100%;">

<div id="setkavozv" role="list" aria-label="Доступные ответы" style="display:none; flex: 1;"></div>

<button id="vozvnetotv" type="button" aria-label="Ответа нет в ячейках" style="display:none; max-width: 150px;">Ответа нет в ячейках</button>

</div>

<div id="tekuravn" aria-live="polite" aria-atomic="true" style="display:none; margin-top: 20px;"></div>

<div id="kommvozv" aria-live="assertive" role="alert" style="display:none; margin-top: 8px; color: #22c55e; font-weight: 600;"></div>

<div id="footer" style="display:none; margin-top: 30px; font-size: 14px; color: #9ca3af; text-align:center;">* Найдите неизвестное в линейном уравнении за 60 секунд. На один пример — 2 попытки. Для решения могут быть даны уравнения не имеющие верное решение в ячейке. Если вы считаете, что для решаемого вами уравнения нет ответа в ячейке, нажмите "Ответа нет в ячейках"</div>

<div id="vozvresultat" aria-live="polite" aria-atomic="true" style="display:none; text-align:center;">

<div id="vozvocenka"></div>

<button id="vozvesho" type="button">Ещё раз</button>

</div>

</main>

<script>

(() => {

const setkavozv = document.getElementById('setkavozv');

const tekuravn = document.getElementById('tekuravn');

const kommvozv = document.getElementById('kommvozv');

const timervozv = document.getElementById('timervozv');

const schetvozv = document.getElementById('schetvozv');

const vozvstartk = document.getElementById('vozvstartk');

const vozvesho = document.getElementById('vozvesho');

const vozvnames = document.getElementById('vozvnames');

const vozvclasss = document.getElementById('vozvclasss');

const vvodvozv = document.getElementById('vvodvozv');

const footer = document.getElementById('footer');

const vozvnetotv = document.getElementById('vozvnetotv');

const vozvresultat = document.getElementById('vozvresultat');

const vozvocenka = document.getElementById('vozvocenka');

 

let popitka = 0;

let tekushschet = 0;

let timer = null;

let timeostat = 60;

 

const generatotvet = generfixotv();

const obkolvouravn = 10;

const kolvouravnr = 7;

const posleduravn = generposl();

 

let induravn = 0;

let pravotvtekur = null;

const mnpryach = new Set();

 

generotobrotv(generatotvet);

 

vozvstartk.onclick = () => {

if(!vozvnames.value.trim() || !vozvclasss.value.trim()) {

alert("Пожалуйста, введите ваше ФИО и класс.");

return;

}

vvodvozv.style.display = "none";

timervozv.style.display = "block";

schetvozv.style.display = "block";

setkavozv.style.display = "grid";

tekuravn.style.display = "block";

kommvozv.style.display = "block";

footer.style.display = "block";

vozvnetotv.style.display = "block";

vozvresultat.style.display = "none";

tekushschet = 0;

induravn = 0;

mnpryach.clear();

schetvozv.textContent = `Очки: ${tekushschet}`;

newuravnen();

};

 

[vozvnames, vozvclasss].forEach(inputEl => {

inputEl.addEventListener('keydown', (e) => {

if(e.key === 'Enter') {

vozvstartk.click();

}

});

});

 

vozvesho.onclick = () => {

vozvresultat.style.display = "none";

kommvozv.style.color = "#22c55e";

vvodvozv.style.display = "flex";

timervozv.style.display = "none";

schetvozv.style.display = "none";

setkavozv.style.display = "none";

tekuravn.style.display = "none";

kommvozv.style.display = "none";

footer.style.display = "none";

vozvnetotv.style.display = "none";

vozvnames.value = "";

vozvclasss.value = "";

vozvnames.focus();

mnpryach.clear();

};

 

vozvnetotv.onclick = () => {

if(!poluchurav().inAnswers) {

tekushschet++;

schetvozv.textContent = `Очки: ${tekushschet}`;

kommvozv.textContent = "Правильно! Ответа действительно нет в ячейках.";

kommvozv.style.color = "#22c55e";

} else {

kommvozv.textContent = "Неправильно! Ответ есть в ячейках.";

kommvozv.style.color = "#22c55e";

}

clearInterval(timer);

otklotvkn();

vozvnetotv.disabled = true;

setTimeout(() => {

perehod();

newuravnen();

}, 2500);

};

 

function generfixotv() {

const set = new Set();

while(set.size < 10) {

const val = Math.floor(Math.random() * 41) - 20;

set.add(val);

}

return Array.from(set);

}

 

function generposl() {

function generateOneEquation(answerInFixed) {

while(true) {

let a;

do {

a = Math.floor(Math.random() * 19) - 9;

} while(a === 0);

 

let answer;

if(answerInFixed) {

answer = generatotvet[Math.floor(Math.random() * generatotvet.length)];

} else {

do {

answer = Math.floor(Math.random() * 61) - 30;

} while(generatotvet.includes(answer));

}

 

const b = Math.floor(Math.random() * 81) - 40;

const c = a * answer + b;

 

let eqStr = "";

if(a === 1) eqStr += "x";

else if(a === -1) eqStr += "-x";

else eqStr += a + "x";

 

if(b > 0) eqStr += " + " + b;

else if(b < 0) eqStr += " - " + Math.abs(b);

 

eqStr += " = " + c;

 

return { eqStr, answer, inAnswers: answerInFixed };

}

}

 

const arrFlags = Array(kolvouravnr).fill(true).concat(Array(obkolvouravn - kolvouravnr).fill(false));

for(let i = arrFlags.length - 1; i > 0; i--) {

const j = Math.floor(Math.random() * (i + 1));

[arrFlags[i], arrFlags[j]] = [arrFlags[j], arrFlags[i]];

}

 

return arrFlags.map(flag => generateOneEquation(flag));

}

 

function generotobrotv(options) {

setkavozv.innerHTML = "";

options.forEach(num => {

const cell = document.createElement("button");

cell.type = "button";

cell.className = "yacheika";

cell.textContent = num;

cell.setAttribute("aria-label", `Ответ ${num}`);

cell.addEventListener("click", () => knotv(cell, num));

setkavozv.appendChild(cell);

});

}

 

function sbrosigri() {

kommvozv.textContent = "";

popitka = 0;

timeostat = 60;

timervozv.textContent = `Время: ${timeostat} с`;

schetvozv.textContent = `Очки: ${tekushschet}`;

 

setkavozv.querySelectorAll("button.yacheika").forEach(cell => {

if(mnpryach.has(cell)) {

cell.classList.add("correct");

cell.classList.remove("selected", "incorrect", "disabled");

cell.disabled = true;

} else {

cell.disabled = false;

cell.classList.remove("correct", "selected", "incorrect", "disabled");

}

});

 

vozvnetotv.disabled = false;

}

 

function startTimer() {

if(timer) clearInterval(timer);

timer = setInterval(() => {

timeostat--;

timervozv.textContent = `Время: ${timeostat} с`;

if(timeostat <= 0) {

clearInterval(timer);

kommvozv.textContent = "Время вышло! Переход к следующему примеру.";

otklotvkn();

vozvnetotv.disabled = true;

setTimeout(() => {

perehod();

newuravnen();

}, 2500);

}

}, 1000);

}

 

function otklotvkn() {

setkavozv.querySelectorAll("button.yacheika").forEach(cell => {

cell.disabled = true;

cell.classList.add("disabled");

});

vozvnetotv.disabled = true;

}

 

function knotv(cell, val) {

if(cell.disabled) return;

if(val === pravotvtekur) {

if(poluchurav().inAnswers) {

cell.classList.add("correct");

mnpryach.add(cell);

otklotvkn();

if(popitka < 2) {

tekushschet++;

schetvozv.textContent = `Очки: ${tekushschet}`;

}

kommvozv.textContent = "Верно! Отличная работа!";

kommvozv.style.color = "#22c55e";

clearInterval(timer);

setTimeout(() => {

perehod();

newuravnen();

}, 2500);

} else {

kommvozv.textContent = "Ответ не найден в ячейках";

popitka++;

cell.classList.add("selected", "incorrect");

cell.disabled = true;

checkmaxpopitk();

}

} else {

popitka++;

cell.classList.add("selected", "incorrect");

cell.disabled = true;

if(popitka < 2) {

kommvozv.textContent = "Попробуй ещё раз";

kommvozv.style.color = "#22c55e";

} else {

kommvozv.textContent = "Попытки закончились. Переход к следующему примеру.";

otklotvkn();

clearInterval(timer);

setTimeout(() => {

perehod();

newuravnen();

}, 2500);

}

}

}

 

function perehod() {

induravn++;

if(induravn >= obkolvouravn) {

endGame();

}

}

 

function poluchurav() {

return posleduravn[induravn];

}

 

function newuravnen() {

sbrosigri();

const eqObj = poluchurav();

pravotvtekur = eqObj.answer;

tekuravn.textContent = eqObj.eqStr;

kommvozv.textContent = "";

startTimer();

}

 

function checkmaxpopitk() {

if(popitka >= 2) {

kommvozv.textContent = "Попытки закончились. Переход к следующему примеру.";

otklotvkn();

clearInterval(timer);

setTimeout(() => {

perehod();

newuravnen();

}, 2500);

}

}

 

function endGame() {

clearInterval(timer);

setkavozv.style.display = "none";

timervozv.style.display = "none";

schetvozv.style.display = "none";

tekuravn.style.display = "none";

vozvnetotv.style.display = "none";

footer.style.display = "none";

kommvozv.style.display = "none";

vozvresultat.style.display = "flex";

kommvozv.style.color = "#111827";

let grade;

if(tekushschet >= 10) grade = "5";

else if(tekushschet >= 7) grade = "4";

else if(tekushschet >= 5) grade = "3";

else grade = "2";

vozvocenka.textContent = `Игра окончена! Ваши очки: ${tekushschet}. Оценка: ${grade}.`;

}

})();

</script>

</body>

</html>

Для использования интерактивного приложения необходимо будет лишь расположить код в документе расширения HTML. Код можно изменить под индивидуальные требования учителя, например, изменить время и сами уравнения. Для использования игры не нужно ничего скачивать, необходимо лишь открыть её в браузере. Это делает «Математическое лото» полезным и интерактивным инструментом для использования на уроках.

В результате выполнения кода получится следующая главная страница (рис 1).

Рис. 1. Главная страница «Математического лото»

Страница самого «Математического лото» выглядит как карточка с ответами, ниже представлено уравнение (рис 2).

Рис. 2. Страница с выполнением задания «Математического лото»

Таким образом, математическое лото показало себя как эффективная форма проведения уроков математики и значительно влияет на учебную мотивацию учеников особенно в форме интерактивного приложения. Это позволит в дальнейшем проводить уроки в более интересном виде для детей, которые с большей вероятностью смогут повторить и закрепить знания по изученной теме.

СПИСОК ИСПОЛЬЗОВАННОЙ ЛИТЕРАТУРЫ

1. Зенкова Л. А. Учебная мотивация: исторические подходы к пониманию феномена и современное состояние проблемы // МНКО. 2017. № 4 (65). С. 114-116. URL: https://cyberleninka.ru/article/n/uchebnaya-motivatsiya-istoricheskie-podhody-k-ponimaniyu-fenomena-i-sovremennoe-sostoyanie-problemy (дата обращения: 09.06.2025).
2. Набатова А. А., Гольцев В. А. Оценка программных продуктов по разработке интерактивных приложений в Windows // ФГАОУ ВО УРФУ. — 2019. — С.274-278. URL: https://elar.urfu.ru/bitstream/10995/76188/1/tim_2019_058.pdf (дата обращения: 09.06.2025).
3. Остащенко, Н. В. Методика преподавания темы «Линейное уравнение» в 7-м классе / Н. В. Остащенко. — Текст : непосредственный // Молодой ученый. — 2019. — № 5 (243). — С. 190-191. — URL: https://moluch.ru/archive/243/56259/ (дата обращения: 08.06.2025).
4. Рахматов А. Ш., Гадаев Д. Р., Рахмонов И. Х., Куланов И. Б. О роли интерактивных методов в преподавании математики и их применении // Проблемы педагогики. 2021. № 6 (57). С. 1-3. URL: https://cyberleninka.ru/article/n/o-roli-interaktivnyh-metodov-v-prepodavanii-matematiki-i-ih-primenenii (дата обращения: 08.06.2025).

1. file0.docx (140,3 КБ)

Опубликовано: 11.06.2025