СберКласс: Дашборд

Веб-приложение СберКласс

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

Клиент

Компания «СберОбразование» — один из важных элементов экосистемы Сбера. Ее деятельность направлена на реализацию концепции непрерывного обучения (Lifelong learning), внедрение инструментов цифровизации в школы и ВУЗы, а также создание дополнительных возможностей для развития индивидуального потенциала учащихся.

Задача

Создать и поддерживать веб-версию образовательной платформы СберКласс. Система управления обучением (LMS) ориентирована на работу со школами России и стран СНГ по модели SaaS или «приложение как услуга». Веб-версия платформы должна давать школьникам и их учителям возможности:

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

Вызовы

Комплексный инструмент школьника

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

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

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

Дистанционное образование для каждого

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

С заботой об учителе

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

Индивидуальный подход к сложности

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

Акцент на мягких навыках

Развитые soft skills (мягкие навыки) — качества, которые откроют широчайшие горизонты для любого выпускника школы или ВУЗа. Умение управлять своим поведением и эмоциями сегодня ценятся работодателями не меньше, чем «твердые» профессиональные компетенции.

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

С опорой на букву закона

Технологии цифрового дистанционного образования, реализованные в СберКлассе, соответствуют всем нормативно-правовым требованиям российского законодательства к данной сфере. При создании платформы были учтены как установки Федеральных государственных образовательных стандартов (ФГОС), так и предписания регулирующих федеральных законов: № 273-ФЗ/ст 16, № 149-ФЗ, № 152-ФЗ.

Как мы это сделали

Создали технологическую основу

Разработка веб-версии LMS приложения велась на базе существующего дизайна и готовой серверной части, которую предоставил заказчик. Основой для технологически совместимого фронтенда модуля дашборда стала проверенная временем связка React / Typescript.

Сборку модулей осуществляли на webpack 5, известном своей гибкостью. Для разработки слоя данных выбрали Effector, для управления кластером — yarn 3, а связь с бекэндом обеспечил GraphQL (Apollo-client).

Погрузились в подробности

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

Нашли творческий выход

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

Сложная задача потребовала неординарного решения — полного редизайна внешнего вида приложения на основе единых стандартов. Для этого наша команда разработчиков и тестировщиков работала в тесном взаимодействии с командой дизайнеров со стороны заказчика. Компетентное управление на базе гибкой методики agile позволило наверстать темп и выполнить взятые обязательства точно в срок.

Использовали микрофронтенды

Чтобы решить проблему дублирования функционала и облегчить тестирование в процессе разработки, мы создали значительную часть бизнес-логики дашборда на основе отдельных микрофронтендов (microfrontends). Использование Nginx в качестве обратного прокси-сервера для маршрутизации запросов помогло успешно разделить функционала монолита и наладить плавное взаимодействие между микрофронтендами.

Наладили обратную связь

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

Результат

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

Сразу после выпуска приложения, СберКлассу удалось завоевать репутацию надежного инструмента, дополняющего общеобразовательную программу в школах по всей России и в странах СНГ.