1. Cel projektu

Stworzyć platformę, gdzie:

• Uczniowie samodzielnie przechodzą część lekcji (ćwiczenia, audio, testy, automatyczna weryfikacja).

• Nauczyciel prowadzi 10 minut lekcji na żywo w wbudowanym Zoomie bezpośrednio na stronie (mówienie + wyjaśnienia).

• Nauczyciel widzi wszystkie odpowiedzi ucznia.

• Uczniowie mogą rezerwować lekcje po dokonaniu płatności.

• Lekcje można stworzyć raz i używać dla wielu uczniów.

2. Główne moduły platformy

2.1. Moduł lekcji (Course / Lesson Builder)

Powinien być:

• Tworzenie lekcji z bloków:

  • tekst,

  • audio,

  • wideo,

  • ćwiczenia (wybór ABCD, wpisywanie słowa, uzupełnianie luk, przesuwanie słów, dopasowywanie itp.),

  • zadania na nagranie głosu (opcjonalnie).

• Automatyczna weryfikacja wszystkich zadań.

• Wyjaśnienia błędów tekstem lub krótkim wideo (minimalne).

• Możliwość dodawania własnych PDF/obrazków/audio przez panel.

• Lekcje grupowane są w poziomy (A1, A2, B1) i tematy.

Ważne:

• Lekcja tworzona jest raz → używana wielokrotnie dla różnych uczniów.

• Nauczyciel nie musi za każdym razem ręcznie wprowadzać zadań.

2.2. Moduł konta studenckiego

Student widzi:

• swoje kursy,

• które lekcje już przeszedł,

• które są otwarte,

• wyniki z każdej lekcji,

• błędy,

• liczbę opłaconych lekcji,

• kalendarz z wolnymi slotami,

• przyszłe rezerwacje.

2.3. Moduł nauczyciela

Nauczyciel widzi:

• listę uczniów,

• odpowiedzi uczniów z każdej lekcji,

• ich błędy,

• postęp,

• płatności,

• przyszłe rezerwacje,

• kalendarz ze swoim harmonogramem.

Nauczyciel może:

• tworzyć lekcje,

• edytować lekcje,

• dodawać audio/wideo,

• ustawiać typy zadań,

• tworzyć dostępne sloty czasowe do rezerwacji.

2.4. System rezerwacji zajęć

Powinno działać tak:

1. Nauczyciel tworzy dostępne sloty (np.: Pon 15:00–17:00, Wt 10:00–12:00).

2. Uczeń po zakupie lekcji widzi wolny czas.

3. Uczeń rezerwuje konkretny czas.

4. Automatycznie przychodzą:

   • email do studenta z potwierdzeniem,

   • email do nauczyciela z szczegółami.

5. W osobistym koncie:

   • uczeń widzi datę i czas swojego zajęcia,

   • nauczyciel widzi wszystkie rezerwacje.

2.5. Moduł płatności

• Płatność online (wayfoePay — do omówienia).

• Po udanej płatności:

  • przypisywane są „lekcje” na konto ucznia,

  • otwiera się możliwość rezerwacji.

• Potwierdzenie (email).

3. Wymagania technologiczne

Możliwe opcje:

1. WordPress + niestandardowa wtyczka
   Zalety: łatwo zmieniać treść, wiele gotowych komponentów.
   Wady: mogą być wolniejsze i mniej skalowalne.

2. Laravel + Vue/React
   Zalety: szybkość, stabilność, skalowalność.
   Wady: droższe, trudniejsze do edytowania bez programisty.

3. Inny CMS, jeśli programista udowodni, że jest:

   • szybki,

   • bezpieczny,

   • pozwala łatwo tworzyć lekcje,

   • pozwala na skalowanie.

4. Wymagania dotyczące szybkości i optymalizacji

• Strona powinna szybko się otwierać nawet przy dużej liczbie lekcji.

• Cache'owanie stron i plików multimedialnych.

• Responsywność na telefon/tablet/komputer.

5. Design

• Prosty, czysty, bez zbędnych obrazków - jak na zrzutach ekranu.

• Łatwy w użyciu na telefonie.

• Wyświetlanie postępu w formie „odznak” lub metryk.

6. Bezpieczeństwo

• Ochrona danych osobowych uczniów.

• Ograniczenie dostępu: uczeń nie może widzieć innego ucznia.

• Kopia zapasowa lekcji i danych.

7. Panel administracyjny

Administrator ma:

• tworzyć i edytować lekcje na każdym poziomie,

• zbierać statystyki,

• widzieć płatności,

• wyłączać lub usuwać lekcje,

• zmieniać dostęp.

8. Termin realizacji

Rozsądnie — 1–5 tygodni, w zależności od platformy.

9. Czego oczekuję od programisty

Programista powinien:

• zapropnować architekturę,

• opisać, jak będzie działać Lesson Builder,

• pokazać demo lub przykłady wcześniejszych prac,

• podać dokładną cenę i termin,

• dać gwarancję i wsparcie.

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,

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

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

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

TECHNICZNE ZADANIE (TZ)

na rozwój platformy do nauki języka angielskiego online

1. Ogólny opis projektu

Celem: stworzenie platformy edukacyjnej do nauki języka angielskiego, która pozwala:

- sprzedawać lekcje z nauczycielem (online, zintegrowany Zoom na stronie);

- sprzedawać samodzielne lekcje bez nauczyciela;

- sprzedawać poziomy (A1–C1) osobno;

- sprzedawać specjalne kursy;

- pozwalać uczniom przechodzić lekcje stopniowo;

- automatycznie sprawdzać testy;

- rezerwować zajęcia z nauczycielem;

- włączać automatyczne płatności;

- widzieć postęp ucznia w panelu nauczyciela.

2. Funkcjonalność użytkowników

2.1. Uczeń

Ma możliwość:

- stworzyć konto;

- przeglądać zakupione kursy i poziomy;

- przechodzić lekcje (testy, audio, wideo, zadania);

- widzieć swój postęp;

- rezerwować lekcje z nauczycielem;

- wykonywać zadania domowe;

- powtarzać przerobiony materiał;

- otrzymywać automatyczne sprawdzenia testów;

- otrzymywać powiadomienia email;

- kupować nowe lekcje/poziomy/pakiety.

2.2. Nauczyciel

Może:

- przeglądać postęp każdego ucznia;

- przeglądać poprawne/niepoprawne odpowiedzi;

- przeglądać etap przechodzenia lekcji;

- otwierać bezpłatny dostęp dla wybranych uczniów;

- dodawać/edytować lekcje;

- dodawać testy, audio, wideo, PDF;

- tworzyć zadania domowe;

- otwierać nowe lekcje ręcznie lub automatycznie.

2.3. Administrator

Może:

- zmieniać ceny;

- zmieniać czas trwania lekcji;

- zmieniać dostępność specjalnych kursów (bez programisty);

- zmieniać strony serwisu;

- integrować nowe kursy;

- przeglądać wszystkie transakcje;

- zarządzać płatnościami;

- ustawiać ograniczenia dostępu.

2.4. System rezerwacji zajęć

Funkcjonalność:

- nauczyciel tworzy dostępne sloty;

- uczeń po zakupie widzi wolne sloty;

- potwierdza rezerwację;

- nauczyciel otrzymuje email;

- uczeń otrzymuje email;

- w panelu wyświetlana jest data i czas lekcji;

- możliwość przeniesienia/odwołania;

- automatyczne odliczenie 1 lekcji po potwierdzeniu.

3. Struktura lekcji

Osobna lekcja = osobna długa strona:

- blok z wideo;

- blok z audio;

- blok z wyjaśnieniem zasad;

- interaktywne testy z automatycznym sprawdzaniem;

- ćwiczenia drag & drop, wybór ABCD, wprowadzenie tekstu, dopasowywanie;

- przycisk „Zakończ” → sprawdzenie → zapisanie wyniku.

Po głównej lekcji:

- po pewnym czasie otwiera się strona „Zadanie domowe” (mniejsza objętość).

4. Dostępy

Dostęp otwiera się:

- po płatności;

- ręcznie przez nauczyciela;

- lub za specjalnym promo.

5. Kursy i poziomy

Poziomy: A1, A2, A2+, B1, B1+, B2, B2+, C1.

Każdy poziom:

- kupowany osobno;

- zawiera X lekcji;

- ma stronę postępu;

- ma dostęp do kalendarza rezerwacji.

Specjalne kursy:

- mogą być płatne/bezpłatne;

- administrator sam dodaje płatność lub ją usuwa.

6. Platforma lekcji

Trzeba stworzyć konstruktor lekcji z takimi blokami:

- tekst,

- zdjęcie,

- audio,

- wideo,

- test (różne typy),

- wstawka PDF.

Testy powinny:

- automatycznie się sprawdzać,

- zapisywać odpowiedzi,

- pokazywać statystyki nauczycielowi.

7. Postęp ucznia

Powinien zawierać:

- % ukończenia kursu;

- poprawne/niepoprawne odpowiedzi;

- historię lekcji;

- wyniki zadań domowych;

- datę przejścia.

8. Powiadomienia email

Powiadomienia powinny przychodzić:

- o zakupie;

- o rezerwacji lekcji;

- o przypomnieniu lekcji;

- o otwarciu zadania domowego;

- o zakończeniu kursu.

9. Technologie

Możliwe opcje:

- WordPress + niestandardowe moduły (zalecane);

- lub Laravel + Vue/React;

- lub inny CMS z panelem administracyjnym.

Wymagania:

- szybkość działania;

- stabilność;

- możliwość rozbudowy bez programisty.

10. Płatności przez API (szczegóły)

Etapy płatności:

1. Zakup kursu/lekcji.

2. Zakup pakietów lekcji.

3. Po płatności → otwarcie dostępu.

4. Webhook → sprawdzenie → zapis transakcji.

5. Potwierdzenie email.

Trzeba zrealizować:

- Payment Init API.

- Payment Callback/Webhook API.

- Payment History dla admina.

- Refund API (opcjonalnie).

Bezpieczeństwo:

- HTTPS,

- podpis cyfrowy,

- klucze w .env.

11. Kalendarz zajęć

- wewnętrzny system lub integracja przez API;

- tworzenie slotów przez nauczyciela;

- rezerwacja tylko po płatności;

- odliczenie 1 lekcji;

- możliwość przeniesienia.

12. Panel użytkownika

Uczeń:

- Moje kursy

- Moje lekcje

- Postęp

- Zadania domowe

- Rezerwacje

- Płatności

Nauczyciel:

- Statystyki uczniów

- Dziennik lekcji

- Odpowiedzi z testów

- Zarządzanie lekcjami

Admin:

- Ceny

- Kursy

- Użytkownicy

- Płatności

- Ustawienia

13. Design

- minimalistyczny,

- responsywny,

- w stylu aktualnej strony ivanenglish.com (do dalszej obróbki).

Kolory można wziąć z aktualnej strony.

14. Wymagania dla programisty

- zrobić wszystko „pod klucz”;

- cały system ma być prosty do edytowania;

- żadnych zależności od dewelopera;

- dokumentacja z użytkowania panelu administracyjnego.

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

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

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

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

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

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

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