1. Мета проєкту

Создать платформу, где:

• Ученик самостоятельно проходит часть урока (упражнения, аудио, тесты, автоматическая проверка).

• Учитель проводит 10 минут живого урока в встроенном зуме прямо на сайте (speaking + объяснение).

• Учитель видит все ответы ученика.

• Ученики могут бронировать уроки после оплаты.

• Уроки можно создать один раз и использовать для многих учеников.

2. Основные модули платформы

2.1. Модуль уроков (Course / Lesson Builder)

Должен быть:

• Создание уроков из блоков:

  • текст,

  • аудио,

  • видео,

  • упражнения (выбор ABCD, ввод слова, заполнение пропусков, перемещение слов, matching и т.д.), 

  • задания на запись голоса (опционально).

• Автоматическая проверка всех заданий.

• Объяснение ошибок текстом или коротким видео (минимальное). 

• Возможность добавлять свои PDF/изображения/аудио через панель.

• Уроки группируются по уровням (A1, A2, B1) и темам.

Важно:

• Урок создается один раз → используется множество раз для разных учеников.

• Учитель не должен каждый раз вручную вводить задания.

2.2. Модуль студенческого личного кабинета

Студент видит:

• свои курсы,

• какие уроки уже прошел,

• какие открыты,

• результаты по каждому уроку,

• ошибки,

• количество оплаченных уроков,

• календарь с свободными слотами,

• будущие бронирования.

2.3. Модуль учителя

Учитель видит:

• список учеников,

• ответы учеников по каждому уроку,

• их ошибки,

• прогресс,

• оплату,

• будущие бронирования,

• календарь со своим расписанием.

Учитель может:

• создавать уроки,

• редактировать уроки,

• добавлять аудио/видео,

• настраивать типы заданий,

• создавать доступные временные слоты для бронирования.

2.4. Система бронирования занятий

Должна работать так:

1. Учитель создает доступные слоты (например: Пн 15:00–17:00, Вт 10:00–12:00).

2. Ученик после покупки урока видит свободное время.

3. Ученик бронирует конкретное время.

4. Автоматически приходят:

   • email студенту с подтверждением,

   • email учителю с деталями.

5. В личном кабинете:

   • ученик видит дату и время своего занятия,

   • учитель видит все бронирования.

2.5. Модуль оплаты

• Онлайн оплата (wayfoePay — обсуждается).

• После успешной оплаты:

  • начисляются «уроки» на аккаунт ученика,

  • открывается возможность бронирования.

• Квитанция (email).

3. Требования к технологиям

Возможные варианты:

1. WordPress + кастомный плагин
   Преимущества: легко менять контент, много готовых компонентов.
   Недостатки: могут быть медленнее и менее масштабируемыми.

2. Laravel + Vue/React
   Преимущества: скорость, стабильность, масштабирование.
   Недостатки: дороже, сложнее для редактирования без программиста.

3. Другая CMS, если программист докажет, что она:

   • быстрая,

   • безопасная,

   • позволяет легко создавать уроки,

   • позволяет масштабирование.

4. Требования к скорости и оптимизации

• Сайт должен быстро открываться даже при большом количестве уроков.

• Кэширование страниц и медиафайлов.

• Адаптивность под телефон/планшет/комп.

5. Дизайн

• Простой, чистый, без лишних картинок - как на скринах.

• Легко использовать на телефоне.

• Вывод прогресса в виде «значков» или метрик.

6. Безопасность

• Защита личных данных учеников.

• Ограничение доступа: ученик не может видеть другого ученика.

• Резервное копирование уроков и данных.

7. Админ-панель

Админ должен:

• создавать и редактировать уроки на каждом уровне,

• собирать статистику,

• видеть оплату,

• отключать или удалять уроки,

• изменять доступ.

8. Срок реализации

Адекватно — 1–5 недель, в зависимости от платформы.

9. Что ожидаю от программиста

Программист должен:

• предложить архитектуру,

• описать, как будет работать Lesson Builder,

• показать демо или примеры предыдущих работ,

• назвать точную цену и срок,

• дать гарантию и поддержку.

1. Мета проєкту

Створити платформу, де:

• Учень самостійно проходить частину уроку (вправи, аудіо, тести, перевірка автоматична).

• Учитель проводить 10 хвилин живого уроку у встроєнному зумі прямо на сайті (speaking + пояснення).

• Учитель бачить усі відповіді учня.

• Учні можуть бронювати уроки після оплати.

• Уроки можна створити один раз і використовувати для багатьох учнів.

2. Основні модулі платформи

2.1. Модуль уроків (Course / Lesson Builder)

Має бути:

• Створення уроків з блоків:

  • текст,

  • аудіо,

  • відео,

  • вправи (вибір ABCD, введення слова, заповнення пропусків, переміщення слів, matching, тощо), 

  • завдання на запис голосу (опційно).

• Автоматична перевірка всіх завдань.

• Пояснення помилок текстом чи коротким відео(мінімальне). 

• Можливість додавати свої PDF/картинки/аудіо через панель.

• Уроки групуються в рівні (A1, A2, B1) і теми.

Важливо:

• Урок створюється один раз → використовується безліч разів для різних учнів.

• Учитель не повинен кожного разу вручну вводити завдання.

2.2. Модуль студентського особистого кабінету

Студент бачить:

• свої курси,

• які уроки вже пройшов,

• які відкриті,

• результати по кожному уроку,

• помилки,

• кількість оплачених уроків,

• календар з вільними слотами,

• майбутні бронювання.

2.3. Модуль вчителя

Учитель бачить:

• список учнів,

• відповіді учнів по кожному уроку,

• їхні помилки,

• прогрес,

• оплату,

• майбутні бронювання,

• календар зі своїм графіком.

Учитель може:

• створювати уроки,

• редагувати уроки,

• додавати аудіо/відео,

• налаштовувати типи завдань,

• створювати доступні часові слоти для бронювання.

2.4. Система бронювання занять

Повинно працювати так:

1. Учитель створює доступні слоти (наприклад: Пн 15:00–17:00, Вт 10:00–12:00).

2. Учень після покупки уроку бачить вільний час.

3. Учень бронює конкретний час.

4. Автоматично надходять:

   • email студенту з підтвердженням,

   • email вчителю з деталями.

5. В особистому кабінеті:

   • учень бачить дату та час свого заняття,

   • учитель бачить всі бронювання.

2.5. Модуль оплати

• Онлайн оплата (wayfoePay — обговорюється).

• Після успішної оплати:

  • нараховуються «уроки» на аккаунт учня,

  • відкривається можливість бронювання.

• Квитанція (email).

3. Вимоги до технологій

Можливі варіанти:

1. WordPress + кастомний плагін
   Переваги: легко міняти контент, багато готових компонентів.
   Мінуси: можуть бути повільніший та менш масштабований.

2. Laravel + Vue/React
   Переваги: швидкість, стабільність, масштабування.
   Мінуси: дорожче, складніше для редагування без програміста.

3. Інша CMS, якщо програміст доведе, що вона:

   • швидка,

   • безпечна,

   • дозволяє легко створювати уроки,

   • дозволяє масштабування.

4. Вимоги до швидкості та оптимізації

• Сайт повинен швидко відкриватися навіть при великій кількості уроків.

• Кешування сторінок та медіафайлів.

• Адаптивність під телефон/планшет/комп

5. Дизайн

• Простий, чистий, без зайвих картинок - як на скринах

• Легко використовувати на телефоні.

• Виведення прогресу у вигляді «значків» або метрик.

6. Безпека

• Захист особистих даних учнів.

• Обмеження доступу: учень не може бачити іншого учня.

• Резервне копіювання уроків і даних.

7. Адмін-панель

Адмін має:

• створювати і редагувати уроки на кожному рівні,

• збирати статистику,

• бачити оплату,

• відключати або видаляти уроки,

• змінювати доступ.(

8. Термін реалізації

Адекватно — 1–5 тижнів, залежно від платформы.

9. Що очікую від програміста

Програміст повинен:

• запропонувати архітектуру,

• описати, як буде працювати Lesson Builder,

• показати демо або приклади попередніх робіт,

• назвати точну ціну та термін,

• дати гарантію і підтримку.

ТЕХНИЧЕ ЗАДАНИЕ (ТЗ)

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

1. Общий описание проекта

Цель: создать учебную платформу для изучения английского языка, которая позволяет:

- продавать уроки с учителем (онлайн, встроенный Zoom на сайт);

- продавать самостоятельные уроки без учителя;

- продавать уровни (A1–C1) отдельно;

- продавать специальные курсы;

- позволять ученикам проходить уроки постепенно;

- автоматически проверять тесты;

- бронировать занятия с учителем;

- подключать автоматические платежи;

- видеть прогресс ученика в кабинете преподавателя.

2. Функционал пользователей

2.1. Ученик

Имеет возможность:

- создать аккаунт;

- просматривать купленные курсы и уровни;

- проходить уроки (тесты, аудио, видео, задания);

- видеть свой прогресс;

- бронировать уроки с учителем;

- выполнять домашнее задание;

- повторять пройденный материал;

- получать автоматические проверки тестов;

- получать email-уведомления;

- покупать новые уроки/уровни/пакеты.

2.2. Преподаватель

Может:

- просматривать прогресс каждого ученика;

- просматривать правильные/неправильные ответы;

- просматривать стадию прохождения уроков;

- открывать бесплатный доступ отдельным ученикам;

- добавлять/редактировать уроки;

- добавлять тесты, аудио, видео, PDF;

- создавать домашние задания;

- открывать новые уроки вручную или автоматически.

2.3. Администратор

Может:

- изменять цены;

- изменять продолжительность уроков;

- изменять доступность специальных курсов (без программиста);

- изменять страницы сайта;

- интегрировать новые курсы;

- просматривать все транзакции;

- управлять платежами;

- настраивать ограничения доступа.

2.4. Система бронирования занятий

Функционал:

- преподаватель создает доступные слоты;

- ученик после покупки видит свободные слоты;

- подтверждает бронирование;

- преподавателю приходит email;

- ученику приходит email;

- в кабинете показывается дата и время урока;

- возможность переноса/отмены;

- автоматическое списание 1 урока после подтверждения.

3. Структура уроков

Отдельный урок = отдельная длинная страница:

- блок с видео;

- блок с аудио;

- блок с объяснением правил;

- интерактивные тесты с автопроверкой;

- упражнения drag & drop, выбор ABCD, ввод текста, matching;

- кнопка «Завершить» → проверка → запись результата.

После основного урока:

- через определенное время открывается страница «Домашнее задание» (меньший объем).

4. Доступы

Доступ открывается:

- после оплаты;

- вручную преподавателем;

- или по специальному промо.

5. Курсы и уровни

Уровни: A1, A2, A2+, B1, B1+, B2, B2+, C1.

Каждый уровень:

- покупается отдельно;

- содержит X уроков;

- имеет страницу прогресса;

- имеет доступ к календарю бронирования.

Специальные курсы:

- могут быть платными/бесплатными;

- администратор сам добавляет оплату или убирает.

6. Платформа уроков

Необходимо создать конструктор уроков с такими блоками:

- текст,

- фото,

- аудио,

- видео,

- тест (разные типы),

- PDF-вставка.

Тесты должны:

- автоматически проверяться,

- сохранять ответы,

- показывать статистику преподавателю.

7. Прогресс ученика

Должен содержать:

- % завершения курса;

- правильные/неправильные ответы;

- историю уроков;

- результаты домашки;

- дату прохождения.

8. Email-уведомления

Сообщения должны приходить:

- о покупке;

- о бронировании урока;

- о напоминании урока;

- о открытии домашнего задания;

- о завершении курса.

9. Технологии

Возможные варианты:

- WordPress + кастомные модули (рекомендуется);

- или Laravel + Vue/React;

- или другая CMS с админкой.

Требования:

- скорость работы;

- стабильность;

- возможность расширять без программиста.

10. Платежи через API (подробно)

Платежные этапы:

1. Покупка курса/урока.

2. Покупка пакетов уроков.

3. После оплаты → открытие доступа.

4. Webhook → проверка → запись транзакции.

5. Email подтверждение.

Необходимо реализовать:

- Payment Init API.

- Payment Callback/Webhook API.

- Payment History для админа.

- Refund API (опционально).

Безопасность:

- HTTPS,

- цифровая подпись,

- ключи в .env.

11. Календарь занятий

- внутренняя система или интеграция через API;

- создание слотов преподавателем;

- бронирование только после оплаты;

- списание 1 урока;

- возможность переноса.

12. Личный кабинет

Ученик:

- Мои курсы

- Мои уроки

- Прогресс

- Домашние задания

- Бронирование

- Платежи

Преподаватель:

- Статистика учеников

- Журнал уроков

- Ответы по тестам

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

Админ:

- Цены

- Курсы

- Пользователи

- Платежи

- Настройки

13. Дизайн

- минималистичный,

- адаптивный,

- в стиле текущего сайта ivanenglish.com (дальше доработать).

Цвета можно взять с текущего сайта.

14. Требования к программисту

- сделать все «под ключ»;

- вся система должна быть простой для редактирования;

- никаких зависимостей от разработчика;

- документация по использованию админки.

ТЕХНІЧНЕ ЗАВДАННЯ (ТЗ)

на розробку платформи для онлайн-навчання англійської мови

1. Загальний опис проєкту

Мета: створити навчальну платформу для вивчення англійської мови, яка дозволяє:

- продавати уроки з учителем (онлайн, влаштований Zoom у сайт);

- продавати самостійні уроки без учителя;

- продавати рівні (A1–C1) окремо;

- продавати спеціальні курси;

- дозволяються учням проходити уроки поступово;

- автоматично перевіряти тести;

- бронювати заняття з учителем;

- підключати автоматичні платежі;

- бачити прогрес учня у кабінеті викладача.

2. Функціонал користувачів

2.1. Учень

Має можливість:

- створити акаунт;

- переглядати куплені курси і рівні;

- проходити уроки (тести, аудіо, відео, завдання);

- бачити свій прогрес;

- бронювати уроки з учителем;

- виконувати домашнє завдання;

- повторювати пройдений матеріал;

- отримувати автоматичні перевірки тестів;

- отримувати email-повідомлення;

- купувати нові уроки/рівні/пакети.

2.2. Учитель

Може:

- переглядати прогрес кожного учня;

- переглядати правильні/неправильні відповіді;

- переглядати стадію проходження уроків;

- відкривати безкоштовний доступ окремим учням;

- додавати/редагувати уроки;

- додавати тести, аудіо, відео, PDF;

- створювати домашні завдання;

- відкривати нові уроки вручну чи автоматично.

2.3. Адміністратор

Може:

- змінювати ціни;

- змінювати тривалість уроків;

- змінювати доступність спеціальних курсів (без програміста);

- змінювати сторінки сайту;

- інтегрувати нові курси;

- переглядати всі транзакції;

- керувати оплатами;

- налаштовувати обмеження доступу.

2.4. Система бронювання занять

Функціонал:

- учитель створює доступні слоти;

- учень після покупки бачить вільні слоти;

- підтверджує бронювання;

- учителю надходить email;

- учню надходить email;

- у кабінеті показується дата і час уроку;

- можливість перенести/скасувати;

- автоматичне списання 1 уроку після підтвердження.

3. Структура уроків

Окремий урок = окрема довга сторінка:

- блок із відео;

- блок з аудіо;

- блок з поясненням правил;

- інтерактивні тести з автоперевіркою;

- вправи drag & drop, вибір ABCD, введення тексту, matching;

- кнопка «Завершити» → перевірка → запис результату.

Після основного уроку:

- через певний час відкривається сторінка «Домашнє завдання» (менший обсяг).

4. Доступи

Доступ відкривається:

- після оплати;

- вручну викладачем;

- або за спеціальним промо.

5. Курси та рівні

Рівні: A1, A2, A2+, B1, B1+, B2, B2+, C1.

Кожен рівень:

- купується окремо;

- містить X уроків;

- має сторінку прогресу;

- має доступ до календаря бронювання.

Спеціальні курси:

- можуть бути платними/безкоштовними;

- адміністратор сам додає оплату або прибирає.

6. Платформа уроків

Потрібно створити конструктор уроків з такими блоками:

- текст,

- фото,

- аудіо,

- відео,

- тест (різні типи),

- PDF-вставка.

Тести повинні:

- автоматично перевірятися,

- зберігати відповіді,

- показувати статистику викладачу.

7. Прогрес учня

Повинен містити:

- % завершення курсу;

- правильні/неправильні відповіді;

- історію уроків;

- результати домашки;

- дату проходження.

8. Email-сповіщення

Повідомлення мають надходити:

- про покупку;

- про бронювання уроку;

- про нагадування уроку;

- про відкриття домашнього завдання;

- про завершення курсу.

9. Технології

Можливі варіанти:

- WordPress + кастомні модулі (рекомендовано);

- або Laravel + Vue/React;

- або інша CMS з адмінкою.

Вимоги:

- швидкість роботи;

- стабільність;

- можливість розширювати без програміста.

10. Оплати через API (детально)

Платіжні етапи:

1. Покупка курсу/уроку.

2. Покупка пакетів уроків.

3. Після оплати → відкриття доступу.

4. Webhook → перевірка → запис транзакції.

5. Email підтвердження.

Потрібно реалізувати:

- Payment Init API.

- Payment Callback/Webhook API.

- Payment History для адміна.

- Refund API (опційно).

Безпека:

- HTTPS,

- цифровий підпис,

- ключі в .env.

11. Календар занять

- внутрішня система або інтеграція через API;

- створення слотів учителем;

- бронювання тільки після оплати;

- списання 1 уроку;

- можливість переносу.

12. Особистий кабінет

Учень:

- Мої курси

- Мої уроки

- Прогрес

- Домашні завдання

- Бронювання

- Оплати

Учитель:

- Статистика учнів

- Журнал уроків

- Відповіді по тестах

- Управління уроками

Адмін:

- Ціни

- Курси

- Користувачі

- Оплати

- Налаштування

13. Дизайн

- мінімалістичний,

- адаптивний,

- у стилі поточного сайту ivanenglish.com (далі доопрацювати).

Кольори можна взяти з поточного сайту.

14. Вимоги до програміста

- зробити все «під ключ»;

- вся система має бути простою для редагування;

- жодних залежностей від розробника;

- документація з користування адмінкою.