Разработка клиентской части для ППКПУ Лидер-А

Прибор приёмно-контрольный пожарный и управления адресно-аналоговый ППКПУ «Лидер-А» представляет собой устройство, разработанное для создания централизованной пожарной сигнализации и систем управления на объектах. Этот прибор объединяет функции прибора приемно-контрольного пожарного и прибора пожарного управления. Он предназначен для контроля и управления пожаротушением, дымоудалением, оповещением и инженерным оборудованием.

Этот проект оказался достаточно интересным и имел свою предысторию. Изначально софт для данного прибора был написан на Delphi. Однако, компания решила добавить новый функционал, и двум программистам, ответственным за разработку, стало трудно справляться с этой задачей. В результате было принято решение обновить стек технологий. Мне была поставлена задача разработать фронтенд для данного устройства. Я выбрал стек React, TypeScript и использовал обычный CSS.

В рамках этого проекта я впервые столкнулся с использованием библиотеки ws и протокола связи MQTT, реализованного через библиотеку paho-mqtt. В данном случае они были необходимы для подписки на события, поступающие от датчиков пожарной охраны, и мгновенного получения этих событий.

Прибор имеет сенсорный экран с фиксированным разрешением 1920px х 1080px, и все приложение работает в одном браузере. Это значительно упростило задачи по разработке фронтенда, так как не требовалось обеспечивать кроссбраузерность и адаптивность под разные размеры экранов. Я разработал интерфейс, который поддерживает минимальное разрешение экрана 1660px х 800px. Благодаря наличию сенсорного экрана в ППКПУ, мне пришлось использовать жесты, и в настоящее время они реализованы в карте помещения.

В целом, работа над этим проектом позволила мне приобрести ценный опыт в разработке фронтенда для устройств сенсорного интерфейса, а так же я получил знания о работе с WebSocket соединения