Команда QTIM специализируется на EdTech направлении и за 2023 год реализовала 6 проектов для онлайн-школ. Самый масштабный в этой области — Онлайн-школа №1. Он насчитывает в своей инфраструктуре больше 10 подпроектов и более 8 000 учеников из 77 разных стран.
Целью нашей команды было переделать уже готовое решение и создать удобную образовательную платформу для онлайн-обучения с возможностью безболезненного масштабирования и развития. За время работы над платформой в сервис были добавлены дашборды, удобные календари, интеграция с Zoom, тесты с гибкой системой настройки и виджетная система масштабирования.
Задачи, которые стояли перед командой:
• Обновить дизайн сайта с настройкой адаптации под любые девайсы;
• Создать дашборд успехов и табель успеваемости учеников;
• Настроить интеграцию с Zoom;
• Построить легкую структуру управления материалами;
• Создать удобный календарь;
• Настроить гибкую систему тестов;
• Создать эффективную систему масштабирования;
• Реализовать функционал для проверки знаний.
Проблематика проекта
Клиент пришел с задачей: «нужно переделать готовое решение». С одной стороны, это было сложно, так как необходимо было оправдать ожидания заказчиков после работы с предыдущими подрядчиками. Однако, с другой стороны, это и упрощало работу — клиент уже знал, что хочет получить на выходе.
Решение
Совместно с командой заказчика мы выявили точки роста и направления для улучшения сервиса. Сейчас команда взяла упор на доработку дизайна платформы. С увеличением числа пользователей стало больше обратной связи, благодаря которой удалось собрать пожелания для улучшения платформы. Нам удалось выяснить, какие элементы вызывают сложности в работе, какие функции используются редко или вообще не пользуются. Также мы узнали о неочевидных сложностях, которые влияют на исходный вид продукта. Например, процесс обучения часто происходит с устройств с маленьким экраном, поэтому пространство необходимо использовать максимально рационально, чтобы не напрягать глаза детей мелкими элементами.
Обновленный дизайн сайта и адаптивная версия для всех устройств
Для повышения удовлетворенности пользователей, мы провели UX-аудит платформы и на основе фидбека доработали её:
• Теперь каталог предметов находится не на главной странице, а в левом боковом меню. Это решение помогает быстро и удобно перемещаться между уроками.
• Чтобы расписание занятий не выглядело громоздко, оформили его в стиле интерфейса планировщиков: вся информация об уроке и заданиях к нему вынесена в отдельное поле от основного расписания.
• Для адаптивности платформы к любым размерам экрана мы оставили в верхней панели самые необходимые инструменты для учеников: дашборд, предметы, расписание и дневник. Остальные функции реализовали через небольшие иконки.
• На платформе появилась лента новостей с уведомлениями в режиме реального времени. Она предупреждает о технических изменениях на сайте, обновлении функционала и акциях.
Реализация табеля успеваемости учеников
Теперь внутри платформы есть электронный дневник ученика. В нем отражаются как детальные оценки по конкретным тестам, домашним заданиям и предметам, так и оценки за четверть и год.
Интеграция Zoom в онлайн-школу
На платформе настроена интеграция с Zoom — по окончании уроков записи автоматически подгружаются в карточку занятия. Так, ученикам не приходится искать материалы по разным блокам, всё собрано в одном месте. Кроме того, с помощью интеграции подгружается дополнительный отчет об успеваемости: каждый ученик привязан к своему Zoom-аккаунту, через который собирается информация о посещаемости занятий и передается в систему школы. Благодаря такому решению учителям проще следить за учениками.
Настройка структуры управления материалами
Чтобы с учебными материалами было легче работать, мы создали специальную структуру управления. Она похожа на знакомую всем систему Яндекс или Google Диска: редакторы контента (методисты) загружают файлы в облачное хранилище или создают их прямо на платформе (например, тесты или домашние задания). После из этих файлов они собирают учебные планы по системе конструктора или корректируют их при необходимости. Такой подход к управлению материалами экономит время методистов и делает весь процесс проще и удобнее.
Настройка календаря
У учеников довольно объемные и насыщенные календари, обновлять которые часто бывает затруднительно. Поэтому теперь в них появились мастер-инструменты, которые позволяют менять отдельные параметры в повторяющихся событиях — например, названия. Также появилось календарно-плановое планирование: расписание учебной программы визуализировано с помощью диаграммы Ганта по темам. Каждую из них можно легко перенести или отключить, если в программе что-то изменилось, и эти изменения отразятся в календарях учеников. Это делает инструмент более мобильным и удобным в использовании.
Создание гибкой системы тестов
Теперь тесты работают через гибкую систему настройки. Она учитывает 14 форматов: найти соответствия, выбрать один вариант ответа или несколько, ответить на вопрос по картинке и т.д. Благодаря этому процесс онлайн-обучения и проверка знаний становятся функциональнее.
Реализация виджетной системы и гибкой системы ролей для масштабирования
Платформа для онлайн-обучения подразумевает множество ролей: учитель, модератор, куратор, координатор и тд. Благодаря виджетной (маленькие смарт-компоненты/блоки) системы и гибкой системы ролей на платформе есть 18 сущностей с разными уровнями доступа. Кроме того, теперь можно создавать новые роли за 15-20 минут. Такой способ разработки представляет из себя «вставку» определенного количества виджетов на страницу и экономит ресурсы платформы и команд для масштабирования.
Функционал для проверки знаний
Для более эффективной проверки знаний на платформе реализованы встроенные тренажеры по экзаменам ОГЭ и ЕГЭ. У каждого ученика есть ограничение по времени, как на экзамене, и режим фокусировки. По завершении теста система автоматически проверяет первую часть с единственно правильным ответом, а вторую отправляет учителям.
Благодаря усовершенствованию платформы число учеников выросло в 12 раз за последний год.
Выставлено в номинациях:
— Сайт образовательного учреждения
— Лучший сайт для потребителей (b2c)