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

Latin Dance Fitness Alliance LDFA (ЛДФА) — компания, которая занимается популяризацией танцевального фитнеса в России и Беларуси, объединяет в сообщество сертифицированных инструкторов и поклонников танцевальных фитнес-программ.

Ранее клиент был частью международного бренда. Сейчас — это новый самостоятельный бренд.

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

1. Создать платформу для монетизации обучения пользователей танцевальным фитнес-программам, где соберется сообщество любителей и профессионалов направления:

— представить MVP в сжатые сроки

— создать визуально яркий запоминающийся сайт в стилистике бренда

— разработать понятный и удобный функционал для пользователей, включая личный кабинет

2. Разработать мобильное приложение для членов LDFA с возможностью создавать аудио/видеоальбомы и редактировать музыкальные треки для составления танцевальных программ.

Прошлый сайт сообщества не имел русскоязычной версии, пользователям было неудобно. В процессе работы наша команда много общалась с образовательными специалистами и инструкторами, чтобы сайт бренда LDFA по максимуму выполнял свои задачи. По итогу:

— создали 5 видов пользователей

— подключили ежемесячное автосписание платежей за подписку

— разработали нестандартный личный кабинет с широким функционалом

— перенесли пользователей с другого сайта

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

— управление приложением через админпанель сайта

— встроенный музыкальный редактор для создания готовых плейлистов к занятиям

— счетчик темпа (BPM) и звуковые эффекты

— оптимизация приложения под любое устройство

— работа в оффлайн режиме

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

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

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

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

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

Внедрили Битрикс24 и подключили сервис финансовой аналитики Adesk

Кроссплатформенное приложение LDFA разработано на фреймворке Flutter, и доступно пользователям Android и iOS устройств. Размещено в магазинах Google Play и AppStore.

Для удобства клиента создали функционал управления прямо из админпанели корпоративного сайта LDFA на 1С-Битрикс. Можно загружать баннеры, составлять популярные плейлисты, вести рейтинг, проставлять теги для роликов, собирая блок «Похожие видео», а также отправлять Push-уведомления на устройства.

Весь контент в разделах приложения, подтягивается с сайта по API. На первой странице пользователя встречают доступные ему релизы с аудио и видео для составления танцевальных программ.

Трек можно добавить в свой плейлист, выбрать избранные и проверить, загружен ли танцевальный урок под эту звукозапись.

За счет созданных опций, плейлисты можно редактировать под цели занятия: меняется последовательность треков, регулируется громкость отдельной звукозаписи. При любых изменениях приложение пересчитывает гистограмму BPM. На выходе инструктор получает готовый звук для тренировки.

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

Мы изучили все о правах системы iOS и написали функционал для получения медиафайлов в режиме чтения. Файлы считываются с нужного пути (ipod-library), но получить звуковую волну (waveform) файла для работы с ним остается невозможным для iOS средствами Flutter. Поэтому waveform для отображения в момент работы со звуковыми эффектами в таких медиа используется «универсальная». Само же редактирование работает с реальным треком и любые звуковые эффекты применяются корректно.

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

Есть два варианта:

1. Установить единую длительность перехода между всеми треками в плейлисте. Например, 5 секунд — такая настройка будет работать между всеми треками.

2. Добавить универсальную настройку для каждого трека в плейлисте. Например, у первого — 5 секунд, у второго — 10 секунд и так далее.

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

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

Треки из релиза тоже редактируются, только внутри своего альбома. Так, скопировать можно весь плейлист и настроить под себя. Для удобства мы реализовали пуш-плеер, благодаря которому можно управлять воспроизведением вне приложения.

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

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

Чтобы отслеживать статистику внедрили в приложение Яндекс.Метрику. Нам доступно:

— количество установок

— количество запусков

— количество копирований плейлистов от LDFA

— количество примененных эффектов из редактора, например, кроссфейд, обрезка и другие

— звуковые эффекты и их соотношение, например, 30 раз использовали наложение звука аплодисментов

— аккаунт-менеджер

— проджект-менеджер

— front-end-разработчик

— back-end-разработчик

— Flutter-разработчик

— разработчик 1С-Битрикс

— тестировщик

— дизайнер

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

Теперь преподавателям не требуется искать сторонние приложения для создания и обработки аудио — они могут использовать разработанный нами редактор на своем телефоне в любой момент. Готовые плейлисты могут быть воспроизведены на месте и легко регулируются по темпу прямо во время занятий.

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

Наша команда продолжает работу над совершенствованием сайта и внедрением нового функционала.