<div> <img src="https://top-fwz1.mail.ru/counter?id=3490588;js=na" style="position:absolute;left:-9999px;" alt="Top.Mail.Ru" /> </div>

Desktop-приложение конфигуратора с офлайн-доступом — ДКС

Сделали офлайн-конфигуратор Fix Combitech для ДКС: работает без интернета на Windows, MacOS, Linux.

Мы разработали desktop-приложение для сотрудников закрытых предприятий на основе онлайн-конфигуратора Fix Combitech. Особенность этого кейса в том, что заказчику требовалась версия приложения, которой можно пользоваться на компьютерах со всеми операционными системами без подключения к интернету

DKC
ДКС — один из крупнейших производителей кабеленесущих систем и низковольтного оборудования в России и Европе. Компания развивает свое производство и дистрибьюторскую сеть с 1998 года.    
dkc.ru

Проблема клиента

Сотрудники закрытых предприятий и менеджеры, выезжающие на объекты без доступа в интернет, не могли пользоваться веб-версией конфигуратора Fix Combitech на сайте ДКС. При этом они остро нуждались в автоматическом расчете количества требуемых элементов кабеленесущих систем для своих проектов. Поэтому клиент пришел с запросом на разработку конфигуратора с офлайн-доступом.

Fix Combitech – конфигуратор для автоматического расчета количества требуемых элементов кабеленесущих систем и систем организации рабочих мест. Помогает проектировщикам формировать спецификацию продукции, которую выпускает АО ДКС. 

Решение задачи

Мы разработали программу с конфигуратором на кроссплатформенном фреймворке разработки Flutter. Главный плюс этого решения состоит в том, что он подходит под три операционные системы сразу ― Windows, MacOS и Linux.

Интерфейс программы полностью дублирует web-версию.

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

 

Скриншот приложения

Процесс разработки

Подготовка и реализация первой версии заняла 9 месяцев. Мы подготовили ТЗ и макеты, проработали документацию заказчика и разместили дистрибутивы на сайте клиента.

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

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

Команда проекта состоит из дизайнера, менеджера проекта, тестировщика, backend- и frontend-разработчиков и тимлида разработки.

 

Скриншот приложения

Особенности разработки desktop-приложения

Нестандартный подход

Разработка приложения требовала нестандартного подхода из-за запроса на офлайн-доступ. Сам конфигуратор – это по сути каталог с фильтром для подбора товаров. Его задача – выдать пользователю подходящую продукцию на основе заданных параметров. Сложность состояла именно в количестве его настроек.

Для этого мы работали с конфигуратором и международной системой классификации электротехнической продукции ETIM. Нужно было погрузиться в то, как эта система работает и понять, что делать с большим объёмом данных.

Обратный инжиниринг

Веб-интерфейс Fix Combitech постоянно менялся. Мы работали с документами, описывающими первую версию программы и ее изменения за последний год. Но при этом не видели исходный код. 20% функционала реализовали методом обратного инжиниринга – смотрели, как работает web-интерфейс, и создавали код под его функционал.

Отложенные очереди данных

Приложение чаще всего будет использоваться без доступа к интернету. Мы учли стандартные сценарии действий вроде аналитики и отправки логов на сервер.

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

 

Скриншот приложения

Результат

  1. Мы разработали приложение с учетом особенностей работы без доступа к интернету: учли отложенные очереди и сохранение данных, когда связи нет.
  2. Специалисты закрытых предприятий могут пользоваться автоматическим расчетом количества требуемых элементов кабеленесущих систем и формировать спецификацию продукции.
  3. Клиент доволен результатом и мы реализуем планы по дальнейшим доработкам и развитие новой версии приложения.
#backend
#UI-дизайн
#frontend
#веб-аналитика