© 2017—2024 KozhinDev
Контакты
+7 (950) 973—73—40По вопросам маркетинга и PR:
+7 (923) 284—68—87По вопросам HR:
+7 (903) 917—83—11Rebotica
01.08.202318.12.2023
Разработка личного кабинета для LMS
Технологии
ReactJS
Redux
Node.js + nest js
Postgresql
Figma
MySQL
800
часов разработки04
специалистов в команде на проектRebotica: разработка личного кабинета для LMS
Rebotica — обучающая онлайн‑платформы для детей и подростков. Ученики в возрасте от 6 до 11 лет получают здесь навыки, необходимые для IT‑профессий. Но в системе не было удобного личного кабинета, и это осложняло учебный процесс, поэтому руководитель обратился к нам. Рассказываем, какое решение мы создали для проекта.
Задача
Клиент пришёл к нам с готовой идеей, описал структуру личного кабинета, необходимые разделы и функционал. От нас требовалось создать личный кабинет, в котором будет отображаться, какие курсы ребенок проходит, какие работы по проектам нужно сделать, сколько семестров в курсе уже пройдено, какие курсы стоит приобрести дополнительно. Также в сервисе должны быть:
профориентационные тесты;
график оплат;
чат с техподдержкой;
уведомления;
скачивание всех необходимых документов — диплома, справок, договоров.
Решение
У клиента уже был разработан бэкенд проекта, мы сконцентрировались на разработке фронтенда. Сложность заключалась в том, что чёткого ТЗ у проекта не было, поэтому нам приходилось работать в плотной связке с заказчиком, который часто бывал занят и не мог оперативно отвечать на наши вопросы. Дизайн также создавался на стороне клиента с нашей частичной доработкой.
В процессе разработки заказчик вносил изменения в бэкенд, если этого требовал проект. Наш бэкенд‑разработчик много общался со специалистом клиента, чтобы обсудить детали и объяснить, что именно нужно доработать. Если это было невозможно, мы все вместе искали решение.
В итоге создали личные кабинеты для ребенка и его родителей, которые отличаются по внешнему виду и функционалу. Родители могут:
проходить вместе с ребенком профориентационные тесты, чтобы выбрать наиболее подходящую программу;
отслеживать прогресс обучения, видеть, сколько уроков уже пройдено, сколько ещё осталось;
видеть информацию о преподавателях, просматривать записи уроков, методические пособия;
приобретать новые курсы для продолжения обучения;
следить за графиком оплат, чтобы вовремя пополнять счет списания;
получить диплом об окончании курса в формате PDF;
запросить дополнения к договору, справку об обучении;
напрямую обратиться к менеджеру техподдержки для решения вопросов, оформить заявку — например, о замене педагога;
получать уведомления;
формировать расписание занятий.
У ребенка в профиле есть:
возможность перейти по ссылке в сервис видеоконференций для прохождения онлайн‑урока с преподавателем;
характеристика;
список достижений за время учебы;
дипломы пройденных курсов.
Личный кабинет оформлен ярко и красочно, в детском профиле есть элементы геймификации: награды становятся цветными после получения. При этом управление остается простым и интуитивно понятным: список разделов выведен слева, между ними легко переключаться.
Выбор и прохождение курсов
Для того, чтобы каждый ребенок мог выбрать подходящий для себя курс, психологи Rebotica разработали несколько профориентационных тестов. Также на платформе можно пройти тесты для определения типа темперамента, уровня тревожности, наличия интернет‑зависимости и других важных для эффективного онлайн‑обучения характеристик. Найти их можно в личном кабинете: превью пройденных тестов становится цветным, результаты и рекомендации можно посмотреть в любой момент.
Также в личном кабинете можно просмотреть информацию о курсах, которые есть на платформе. До покупки доступно общее описание программы, перечень приобретаемых навыков и сферы, где ребенок сможет с ними работать. Также можно увидеть количество семестров в курсе и описание каждого из них.
После оплаты курса и старта учебы в разделе семестров отображается прогресс ребенка: сколько процентов пройдено, сколько занятий, сколько выполнено проектов. Это помогает отслеживать, как продвигается обучение.
Уведомления
Личный кабинет интегрирован с крупной фриланс‑биржей FL.ru — дети, прошедшие обучение, могут брать и выполнять заказы по своей специальности. Информация о них будет отображаться в разделе уведомлений.
Система оповещает пользователей обо всех важных событиях: пройденных уроках, проблемах с оплатой и других. Здесь также можно увидеть комментарии от наставника о каждом занятии.
Связь с администратором
Также на платформе есть раздел, где родители могут оставить любой запрос для службы поддержки: например, просьбу о замене педагога или заморозке уроков на период отпуска. После отправки пользователь видит подтверждение, что обращение отправлено. История всех заявок сохраняется, их можно просмотреть в личном кабинете.
Результаты
Мы разработали фронтенд удобного личного кабинета, которым могут пользоваться не только родители, но и дети. Благодаря этому взаимодействие с LMS Rebotica стало проще. Добавили в профиль элементы геймификации, чтобы поддерживать интерес и мотивацию у учеников. Сейчас работа по проекту продолжается: после завершения работы над личным кабинетом заказчик поставил новую задачу — разработать админ‑панель для управления профилями.
Свяжитесь с нами