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. Вимоги до програміста

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

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

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

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