Разработка обучающей платформы Онлайн-Школа №1

Главное о кейсе

О клиенте. Онлайн школа №1 — самый масштабный проект компании в области EdTech. Проект насчитывает в своей инфраструктуре больше 10 подпроектов.

Платформа была разработана, оттестирована и подготовлена к релизу за несколько дней до планового запуска. Соответственно, команде удалось сохранить бюджет, который был заложен на непредвиденные риски.
В дополнение, клиенту не пришлось оплачивать предыдущую платформу iSpring. Что позволило также сохранить бюджет заложенный на данную платформу.
Основными KPI были: дедлайн, бюджет и повышение конверсии из лидов в ученики за счет разработки более релевантной платформы.
Фидбек учеников и родителей по шкале от 1 до 10 составляет 8,6.

Как проект изменил жизнь пользователей

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

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

Первый релиз проекта был в далеком 2021 году.

Платформа на протяжении всего этого времени не прекращает развиваться. За два года нам удалось:
— Перевести монолитный проект на микросервисную архитектуру. Такое решение поможет без проблем масштабировать проект и подключать команды с разных стеков.
— Создать гибкую настройку проверки. Теперь под каждую учебную программу и класс был назначен учитель.
— Сделать мастер-инструмент календаря. Это позволило менять отдельный параметр в повторяющемся событии.
— Установить контроль за выполнением домашних заданий с ограниченным числом попыток.

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

Бизнес-задача и ее решение

Сбор требований

Все, по классике, началось со сбора требований и обсуждения планов. Так как мы были не первые, кто работал над платформой, то понимали, что у клиента уже есть минимальное понимание в разработке. Это нам помогло сократить этапы согласований и быть на одной волне на протяжении всего проекта.
С клиентом были созвоны по 3–4 часа 3 раза в неделю. Нам нужно было убедить клиента не работать с ТЗ в его классическом понимании. По опыту предыдущих подобных проектов мы понимали: бумажки, которые утверждаются на юридическом уровне, просто тормозят разработку.


Создание пользовательских историй

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

Прежде чем отрисовать страницу на клиенте – мы задаем три вопроса:
1. Может ли юзер видеть эти виджеты?
2. Как он видит эти виджеты?
3. Что он может с ними делать?


Отрисовка макетов

Первая версия, которая вышла в релиз в апреле 2021, была максимально проработана, насколько это было возможно в такие короткие сроки. Спустя время мы поняли, что далеко не все, что мы реализовали удобно в использовании. Чтобы сделать удобное пространство для учебы и повысить удовлетворенность, команда QTIM провела UX-аудит.


Разработка

Для разработки проекта использовались: TypeORM, Nodejs, Nestjs, Nuxtjs, PostgreSQL, Redis, Microservices, Rabbitmq, Rest API.

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


Тестирование

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

Крафт (мастерство), реализация, технические детали

Благодаря разработке виджетной системы удалось реализовать гибкую систему ролей. В процессе мы создали 18 ролей с разными уровнями доступа. Виджетная система – наша личная разработка. Для комфортной работы команды мы сделали понятную и объемную документацию. Модулая система позволяет масштабировать платформу в несколько раз быстрее, чем стандартным путем реализации проекта. Каждая новая роль создается буквально за 15-20 минут.

Данный способ разработки представляет из себя «вставку» определенного количества виджетов на страницу.

Работа строилась следующим образом:
1. архитектурно-проектировочные работы;
2. разработка виджетов на бекенде;
3. разработка виджетов на фронтенде;
4. настройка базы и взаимосвязей между виджетами на платформе;
5. интеграция виджетов на фронте.

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

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

Вишенкой на торте, конечно же, были сроки, как часто это бывает – нужно быстро, в идеале — начать нужно было еще вчера :)

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

Скриншоты