Презентація "Створення інтекр-активних уроків сайтів"

Вступ: навіщо урок-сайт. Доступність. Урок відкривається за посиланням з будь-якого пристрою: вдома, на роботі, за кордоном. Активність. Тести, картки, схеми й ігри з миттєвим зворотним зв'язком замість пасивного читання. Швидкість. ШІ створює робочу сторінку за хвилини, а вчитель керує змістом і педагогічною метою.

Як створювати: 5 кроків1 Тема й мета. Результат навчання та клас.2 Промт. Чіткий запит до ШІ.3 Правки. Перевірка фактів і дизайну.4 Публікація. Посилання для учнів.5 Апробація. Відгуки учнів і доопрацювання.

10 промтів: структура та перевірка 1 Каркас уроку. «Створи HTML-сторінку інтерактивного уроку з теми [тема] для [клас]: мета, 3 блоки теорії, підсумок.»2 Тест. «Додай тест із 8 запитань з миттєвим зворотним зв'язком, поясненням помилок і підрахунком балів.»3 Картки термінів. «Зроби картки: на лицьовому боці термін, на зворотному визначення та приклад.»4 Відповідність. «Створи гру: перетягни поняття до визначень, з перевіркою та підказкою.»5 Клікабельна схема. «Зроби схему [процесу]: при натисканні на елемент з'являється пояснення.»

10 промтів: мислення та доступність6 Послідовність. «Розташуй етапи процесу [назва] у правильному порядку перетягуванням, з перевіркою.»7 Квест-кейс. «Створи ситуаційну задачу з вибором рішень: кожен вибір має наслідки та пояснення.»8 Рефлексія. «Додай блок рефлексії: 3 запитання, поле для відповіді та шкала самооцінки.»9 Безбар'єрність. «Додай великий шрифт, високий контраст, навігацію з клавіатури та alt-тексти.»10 Мобільна версія. «Зроби сторінку адаптивною для смартфона, в одному файлі без зовнішніх залежностей.»

Формула ефективного промту. Роль. Ти методист з біології. Аудиторія. Учні 10 класу, вечірня форма. Тема й мета. Що учень зможе після уроку. Формат. Одна HTML-сторінка.Інтерактив. Тест, картки, схема. Обмеження. Українською, адаптивно. Приклад: «Ти методист з біології. Створи одну HTML-сторінку уроку «Метаболізм» для учнів 10 класу вечірньої форми: мета, теорія, тест із 8 запитань, рефлексія. Українською, адаптивно.»

Шаблон 1. Вивчення нового матеріалу. Ти — методист з біології. Створи один HTML-файл інтерактивного уроку-сайту (українською, адаптивний, без зовнішніх бібліотек) з теми «[ТЕМА]» для учнів [КЛАС] класу, вік [ВІК] років, рівень знань середній і достатній, тривалість [ХВ] хв.1. Перевірка домашнього завдання (обов'язково): тест із 5 запитань за темою «[ПОПЕРЕДНЯ ТЕМА]», поле для короткої відповіді та самоперевірка з правильними відповідями.2. Мотивація: проблемне запитання з життя дорослої людини.3. Новий матеріал: 3 короткі блоки зі схемою та клікабельними термінами.4. Закріплення: гра на відповідність і 5 запитань із миттєвим зворотним зв'язком.5. Рефлексія: шкала самооцінки та 2 запитання.6. Домашнє завдання: [ЗАВДАННЯ]. Вимоги: великий шрифт, високий контраст, підсумок балів, зручно зі смартфона.

Шаблон 2. Закріплення та узагальнення. Ти — методист з біології. Створи HTML-файл інтерактивного уроку-повторення з теми «[ТЕМА]» для [КЛАС] класу (вік [ВІК], вечірня форма, рівень середній і достатній), [ХВ] хв, українською, адаптивно, без зовнішніх бібліотек.1. Перевірка домашнього завдання (обов'язково): 6 запитань різних типів (вибір, відповідність, короткий текст) за домашньою темою «[ДЗ]», лічильник балів і розбір типових помилок.2. Актуалізація: швидка гра на 10 термінів.3. Систематизація: інтерактивна таблиця-схема, яку учень заповнює сам.4. Практика: 3 задачі зростаючої складності з підказками, що не розкривають відповідь.5. Рівні: базовий, середній, високий — учень обирає сам.6. Рефлексія та домашнє завдання: [ЗАВДАННЯ]. Вимоги: результат видно на екрані, великий шрифт, повторна спроба без обмежень.

Шаблон 3. Практична (віртуальна лабораторна) робота. Ти — методист з біології. Створи HTML-файл інтерактивної практичної роботи «[НАЗВА]» з теми «[ТЕМА]» для учнів [КЛАС] класу, вік [ВІК], дистанційна форма, [ХВ] хв, українською, адаптивно.1. Перевірка домашнього завдання (обов'язково): блок-допуск із 4 запитань за теорією з «[ДЗ]»; наступні розділи відкриваються після 3 правильних відповідей.2. Мета та матеріали: лише безпечні предмети, доступні вдома.3. Хід роботи: покрокова інструкція з позначками виконання.4. Спостереження: таблиця для заповнення з автоперевіркою.5. Висновки: шаблон із пропусками, який учень доповнює.6. Контрольні запитання (3) та домашнє завдання: [ЗАВДАННЯ]. Вимоги: без небезпечних речовин, чіткі підказки, великий шрифт.

Шаблон 4. Урок-квест із ситуаційною задачею. Ти — методист з біології. Створи HTML-файл інтерактивного квесту з теми «[ТЕМА]» для [КЛАС] класу, вік [ВІК], вечірня форма, [ХВ] хв, українською, адаптивно. Тон поважний, без інфантильних елементів.1. Перевірка домашнього завдання (обов'язково): «вхідна місія» з 5 запитань за темою «[ДЗ]»; кожна правильна відповідь дає «ключ» до наступного етапу.2. Сюжет: реалістична ситуація з побутового чи професійного життя дорослого.3. Чотири станції: завдання з вибором рішення, наслідками та поясненням.4. Фінал: задача на застосування знань.5. Підсумок: бейджі та бали.6. Рефлексія та домашнє завдання: [ЗАВДАННЯ]. Вимоги: без жорстоких сцен, зрозуміло зі смартфона, великий шрифт.

Шаблон 5. Безбар'єрний урок. Ти — методист з біології та інклюзивної освіти. Створи HTML-файл безбар'єрного інтерактивного уроку з теми «[ТЕМА]» для [КЛАС] класу, вік [ВІК], дистанційна форма, [ХВ] хв, українською.1. Перевірка домашнього завдання (обов'язково): тест із 5 запитань без обмеження часу, з повторною спробою та підказками.2. Новий матеріал: блоки до 80 слів, прості речення, пояснення термінів у підказках.3. Різні формати: текст, схема та кнопка «Прочитати вголос».4. Закріплення: завдання з вибором відповіді, без перетягування, для керування клавіатурою.5. Рефлексія: шкала зі смайликів.6. Домашнє завдання: два рівні складності на вибір, [ЗАВДАННЯ]. Вимоги: перемикачі контрасту та розміру шрифту, навігація клавіатурою, alt-тексти, без мерехтіння.

Де створювати інтерактивні уроки. Claudeстворює готовий HTML-урок за промтом і публікує його за посиланням. Chat. GPT, Geminiгенерують HTML-код уроку, який можна розмістити на хостингу. Geniallyінтерактивні презентації, ігри, інфографіка та квести. Canvaпрезентації, вікторини, сайти з готових шаблонів. Wordwall, Learning. Appsігри та вправи: відповідність, послідовність, вікторини. Google Forms, Google Sitesтести з автоперевіркою та сайт для вбудовування вправ. Kahoot, Quizizzживі вікторини для швидкої перевірки домашнього завдання. Netlify, Git. Hub Pagesбезкоштовний хостинг для готових сторінок. Умови та безкоштовні ліміти сервісів змінюються: перевіряйте перед уроком.

Публікація та перевірка. Де розмістити. Netlify: завантажити файл або папку. Git. Hub Pages. Вбудувати в Google Sites. Посилання або QR-код у чаті класу. Чек-лист перед уроком. Відкрити зі смартфона. Перевірити правильні відповідіКонтраст і розмір шрифту. Запасний варіант без інтернету

Висновки та обговорення. ШІ прискорює створення, але мету й перевірку фактів визначає вчитель. Один добрий промт з уточненнями дає готовий інтерактив. Безбар'єрність і мобільність закладаємо від початку