Разработка на Flutter: MVP аграрного маркетплейса
За 5 лет Flutter стал популярным языком для кроссплатформенной разработки. Связано это с его технической составляющей: удобная среда обеспечивает скорость разработки и хороший пользовательский опыт с различными анимациями, плавными переходами и т.д. Так, можно создавать мобильное приложение на уровне нативных и затрачивать на это ресурсов меньше на 20–50%. К тому же во Flutter сразу предусмотрена адаптация дизайна под веб- и десктоп-приложения.
Кроссплатформенные мобильные фреймворки, используемые разработчиками по всему миру (2019–2022).
Источник
Расскажем на примере, как реализовали MVP маркетплейса на Flutter с нуля.
Задача
Создать универсальное IT-решение для аграрного маркетплейса с интуитивно понятной панелью объявлений и простым поиском. Это позволит объединить в одном мобильном приложении все предложения аграрного рынка.
Вводные данные: идея и подтвержденная «боль» от участников рынка
Аграрии используют многочисленные чаты в мессенджерах для обмена объявлениями о покупке или продаже сельхозпродукции. Однако поиск нужных товаров зачастую занимает большое количество времени. На основе анализа рынка наш клиент решил упростить этот процесс с помощью IT.
Почему выбрали Flutter
При выборе технологии разработки было важно, что клиент создавал с нуля не просто мобильное приложение, но и сам бизнес-продукт. Веб-решения у него также не было. Благодаря своей гибкости и простоте Flutter подходит для быстрой реализации прототипов ПО и экспериментов с различными интерфейсами и функциями: как для запуска, так и для дальнейшего масштабирования.
На выбор в пользу Flutter также оказали влияние и другие факторы.
Экономия в реализации. Если бы мы выбрали нативную разработку, нам бы потребовалось две команды для iOS и Android. И обеими надо управлять. При этом идентичных приложений мы бы не получили. Разработку в этом случае можно сравнить с написанием сочинения «Как я провел лето»: два закадычных друга по одному и тому же плану выдадут разный результат, хоть и были все время вместе. А на Flutter одна кодовая база, дизайн-система Material Design обеспечивает согласованность и единообразие пользовательского интерфейса на всех устройствах, что упрощает дизайн и тестирование приложений.
Часто при нативной разработке бизнес реализовывает фичи последовательно: сначала на одной платформе, далее происходит интеграция с бэкендом, а потом уже на другой. Это помогает сэкономить время на отладке интеграции мобильного приложения и бэкенд. На флаттере такой проблемы даже не возникает, так как у нас один проект.
То есть разработка, интеграция с бэком, дизайн и тестирование нужны «в одном экземпляре». Конечно, это экономит время и деньги.
Это нам и было нужно. Не было смысла в удвоенных тратах, когда у клиента еще не было «наработанной» аудитории, а ее предпочтения только предстояло выяснить.
К тому же, если приложение заблокируют на iOS, заказчик не потеряет деньги и не выбросит код в мусорку.
Ограничения Flutter не касались продукта заказчика. Теоретически на Flutter можно решать почти любые задачи за некоторым исключением:
- Он не подходит для всего, что связано с видеопотоками и перфомансом. Сюда относятся игры, AR, VR, плееры и т.п.
- Также нельзя реализовать продукты, где требуется ручное управление памятью, например, Photoshop.
- Фреймворк не рассчитан на мега-нагрузку, которая происходит если аудитория очень широкая, как в Ozon, например.
Но мы понимали, что любой вариант масштабирования продукта лежит за гранью этих ограничений. Аграрный маркетплейс – не игра со сложным сюжетом и графикой. Да и мега-нагрузка нам не грозила: вряд ли все россияне станут аграриями.
Как развивали идею заказчика
На старте мы подключились к проекту как выделенная команда: аккаунт-менеджер, Backend-, Flutter-разработчики и дизайнер. Со стороны клиента взаимодействовали с продакт-оунером.
Выяснили, что на первом этапе необходимо сформировать техническое задание для реализации продукта.
Опираясь на наш опыт, для ускорения процессов мы предложили взять управление на себя – и клиент нас в этом поддержал. В результате к задаче подключились проектный менеджер и аналитик.
Мы сформировали список наиболее необходимых функций для реализации MVP-версии:
- аутентификация через сервис заказчика,
- профиль пользователя и организации,
- сделки,
- поиск по ключевым словам,
- push-сообщения,
- аналитика (firebase).
Решение
Сделки – основная функция приложения – совершаются в чатах. Для этой задачи клиент выбрал протокол Xmpp, поэтому наши Flutter-разработчики обратились к библиотеке Xmpp_stone. Чтобы пользователям было максимально удобно договариваться о сделках, мы также реализовали отдельные функции, которые изначально не были предусмотрены в протоколе Xmpp. Среди них: поддержка истории сообщений, групповых чатов и функция обмена файлами (фото, документы).
Для авторизации задействовали сервис заказчика, с которым при помощи проксирования запросов интегрировали мобильное приложение. У каждого физического лица и/или организации есть профиль в системе и рейтинг, значение которого зависит от количества удачных сделок. С его помощью продавцы и покупатели могут определить наиболее надежных партнеров.
Также мы разработали поиск по ключевым словам, категории, рейтингу и региону, что позволит пользователям легко находить друг друга.
Для развития MVP мы подключили аналитику Firebase, которая поможет заказчику построить карту активности пользователя – выяснить, какие функции используются чаще, что следует доработать и чем дополнить.
Результат
За 6 месяцев создали MVP аграрного маркетплейса: продукт готов к выходу на рынок и рассчитан на 5 тысяч активных пользователей. Конечные пользователи смогут покупать и продавать разнообразную сельхозпродукцию, а заказчик – своевременно модифицировать приложение.
Flutter – про гибкость и адаптивность
Он предоставляет множество инструментов и библиотек для создания адаптивных и гибких интерфейсов, которые могут быть легко настроены под различные устройства и разрешения экранов. Это всегда является плюсом, а в случае запуска продукта позволяет избежать лишних затрат.
Например, заказчики также стали обращаться к нам для создания сайтов на Flutter. В этом случае можно переиспользовать часть кода для десктоп- и мобильных приложений. Кроме того, зачем создавать три приложения для Linux, Windows и macOS, когда можно сделать одно? Аналогично и для мобильных ОС. Сейчас Flutter доступен и для встроенных устройств: часы, браслеты.
Такая согласованность пользовательского интерфейса упрощает разработку и делает продукт более привлекательным для пользователей, которые привыкли применять различные устройства для получения услуги.
Смотрите больше кейсов по мобильной разработке на iOS и Android.
