Розробка порталу онлайн-курсів на 1С-Бітрікс

Розробка портала онлайн-курсів на 1С-Бітрікс

Компанія записала 40 годин навчального відео, залила на YouTube, розіслала посилання по email. Через місяць виясняється: 70% учнів не дійшли до другого уроку, ніхто не знає, хто що пройшов, сертифікати виписуються вручну в Canva, а новий співробітник отримує посилання на плейлист з припиской «дивись, що встигнеш». Портал онлайн-курсів на 1С-Бітрікс перетворює набір відео на управлінський освітній процес: структура, прогрес, перевірка знань, сертифікація, оплата.

Структура курсу

Курс — не плоский список уроків. Це ієрархія з чіткою послідовністю та залежностями.

Модель даних:

• Курс — інфоблок верхнього рівня: назва, опис, обкладинка, автор, рівень складності, тривалість, категорія
• Модуль (розділ) — секція інфоблока: тематичний блок з кількох уроків
• Урок — елемент інфоблока: відео, текстовий матеріал, практичне завдання або тест
• Бонусні матеріали — файли для завантаження, чек-листи, шаблони (файлові властивості)

Типи уроків:

Залежності: урок 3 доступний лише після завершення уроку 2. Модуль «Продвинутий» відкривається після завершення модуля «Базовий». Реалізується через перевірку статусу завершення попереднього елемента при відкритті поточного.

Відеохостинг та плеєр

Відео — основний формат контенту. Питання: де зберігати та як доставляти.

Варіанти:

• Власний сервер — файли на диску, доставка через nginx з обмеженням доступу (X-Accel-Redirect). Плюс: повна контроль. Мінус: навантаження на канал, потрібен CDN
• Хмарний відеохостинг — Kinescope, VDO.Cipher, Vimeo OTT. Плюс: DRM-захист, адаптивний стриминг (HLS), аналітика переглядів. Мінус: щомісячна плата
• S3-сумісне сховище + плеєр на фронтенді (Video.js, Plyr). Компроміс між ціною та контролем

Захист від завантаження — критично для платних курсів:

• Підписані URL з обмеженим часом життя (token-based access)
• DRM (Widevine, FairPlay) — через хмарні хостинги
• Прив'язка до домену — відео відтворюється лише на портальні
• Водяні знаки з email користувача — для ідентифікації джерела витоку

Плеєр вбудовується в шаблон елемента інфоблока. При відтворенні — AJAX-запит на сервер кожні 30 секунд для фіксації прогресу.

Система прогресу

Прогрес — те, що мотивує учня продовжувати. І те, що дозволяє адміністратору бачити ефективність курсу.

Зберігання прогресу:

• Кастомна таблиця: user_id, lesson_id, status (не розпочато / в процесі / завершено), progress_percent, score, completed_at
• Оновлюється при кожній дії: перегляд відео, відповідь на тест, відправка завдання

Відображення для учня:

• Прогрес-бар на сторінці курсу (70% пройдено)
• Галочки біля завершених уроків
• Передбачуваний час до завершення
• Дашборд зі всіма курсами та їх статусами

Відображення для адміністратора/викладача:

• Лійка: записалися → почали → пройшли 50% → завершили
• Середній бал по тестам та завданням
• Уроки з максимальним відтоком (де бросають)
• Час прохождання кожного уроку

Тестування та завдання

Тести — інструмент перевірки знань та залучення.

Типи питань:

• Одна правильна відповідь (radio)
• Кілька правильних відповідей (checkbox)
• Відповідність (drag-and-drop)
• Вільна відповідь (текстове поле, перевірка викладачем)
• Заповнення пропусків

Реалізація: окремий інфоблок «Тести» з прив'язкою до уроку. Питання — елементи інфоблока з властивостями: текст питання, варіанти відповідей (множинна властивість), правильні відповіді, бали. Фронтенд — кастомний компонент з таймером, перемішуванням питань та варіантів.

Практичні завдання:

• Учень завантажує файл (код, документ, макет) або вставляє посилання
• Викладач отримує сповіщення, перевіряє, ставить оцінку, пише коментар
• Учень бачить результат у особистому кабінеті
• Статус завдання: відправлено → на перевірці → прийнято / на доробку

Сертифікати

Сертифікат — фінальна точка курсу. Генерується автоматично при виконанні умов (всі уроки пройдені, тести здані з балом ≥ N).

Генерація:

• Шаблон сертифіката — PDF зі змінними: ПІБ, назва курсу, дата, унікальний номер
• Бібліотека TCPDF або mPDF для генерації на боці сервера
• Унікальний URL для верифікації: /certificate/verify/ABC-12345/ — сторінка підтверджує автентичність сертифіката
• QR-код на сертифіката зі посиланням на верифікацію

Сертифікати зберігаються в інфоблоці з прив'язкою до користувача та курсу. Завантаження — з особистого кабінету.

Оплата курсів

Монетизація через модуль «Інтернет-магазин» (sale) 1С-Бітрікс.

Моделі оплати:

Логіка доступу після оплати:

• Замовлення оплачено → користувач додається в групу «Учні курсу X» → права на інфоблок курсу відкривають доступ до уроків
• При підписці — щомісячна перевірка статусу оплати через агента. Підписка закінчилася → видалення з групи → доступ закритий, прогрес збережено

Промокоди та знижки — через стандартний механізм купонів модуля sale. Партнерські промокоди з відслідковуванням джерела.

Додаткові функції

Форум/чат курсу. Кожен курс — окремий чат або форум, де учні задають питання, викладач відповідає. Реалізація через модуль «Форум» або кастомний чат на WebSocket.

Сповіщення:

• Нагадування про незавершений курс (не заходив 7 днів)
• Новий урок добавлений
• Завдання перевірено
• Сертифікат готовий

Геймифікація:

• Бали за прохождання уроків
• Бейджи за досягнення (перший курс, 5 курсів, все тести на відмінно)
• Рейтинг учнів

SEO та маркетинг

• Каталог курсів — посадкові сторінки за категоріями: /courses/programming/, /courses/marketing/
• Мікророзмітка Course за Schema.org: назва, опис, провайдер, рейтинг
• Безплатні уроки як лід-магніт — індексуються пошуковиками, залучають трафік
• Відгуки випускників — Review + AggregateRating для зірок у сніпеті
• Лендинги курсів — окремі промо-сторінки з програмою, викладачем, відгуками, кнопкою покупки