Наша компания занимается по большей части интеграцией ИИ, разработкой умных или встраиваемых решений, но и мобильные устройства мы не обошли стороной. Наши эксперты уже давно работают на Flutter, а тут выдалось поработать с его более шустрым "кузеном" - FlutterFlow.
Немного матчасти, или зачем оно надо?
Люди уже давно потеряли интерес к пейзажам вокруг, их взгляд прикован к экранам смартфонов. Оно и понятно: тут и видео посмотреть, и с друзьями поговорить, и пиццу заказать. А самое главное многие устройства можно контролировать со смартфона, вот и мы решили окунуться в эту тему. Ведь сделать практичное устройство - это одно, а сделать его ещё и удобным в использовании благодаря мобильному приложению - уже другое.
Дальше дело стало за инструментами:
Flutter - фреймворк, которые позволяет создавать кроссплатформенные решения (iOS, Android, веб).
FlutterFlow - конструктор на базе Flutter, который позволяет выполнять ряд операций в разы быстрее.
Мы до знаний жадные, а потому наши специалисты насобачились в обоих фреймворках. И вот вам один из примеров.
Предыстория
Один клиент запустил небольшой стартап по уборке помещений. Работники были, клиенты тоже, а вот взаимодействие между ними не ладилось. То ли играл принцип "испорченного телефона", то ли просто люди друг с другом договориться не могли. И возникла у него идея создать простенькое приложение, где и договариваться особо ни с кем надо. Клиент оставляет запрос, работник запрос себе забирает.
Результат
Мы разработали приложение с удобным и интуитивно понятным интерфейсом для заказа услуг клининговой компании с поддержкой двух режимов: клиента и исполнителя.
В режиме клиента доступны следующие функции:
- Авторизация пользователя в системе по номеру мобильного телефона (вход по 6-значному коду из СМС)
- Создание нового заказа с возможностью выбора даты и желательного временного периода, а также указание адреса на карте
- Редактирование заказа
- Отмена заказа
- Просмотр списка прошлых заказов
- Редактирование учётной записи
В режиме исполнителя доступны следующие функции:
- Авторизация пользователя в системе по номеру мобильного телефона (вход на 6-значному коду из СМС)
- Просмотр деталей заказа, включая адрес заказчика на карте
- Выбор и приём заказа
- Отмена заказа
- Просмотр всех заказов, включая принятых пользователем
- Редактирование учётной записи
Проектные решения и результаты:
- Разработано приложение FlutterFlow с разграничением доступа и функционала в зависимости от роли пользователя (клиент, исполнитель).
- Приложение является кроссплатформенным и может быть запущено на устройствах с ПО Android и iOS.
- Вся информация (о пользователях и заказах) хранится в базе данных Firebase.
- Выполнена интеграция OpenStreetMap API для определения локации и геопозиционирования. Выбор OpenStreetMap обоснован тем, что технология является хорошей альтернативой сервису Google Maps, при этом у неё открытый исходный код и отличное качество карт. Но FlutterFlow не поддерживает OpenStreetMap, поэтому было найдено решение интеграции при помощи API Call.
- Набор экшнов FlutterFlow не подходит для действий со сложными условиями, петлями или для обработки результатов в Action Flow Editor. Для этого был разработан свой набор функций и экшнов.
Используемые технологии:
- No-code фреймворк: FlutterFlow
- База данных Firebase
- API OpenStreetMap
Если есть вопросы по проекту или вы хотите обсудить свой, оставьте комментарий или напишите нам на почту: proto@mir.dev.
А ещё мы участвовали в таких проектах: