- Добрый день, уважаемые коллеги!

Тема моего мастер-класса: «Использование  конструктора ТИКО МАЛЫШ в развитии логического мышления детей дошкольного возраста».

Цель:  Показать возможности и приёмы использования конструктора ТИКО для работы с детьми 4-6 лет.

Прежде всего, я хочу задать Вам несколько простых  вопросов:

• У квадратного стола отпилили один угол. Сколько теперь углов у стола? (Пять)

• Какое слово всегда пишется неправильно? («неправильно»)

• Сколько месяцев в году имеют 28 дней? (Все месяцы)

• В каком слове «Нет» употребляется сто раз? (Стонет)

• Что нужно делать, когда видишь зелёного человечка? (Переходить дорогу)

Что помогло вам, верно, ответить на все вопросы? (сообразительность, креативность, внимание, мышление логическое)

А какие приемы умственной деятельности Вы использовали? (сравнение, анализ, обобщение)

Это и есть приемы логического мышления.

Обзорно-теоретическая часть

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

- Много ли вы знаете конструкторов, которыми могут играть дети от 3 до 99 лет?   ( ответы Лего, Тико,  …)

Мне очень нравится работать с конструктором ТИКО.                                 

Итак, конструктор «ТИКО» – это

Трансформируемый Игровой Конструктор для Обучения, разработанный отечественным производителем ЗАО НПО «РАНТИС» по рекомендациям Российской академии образования. Данный конструктор представляет набор ярких плоскостных фигур из пластмассы, которые шарнирно соединяются между собой.

Почему же именно этот конструктор?

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

Возможности этого конструктора можно перечислять бесконечно, существует несколько видов данного конструктора, но это уже отдельная тема.

Практическая часть

 Сейчас, я хочу Вам показать, как можно использовать  ТИКО во второй младшей, средней и старшей группах.

Я раздаю вам 6 плоских фигурок (2 зеленых треугольника, 2 желтых квадрата, 2 красных прямоугольника).

1 задание (2 младшая группа), самое элементарное для детей второй младшей и средней группы: разложи правильно детали одинаковой формы по корзиночкам. Я приглашаю вас положить свою фигуру в корзиночку с фигурами такой же формы как у вас и сесть поудобнее за стол.

Как Вы считаете, на развитие какого логического приема мышления направлено это задание? (классификация).

Количество корзиночек может увеличиваться в зависимости от количества фигур, с которыми знакомы дети.

2 задание (2 младшая группа): какая понадобится фигура, чтобы получился дом?

3 задание (средней группе): какие фигуры можно использовать, чтобы получился танк?

4 задание (средняя, старшая группы): какие фигуры понадобятся для создания самолета?

5 задание (средняя группа): найди лишнюю фигуру, раскрась её. Что вы предлагаете раскрасить? Какими фигурами можем заменить квадрат, прямоугольник, ромб, пятиугольник?

Рассмотрим первое задание на плоскостное конструирование.

    Конструирование с ТИКО  во второй младшей группе начинается с навыка соединения фигурок. Располагаем одну деталь на ладошке, вторую прикрепляем под углом, можно соединять наложением.

Задание для  2 младшей и средней группы: соединить одинаковые детали, назвать эти детали.

6 задание (для средняя группа)

- По образцу найти подобные детали в контейнере и соединить их. Из каких фигур построен кот?

7 задание (средняя и старшая группа) «Запомни расположение». Перед вами появится схема, в течение 30 сек. Вы её рассматриваете и запоминаете, после схема убирается, и вы по представлению создаете данную фигуру.

Выполнение задания

Предлагаю проанализировать полученные фигуры:

- какие геометрические фигуры использовали для постройки?

- какая геометрическая фигура находится справа от нижнего четырехугольника?

- какая геометрическая фигура находится слева от нижнего четырехугольника?

- какие геометрические фигуры находятся над пятиугольником?

- какая геометрическая фигура находится под пятиугольником?

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

8 задание (объёмное конструирование).

Выделяют множество типов/видов конструирования, но я в своей деятельности использую:

• конструирование по схеме

• конструирование по образцу

• конструирование по замыслу

(расставлены 3 стола с необходимым материалом)

Сейчас Ваша задача попробовать сконструировать пространственные фигуры, у каждого стола своё задание:

• 1 стол конструируют по схеме.

• 2 стол конструирует по образцу.

• 3 стол конструирует по замыслу. Задание: Собрать из ТИКО-деталей как можно больше объёмных геометрических фигур!» Контейнер с плоскими фигурами. Собрать фигуру

А затем мы с Вами вместе сделаем выводы о выполненной работе.

Выполнение конструирования

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

Какие приемы логического мышления были Вами задействованы в процессе конструирования по образцу? (сравнивать, анализировать)

Какие приемы логического мышления были Вами задействованы в процессе конструирования по замыслу? (синтез, представлять в умственном плане задуманное, умозаключение, т. е. путем ошибок в постройке сделали умозаключение о том, чтобы получалась так, как мне надо необходима эта деталь, а не та)

Заключительная часть

Итак, я постаралась показать Вам возможности использования ТИКО конструктора в процессе развития логического мышления дошкольников.

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

Рефлексия

И в заключении я предлагаю вам оценить нашу совместную работу. Если Вам понравился мастер-класс: это было актуально, полезно, интересно – возьмите фигуру зеленого или желтого цвета. Ну, а если это всё Вас совсем не тронуло – выберите синюю или красную. Выбранные фигуры прошу соединить в дорожку.

Спасибо Вам, уважаемые коллеги, за внимание и сотрудничество!

WebGL – это программная библиотека для JavaScript, которая позволяет создавать 3D графику, функционирующую в браузерах. Данная библиотека основана на архитектуре OpenGL. WebGL использует язык программирования шейдеров GLSL, имеющий C-подобный синтаксис. Особенность WebGL заключается в том, что код моделируется непосредственно в браузере с использованием элемента canvas, введенного в HTML5.

Работа с WebGL и шейдерами в частности — довольно трудоемкий процесс, требующий описания каждой точки, линии и грани. Для визуализации необходимо прописывать объемные фрагменты кода. Чтобы ускорить разработку, была создана библиотека Three.js, которая представляет собой набор готовых классов для создания и отображения интерактивной 3D графики. Three.js для WebGL — это как jQuery для JavaScript: библиотека предлагает декларативный синтаксис и абстрагирует разработчика от сложностей, связанных с 3D в браузере.

Для создания сцены с геометрическими фигурами мы использовали современный подход с импортом модулей:

javascript

import * as THREE from ‘three’;

import { OrbitControls } from ‘three/addons/controls/OrbitControls.js’;

Такой способ подключения (с использованием import maps) является более чистым и предпочтительным в современных веб-приложениях.

Инициализация сцены и основных компонентов

Первым шагом мы создаем сцену, камеру и рендерер:

javascript

const container = document.createElement(‘div’);

document.body.appendChild(container);

camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 1, 5000);

camera.position.set(300, 500, 1200);

renderer = new THREE.WebGLRenderer({ antialias: true });

renderer.setSize(window.innerWidth, window.innerHeight);

container.appendChild(renderer.domElement);

Камера установлена на оптимальном расстоянии (1200 единиц), чтобы хорошо видеть оба ряда фигур. Параметр antialias включает сглаживание для более плавных краев объектов.

Освещение сцены

Для корректного отображения цветов и теней мы добавили два типа освещения:

javascript

ambientLight = new THREE.AmbientLight(0×404040, 2.0);

light = new THREE.DirectionalLight(0xffffff, 1.5);

light.position.set(1, 2, 1);

Фоновый свет (AmbientLight) обеспечивает базовое освещение всех поверхностей, а направленный свет (DirectionalLight) создает объем и подчеркивает форму объектов.

Управление камерой

Для интерактивного взаимодействия с пользователем подключены контроллеры OrbitControls, позволяющие вращать камеру вокруг сцены, приближать и отдалять изображение:

javascript

controls = new OrbitControls(camera, renderer.domElement);

controls.rotateSpeed = 0.5;

controls.enableZoom = true;

controls.minDistance = 300;

controls.maxDistance = 2000;

controls.enableDamping = true;

Размещение фигур в пространстве

Для организации фигур мы использовали Декартову систему координат и расположили объекты в два ряда. Каждая фигура имеет свои координаты position.set(x, y, z):

javascript

// Параметры расположения

const spacingX = 300;       // расстояние между фигурами по X

const startX = -450;        // начальная координата X

const row1Z = -200;         // координата Z для первого ряда (задний)

const row2Z = 200;          // координата Z для второго ряда (передний)

Создание геометрических фигур

В нашей сцене представлены различные типы геометрических тел, созданные с помощью встроенных классов Three.js:

1. Прямоугольник (BoxGeometry)

javascript

const geomBox = new THREE.BoxGeometry(300, 200, 220);

const box = new THREE.Mesh(geomBox, new THREE.MeshPhongMaterial({ color: 0xFFFF00 }));

2. Цилиндры и призмы (CylinderGeometry)

Класс CylinderGeometry универсален и позволяет создавать различные фигуры путем изменения параметров:

• Цилиндр (равные радиусы сверху и снизу, много сегментов)
• Треугольная призма (равные радиусы, 3 сегмента)
• Пятиугольная и шестиугольная призмы (равные радиусы, 5 и 6 сегментов)

3. Пирамиды и конусы

Установка верхнего радиуса в 0 превращает цилиндр в пирамиду или конус:

• Четырехугольная пирамида (верхний радиус 0, 4 сегмента)
• Шестиугольная пирамида (верхний радиус 0, 6 сегментов)
• Конус (верхний радиус 0, много сегментов для гладкости)

Цветовое оформление

Для каждой фигуры подобран индивидуальный цвет, делающий композицию яркой и наглядной:

• Желтый прямоугольник (0xFFFF00)
• Синий цилиндр (0x0000FF)
• Красная треугольная призма (0xFF0000)
• Зеленая шестиугольная пирамида (0x00FF00)
• Голубая пятиугольная призма (0x87CEEB)
• Салатовая четырехугольная пирамида (0x90EE90)
• Розовая шестиугольная призма (0xFFC0CB)
• Золотой конус (0xFFD700)

Визуализация и анимация

Для непрерывной отрисовки сцены используется цикл анимации:

javascript

function animate() {

    requestAnimationFrame(animate);

    controls.update();

    render();

}

function render() {

    renderer.render(scene, camera);

}

Обработчик изменения размера окна обеспечивает корректное масштабирование сцены:

javascript

window.addEventListener(‘resize’, onWindowResize, false);

Результат

В результате выполнения кода мы получаем интерактивную 3D-сцену с двумя рядами геометрических фигур (всего 8 объектов), расположенных на сером фоне со вспомогательной сеткой. Пользователь может свободно вращать камеру, приближать и рассматривать каждую фигуру с разных ракурсов, что делает данное решение отличным демонстрационным материалом для изучения возможностей Three.js и WebGL.