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

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

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

Индивидуальный подход к сложности
СберКласс позволяет выстроить гибкую кривую обучения, адаптированную под личные качества школьника. Интенсивность заданий и сложность тем могут меняться, создавая ребенку психологически комфортную среду для саморазвития.
Акцент на мягких навыках
Развитые soft skills (мягкие навыки) — качества, которые откроют широчайшие горизонты для любого выпускника школы или ВУЗа. Умение управлять своим поведением и эмоциями сегодня ценятся работодателями не меньше, чем «твердые» профессиональные компетенции.
Интенсивное развитие мягких навыков — один из ключевых образовательных приоритетов, лежащих в основе платформы СберКласс. Задания в приложении сформированы так, чтобы совершенствовать все три группы мягких навыков непосредственно в процессе усвоения новых тем.
С опорой на букву закона
Технологии цифрового дистанционного образования, реализованные в СберКлассе, соответствуют всем нормативно-правовым требованиям российского законодательства к данной сфере. При создании платформы были учтены как установки Федеральных государственных образовательных стандартов (ФГОС), так и предписания регулирующих федеральных законов: № 273-ФЗ/ст 16, № 149-ФЗ, № 152-ФЗ.

Как мы это сделали
Создали технологическую основу
Разработка веб-версии LMS приложения велась на базе существующего дизайна и готовой серверной части, которую предоставил заказчик. Основой для технологически совместимого фронтенда модуля дашборда стала проверенная временем связка React / Typescript.
Сборку модулей осуществляли на webpack 5, известном своей гибкостью. Для разработки слоя данных выбрали Effector, для управления кластером — yarn 3, а связь с бекэндом обеспечил GraphQL (Apollo-client).
Сборку модулей осуществляли на webpack 5, известном своей гибкостью. Для разработки слоя данных выбрали Effector, для управления кластером — yarn 3, а связь с бекэндом обеспечил GraphQL (Apollo-client).
Погрузились в подробности
Дашборд веб-версии СберКласса должен был связать в единую функциональную систему несколько основных блоков, которые могли сильно конфликтовать между собой из-за архитектурных различий. Чтобы избежать этого, наши разработчики уделили особое внимание предварительному техническому проектированию функционала каждого блока.
Нашли творческий выход
Одна из основных проблем, с которыми столкнулась наша команда при создании веб-версии СберКласса — отсутствие единого стандарта основных модулях. Они сильно отличались по типу заданий и механике проверки, что затрудняло их синхронизацию в одной панели. Постоянная борьба с ошибками при добавлении нового модуля замедляло разработку и откладывало выход MVP-версии веб-приложения.
Сложная задача потребовала неординарного решения — полного редизайна внешнего вида приложения на основе единых стандартов. Для этого наша команда разработчиков и тестировщиков работала в тесном взаимодействии с командой дизайнеров со стороны заказчика. Компетентное управление на базе гибкой методики agile позволило наверстать темп и выполнить взятые обязательства точно в срок.
Использовали микрофронтенды
Чтобы решить проблему дублирования функционала и облегчить тестирование в процессе разработки, мы создали значительную часть бизнес-логики дашборда на основе отдельных микрофронтендов (microfrontends). Использование Nginx в качестве обратного прокси-сервера для маршрутизации запросов помогло успешно разделить функционала монолита и наладить плавное взаимодействие между микрофронтендами.
Наладили обратную связь
Чтобы учебный процесс в СберКлассе обеспечивал возможность поддержки школьников со стороны взрослых в дашборд был добавлен чат для обратной связи. С его помощью дети, родители и учителя могут оперативно организовывать взаимодействие, решать возникающие рабочие вопросы, а также получать поддержку в затруднительных ситуациях.
Результат
Полностью рабочую версию веб-приложения СберКласс, учитывающую все требования заказчика, удалось создать всего за несколько месяцев. Созданный дашборд был успешно адаптирован к технологическому стеку серверной части и объединил все основные модули образовательной платформы.
Сразу после выпуска приложения, СберКлассу удалось завоевать репутацию надежного инструмента, дополняющего общеобразовательную программу в школах по всей России и в странах СНГ.
Сразу после выпуска приложения, СберКлассу удалось завоевать репутацию надежного инструмента, дополняющего общеобразовательную программу в школах по всей России и в странах СНГ.
