Web Dashboard (мобильная и десктопная версия): оптимальная схема организации взаимодействия с зоопарком систем

12.12.20

Интеграция - WEB-интеграция

Задача: из множества систем (1С:ERP, 1C:CRM, Кронос:WMS, 1С:Розница, 1С:УПП...) оперативно и онлайн осуществлять мониторинг на телефоне/десктопе/планшете/телевизоре бизнес-аналитику в дашборде для директора. Рассмотрим в статье, как правильно интегрировать между собой все базы, какие для этого инструменты использовать.

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

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

Схему нарисуем по стандартам UML (диаграмма последовательности), отобразив порядок основного сценария взаимодействия (схему читаем сверху вниз, справа налево):

Схема Dashboard/дашборд на EdiBot - 1C ERP, 1С УТ, Кронос: WMS

В качестве основного узла на схеме у нас выбрана база данных 1С:ERP, как база, которая обладает максимально необходимой для руководителя аналитикой. Специально исключены лишние звенья в виде шин/брокеров сообщений для увеличения скорости получения данных, сервер EDIbot также по сути ничего не делает с данными и не хранит их, данные напрямую из источника попадают потребителю. 

Рассмотрим нашу схему по порядку действий:

1. Руководитель/директор вводит в браузере URL Dashboard'а (с любого устройства - рабочая станция/планшет/мобильник, любой ОС).

2. REST-запрос попадает в сервис нашей основной базы - 1С:ERP.  Сервис 1C:ERP видит, что в запросе нет аутентификационных данных и поэтому в ответном сообщение отправляет только информацию об ожидаемом способе авторизации. 

3. Пользователь вносит необходимые данные авторизации и отправляет запрос повторно.

4. Получив запрос с аутентификационными данными, сервис 1C:ERP проверяет подлинность пользователя, уровень его доступа, готовит и отправляет запрошенную страницу дашборда. При этом страница содержит не только информацию из базы 1C:ERP, а также указание на наличие блоков информации с данными из других сервисов баз данных. Уже на данном этапе директор/руководитель видит страницу dashboard с основной частью аналитики/виджетов.

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

Таким образом, страница отображает все данные, которые хотел увидеть пользователь, может их автоматически по отдельности в асинхронном режиме обновлять, делая повторные запросы в сервисы. 

При такой архитектуре базы данных backend-систем могут располагаться в разных локальных сетях, разбросанных по миру, бэк-сервисы могут быть созданы как для 1С-баз, так и для любых других. Руководитель не привязан к устройству, а скорость получения им управленческих данных составляет от 0.3 секунды. При этом нужная информация может выведена и на телевизоры, EDIbot автоматически отмасштабирует контент под его размер. 

 

А теперь давайте рассмотрим возможные примеры типов аналитических блоков/виджетов нашего дашборда:

1. Вывод различных Диаграмм на Web-Dashboard. Фреймворк EDIbot использует все мощности аналитики amCharts в качестве основной библиотеки диаграмм, но при этом можно использовать и диаграммы 1С (картинки форматов svg, png).

Вот ссылка  https://jsonwebapp.com/diagram/json на пример для телефона/рабочей станции. Интерактивное меню оптимизировано для работы на разных размерах экранов. 

Ссылка на JSON файл для песочницы (в публикации Личный кабинет я рассказывал о ней), скрин-шот примера:

Web-Dashboard Edibot, диаграммы отгрузки/отбор Кронос: WMS

 

 

2. Вывод на веб-дашборд табличных/блочных или текстовых данных.

Например, Табло текущей работы склада из WMS-системы в виде таблицы с автомасштабом под экран устройства (тег table) https://jsonwebapp.com/tablo/json  доступно с смартфона/десктопа.

Ссылка на JSON для песочницы, скрин-шот примера:WebApp EdiBot, табло работы склада Кронос: WMS

Или вот в таком виде (Flexbox columns) может быть доступна общая картина по складу с мобильника/рабочей станции/телевизора https://jsonwebapp.com/statestore/json.

Ссылка на JSON для песочницы, скрин-шот примера:

Web-Dashboard Edibot, общее состояние склада

 

EDIbot создан на базе React и является полноценным прогрессивным веб-приложением (PWA) - возможность доступа к данным в режиме оффлайн ("полёт"), push-уведомления, установка приложения на рабочий стол телефона/десктопа, для примера настроил https://jsonwebapp.com/diagram/json, в браузере chrome это выглядит вот так: 

 

 

UPD: Выкладываю видео реальной скорости работы в продакшне:

(Я в сети ростелекома СПБ->сервер EDIbot в Литве->бэк сервера в СПБ)

 

Надеюсь, моя публикация была Вам полезна и сэкономит Ваше время, ссылка на все публикации SizovE.

Подписывайтесь на мой канал (наверху), будет много интересного бесплатного контента :)

SizovE

См. также

Сайты и интернет-магазины Интеграция WEB-интеграция Платформа 1С v8.3 Конфигурации 1cv8 Управленческий учет Платные (руб)

Интеграция 1С и Битрикс 24. Разработка имеет двухстороннюю синхронизацию 1С и Bitrix24 задачами. Решение позволяет создавать пользователя в 1С из Битрикс24 и наоборот. Данная разработка технически подходит под все основные конфигурации линейки продуктов 1С:Предприятие 8.3 (платформа начиная с 8.3.23). При приобретении предоставляется 1 месяц бесплатных обновлений разработки. Доступна демо-версия продукта с подключением Вашего Битрикс24

5040 руб.

04.05.2021    19049    10    16    

16

Управление взаимоотношениями с клиентами (CRM) WEB-интеграция Анализ продаж Системный администратор Программист Пользователь Платформа 1С v8.3 1С:ERP Управление предприятием 2 1С:Управление торговлей 11 1С:Комплексная автоматизация 2.х Управленческий учет Платные (руб)

Подсистема интеграции Amo CRM с 1С: технические требования, порядок работы, возможности, доработки и обновления. Бесплатный период техподдержки - 1 месяц.

60000 руб.

07.05.2019    31897    62    40    

23

Сайты и интернет-магазины WEB-интеграция Системный администратор Программист Пользователь Платформа 1С v8.3 Конфигурации 1cv8 1С:Управление торговлей 11 Автомобили, автосервисы Россия Управленческий учет Платные (руб)

Интеграционный модуль обмена между конфигурацией Альфа Авто 5 и Альфа Авто 6 и порталом AUTOCRM. Данный модуль универсален. Позволяет работать с несколькими обменами AUTOCRM разных брендов в одной информационной базе в ручном и автоматическом режиме.

36000 руб.

03.08.2020    16784    15    19    

15

WEB-интеграция Программист Платформа 1С v8.3 Бухгалтерский учет 1С:Бухгалтерия 3.0 Бытовые услуги, сервис Платные (руб)

Внешняя обработка разрабатывалась для загрузки документов из Ветменеджер в 1С: Бухгалтерия 3.0

12000 руб.

02.02.2021    17023    45    49    

26

WEB-интеграция 8.3.8 Конфигурации 1cv8 Автомобили, автосервисы Беларусь Украина Россия Казахстан Управленческий учет Платные (руб)

Расширение предназначено для конфигурации "1С:Предприятие 8. Управление Автотранспортом. ПРОФ". Функционал модуля: 1. Заполнение регистров сведений по подсистеме "Мониторинг", а именно: события по мониторингу, координаты по мониторингу, пробег и расход по мониторингу, текущее местоположение ТС по мониторингу 2. Заполнение путевого листа: пробег по мониторингу, время выезда/заезда, табличная часть ГСМ, места стоянок по геозонам. 3. Отчеты по данным загруженным в регистры сведений. 4. Предусмотрена автоматическая загрузка данных в фоновом режиме (условия работы данной загрузке читайте в описании товара) Модуль работает без включенной константы по настройкам мониторинга. Модуль формы предоставляется с открытым кодом, общий модуль защищен. Любой заинтересованный пользователь, имеет возможность скачать демо-версию расширения.

22656 руб.

25.05.2021    13388    36    8    

15

Прайсы WEB-интеграция Ценообразование, анализ цен Файловый обмен (TXT, XML, DBF), FTP Системный администратор Программист Автомобили, автосервисы Оптовая торговля, дистрибуция, логистика Управленческий учет Платные (руб)

Программа с заданным интервалом времени (или по ручной команде) скачивает файлы (например, прайс-листы поставщиков) из различных источников: письма электронной почты, FTP или HTTP-адреса, и сохраняет их в каталог упорядоченной структуры. При этом извлекает файлы из архивов, может переименовывать файлы и менять их формат (csv, xls, txt). Можно настроить выгрузку обработанных файлов на сайт (через FTP-подключение). Программа будет полезна компаниям, у которых есть большое количество поставщиков и/или прайс-листы поставщиков обновляются часто (необязательно прайс-листы, файлы могут быть любого назначения). Собранные таким образом актуальные версии прайс-листов можно выгрузить с помощью программы себе на сайт (или на любой FTP-сервер) или выполнить другие необходимые задачи.

25200 руб.

28.05.2015    87353    26    51    

50
Комментарии
Подписаться на ответы Инфостарт бот Сортировка: Древо развёрнутое
Свернуть все
1. davdykin 25 11.11.20 10:11 Сейчас в теме
ДОбрый день, спасибо интересная информация, сейчас, как мне кажется актуальность темы получения информации оперативно и не привязано к рабочему месту (телефон, планшет и т.д.), серьезно возрастает.
- Не сочтите за зануду, но 2 дня тоже подходят под определение "а скорость получения им управленческих данных составляет от 0.3 секунды." ))
- editbot - это ваша разработка? Не нашел информации по использованию.
2. SizovE 266 11.11.20 14:20 Сейчас в теме
(1) В среднем скорость получения пользователем готовой страницы 1 секунда, при наличии 3 блоков из разных баз будет около 1 секунды из основной базы и где-то секунда из всех остальных.
Собственно вот реальные примеры отличной скорости работы - https://youtu.be/cp98qtMVMDQ, https://youtu.be/1IFpUXe_VPQ.

Да, это разработка нашей компании, информация публикуется у меня в публикациях на инфостарте )
Оставьте свое сообщение