Система автоматизации учета автопарков

Разработать MVP облачной системы для учета автосалонов. Необходимо было создать сервис, который позволит:

• автоматизировать работу учета автопарка;
• перенести в облачное хранилище;
• сделать рутинную ручную работу более понятной и удобной.

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

Для написания бэкенда проекта мы использовали PHP Laravel 8.2.

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

В качестве административной панели мы взяли Laravel Nova. База данных — PostgreSQL. Система очередей (для выполнения отложенных задач) — Redis.

Фронтенд мы написали на React — одном из наиболее популярных инструментов для разработки в формате Single Page Application. TypeScript позволяет сделать код проекта более строгим и минимизирует вероятность синтаксических ошибок со стороны разработки.

Кроме этого, используются стейт-менеджеры — TanStack Query и Zustand. Работа с формами ведется на react-hook-form & yup. Сборщик проекта — Vite.

На иллюстрации ниже представлена упрощенная схема разработанной системы

Было только общее видение продукта и схемы бизнес-процессов, прежде чем приступить к разработке, мы изучили и оценили все вводные. Важно было четко сформулировать каждый этап и спланировать работу.

Итак, мы приступили к оценке проекта и формулированию потребностей заказчика. Каждую фичу обсуждали и согласовывали с клиентом. Это помогло синхронизировать работу с видением клиента и выбрать наиболее оптимальные инструменты разработки. ‍ Мы определили, зачем нужна каждая из фичей, как они взаимосвязаны и как влияют друг на друга. В итоге для MVP оставили самый важный функционал и перевели его в конкретный бюджет и сроки, а остальное оставили на развитие.

• В первую очередь мы проработали фундамент проекта — административную часть сервиса. Создали и проработали массив справочников, в которых структурирована информация о характеристиках автомобилей.

• Следующим этапом была настройка базовых механик: авторизация/регистрация, email-уведомления, базовый лейаут и навигация. Обязательным пунктом была реализация логирования действий в системе для отслеживания всех изменений доступных сущностей системы.

• Далее приступили к детальной разработке станицы автомобиля. Ключевая задача — помочь будущему пользователю быстро ориентироваться в данных и находить нужную информацию. Нам понадобилось организовать большое количество вкладок, где будет сгруппирована информация по темам.

• В рамках данного блока работ была настроена интеграция с сайтом auto.ru для получения всех необходимых данных по автомобилям. Интеграция с auto.ru включает 2 части:

1. XML фид — ежедневно по ссылке система забирает актуальный фид;
2. API для дилеров — система по API забирает необходимую информацию с сайта auto.ru. Система работает по следующему принципу: по XML-фиду получаем сразу всю информацию. Далее за деталями обращаемся к API, так как XML сильно неполный и в нем нет информации по техническим параметрам и опциям комплектаций.

• Последним стал этап создания страницы со складом автомобилей, где выводится основная информация об автомобилях, которые находятся на складе автосалона. Страница представляет собой большую таблицу и большое количество инструментов, которые позволяют работать с этой таблицей. К инструментам можно отнести вывод необходимых столбцов с важной информацией об авто, фильтрацию по каждому столбцу, экспорт, поиск, деление на активные/ неактивные автомобили.

Управление системой построено на ролевой модели. Функционал расписан для трех типов пользователей: администратора, организации и менеджера.

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

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

В разделе можно вносить, изменять, хранить и дополнять данные обо всех автосалонах: название, ИНН, время создания и время последнего редактирования. К каждому отдельному автосалону можно прикрепить неограниченное число пользователей (сотрудников автосалонов).

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

Все справочники, представленные в системе, делятся на внешние и внутренние. А внутренние, в свою очередь, — на статические и пользовательские.

• Внешние справочники. Реализованы с помощью интеграции с auto.ru. Это позволяет компаниям всегда иметь актуальный перечень марок, моделей, поколений и других свойств автомобиля, которые постоянно обновляются.
• Внутренние статические справочники. Значения данных в статических справочниках заданы на этапе разработки. При этом названия данных могут дополняться неограниченное количество раз. Редактировать данный справочник можно из административной панели.
• Внутренние пользовательские справочники. Эти справочники отображаются в публичной части у всех компаний. Первичные значения можно задать из административной части, а из публичной — отредактировать эти значения и добавить свои.

Личный кабинет пользователя содержит в себе основную информацию о каждом сотруднике автосалона (имя, фото и контактные данные). В разделе «Система» пользователь может менять данные о формате времени и часовом поясе.

Функционал личного кабинета компании позволяет управлять:

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

Раздел позволяет видеть информацию обо всех автомобилях на складе — всё в одном окне.

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

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

Разработали MVP проекта, который включает в себя весь базовый и основной функционал. Весь процесс работы над проектом занял около 8 месяцев с последующей поддержкой.

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