Подготовка
Свои занятия и копии для следующей группы. Этапы, задания, заметки, PDF и слайды картинками.
ДВОР / ДЛЯ РАБОТЫ
Проводишь занятие: презентация в одном месте, задания в другом, таймер в третьем. Соберём инструмент, где можно подготовить занятие, держать перед глазами свои заметки и показывать группе нужный материал.
ПЕРВЫЙ УРОВЕНЬ / РАБОЧИЙ ИНСТРУМЕНТ
Выше — рабочий вариант первого уровня. Можно изменить пример или создать своё занятие: собрать план, загрузить презентацию, записать задания и подсказки для себя. Во время встречи выбирать, что показать группе, запускать таймер и распределять участников.
Свои занятия и копии для следующей группы. Этапы, задания, заметки, PDF и слайды картинками.
Отдельное окно для группы, таймер, выбор отвечающего и состав групп. Заметки остаются у тренера.
Сохранение в браузере. Занятие вместе с презентациями можно скачать в ZIP и загрузить на другом компьютере.
Два монитора не обязательны. Окно показа оставь открытым, не сворачивай его. При показе всего рабочего стола заметки тоже будут видны.
Выбор отдельного окна есть в Телемосте, Контур.Толке, Zoom и Google Meet. Перед занятием проверь показ с другим человеком.
Скачай пять документов ниже и приложи их к запросу. Пример со страницы отправлять не нужно: задание и логика описаны в документах.
Собери браузерный инструмент тренера по пяти приложенным документам: «01-Задание.md», «02-Данные-и-логика.md», «03-Демонстрация.md», «04-Оформление.md» и «05-Проверки.md». Тренер готовит занятие: план по этапам, задания, свои заметки и презентацию. Во время созвона он выбирает, что показать группе, запускает таймер, выбирает отвечающего и распределяет участников по группам. Сделай отдельное окно для группы. Тренер выбирает его для демонстрации в своём сервисе созвона. Из основного окна он отправляет туда слайд, задание, таймер или другой материал кнопкой «Показать группе». Подготовка следующего материала не меняет текущий показ. Приватные заметки в окно группы не передавай. Добавь загрузку PDF и слайдов картинками, сохранение занятий в браузере и перенос занятия вместе с файлами через ZIP. Подробная логика и ограничения — в документах. Оформление возьми из документа 04. Шрифты и библиотеки подключи по ссылкам. Материалы, которые тренер загрузит через инструмент, не встраивай в исходный код страницы. Верни один HTML со стилями и JavaScript внутри. Подготовь код для вставки в блок Т123 в Тильде. На компьютере основной экран подходит для показа 16:9, на телефоне нет горизонтальной прокрутки. Проверь действия из документа 05 в браузере, если инструменты доступны. Кратко напиши, что проверено и какие ограничения остались. Если проверка в браузере недоступна, прямо скажи об этом.
Функции и правила первого уровня.
Сохранение, таймер, участники и перенос.
Как связать окна и показать материал группе.
Готовый стиль. Можно поменять под себя.
Что проверить в браузере и на созвоне.
Проверка окна в браузере не заменяет пробный показ в сервисе созвона. Остальные проверки — в документе «05-Проверки».
ВТОРОЙ УРОВЕНЬ / ДОРАБОТКА ЧЕРЕЗ SUPABASE
Сначала собери первый уровень. Затем можно добавить ссылку для участников. Они открывают её на своём устройстве, а ты переключаешь материалы из окна тренера. Созвон остаётся в привычном сервисе.
Тренер создаёт ссылку на занятие, отправляет группе и выбирает, что показать. Участники только смотрят. Кто подключился позже, сразу видит текущий материал.
Для этого понадобится Supabase: хранение текущего показа, обновления у участников и загрузка презентаций, чтобы они открывались у всех. Заметки и управление доступны только тренеру.
Обычной ссылки на страницу мало: её нужно связать с конкретным занятием и разрешением на просмотр. Настройку и проверки разберём с нейросетью по документу ниже.
Приложи работающий HTML первого уровня и документ второго уровня. Сначала разберись с настройкой Supabase и доступом, затем добавляй показ по ссылке. Проверь его в разных браузерах или на разных устройствах.
Я прикладываю работающий инструмент тренера и документ «06-Показ-по-ссылке.md». Добавь показ материалов по ссылке через Supabase. Тренер создаёт занятие показа и отправляет ссылку участникам. Он выбирает материал у себя и отправляет его кнопкой «Показать группе». Участники только смотрят. Приватные заметки и управление им недоступны. Сначала изучи мой код и документацию Supabase. Предложи структуру данных, правила доступа и настройку проекта. Объясни простыми словами, что нужно сделать в Supabase. Если не хватает данных подключения или решений по доступу, спроси. Сохрани первый способ показа через отдельное окно. Для нового способа реализуй загрузку материалов в Storage, сохранение текущего показа и обновления через Realtime. Поздний участник и участник после восстановления связи получают текущий материал. Тренер может закрыть доступ. Верни обновлённый HTML для блока Т123, SQL для настройки Supabase и код серверной функции, если она нужна. Не вставляй секретный ключ в HTML. Проверь просмотр в двух разных браузерах и права доступа; укажи, что удалось проверить.
Обновление слайдов и таймера, поздний вход, восстановление связи, показ файлов на другом устройстве. Участник не может менять показ или прочитать заметки тренера. После завершения занятия доступ закрывается.
ТРЕТИЙ УРОВЕНЬ / СОВМЕСТНАЯ РАБОТА
На основе второго уровня добавляем ответы, голосования или общую доску. Начни с одного упражнения: доведи его до рабочего состояния, потом добавляй остальные.
Тренер открывает упражнение. Участник по своей ссылке может ответить, проголосовать или добавить карточку. Тренер видит результат, закрывает упражнение и решает, что показать всем.
Дальше можно сделать доски для отдельных групп. На этом уровне важно проверить одновременные действия, сохранение ответов и права: кто какие записи может видеть и менять.
Приложи рабочую версию второго уровня, настройки Supabase и документ ниже. Выбери одно упражнение. После сборки проверь его с несколькими участниками.
Я прикладываю рабочий инструмент тренера с показом по ссылке через Supabase и документ «07-Совместная-работа.md». Хочу добавить: [ответы на вопрос / голосование / карточки на доске]. Тренер открывает упражнение, участники выполняют его по своей ссылке, тренер видит результат и решает, что показать группе. После закрытия упражнения новые ответы не принимаются. Заметки тренера остаются приватными. Изучи текущий код, структуру базы и правила доступа. Предложи изменения и задай вопросы, которые влияют на поведение упражнения. После уточнений доработай инструмент и настройки Supabase. Сохрани существующие занятия и оба способа показа. Верни обновлённый HTML для Т123 и отдельные изменения для Supabase. Проверь работу нескольких участников, одновременные действия, восстановление связи и ограничения доступа. Укажи, что проверено.
Одновременные ответы не теряются. Перезагрузка не создаёт повторный голос. После закрытия упражнения новые ответы не принимаются. На доске не пропадает чужая работа, заметки тренера остаются закрытыми.