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

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

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

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

Что было «до»: несколько инструментов вместо единой системы

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

Проблем было несколько.

Устаревший сайт. Он не обновлялся с 2016 года, нуждался в современном дизайне и не соответствовал актуальным требованиям Рособрнадзора.

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

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

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

Почему не готовая платформа?

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

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

Как устроена новая система

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

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

1. Публичный сайт и единая точка входа

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

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

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

2. Обучение по последовательной модели

Основная логика образовательной части – последовательное прохождение курса.

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

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

3. Коммуникация внутри платформы

Ещё одна задача – сделать взаимодействие обучающихся и преподавателей частью общей системы. Для этого мы реализовали собственный чат и систему видеоконференцсвязи (ВКС).

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

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

Административная панель: возможность развивать продукт без разработчиков

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

В результате администратору доступны следующие функции:

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

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

Разработчик проекта отдельно выделил эту часть работы:

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

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

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

Одним из главных вызовов проекта стало сохранение привычных процессов заказчика.

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

Разработчик проекта описывает эту задачу следующим образом:

«Самым сложным было сохранить всё, к чему привык заказчик: существующие тесты, материалы и подходы к обучению. При этом нужно было перенести их в современную систему, которой было бы приятно пользоваться».

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

Результат: единая цифровая среда для образовательного процесса

Разработка заняла около четырёх месяцев.

В итоге учебный центр получил единую систему, которая объединяет:

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

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

Что важно учитывать при создании образовательной платформы

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

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

При разработке подобных продуктов важно учитывать несколько аспектов:

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

Логику пользовательского пути. Недостаточно предоставить доступ к материалам. Нужно продумать, как пользователь будет проходить курс, проверять знания и взаимодействовать с преподавателями.

Самостоятельность сотрудников. Административная панель должна позволять управлять контентом и образовательными программами без постоянного участия разработчиков.

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

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

99
11