Как управлять вендинговыми аппаратами удаленно? Рассказываем о разработке мобильного приложения для Telemetron

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

Читайте в кейсе:

1. О клиенте и задаче
2. С чего начали работу
3. Как работали над интерфейсом
4. Какие особенности скрываются в приложении
5. Какие возможности открылись перед владельцами

Телеметрон — компания, разрабатывающая ПО для вендинга. Флагманский продукт — система удаленного мониторинга и управления вендинговыми аппаратами. Она позволяет владельцам дистанционно контролировать их работу: поддерживать наличие продуктов, вести учет продаж, получать данные об ошибках.

Для удобной работы с этой системой компания создала мобильное приложение Telemetron Teleport. Команда разработчиков на стороне Телеметрона разрабатывала бэкенд продукта, а нам нужно было взять на себя работу по части фронтенда.

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

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

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

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

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

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

Разработали профиль пользователя, в котором отображаются ФИО, почта и должность. Подготовили иконки и иллюстрации для публикации в сторах.

Бонусом разработали промо-сайт, в котором указали возможности и преимущества сервиса.

Как уже упомянули, мы в Пиробайте разрабатывали фронтенд — клиентскую часть приложения. С серверной частью работала команда бэкендеров Телеметрона.

Любое изменение на сервере требует проверки и изменений клиентской части, и наоборот. Для этого необходимо синхронизировать работу двух команд. Поэтому в работе вели два бэклога.

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

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

Приложение разрабатывали по концепции сети передачи данных между устройствами — IoT (интернет вещей). IoT внедряют во многие сферы бизнеса. Благодаря этой системе компании автоматизируют процессы и снижают трудозатраты. Это повышает качество услуг, экономя расходы на производство, обслуживание и логистику.

Основной функционал Telemetron Teleport — дашборд. В нем пользователь видит количество обслуженных автоматов, сумму инкассации, статистику продаж и список подключенных аппаратов.

По тапу открывается экран списка автоматов с фильтрацией по соответствующему параметру.

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

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

На разработку и публикацию приложения в Google Play и Apple Store у нас ушло всего 2 месяца. Мобильным приложением пользуются Росавтоматторг, ВендингПро, ВендингС, Вендекс, JDE, DyDo, ЮМИС, ТОП ВЕНД, Cupslocker и другие компании.

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

Приложение позволяет владельцам и операторам вендинговых аппаратов:

Мы — веб-студия Пиробайт. Разрабатываем сайты, веб-сервисы, мобильные приложения, CRM и ERP и другие корпоративные решения. Легко интегрируем 1С, iiko, платежные системы, карты, календари и другие сервисы, сохраняя данные и производительность сайта на высшем уровне.

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