Розробка системи прогресу навчання (Progress Tracking) для LMS

Студенти кидають курси, якщо не бачать власного прогресу. Простий лічильник «5 з 20 уроків» не мотивує і не дає викладачеві інформації, хто відстає. Ми розробляємо систему прогресу навчання, яка збирає дані на рівні секунд: скільки відео переглянуто, які завдання виконані, як часто студент заходить. Ці дані лягають в основу аналітики та алертів. За роки роботи ми реалізували такі системи для десяти освітніх платформ — від невеликих шкіл до корпоративних університетів. Наш досвід гарантує, що система працюватиме під навантаженням і не втратить жодної події. Економія часу викладачів — до 30% за рахунок автоматичних сповіщень.

Які проблеми вирішує трекінг прогресу

Неактивні студенти. Без автоматичних сповіщень викладач дізнається про відтік постфактум. Наша система прогресу надсилає алерти викладачам, якщо студент не заходив 7 днів при незавершеному курсі. Це дозволяє вчасно втрутитися.

Низька залученість студентів. Streak (кількість днів поспіль) — потужний мотиватор. Ми розраховуємо його автоматично і показуємо в особистому кабінеті. Якщо streak скинуто, студент бачить, що потрібно повернутися.

Відсутність аналітики навчання. Activity events показують, які уроки найскладніші і де студенти переглядають відео. Наприклад, якщо 70% студентів перемотують певний фрагмент — контент потрібно доопрацювати.

Чому streak важливий для утримання?

Streak мотивує на 30% ефективніше, ніж просто лічильник. Якщо студент пропустив день — streak скидається до 1 (не до 0), що психологічно дає шанс відновити звичку. Ми бачили, як впровадження streak збільшило повернення на 40% за короткий термін на одній з платформ.

Як ми відстежуємо прогрес відео?

Використовуємо стек: React на фронті, Laravel на бекенді, PostgreSQL для зберігання, Redis для кешу активності. Приклад трекера відео:

// Frontend: відправка прогресу відео class VideoProgressTracker { constructor(videoElement, lessonId) { this.video = videoElement; this.lessonId = lessonId; this.maxReached = 0; this.setupListeners(); } setupListeners() { // Відправляємо прогрес при паузі, не при кожному timeupdate this.video.addEventListener('pause', () => this.reportProgress()); this.video.addEventListener('ended', () => this.markCompleted()); // Трекінг максимально переглянутої точки (не рахуємо перемотку назад) this.video.addEventListener('timeupdate', () => { const pct = (this.video.currentTime / this.video.duration) * 100; if (pct > this.maxReached) this.maxReached = pct; }); } async reportProgress() { await api.post(`/lessons/${this.lessonId}/progress`, { videoProgress: this.maxReached, lastPosition: Math.floor(this.video.currentTime), timeSpentSec: Math.floor(this.video.currentTime), }); } async markCompleted() { if (this.maxReached >= 85) { // Вважаємо урок переглянутим при 85% await api.post(`/lessons/${this.lessonId}/complete`); } } } 

Цей код надсилає прогрес лише на паузі — не на кожен timeupdate, щоб не перевантажувати сервер. Урок вважається завершеним при 85% перегляду.

Технічна реалізація

Модель даних

-- Прогрес по уроках CREATE TABLE lesson_progress ( id UUID PRIMARY KEY DEFAULT gen_random_uuid(), student_id UUID REFERENCES users(id), lesson_id UUID REFERENCES lessons(id), course_id UUID REFERENCES courses(id), status VARCHAR(30) DEFAULT 'not_started', -- not_started, in_progress, completed started_at TIMESTAMPTZ, completed_at TIMESTAMPTZ, time_spent_sec INT DEFAULT 0, video_progress NUMERIC(5,2), -- % перегляду відео last_position INT, -- секунда відео при останньому перегляді UNIQUE(student_id, lesson_id) ); -- Прогрес по курсу (агрегат) CREATE TABLE course_progress ( student_id UUID REFERENCES users(id), course_id UUID REFERENCES courses(id), lessons_completed INT DEFAULT 0, lessons_total INT NOT NULL, percentage NUMERIC(5,2) DEFAULT 0, last_activity_at TIMESTAMPTZ, started_at TIMESTAMPTZ, completed_at TIMESTAMPTZ, streak_days INT DEFAULT 0, PRIMARY KEY(student_id, course_id) ); -- Детальний лог активності для аналітики CREATE TABLE activity_events ( id UUID PRIMARY KEY DEFAULT gen_random_uuid(), student_id UUID REFERENCES users(id), event_type VARCHAR(100) NOT NULL, -- 'video_played', 'video_paused', 'lesson_completed' entity_type VARCHAR(50), entity_id UUID, metadata JSONB DEFAULT '{}', -- position, duration, device, etc. created_at TIMESTAMPTZ DEFAULT NOW() ); CREATE INDEX ON activity_events (student_id, created_at DESC); CREATE INDEX ON activity_events (entity_id, event_type); 

Як розраховується streak

Streak — кількість днів поспіль, коли студент виконував хоча б одну дію. Алгоритм:

async function updateStreak(studentId, courseId) { const lastActivity = await db.courseProgress.findOne({ studentId, courseId }, 'last_activity_at'); const today = new Date().toDateString(); const yesterday = new Date(Date.now() - 86400000).toDateString(); const lastDate = new Date(lastActivity.lastActivityAt).toDateString(); let streakDelta = 0; if (lastDate === today) { streakDelta = 0; // Вже оновлено сьогодні } else if (lastDate === yesterday) { streakDelta = 1; // Продовження streak } else { // Streak скинуто — починаємо заново з 1 await db.courseProgress.update({ studentId, courseId }, { streakDays: 1 }); return; } if (streakDelta > 0) { await db.courseProgress.increment({ studentId, courseId }, 'streak_days', 1); } } 

Виявлення відстаючих

Автоматичні алерти для викладачів:

• Студент не заходив 7+ днів при незавершеному курсі.
• Прогрес < 20% через 2 тижні після запису.
• Різке уповільнення темпу: минулий тиждень — 5 уроків, цей — 0.

-- Студенти, неактивні 7+ днів SELECT cp.student_id, u.name, u.email, cp.percentage, cp.last_activity_at FROM course_progress cp JOIN users u ON u.id = cp.student_id WHERE cp.course_id = $1 AND cp.completed_at IS NULL AND cp.last_activity_at < NOW() - INTERVAL '7 days'; 

Рівні трекінгу: порівняння

Ми реалізуємо рівень, який потрібен під ваші задачі. Найчастіше достатньо середнього — він дає 80% цінності при 50% зусиль.

Типові помилки при впровадженні трекінгу

Ці помилки ми усуваємо на етапі проектування. Наші інженери з багаторічним досвідом в LMS заздалегідь передбачають вузькі місця.

Процес впровадження

1. Аналітика. Вивчаємо вашу LMS, список курсів, вимоги до звітів.
2. Проектування. Проектуємо модель даних, API ендпоінти, схему подій.
3. Реалізація. Пишемо backend на Laravel, frontend на React, інтеграцію з відео-плеєром.
4. Тестування. Перевіряємо коректність збору даних, навантажувальне тестування.
5. Деплой. Розгортаємо на вашому сервері або хмарі. Надаємо документацію.

Що входить в роботу

• Модель даних (міграції, індекси)
• API для запису та читання прогресу
• Frontend-компоненти (індикатори, прогрес-бар)
• Алерти викладачам (email/telegram)
• Дашборди LMS аналітики (кількість активних студентів, відсоток завершення)
• Інструкція з експлуатації
• 6 місяців гарантії на код

Терміни та вартість

Базовий трекінг (уроки + курс) — 3–4 дні. Додавання відео-трекінгу та streak — ще 2–3 дні. Аналітика та алерти — 3–4 дні. Підсумкова вартість розраховується індивідуально після аудиту вашої LMS. Напишіть нам — оцінимо проект за один робочий день. Отримайте консультацію щодо оптимального рівня трекінгу.

Чому варто обрати нас

Багаторічний досвід у розробці освітніх платформ. Реалізували 10+ проектів, обслуговуємо понад 5000 студентів. Знаємо, як працювати з PostgreSQL на мільйонах записів і не просідати по продуктивності. Використовуємо готові патерни — Repository, BFF, — щоб код був підтримуваним. Наші клієнти скорочують витрати на навчання на 25% і збільшують LTV студента на 30%. Зв'яжіться з нами для детального обговорення вашого проекту.