Telemetron Teleport: как удаленно управлять аппаратами для вендинга
Компания Пиробайт своей разработкой автоматизировала работу операторов и владельцев устройствРазработать клиентскую часть приложения Telemetron Teleport — приложение для удаленного управления сетью вендинговых аппаратов для компании Телеметрон.
Система удаленного мониторинга и управления вендинговыми аппаратами владельцам дистанционно контролировать их работу: поддерживать наличие продуктов, вести учет продаж, получать данные об ошибках. Для удобной работы с ней требовалось мобильное приложение.
Команда разработчиков на стороне Телеметрона разрабатывала бэкенд продукта, а нам нужно было взять на себя работу по части фронтенда.
С чего начали работу
У Телеметрона был готов прототип приложения. Мы проанализировали логику работы и предложили внести изменения для удобства пользовательского пути. Особое внимание уделили экрану инвентаризации: его нужно было сделать более наглядным и удобным в использовании. Поэтому мы увеличили блоки с информацией о количестве товаров, ингредиентов и продуктов.
Создали лаконичный и понятный интерфейс
Приложение должно быть простым и интуитивно понятным, поэтому особое внимание мы направили на юзабилити: продумали расположение кнопок, вынесли акцентные блоки, чтобы пользователь видел ключевые параметры и динамику их изменений. Добавили тапы для удобной навигации и быстрого поиска нужной информации: дашборд, автоматы, события (сообщения об ошибках) и профиль.
Выбрали аккуратный, без засечек шрифт, для фона и акцентных значков подобрали оттенки синего. Для сплеш-скрина и 404-й ошибки разработали персонажа — робота Телеметрона, который общается с пользователем и подсказывает ему путь.
Задизайнили экран авторизации, дашборд, добавление нового аппарата, список аппаратов, экран настройки, загрузку аппаратов, настройку инвентаризации, настройку модема, общих настроек и событий.
Разработали профиль пользователя, в котором отображаются ФИО, почта и должность. Подготовили иконки и иллюстрации для публикации в сторах.
Бонусом разработали промо-сайт, в котором указали возможности и преимущества сервиса.
Особенности разработки
Как уже упомянули, мы в Пиробайте разрабатывали фронтенд — клиентскую часть приложения. С серверной частью работала команда бэкендеров Телеметрона.
Любое изменение на сервере требует проверки и изменений клиентской части, и наоборот. Для этого необходимо синхронизировать работу двух команд. Поэтому в работе вели два бэклога.
Внешний вели совместно с бэкендерами Телеметрона. В него вносили изменения, добавленные на фронте, получали корректировки и по необходимости дорабатывали свой код. Аналогично контролировали и изменения в бэкенде, влияющие на нашу часть работы, фиксировали и описывали выявленные баги. Во внутреннем бэклоге фиксировали задачи и прогресс нашей команды фронтенд-разработчиков. Благодаря такой системе две команды легко синхронизировались и в срок завершили все спринты.
Telemetron Teleport — не единственный проект, на котором команда Пиробайта работала совместно с другой командой. Например, так было и со Стройпарком. Кейс о разработке приложения мы публиковали ранее.
Для разработки выбрали Flutter. Этот фреймворк обеспечивает отличную производительность и подходит для создания кроссплатформенных мобильных приложений. Благодаря единой кодовой базе, Flutter позволяет запускать приложения как на Android, так и на iOS. Это экономит время и ресурсы, особенно при работе с интерфейсами.
Приложение разрабатывали по концепции сети передачи данных между устройствами — IoT (интернет вещей). IoT внедряют во многие сферы бизнеса. Благодаря этой системе компании автоматизируют процессы и снижают трудозатраты. Это повышает качество услуг, экономя расходы на производство, обслуживание и логистику.
Применение технологии оценили эксперты Tagline Awards 2022. Приложение получило бронзу номинации «Лучшее применение IoT»
Основной функционал Telemetron Teleport — дашборд. В нем пользователь видит количество обслуженных автоматов, сумму инкассации, статистику продаж и список подключенных аппаратов. По тапу открывается экран списка автоматов с фильтрацией по соответствующему параметру и события.
У приложения есть особенность — в нем нет разделения на какие-либо роли. То, какой контент отображается тому или иному пользователю, настраивается вне приложения, данные поступают через метод получения информации о пользователе.
Работает это так: пользователь заходит в приложение и авторизуется, затем попадает на главный экран, где его встречает дашборд. При авторизации создается токен, по которому определяется время его нахождения в приложении. По истечении этого времени пользователя выкидывает из приложения.
А еще в приложение спрятали небольшую пасхалку. Для ее активации нужно нажать на значок настройки 10 раз.
Какой функционал получили владельцы аппаратов
Через Telemetron Teleport можно:
- контролировать продажи за текущий день, посмотреть историю продаж за предыдущий день и неделю;
- проверить состояние сети, статус работы автоматов, количество внесенных наличных;
- проверить уровень загрузки ингредиентов на всех автоматах;
- загрузить или инвентаризировать автомат;
- посмотреть последние события на автомате или всей сети;
- настроить отображение информации в зависимости от роли пользователя;
- найти модем или автомат сканером штрих-кодов;
- добавить новый автомат;
- настроить модем.
Мобильным приложением пользуются Росавтоматторг, ВендингПро, ВендингС, Вендекс, JDE, DyDo, ЮМИС, ТОП ВЕНД, Cupslocker и другие компании.
Telemetron Teleport удобен для управления данными кофейных и снековых аппаратов, настройки настольных кофемашин, автоматов питьевой воды. С его помощью можно также контролировать автомойки самообслуживания.
Создали мобильное приложение для удобного контроля и управления вендинговыми аппаратами. Опубликовали приложение в Google Play и Apple Store. Всю работы выполнили оперативно: за 2 месяца. Техники, операторы и владельцы вендинговых аппаратов получили быстрый доступ к централизованному управлению работой, продажами, неполадками аппаратов.
Источники изображений:
Личный архив компании
Интересное:
Новости отрасли:
Все новости:
Публикация компании
Достижения
Профиль
Контакты
Социальные сети