На старте
Действующее старое приложение
У клиента уже был мобильный продукт. Новая версия должна была сохранить связь с реальным оборудованием и заметно изменить пользовательский опыт.
Москва · мобильное приложение · IoT
iPool+ приложение для управления бассейном
Клиент пришёл со старым приложением и редизайном новой версии. Мы разработали Flutter-приложение и бэкенд, связали их с облаком, сервером и оборудованием через MQTT, помогли выпустить продукт в магазинах приложений и передали работающую систему заказчику.
Flutter + бэкендразработали мобильную и серверную части
MQTTсвязали облако, сервер и оборудование
Выпущенопубликация под контролем нашей команды
Коротко о проекте
- Приняли старое приложение и новый дизайн, который продолжал меняться и дополняться по ходу разработки.
- Реализовали фронтенд на Flutter, бэкенд и интеграцию с облаком, сервером и оборудованием через MQTT.
- Помогли выпустить приложение из аккаунтов заказчика. Сейчас система полностью передана клиенту и работает.
01
Приняли старое приложение и развивающийся редизайн
Нужно было не просто сверстать новые экраны, а собрать рабочий продукт вокруг уже существующей системы управления бассейном.
В процессе
Дизайн менялся вместе с продуктом
Макеты регулярно дополнялись и перерабатывались. Мы встраивали изменения в разработку, не останавливая работу над серверной частью и интеграциями.
Задача
Довести систему до публикации
Требовалось реализовать мобильное приложение и бэкенд, связать их с облаком и оборудованием, проверить сценарии и подготовить выпуск.
02
Как мы работали над iPool+
Команда не ждала окончательной версии всех макетов: мы уточняли сценарии, предлагали технические решения и двигали мобильную и серверную части параллельно.
01 · ПогружениеРазобрали старое приложение и логику оборудованияПроверили существующие сценарии, состав устройств и обмен данными, чтобы не потерять рабочую часть продукта.
02 · РазработкаСобрали фронтенд на Flutter и бэкендРеализовали новые экраны, серверную логику и состояния, которые приложение получает от системы бассейна.
03 · ИнтеграцияСвязали приложение, облако и оборудование через MQTTКоманды пользователя уходят на сервер и оборудование, а актуальное состояние возвращается в мобильный интерфейс.
04 · ВыпускПодготовили и проконтролировали публикациюПомогли разместить приложение в магазинах из аккаунтов заказчика, после чего полностью передали рабочий продукт клиенту.
03
Интерфейс с анимацией и обратной связью
Главные сценарии построены вокруг круговых элементов управления. Пользователь меняет параметры пальцем и сразу видит новое значение, состояние оборудования и доступные действия.
Управление
Круговые регуляторы
На экранах нагрева, фильтрации и уровня воды параметры меняются движением пальца по круговой шкале.
Обратная связь
Состояние меняется на экране
Интерфейс показывает выбранное значение, активный режим и ответ оборудования, чтобы действие не выглядело отправленным «в пустоту».
Навигация
Иконки функций вокруг центра
Пользователь переключается между нагревом, фильтрацией, промывкой, подсветкой и другими функциями без перегруженного меню.
04
Что умеет приложение
iPool+ подстраивается под конкретный бассейн и показывает только то оборудование, которое установлено на объекте.
Водоподготовка
Фильтрация, промывка и уровень воды
Пользователь видит состояние системы и управляет технологическими процессами бассейна.
Комфорт
Нагрев, освещение и аттракционы
Доступные функции собраны в одном интерфейсе и зависят от оборудования конкретного объекта.
Объекты
Несколько бассейнов в одном приложении
Пользователь может добавлять объекты и переключаться между домашними, коммерческими и другими бассейнами.
Пользователи
Семья и обслуживающая организация
К приложению можно подключать владельцев, членов семьи и специалистов, которые обслуживают бассейн.
Доступы
Права на отдельное оборудование
Администратор определяет, какие функции и устройства доступны каждому пользователю.
Состояние
Актуальные данные в мобильном интерфейсе
Приложение получает состояние оборудования и показывает пользователю результат выполненной команды.
05
Как приложение связано с бассейном
Мобильный экран — только видимая часть системы. За каждым действием стоит обмен между приложением, бэкендом, облаком и установленным оборудованием.
Пользовательвыбирает функцию или меняет параметр
Flutter-приложениепроверяет ввод и отправляет действие
Бэкенд и облакообрабатывают запрос и определяют объект
MQTT и оборудованиепередают и выполняют доступную команду
Обратная связьактуальное состояние возвращается на экран
06
Экраны приложения
Официальные экраны iPool+ из App Store показывают круговые регуляторы, сценарии управления оборудованием, пользователей и несколько объектов.
07
Результат: приложение опубликовано и работает у заказчика
Мы довели сложный mobile + IoT проект до рабочего релиза, помогли с публикацией и передали продукт клиенту.
Готово
Flutter-приложение и бэкенд
Мобильная и серверная части работают как одна система и поддерживают реальные сценарии управления бассейном.
Выпущено
Публикация из аккаунтов клиента
Приложение размещалось не из наших аккаунтов: мы контролировали подготовку и помогли заказчику пройти выпуск.
Передано
Продукт находится у заказчика
После релиза приложение полностью передано клиенту, доступно пользователям и продолжает работать с оборудованием.
Хотите управлять устройством с телефона?
Назовите модель оборудования и способ связи с ним. Обсудим первый рабочий сценарий.
