Розробка LMS з підтримкою SCORM 1.2 та 2004

Підтримка SCORM в LMS

Уявіть: ви купили дорогий курс в Articulate Storyline, а ваша LMS відмовляється його завантажувати — помилка "неправильний формат" або курс запускається, але прогрес не зберігається. Клієнт не може пройти навчання, а техпідтримка вендора звинувачує стандарт. Така ситуація — типова ціна відсутності грамотної підтримки SCORM. Ми, як команда з досвідом понад десять років в e-learning, вирішили цю проблему десятки разів. Наш підхід — не костиль в iframe, а вбудована підтримка SCORM 1.2 та 2004 на рівні архітектури. SCORM — це стандарт обміну навчальними курсами, і його коректна реалізація критична для будь-якої сучасної LMS.

Проблеми, які ми вирішуємо

Несумісність версій. SCORM 1.2 використовує об'єкт API, 2004 — API_1484_11. Якщо ваша LMS зав'язана тільки на одну версію, половина курсів відвалиться. Втрата suspend_data. При перезавантаженні сторінки прогрес студента зникає. Витоки пам'яті в iframe. Після закриття курсу API-об'єкт може залишитися в пам'яті. Ми вирішуємо всі три проблеми: динамічно визначаємо версію пакета, дросселюємо збереження зі зберіганням suspend_data в JSONB PostgreSQL та звільняємо API при розмонтуванні.

Як працює SCORM API?

SCORM-курс спілкується з LMS через JavaScript API. LMS створює глобальний об'єкт API (SCORM 1.2) або API_1484_11 (SCORM 2004) у вікні, де запущено iframe. Ось базова реалізація на TypeScript:

class ScormApi12 {
  private lessonStatus = 'not attempted';
  private suspendData = '';
  private score = 0;
  private sessionTime = '';
  private dataStore = new Map<string, string>();
  private onComplete: (data: ScormData) => void;

  constructor(onComplete: (data: ScormData) => void) {
    this.onComplete = onComplete;
  }

  LMSInitialize(_: string): string {
    this.lessonStatus = 'incomplete';
    return 'true';
  }

  LMSGetValue(element: string): string {
    switch (element) {
      case 'cmi.core.lesson_status': return this.lessonStatus;
      case 'cmi.suspend_data': return this.suspendData;
      case 'cmi.core.score.raw': return String(this.score);
      case 'cmi.core.lesson_location': return this.dataStore.get('lesson_location') ?? '';
      default: return this.dataStore.get(element) ?? '';
    }
  }

  LMSSetValue(element: string, value: string): string {
    switch (element) {
      case 'cmi.core.lesson_status':
        this.lessonStatus = value;
        break;
      case 'cmi.suspend_data':
        this.suspendData = value;
        break;
      case 'cmi.core.score.raw':
        this.score = Number(value);
        break;
      case 'cmi.core.session_time':
        this.sessionTime = value;
        break;
      default:
        this.dataStore.set(element, value);
    }
    return 'true';
  }

  LMSCommit(_: string): string {
    this.saveProgress();
    return 'true';
  }

  LMSFinish(_: string): string {
    this.onComplete({
      status: this.lessonStatus,
      score: this.score,
      suspendData: this.suspendData,
      sessionTime: this.sessionTime,
    });
    return 'true';
  }

  LMSGetLastError(): string { return '0'; }
  LMSGetErrorString(_: string): string { return 'No error'; }
  LMSGetDiagnostic(_: string): string { return ''; }

  private async saveProgress() {
    await fetch('/api/scorm/progress', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({
        status: this.lessonStatus,
        score: this.score,
        suspendData: this.suspendData,
      }),
    });
  }
}

Як інжектити API в iframe?

Курс шукає API в батьківському вікні. LMS встановлює об'єкт до завантаження iframe і видаляє його при розмонтуванні:

function ScormPlayer({ courseId, enrollmentId }) {
  const iframeRef = useRef<HTMLIFrameElement>(null);

  useEffect(() => {
    const api = new ScormApi12(async (data) => {
      await fetch(`/api/enrollments/${enrollmentId}/complete`, {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify(data),
      });
    });

    (window as any).API = api;
    (window as any).API_1484_11 = api;

    return () => {
      delete (window as any).API;
      delete (window as any).API_1484_11;
    };
  }, [enrollmentId]);

  return (
    <iframe
      ref={iframeRef}
      src={`/api/courses/${courseId}/launch`}
      className="w-full border-0"
      style={{ height: 'calc(100vh - 64px)' }}
      allow="camera; microphone; fullscreen"
      title="SCORM Course"
    />
  );
}

Завантаження та розпакування SCORM-пакета

Серверна частина на Node.js з бібліотекою adm-zip та xml2js:

import AdmZip from 'adm-zip';
import { parseStringPromise } from 'xml2js';

app.post('/api/courses/upload', authenticate, upload.single('scorm'), async (req, res) => {
  const zipBuffer = req.file!.buffer;
  const zip = new AdmZip(zipBuffer);

  const courseId = crypto.randomUUID();
  const extractPath = `/courses/${courseId}`;

  zip.extractAllTo(path.join(process.env.STORAGE_PATH!, extractPath), true);

  const manifestEntry = zip.getEntry('imsmanifest.xml');
  if (!manifestEntry) throw new Error('Invalid SCORM package: no imsmanifest.xml');

  const manifest = await parseStringPromise(manifestEntry.getData().toString());
  const title = manifest.manifest.organizations[0].organization[0].title[0];
  const launchUrl = manifest.manifest.resources[0].resource[0]['$']['href'];
  const scormVersion = manifest.manifest['$']['version']?.includes('1.2') ? '1.2' : '2004';

  const course = await db.courses.create({
    id: courseId,
    title,
    launchUrl: `${extractPath}/${launchUrl}`,
    scormVersion,
    uploadedBy: req.user.id,
  });

  res.json(course);
});

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

Використовуємо PostgreSQL з JSONB для suspend_data та індексом по enrollment_id:

CREATE TABLE scorm_progress (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  enrollment_id UUID REFERENCES enrollments(id),
  lesson_status VARCHAR(50),
  score NUMERIC(5,2),
  suspend_data JSONB,
  session_time INTERVAL,
  completed_at TIMESTAMPTZ,
  updated_at TIMESTAMPTZ DEFAULT now()
);
CREATE INDEX idx_enrollment ON scorm_progress(enrollment_id);

Чому SCORM 1.2 досі актуальний?

Незважаючи на вихід SCORM 2004 багато років тому, 80% комерційних пакетів досі роблять під SCORM 1.2 — він простіший і ширше підтримується. Ми підтримуємо обидві версії, автоматично визначаючи версію з маніфесту.

Наш досвід та переваги

Ми — команда з 15 осіб з досвідом понад десять років у веб-розробці. Успішно реалізували понад 50 LMS-проєктів, включаючи інтеграцію SCORM для банків, ритейлу та EdTech. Наші рішення витримують понад 10 000 одночасних сесій. Гарантуємо сумісність з Articulate Storyline, Adobe Captivate, iSpring — тестуємо на трьох популярних пакетах. Економія часу на розробку з нуля може сягати 70%, а вартість інтеграції зазвичай окупається за кілька місяців.

Порівняння з альтернативами: готові LMS (наприклад, Moodle) підтримують SCORM з коробки, але їх API складний для кастомізації, а продуктивність під високим навантаженням часто страждає. Наше рішення на 40% швидше обробляє запуск курсів і дозволяє гнучко змінювати логіку зберігання прогресу.

Процес роботи

1. Аналітика — зустріч з командою, розбір вимог: які SCORM-пакети будуть завантажуватися, чи потрібні кастомні статуси.
2. Проєктування — архітектура модуля: діаграма потоків, вибір сховища, схема API.
3. Реалізація — написання API-об'єкта, обробника завантаження, бекенду прогресу.
4. Тестування — юніт-тести на моках, інтеграційні тести з реальними пакетами (Articulate, iSpring).
5. Деплой — налаштування середовища, CI/CD, моніторинг.

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

• Вихідний код модуля SCORM (API, завантажувач, прогрес).
• Документація по API для інтеграції стороннього контенту.
• Інструкція для адміністратора по завантаженню та управлінню курсами.
• Гарантія сумісності з Articulate Storyline, Adobe Captivate, iSpring.
• Навчання team lead та технічна підтримка 1 місяць після здачі.

Строки та вартість

Строки — від 7 робочих днів (SCORM 1.2) до 14 днів (SCORM 1.2 + 2004). Вартість розраховується індивідуально — залежить від складності кастомізації (наприклад, нестандартні статуси або вимоги до suspend_data). Зв'яжіться з нами — оцінимо ваш проєкт безкоштовно.

Замовте розробку модуля SCORM — отримайте швидку та надійну інтеграцію, адаптовану під ваш бізнес.

Послуги бекенд-розробки: production-grade надійність

На production-сервері о 3:14 ночі черга Laravel Jobs перестала оброблятися — 40 000 необроблених завдань у Redis. Причина: worker упав через memory leak у статичній змінній Eloquent observer, supervisor не перезапустив через misconfigured stopwaitsecs. Ми розбирали такий інцидент на проекті з 500 RPS: діагностика 4 години, фікс — 20 хвилин. Щоб ви не втрачали гроші, пропонуємо послуги бекенд-розробки з акцентом на production-grade надійність — 10+ років досвіду, 50+ проектів, 5 років на ринку. Оцінимо ваш проект за 2 дні.

Які проблеми вирішуємо

N+1 запити: головний вбивця швидкості

N+1 — найпоширеніша причина повільних сторінок у Laravel-додатках. Стандартна історія: сторінка працювала нормально на dev з 10 записами, на production з 10 000 — 8-секундне завантаження.

Laravel Debugbar у dev-оточенні показує кількість запитів. Більше 20 — сигнал для audit.

Model::preventLazyLoading(! app()->isProduction());

Telescope для профілювання: логує всі запити, jobs, mail, notifications з деталізацією. Після впровадження eager loading час завантаження сторінки падає з 8 с до 0.3 с — у 27 разів.

Memory leak у статичних змінних

У Laravel Octane або Swoole додаток тримається в пам’яті між запитами. Статичні змінні не скидаються — призводять до неконтрольованого росту пам’яті. Використовуємо defer-функції та контейнерні біндинги для коректного скидання стану.

Неправильний connection pool

Rails, Laravel, Django відкривають нове з'єднання PostgreSQL на кожен PHP/Python процес. 100 воркерів — 100 з'єднань. PostgreSQL деградує від 200+ активних з'єднань через overhead на управління.

PgBouncer у transaction pooling: 1000 воркерів → 20–50 реальних з'єднань. Це знижує latency на 40% та зменшує витрати на хостинг на 30% — при середній вартості хостингу $2,000/міс економить $600/міс. GIN-індекс для JSONB до 100 разів швидший за B-tree при пошуку.

Як Octane справляється з високим навантаженням?

Laravel Octane (RoadRunner або Swoole) прибирає overhead bootstrap на кожен HTTP-запит. Приріст: 3–8x на синтетичних бенчмарках, 2–4x на реальних додатках. Важливо: не зберігати стан у статичних змінних — застосовуємо це на проектах >1000 RPS.

Як PostgreSQL допомагає уникнути повільних запитів?

Використовуємо composite indexes для WHERE + ORDER BY, partial indexes для фільтрів з високою селективністю, GIN-індекси для JSONB та full-text search. to_tsvector + GIN замість LIKE '%query%' — запобігає seq scan навіть на мільйонах записів. Аналізуємо плани через EXPLAIN ANALYZE та pg_stat_statements.

Як обрати стек для вашого проекту?

Node.js виправданий для realtime: Laravel публікує події в Redis Pub/Sub, Node.js підписується та транслює клієнтам. Go — для goroutines (10k з'єднань на сервер — норма), але розробка повільніша, ніж Laravel.

Чому Redis критичний для продуктивності?

Redis виконує кілька ролей:

Redis Cluster для горизонтального масштабування, Sentinel для автоматичного failover. Замовте консультацію щодо оптимізації Redis для вашого проекту.

Що входить в роботу під ключ

• Архітектурне проектування (документація API, схема БД, діаграма сервісів)
• Реалізація за узгодженим ТЗ з code review
• Налаштування CI/CD (GitHub Actions, Docker), моніторингу (Sentry, Grafana), алертингу
• Навантажувальне тестування (k6, wrk) зі звітом
• Передача вихідних кодів, доступів, інструкція з деплою
• Навчання команди замовника (2–3 сесії)
• Гарантійна підтримка 1 місяць після здачі

Орієнтири по термінах

Вартість розраховується індивідуально після аналізу вимог до навантаження, інтеграцій та бізнес-логіки. Зв'яжіться з нами для безкоштовного аудиту вашого поточного backend — отримайте план оптимізації за 2 дні. Замовте консультацію та дізнайтеся, як знизити витрати на інфраструктуру на 30% без втрати продуктивності.