Мобильное приложение для инструкторов LDFA

Сентябрь 2023
Flutter
Более 4 000 установок за 3 месяца

Клиент

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

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

Особенности

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

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

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

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

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

Задача

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

Дизайн и структура

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

Функционал

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

Главный экран

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

Каждый релиз представлен в виде музыкального альбома. Вверху гистограмма BPM показывает изменения темпа на протяжении всего времени проигрывания и отдельно взятой композиции. Также мы видим общее количество композиций и продолжительность воспроизведения.

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

Составляем свои плейлисты

Добавлять треки и видео в плейлисты можно не только из релизов, но и по результатам поиска, а также с устройства пользователя, из памяти на Android, и сохраненных треков в Apple Music на iOS. Для этого созданы отдельные экраны в которых хранятся доступные для пользователя материалы с курсов и других обучений. Зайти в них можно через панель навигации внизу.

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

Поговорим о нюансах: загрузка треков в «яблочной» системе

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

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

Музыкальные альбомы и скрытые инструменты

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

Расскажем подробнее о кроссфейде..

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

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

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

..и 20 сценариях тестирования

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

Похожих кейсов для реализации кроссфейда у нас не было. Обычно, в нем нет ничего сложного, например, в Яндекс.Музыке есть два режима вкл/выкл. Для одного трека кроссфейд настроить нельзя.

Музыкальный редактор

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

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

Работа в оффлайне

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

Управление приложением

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

Полная оптимизация

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

Метрика для анализа

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

— количество установок, сейчас это 1000+

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

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

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

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

Результат

Мы разработали инструмент для создания музыкального сопровождения фитнес-программ.

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

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

Команда проекта

  • аккаунт-менеджер
  • проджект-менеджер
  • flutter-разработчик
  • 1С-Битрикс-разработчик
  • тестировщик
  • дизайнер
			

Технологии

  • Flutter
  • Firebase Cloud Messaging
  • Работа с файловыми системами
  • Кэширование на мобильные устройства
  • 1С-Битрикс
			

Отзывы о проекте

Компания
LDFA
Наш первый проект с Инфинити — корпоративный сайт LDFA. Во время работы команда отлично себя зарекомендовала, поэтому полное техническое сопровождение осталось на агентстве. Разработку мобильного приложения для членов LDFA естественно доверили им же. Это долгожданный функционал для нашего сообщества, который оценили все пользователи. Буквально через 2 месяца - уже больше двух тысяч зарегистрированных пользователей, и это не предел. В агентстве нас всегда понимают и оперативно реагируют на задачи, несмотря на то, что чаще всего это сложные доработки.
Дарья
проект-менеджер
— Разработка мобильного приложения — это всегда интересная задача, особенно в этом проекте. При создании нестандартного функционала, мы столкнулись с большим количеством сложностей и ограничений, которые нам удалось обойти. Всё это значительно обогатило наш опыт в разработке приложений. В конечном итоге, нам удалось воплотить в реальность все задуманные функции, и я рассчитываю, что приложение LDFA действительно принесет ценность и удобство для пользователей.

Сколько стоит такой проект?

Оставьте ваши контакты — на встрече подробнее расскажем об этом и других проектах, поделимся опытом и оценим вашу задачу

Все проекты
2023
Банк «Хлынов»
Разработка нового сайта для банка
LDFA Latin Dance Fitness Alliance
Новый сайт для сообщества сертифицированных инструкторов и поклонников танцевальных фитнес-программ
2022
Интернет-магазин Тайпит Мебель
Новый сайт с функционалом коллекций
Квартиры ССК
Мобильное приложение для покупателей квартир Кировского ССК
Вайгач
Интернет-магазин товаров для строительства и ремонта
АО «Горэлектросеть»
Портал дистанционного обслуживания и интернет-приемной
Ваши Террасы
Строительство и остекление террас, веранд и зимних садов
Банк Хлынов - Электронная очередь
Проект для онлайн-записи в отделение банка
Инеск
Сайт-каталог для завода электрооборудования
Авитек
Корпоративный сайт одного из крупнейших машиностроительных предприятий России
2021
Экспосистема
Сайт и личный кабинет с 3D-конструктором для девелопера выставочных стендов
Бергамо
Интернет-магазин бренда женской одежды
Русинерт
Корпоративный сайт с каталогом для управляющей компании карьеров по добыче и переработке нерудных материалов
GG
Мультиязычный сайт для оптовой продажи мясных субпродуктов
Аспект СПб
Корпоративный сайт с каталогом для компании по созданию информационной и инженерной инфраструктуры зданий и сооружений
Кедр
Сайт-каталог проектов деревянных домов
Дом отделочных материалов
Интернет-магазин стройматериалов для оптовых клиентов
Кибет
Крупный интернет-магазин сувениров и товаров для дома
Coincoll.com — Монеты и коллекции
Сайт для нумизматов с подробной информацией об огромном количестве монет.
Банк Хлынов — Деловые решения
Маркетплейс услуг для бизнеса от Банка Хлынов.
2020
ИД Партнер
Перенос сайта на Битрикс. Бухгалтерское обслуживание.
Fortis Group
Доработка дизайна сайта, адаптивная версия. Правовое сопровождение юридических лиц.
Дом Форест
Корпоративный сайт, каталог проектов. Строительство и проектирование домов из бруса.
Православный приход церкви в честь иконы Божией Матери «Всех скорбящих Радость»
Создание раздела заказа треб.
Приход великомученика и целителя Пантелеимона г.Кирова
Создание раздела заказа треб.
Фармаклик
Доработка дизайна готового решения. Медицинские товары.
Винтал
Лендинг. Производство и продажа окон и фурнитуры.
Спектрум
Переработка дизайна интернет-магазина. Мебель для ванных комнат.
Радиосейл
Переработка дизайна интернет-магазина. Оборудование для радиосвязи и автомобильной электроники.
ЗАО «Кристалл»
Сайт для оптовых покупателей. Электротовары.
«MBA-Diplom» Помощь в написании дипломов
Перенос сайта на готовое решение Аспро: Корпоративный сайт современной компании.
ООО «Форест» Интернет-магазин
Создание сайта. Производство пиломатериалов и домокомплектов.
Свято-Успенский кафедральный собор Трифонова мужского монастыря г. Кирова
Создание раздела заказа треб.
«Baies» Доставка свежих ягод и грибов
Каталог на готовом решении.
«Зумба» — магазин одежды
Внедрение авторизации через sms и Viber, редизайн оформления заказа.
«Технополис». Магазин электронной техники и гаджетов в Кирове
Интернет-магазин на готовом решении Аспро: Максимум.
Аэропорт «Победилово»
Создание корпоративного сайта для аэропорта г. Кирова.
Специализированная. компания-застройщик «ПС Недвижимость»
Доработка сайта для размещения нескольких объектов недвижимости.
Средняя общеобразовательная школа №27 г. Кирова с углубленным изучением отдельных предметов
Сайт на готовом решении Мибок: Сайт школы.
2019
СпейсТим
Лендинг. Сертифицированная система видеонаблюдения на транспорте
Сиберия
Интеграция интернет-магазина с 1С-Битрикс. Продажа дистилляторов.
Жестяные изделия
Адаптивная версия сайта. Жестяные изделия оптом и в розницу от производителя.
Системы Полива
Интернет-магазин. Верстка и интеграция сайта. Гипермаркет оборудования и систем для полива.
ООО «ЖБИ Профстрой»
Сайт-каталог. Производство и поставка железобетонных изделий для жилищного и коммерческого строительства.
Форест
Лендинг. Продажа профилированного бруса.
НТЦ Лифт
Лендинг на основе Битрикс24.Сайты. Оценка соответствия лифтов требованиям безопасности
UCC
Корпоративный сайт. Верстка и интеграция на 1С-Битрикс. Организация и освещение кибертурниров, комплексные рекламные интеграции в киберспорте.
АО «Кировский ССК»
Корпоративный сайт. Жилой дом премиум-класса.
Компания «Alvadoor»
Интернет-магазин на основе Битрикс24.Сайты. Изготовление и продажа входных, технических, противопожарных дверей. Порошковая окраска.
Муниципальное унитарное предприятие «Кировские тепловые сети»http://mupkts43.ru/
Корпоративный сайт на готовом решении. Теплоснабжающая организация.
ООО «Лаборатория 100»
Корпоративный сайт. Испытательный лабораторный центр. Выполнение требований санитарного, природоохранного и трудового законодательства.
ООО «Вятский фанерный комбинат»
Интернет-магазин. Продажа березовой фанеры оптом напрямую от производителя.
Кристалл-Электро
Интернет-магазин. Торговая сеть с широким спектром товаров электротехнического назначения.
ООО Гостиница «Губернская»
Лендинг. Редизайн и адаптивная версия сайта с сохранением дизайнерской концепции. Гостиница и хостел в г. Киров.
CLEANAIR
Оформление социальных сетей. Очистка и дезинфекция вентиляции в г. Киров и по РФ.
Российский Календарный Проект
Интернет-магазин. Полуфабрикаты для изготовления календарей и готовые календарные блоки.
ООО «Эгида»
Социальные сети. Техническое диагностирование внутридомового и внутриквартирного газового оборудования и систем вентиляции.
Магазин-салон «Двери-Град»
Адаптивная версия сайта. Продажа и установка дверей в Московской области.
ООО «ПС Недвижимость»
Лендинг. Строительство жилой недвижимости
ООО «Корпорация Лес»
Сайт-каталог. Изготовление и продажа пиломатериалов в г. Кирове и по всей России.
ООО «Дизельторг Плюс»
Лендинг. Поставки топлива от известных производителей.
ООО «А2Пресс»
Корпоративный сайт. Типография, полиграфия, производство рекламной продукции в Москве.
ООО «Бизнес Эдвайзер»
Корпоративный сайт. Группа компаний. Диагностирование и обслуживание ВДГО, ВДГО, вентканалов; экспертиза промышленной безопасности.
2018
«Белуга» рыболовный клуб
Лендинг. Визитка рыболовного клуба.
ООО «Рубачи»
Корпоративный сайт, каталог. Строительство деревянных домов из бревен ручной рубки.
ООО «Лепсе-Лес»
Корпоративный сайт. Строительство домов из СИП-панелей и Арболита по всей России.
ООО «Гуру Безопасности»
Сайт-каталог. Продажа и монтаж систем и средств видеонаблюдения.
ООО «Лидерстрой»
Сайт-каталог. Изготовление и продажа противопожарного оборудования.
Диван Комодов
Сайт-каталог. Комплекс услуг по созданию интерьера. Мебель в наличии и под заказ.
Perfetti Van Melle
Перенос сайта на 1С-Битрикс, адаптивная версия сайта. Один из крупнейших производителей и дистрибьюторов конфет и жевательной резинки в мире.
ООО «Вятская Кровельная Компания»
Сайт-каталог. Кровельные и фасадные материалы от известных отечественных и мировых производителей.
ГП ЧАО «Чукоткоммунхоз»
Корпоративный сайт. Обеспечение населения и юридических лиц электрической и тепловой энергией.
ООО «Строительные системы»
Сайт-каталог. Строительные материалы от проверенных производителей с доставкой.
Гидропосев
Лендинг. Благоустройство приусадебных участков.
Корпусная мебель «Ливеко»
Оформление социальных сетей. Производитель корпусной мебели из ЛДСП в Кирове.
ООО «Классик»
Лендинг. Поставки фанеры, ОСП, ДВП, ЛДВП с заводов-изготовителей.
«Остров мебели»
Сайт-каталог. Продажа мебели для дома и офиса.
Zumba® Fitness
Редизайн, адаптивная версия сайта. Интернет-магазин спортивной одежды.
Спектрум М
Лендинг под рекламную кампанию. Кухни под ключ от производителя.
Жасмин & Хоббитекс
Интернет-магазин. Крупнейшая сеть по продаже товаров для шитья, творчества и рукоделия в Кирове и Кировской области.
2017
ООО «Вира-строй»
Лендинг. Каталог проектов. Дома из кирпича и газосиликатных блоков.
Asplin.art
Лендинг. Галерея картин и фотографий
Управление сбыта автошин
Лендинг. Один из старейших участников рынка шин в России
Термона
Сайт-каталог. Продажа и монтаж отопительного оборудования
РостКапитал
Расширенный лендинг. Консалтинговые услуги
Фитнес-клуб ГТО
Лендинг. Современный и многофункциональный фитнес-клуб
Двери «Steel Wood« (Багратион)
Сайт-каталог. Производитель входных дверей в г. Кирове.
ООО «Салют-43»
Сайт-каталог. Пиротехнические услуги и продажа фейерверков
Окна Конкурент
Корпоративный сайт. Весь спектр услуг по остеклению ремонту и отделке лоджий, балконов
2016
Строй-Поставка
Интернет-магазин. Крупный поставщик стройматериалов в Кирове и Кировской области
Хлынов Град
Лендинг. Агентство недвижимости с историей
ГермесАвто
Интернет-магазин. Ремонт, обслуживание, продажа запчастей
Relax-Kirov
Сайт визитка. Развлечения в Кирове
«Айсберг»
Интернет-магазин. Дистрибуция и логистика продуктов питания
ВМП «АВИТЕК»
Корпоративный сайт. Мой завод — моя гордость!
Спектрум Кухни
Интернет-магазин. Кухонная мебель
Рубикон
Корпоративный сайт. Передовые технологии для эффективности вашего бизнеса
International Travel Service
Корпоративный сайт. Паспортно-визовый сервис
Чай «GABRIEL»
Корпоративный сайт. Официальный поставщик чая «GABRIEL» в России
Дома Века
Корпоративный сайт. Строительство деревянных домов из оцилиндрованного бревна
2015
Декор Мастер
Лендинг. Ремонт и отделка квартир, офисных, производственных и торговых помещений
Кировспецмонтаж
Корпоративный сайт. Строительная компания
Медвежий угол
Лендинг. Производство профилированного бруса
Агентство предоставления справок
Корпоративный сайт. Официальный агент и партнер Национального Бюро Кредитных историй (НБКИ)
Артель Тепла
Мобильная версия. Редизайн и верстка шаблонов дизайна мобильной версии
Деловой Киров
Лендинг. Оптовая торговля продуктами питания и товарами народного потребления
Северпрод
Корпоративный сайт. Концепт страницы «Реализованные проекты»
МУП «Горэлектросеть»
Корпоративный сайт. Передача электрической энергии по собственным сетям
Гражданстрой
Лендинг. Новостройка на ул. Дерендяева, 75/3
А-Синтез
Лендинг. Быстровозводимые арочные ангары
2014
Экран-Сервис
Корпоративный сайт. Домофоны. Видеонаблюдение. Ремонт радиоаппаратуры и бытовой техники. Антенны. Въездная автоматика
Office 365
Интернет-магазин. Office: еще лучше с подпиской на Office 365
Звездное небо
Интернет-магазин. Производитель обучающих наборов для творчества «Звездное небо»
Эльва-Спорт
Сайт визитка. Производитель системных механических лыжных креплений ELVA (для платформ SNS и NNN), лыжероллеров ELVA
МКР Солнечный Город
Корпоративный сайт. МКР «Солнечный город» в Прикубанском районе
2013
Типография «А2Пресс»
Интернет-магазин. Российский календарный проект
Гостиница Форест
Сайт визитка. Небольшой и уютный отель, находящийся в пос. Верхошижемье Кировской области