Как мы создавали собственную учебную платформу WEB-LABS

Создать собственную образовательную платформу — задача заметно сложнее, чем разместить презентацию на сайте и добавить несколько тестовых вопросов. Когда мы в WEB-LABS начали разрабатывать систему онлайн-обучения кибербезопасности, быстро стало понятно: нам нужен не просто набор страниц, а полноценный цифровой продукт с интерактивными заданиями, управлением доступом, проверкой знаний и собственным реестром сертификатов.

В этой статье расскажем, почему мы отказались от идеи обычного онлайн-курса, как проектировали архитектуру платформы, какие технические проблемы пришлось решать и почему некоторые небольшие на первый взгляд детали потребовали серьёзной переработки.

С чего начался проект

В процессе IT-сопровождения организаций мы неоднократно сталкивались с одной и той же проблемой: даже при наличии антивирусной защиты, резервного копирования и ограничений доступа безопасность компании во многом зависит от действий обычных сотрудников.

Человек может открыть поддельное письмо, передать мошеннику одноразовый код, перейти на фишинговый сайт или отправить конфиденциальный документ постороннему адресату. При этом сотрудник не обязательно понимает, что его действия создают угрозу.

Поэтому первым направлением мы выбрали курс «Основы кибербезопасности для сотрудников». Его задача — объяснять реальные цифровые угрозы доступным языком и учить правильным действиям в типичных рабочих ситуациях.

Первоначально можно было ограничиться презентацией и итоговым тестом. Но такой подход не решал несколько важных вопросов:

• как обеспечить последовательное прохождение учебных материалов;
• как превратить примеры мошенничества в интерактивные задания;
• как избежать подсказок и закономерностей в тестировании;
• как автоматически фиксировать результаты обучения;
• как выдавать сертификаты с уникальными номерами;
• как позволить работодателю проверить подлинность выданного документа;
• как развивать систему без постоянной переработки основного сайта.

Так проект постепенно превратился в самостоятельную образовательную платформу.

Почему мы решили разрабатывать платформу самостоятельно

На рынке существуют готовые LMS — Learning Management System, системы управления обучением. У них есть свои преимущества, особенно когда речь идёт об университетах, крупных учебных центрах и массовых образовательных проектах.

Однако у WEB-LABS были более специализированные требования. Нам требовалось самостоятельно управлять логикой занятий, форматами практических заданий, допуском к экзаменам, правилами оценки и выдачей сертификатов.

Важным фактором была и независимость от универсальных шаблонов интерфейса. Мы хотели, чтобы практическая ситуация выглядела как реальная рабочая задача, а не как формальная страница с несколькими радиокнопками.

Мы разделили корпоративный сайт и учебную систему. Основной ресурс web-labs.kz представляет услуги компании и образовательные программы, а cs.web-labs.kz отвечает за сам процесс обучения.

Это позволяет развивать учебный продукт отдельно от корпоративного сайта и не смешивать маркетинговые страницы со служебной логикой экзаменов и сертификатов.

Архитектура: разделение публичной и учебной частей

Один из первых архитектурных вопросов заключался в том, какие данные должны быть доступны посетителю, а какие необходимо обрабатывать исключительно на стороне сервера.

Учебные страницы, результаты экзаменов, коды доступа и реестр сертификатов имеют разные требования к защите.

Поэтому мы предусмотрели разделение функций:

Как мы превращали теорию в интерактивное обучение

Мы изначально ориентировались на людей с разным уровнем цифровой грамотности. Для обычного сотрудника информация о фишинге должна быть понятна без глубоких знаний сетевых протоколов, серверов и операционных систем.

Поэтому базовую программу построили вокруг конкретных ситуаций: подозрительные письма, поддельные сайты, мошеннические звонки, опасные вложения, утечки информации и нарушения правил работы с корпоративными учётными записями.

Материалы разделены на шесть тематических модулей. В программе предусмотрены пять практических ситуаций, в которых слушатель должен не просто прочитать рекомендацию, а выбрать подходящее действие.

Почему практические задания пришлось дорабатывать

При тестировании обнаруживались интересные интерфейсные проблемы. Например, если курсор мыши меняет вид при наведении только на правильный вариант ответа, это становится непреднамеренной подсказкой.

Формально упражнение работает. Но фактически слушатель может найти правильное решение, не разбираясь в самой ситуации.

Мы переработали подобные элементы: убирали подсказки, которые могли раскрывать решение, изменяли инструкции и проверяли поведение интерфейса в разных браузерах.

Итоговый экзамен: больше, чем проверка одной кнопки

Отдельным этапом стала разработка системы итогового тестирования.

Для базовой программы предусмотрен экзамен из 30 вопросов. Порог успешного прохождения составляет 80%.

Но важны не только количество вопросов и процент правильных ответов. Нам необходимо было продумать сами формулировки и структуру вариантов.

Например, если правильный ответ постоянно оказывается самым длинным, внимательный слушатель может угадывать его даже без понимания темы. Поэтому мы пересматривали варианты ответов, устраняли подобные закономерности и выстраивали тестирование таким образом, чтобы оно проверяло знания, а не наблюдательность.

При этом сложность экзамена должна соответствовать содержанию курса. Наша цель — не запутать пользователя, а убедиться, что он понимает основные угрозы и способен выбрать безопасное действие.

Сертификаты и собственный реестр

После экзамена возник следующий вопрос: как подтвердить, что конкретный человек действительно прошёл соответствующую программу?

Просто сформировать красивый документ недостаточно. Изображение или PDF-файл можно скопировать, отредактировать или использовать вне первоначального контекста.

Поэтому мы разработали систему регистрации сертификатов с уникальными идентификаторами и возможностью последующей проверки.

При проверке система обращается к реестру и показывает предусмотренные сведения о выданном документе. Это позволяет работодателю проверить сертификат по номеру.

В процессе развития проекта нам также потребовалось сохранить совместимость ранее выданных документов с новыми механизмами учёта. Для базовой и углублённой программ используются разные форматы сертификатов, но проверка объединена в единую систему.

Персональные данные и согласие слушателя

Функциональность сертификатов напрямую связана с обработкой персональных данных. Для выпуска документа необходимо получить сведения о слушателе, а для публичной проверки — заранее определить, какая именно информация может отображаться.

Поэтому отдельной частью разработки стали формы согласия, правила обработки информации и разграничение публичных и служебных данных.

Второе направление: платформа для IT-специалистов

После создания базового направления мы приступили к развитию более сложной программы — «Информационная безопасность для IT-специалистов» (IT-PRO).

Задачи у этих направлений существенно различаются. Для обычного сотрудника важно распознать мошенническую схему и правильно отреагировать. Для системного администратора необходимо разбираться в механизмах атак, конфигурации инфраструктуры, журналах событий и последовательности технических действий.

Поэтому IT-PRO потребовал расширения функциональности платформы.

Для углублённой программы пришлось продумывать контроль прохождения обязательных материалов, правила отправки практических работ и более сложную систему оценки ответов.

В отдельных заданиях важен не только конечный выбор, но и последовательность действий. Поэтому система оценивания должна учитывать структуру ответа, а не просто сравнивать его с одной строкой.

Развитие IT-PRO продолжается как отдельное направление платформы, с собственными учебными материалами и правилами проверки результатов.

Самые сложные проблемы, с которыми мы столкнулись

1. Единое оформление на разных устройствах

Учебная платформа должна оставаться понятной на настольном компьютере, ноутбуке и смартфоне. При этом в учебных материалах используются диаграммы, схемы, интерактивные элементы и многошаговые ситуации.

Поэтому при разработке приходилось адаптировать размеры элементов, контрастность, расположение блоков и способы управления. Часть решений, которые хорошо выглядели на большом мониторе, требовала переработки для небольших экранов.

2. Совместимость разных браузеров

Особое внимание уделяли поведению интерактивных элементов в разных браузерах.

Проверяли отображение презентаций, реакцию курсора, работу кнопок и сохранение логики практических заданий. В ряде случаев проблемы проявлялись только при определённом сочетании браузера, размера экрана и пользовательского действия.

3. Развитие экзамена без разрушения существующих результатов

По мере расширения программы приходилось изменять задания и проверочную логику. Но обновление учебных материалов не должно приводить к повреждению ранее выданных сертификатов или потере результатов слушателей.

Поэтому совместимость данных и проверка изменений стали важной частью разработки.

4. Безопасное администрирование

В учебной системе используются коды доступа, экзаменационные результаты и служебные операции. Необходимо контролировать, кому и какие действия доступны, а также защищать соответствующие данные от несанкционированного изменения.

Мы отдельно работали над механикой учебных доступов, сохранением результатов, резервным копированием и возможностью дальнейшего администрирования платформы.

Что мы проверяли перед выпуском очередных изменений

Разработка платформы продолжается итерациями: после добавления или изменения функции необходимо убедиться, что соседние механизмы остались работоспособными.

Ниже — основные проверки, которые важны для подобных образовательных систем.

Такие проверки помогают обнаруживать проблемы до того, как они затронут реальных слушателей.

Что дала WEB-LABS собственная платформа

Главный результат проекта — не только работающий образовательный сайт.

Мы получили практический опыт создания системы, которая объединяет несколько разных областей разработки: пользовательский интерфейс, серверную обработку данных, бизнес-логику, управление доступом, тестирование, хранение результатов и автоматизированную выдачу документов.

Для нашей компании это особенно ценно, поскольку WEB-LABS занимается не только обучением. Разработка веб-сервисов, поддержка серверов, автоматизация и информационная безопасность входят в наши практические направления работы.

Создавая собственный продукт, мы используем эти компетенции совместно: от проектирования структуры приложения до поиска ошибок и дальнейшего сопровождения.

Кому может быть полезен наш опыт

Подобный подход актуален не только для курсов информационной безопасности.

Компании могут использовать специализированные веб-платформы для обучения сотрудников внутренним процедурам, проверки знаний по регламентам, проведения инструктажей, подготовки специалистов или автоматизированного подтверждения результатов обучения.

При этом нет универсального ответа, что лучше: готовая LMS или индивидуальная разработка. Выбор зависит от масштаба проекта, требований к функциональности, интеграциям, защите данных и дальнейшему сопровождению.

Но если стандартная система не соответствует задачам организации, собственная веб-разработка может оказаться обоснованным решением.

Частые вопросы о разработке учебной платформы

Заключение

Работа над собственной образовательной платформой ещё раз показала нам, что создание цифрового продукта не заканчивается написанием кода.

Нужно понимать задачу пользователя, проектировать надёжную архитектуру, проверять нестандартные сценарии, учитывать безопасность данных и постоянно совершенствовать интерфейс.

Именно такой подход мы стараемся применять в WEB-LABS — независимо от того, разрабатываем ли учебную систему, корпоративный сайт или другой веб-сервис.