Как объединить сайт, онлайн-обучение и тестирование в одной системе: опыт разработки для учебного центра
У образовательных организаций часто постепенно формируется собственная цифровая инфраструктура: отдельный сайт, платформа для тестирования, сторонние инструменты для общения с преподавателями, хранилища учебных материалов. Каждый сервис решает свою задачу, но вместе они не всегда образуют удобную систему.
Именно с такой ситуацией мы столкнулись в проекте для учебного центра. Заказчику требовалось обновить официальный сайт и создать систему дистанционного обучения, которая объединила бы учебные материалы, тестирование и коммуникацию с преподавателями.
Рассказываем, какие задачи пришлось решить, как устроена получившаяся платформа и почему при разработке мы уделили особое внимание административной части.
Что было «до»: несколько инструментов вместо единой системы
До начала проекта у заказчика уже были официальный сайт и система тестирования. Однако со временем существующая инфраструктура перестала соответствовать потребностям учебного центра.
Проблем было несколько.
Устаревший сайт. Он не обновлялся с 2016 года, нуждался в современном дизайне и не соответствовал актуальным требованиям Рособрнадзора.
Ограничения системы тестирования. Существующая система позволяла проверять знания, но не поддерживала необходимую заказчику логику последовательного обучения. Учебному центру требовалась система, в которой обучающийся сначала изучает материал, затем проходит тест и только после успешного результата получает доступ к следующему этапу.
Разрозненный пользовательский опыт. Для работы с разными инструментами приходилось использовать несколько адресов и паролей. Сайт, тестирование и другие необходимые функции существовали отдельно друг от друга.
При этом заказчику было важно сохранить уже накопленные учебные материалы и существующие тесты. Поэтому речь шла не о полной замене старой инфраструктуры, а о её переосмыслении и переносе в новую систему.
Почему не готовая платформа?
На рынке существует немало решений для дистанционного обучения. Однако готовые продукты не всегда позволяют реализовать специфические требования конкретной организации.
В этом случае индивидуальная разработка позволяла не подстраивать образовательные процессы под ограничения готового продукта, а спроектировать систему под существующие задачи центра.
Как устроена новая система
Вместо нескольких самостоятельных инструментов мы спроектировали единый ресурс, который объединяет публичный сайт и закрытую обучающую часть.
Условно платформу можно разделить на три функциональных уровня: информационный, образовательный и административный.
1. Публичный сайт и единая точка входа
Внешняя часть платформы – полноценный сайт учебного центра. На нём размещена информация о компании, продуктах, услугах и контактные данные.
Здесь же находится механизм авторизации. После входа пользователь попадает в личный кабинет, где ему доступны учебные программы.
Такой подход позволяет использовать один ресурс и для знакомства с организацией, и для дальнейшего взаимодействия с ней в рамках обучения.
2. Обучение по последовательной модели
Основная логика образовательной части – последовательное прохождение курса.
Программа разбивается на этапы, а переход к следующему уроку возможен только после завершения предыдущего. Для образовательной организации такой механизм важен с точки зрения управления учебным процессом: можно задать последовательность изучения тем и предусмотреть проверку знаний после каждого этапа.
При этом существующие типы тестирования заказчика были сохранены и перенесены в новую систему.
3. Коммуникация внутри платформы
Ещё одна задача – сделать взаимодействие обучающихся и преподавателей частью общей системы. Для этого мы реализовали собственный чат и систему видеоконференцсвязи (ВКС).
Если у пользователя возникает вопрос по учебному материалу, он может обратиться к преподавателю непосредственно из личного кабинета.
Таким образом, для работы с учебными материалами, тестами и коммуникацией не требуется постоянно переключаться между разными сервисами.
Административная панель: возможность развивать продукт без разработчиков
Отдельная часть проекта – обширная административная панель. Одним из важных требований к проекту была возможность самостоятельно управлять содержимым платформы.
В результате администратору доступны следующие функции:
- создание новых курсов;
- изменение структуры существующих программ;
- добавление, удаление и замена учебных материалов;
- просмотр результатов тестирования;
- редактирование содержимого публичного сайта.
При проектировании мы старались предусмотреть, что со временем у заказчика могут появляться новые образовательные программы, меняться материалы и структура курсов.
Разработчик проекта отдельно выделил эту часть работы:
«Больше всего в этом проекте я горжусь административной панелью. Мне хотелось сделать её максимально гибкой, чтобы заказчик мог самостоятельно менять сайт, настраивать курсы и добавлять новые материалы. Важно было предусмотреть, что со временем у него могут появиться новые задачи и пожелания».
С точки зрения бизнеса это важный аспект разработки, который стоит учитывать. Если каждое изменение курса или учебного материала требует участия программиста, организация становится зависимой от команды разработки даже в повседневных операционных вопросах.
Самая сложная часть – не разработка новых функций, а перенос существующей логики
Одним из главных вызовов проекта стало сохранение привычных процессов заказчика.
Нужно было перенести существующие тесты, материалы и подходы к обучению, одновременно изменив пользовательский опыт. При этом новая система должна была выглядеть современно и оставаться удобной для разных категорий пользователей.
Разработчик проекта описывает эту задачу следующим образом:
«Самым сложным было сохранить всё, к чему привык заказчик: существующие тесты, материалы и подходы к обучению. При этом нужно было перенести их в современную систему, которой было бы приятно пользоваться».
Решение искали в процессе совместной работы. Команда показывала промежуточные результаты, получала комментарии заказчика, вносила изменения и повторно проверяла реализованные сценарии.
Результат: единая цифровая среда для образовательного процесса
Разработка заняла около четырёх месяцев.
В итоге учебный центр получил единую систему, которая объединяет:
- публичный сайт с информацией о компании и её услугах;
- личный кабинет обучающегося;
- курсы с последовательным прохождением уроков;
- видео, текстовые материалы и тестирование;
- инструменты общения с преподавателями;
- видеоконференцсвязь;
- административную панель для управления курсами, материалами и сайтом;
- просмотр результатов тестирования и отчётность.
На момент завершения разработки заказчик оценил решение как соответствующее поставленным задачам. При этом он отметил, что для полноценной оценки удобства платформы сотрудникам и обучающимся необходимо поработать с ней некоторое время.
Что важно учитывать при создании образовательной платформы
Этот проект интересен не количеством реализованных функций, а тем, как они связаны между собой.
Сайт, личный кабинет, учебные материалы, тестирование и коммуникация решают разные задачи, но для пользователя должны восприниматься как единая система.
При разработке подобных продуктов важно учитывать несколько аспектов:
Существующие процессы. Если организация уже работает с учебными материалами и тестами, их перенос требует предварительного изучения и понимания того, как именно устроено обучение.
Логику пользовательского пути. Недостаточно предоставить доступ к материалам. Нужно продумать, как пользователь будет проходить курс, проверять знания и взаимодействовать с преподавателями.
Самостоятельность сотрудников. Административная панель должна позволять управлять контентом и образовательными программами без постоянного участия разработчиков.
Возможность дальнейшего развития. При проектировании стоит учитывать не только текущие требования, но и то, что со временем структура курсов и потребности организации могут измениться.
В этом кейсе эти задачи стали основой единой цифровой платформы, которая объединила ранее разрозненные инструменты и перенесла привычные образовательные процессы в новую систему.