Модуль t.8 · Урок 3
Интерактивный слайд и китайские генераторы
Содержание
- Чему научитесь
- Чем интерактив отличается от обычного слайда
- Что такое этот «файл .html» простыми словами
- Вот что выдаёт ИИ: пример кликабельной карточки
- Как превратить ответ ИИ в живую страницу
- Как просить у ИИ свой интерактив
- Идеи интерактивов под разные предметы
- Как показать интерактив в классе и не попасть впросак
- Что реально стоит делать интерактивом, а что нет
- Китайские генераторы презентаций — справочно
- Главное из урока
Чему научитесь
- Просить ИИ собрать не статичный слайд, а маленький интерактив: кликабельную таблицу, числовую прямую, карточки-перевёртыши
- Превращать ответ ИИ в живую страницу за два действия — скопировать текст и открыть его в браузере
- Понимать, что такое файл с расширением
.htmlи почему он открывается без всякой установки программ - Знать про китайские генераторы презентаций и трезво оценивать, стоит ли с ними возиться из России
Для практики подойдёт любой чат с ИИ. Удобно через arckep.ru — основные модели, без VPN, оплата рублями.
Чем интерактив отличается от обычного слайда
В прошлых уроках модуля ИИ собирал нам слайд как картинку: заголовок, текст, схема. Хорошо для объяснения, но дети только смотрят. А внимание держится, когда можно ткнуть пальцем и что-то произойдёт.
Оказывается, тот же чат с ИИ умеет собрать не картинку, а маленький работающий интерактив. Кликнул на клетку таблицы Менделеева — выскочило название элемента. Подвинул точку по числовой прямой — увидел, какое число получилось. Нажал на карточку со словом — она перевернулась и показала перевод.
Это не отдельная программа и не сайт, который надо где-то размещать. Это один файл, который лежит у вас на компьютере и открывается двойным щелчком, как обычная картинка или документ. Работает на школьном ноутбуке, на интерактивной доске, дома у ребёнка — лишь бы был любой браузер.
Звучит как что-то для программистов, но на деле вся техническая часть остаётся на стороне ИИ. Вы описываете задумку обычными словами, получаете готовый ответ и сохраняете его в файл. Ни одной строчки кода писать самим не придётся — этот урок именно про то, как сделать результат своими руками, не разбираясь в устройстве страницы.
Что такое этот «файл .html» простыми словами
Браузер — это программа, через которую вы открываете сайты: Chrome, «Яндекс Браузер», Edge. Так вот, браузер умеет открывать не только сайты из интернета, но и страницы, которые лежат прямо у вас на компьютере.
Такая страница — это обычный текстовый файл, только с расширением .html на конце вместо привычного .docx или .txt. Внутри лежит набор команд, по которым браузер рисует кнопки, таблицы и реагирует на нажатия. Писать эти команды руками вам не нужно — их целиком собирает ИИ. Ваше дело — скопировать и сохранить.
Вот что выдаёт ИИ: пример кликабельной карточки
Чтобы было понятно, как это выглядит, вот короткий пример. Это не картинка урока — это текст, который ИИ присылает в ответ. Дальше вы его скопируете в файл и откроете. Здесь карточка со словом, которая по нажатию показывает перевод.
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Карточка-перевёртыш</title>
</head>
<body style="font-family: sans-serif; text-align: center; padding: 40px;">
<h2>Нажмите на карточку</h2>
<div id="card"
onclick="flip()"
style="display:inline-block; border:3px solid black;
padding:40px 60px; font-size:28px; cursor:pointer;">
apple
</div>
<script>
var flipped = false;
function flip() {
var card = document.getElementById('card');
if (flipped) { card.textContent = 'apple'; }
else { card.textContent = 'яблоко'; }
flipped = !flipped;
}
</script>
</body>
</html>Не пугайтесь скобок и слов на латинице — читать и понимать их не нужно. Это «чертёж», по которому браузер построит карточку. Вам важны только два слова в нём: apple и яблоко — это то, что вы при желании поменяете на свою пару слов.
Как превратить ответ ИИ в живую страницу
Когда ИИ прислал такой блок, остаётся два простых шага: сохранить его в файл и открыть. Делается за минуту, отдельные программы не нужны.
- Скопируйте. Выделите весь блок кода в ответе ИИ (обычно у такого блока есть кнопка «Копировать» в углу) и скопируйте его.
- Создайте файл. Откройте «Блокнот» (Notepad) на компьютере, вставьте туда скопированное.
- Сохраните с правильным концом. Нажмите «Сохранить как», в имени файла напишите, например,
kartochka.html— именно с точкой и буквами html на конце. Тип файла выберите «Все файлы», чтобы «Блокнот» не дописал лишнее. - Откройте двойным щелчком. Найдите сохранённый файл, щёлкните по нему дважды — он откроется в браузере как живая страница. Нажмите на карточку — слово перевернётся.
Как просить у ИИ свой интерактив
Карточка выше — готовый образец. Но ценность в том, что вы можете заказать у ИИ интерактив под свою тему. Главное — описать словами, что должно происходить при нажатии. ИИ соберёт страницу целиком.
Просите по простой формуле: что показать, что происходит при клике, для какого класса. Не нужно знать ни одного технического слова — пишите как объяснили бы коллеге.
Хорошие примеры запросов, которые можно прямо скопировать и подставить свою тему:
Собери одну HTML-страницу с числовой прямой от 0 до 20.
Когда я двигаю точку по прямой, под ней крупно показывается число,
на котором она стоит. Для второго класса. Дай весь код одним блоком,
чтобы я сохранил его в файл .html и открыл в браузере.Сделай одну HTML-страницу: пять карточек со словами по теме «Семья»
на английском. По клику карточка переворачивается и показывает
перевод на русский. Крупный шрифт, для начальной школы.
Весь код одним блоком для файла .html.Обратите внимание на концовку обоих запросов: «дай весь код одним блоком для файла .html». Эта фраза важна. Без неё ИИ иногда разбивает ответ на куски и добавляет объяснения, а вам нужен один цельный блок, который копируется целиком.
Идеи интерактивов под разные предметы
Чтобы было от чего оттолкнуться, вот живые примеры по предметам. Каждый — это просто описание словами, которое вы передаёте ИИ. Подставляйте свою тему, остальное он соберёт сам.
По математике хорошо заходит числовая прямая с подвижной точкой, тренажёр устного счёта с подсветкой верного ответа, кликабельная фигура, у которой по нажатию подписываются стороны и углы. Ребёнок не просто смотрит на правило, а сам проверяет себя и сразу видит, попал он или ошибся.
По русскому и иностранному языку работают карточки-перевёртыши со словами, задание «нажми на слово с орфограммой», сортировка слов по столбикам — например, разложить существительные по родам. Действие руками помогает запомнить лучше, чем переписывание в тетрадь.
По окружающему миру, биологии, географии выручают кликабельные схемы и карты: нажал на часть растения — выскочило название и короткое пояснение; нажал на материк — показалась подпись. Это та же картинка-слайд, но теперь по ней можно двигаться и проверять знание.
По истории и литературе удобна интерактивная лента событий: нажимаешь на дату — раскрывается короткое описание. Или карточки «герой — его поступок» на запоминание. Везде принцип один: ученик сам нажимает и сам себя проверяет, а вы только задаёте тему словами.
Как показать интерактив в классе и не попасть впросак
Самое надёжное — открыть файл заранее, ещё до урока, и проверить, что всё работает. Интерактив открывается на том компьютере, к которому подключена доска или проектор, точно так же двойным щелчком. Дальше вы нажимаете и листаете на глазах у класса, либо зовёте детей к доске по очереди.
Файл стоит положить в заметное место — на «Рабочий стол» или в отдельную папку «Уроки», — чтобы перед занятием не искать его по всему компьютеру. Можно держать рядом несколько готовых интерактивов и открывать нужный в момент, когда дошли до темы.
Если вы хотите, чтобы дети поработали сами на своих устройствах, отправьте файл в чат класса. На телефоне или планшете он откроется в браузере так же, без установок. Главное — предупредить родителей, что это безопасный учебный файл, а не ссылка на сторонний сайт: вы отдаёте им готовую страницу, которая работает без интернета и ничего никуда не отправляет.
Что реально стоит делать интерактивом, а что нет
Соблазн — переводить в интерактив всё подряд. Это лишняя работа. Интерактив выигрывает там, где ребёнку полезно самому подвигать, потыкать, проверить себя. Для текста объяснения хватит обычного слайда.
Когда интерактив уместен?
Когда ученик сам что-то делает: двигает точку, переворачивает карточку, нажимает на правильный ответ, сортирует. То есть там, где действие руками помогает понять. Числовая прямая, кликабельная карта, карточки на запоминание, самопроверка с подсветкой правильного — хорошие случаи.
Когда лучше обычный слайд?
Когда вы что-то объясняете и от ученика пока ничего не требуется: определение, формула, ход рассуждения, картинка процесса. Делать это интерактивом — тратить время на эффект, который не нужен. Объяснение читают глазами, а не кликают.
А готовый интерактив можно дать домой?
Да. Файл .html можно отправить родителям в чат класса или выложить — он откроется на их компьютере и телефоне в любом браузере без установок. Удобно для самопроверки и тренировки между уроками.
Выберите любую тему, где ученику полезно что-то потрогать руками — например, пять карточек со словами по вашему предмету. Попросите ИИ собрать HTML-страницу с переворачивающимися карточками одним блоком кода. Скопируйте ответ в «Блокнот», сохраните как proba.html и откройте двойным щелчком. Цель — увидеть, что вы за пять минут и без единой технической строчки получили работающий интерактив.
Китайские генераторы презентаций — справочно
Кроме чата с ИИ есть отдельные сервисы, которые из вашего текста сразу собирают красивую презентацию со слайдами. Самые сильные сейчас — китайские. Знать про них полезно, но к практике из этого урока они не обязательны.
Вот основные имена, которые встречаются:
- 讯飞智文 (iFLYTEK Zhiwen) — генератор презентаций от крупной китайской компании по распознаванию речи.
- 通义/千问 PPT (Alibaba Qwen) — сборка слайдов на базе моделей Qwen от Alibaba.
- AiPPT — отдельный сервис, заточенный именно под презентации.
Эти инструменты мощные и часто бесплатные. Но есть серьёзная оговорка для нас.
Чем эти сервисы отличаются от нашего приёма? Они сразу выдают целую красивую презентацию из многих слайдов — это их сила, если нужно быстро собрать оформление под доклад. Но это всё те же слайды, которые ученик только смотрит. Наш самодельный интерактив берёт другим: он маленький, зато ребёнок в нём действует сам. Поэтому одно другому не мешает — для оформления доклада можно попробовать генератор, а для тренажёра на уроке надёжнее собрать интерактив через обычный чат.
Вывод простой: про китайские генераторы стоит знать, потому что про них много пишут. Но строить на них свою еженедельную подготовку рискованно — сегодня открылся, завтра нет. Самодельный интерактив из этого урока и обычный чат с ИИ надёжнее, потому что зависят только от вас и браузера.
Файл с интерактивом открылся не как живая карточка, а сплошным текстом со скобками. В чём чаще всего причина?
Главное из урока
Обычный чат с ИИ умеет собрать не только картинку-слайд, но и маленький работающий интерактив на одной странице: кликабельную таблицу, числовую прямую, карточки-перевёртыши. Это один файл с концом .html, который открывается в любом браузере двойным щелчком — без установки программ и даже без интернета.
Путь короткий: попросили ИИ собрать страницу «одним блоком для файла .html», скопировали ответ в «Блокнот», сохранили с концом .html, открыли двойным щелчком. Если что-то не нравится — описываете словами, ИИ присылает исправленный блок. Самая частая ошибка — забытый .txt на конце имени, лечится переименованием.
Интерактив нужен там, где ученик сам что-то делает руками; для объяснения хватает обычного слайда. Китайские генераторы (iFLYTEK Zhiwen, Alibaba Qwen PPT, AiPPT) мощные и часто бесплатные, но доступ из России нестабилен — для надёжной работы держитесь обычного чата с ИИ.