Визуализация помещений в 1С вместо таблиц: от ручного учета к интерактивной карте недвижимости

Ситуация

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

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

Задача

Заказчик обратился в implecs, чтобы разработать визуальный интерфейс в 1С для отображения помещений на основе чертежей из AutoCAD. Для этого было необходимо обеспечить интеграцию с базой данных: возможность создавать и редактировать объекты, привязывать контрагентов и отслеживать статусы помещений в реальном времени. При этом нужно было сохранить удобство работы для сотрудников и не перегружать интерфейс.

Решение

Мы интегрировали визуализацию прямо в 1С — на основе чертежей из AutoCAD в формате SVG. Заказчик прислал планы этажей, и мы превратили их в интерактивные карты, используя встроенный браузер. Это позволило создать удобный интерфейс без внешних решений.

Подготовили фронтенд

Разработали верстку на JavaScript, HTML и CSS. Использовали библиотеку Rafael для рисования объектов на картах.

Адаптировали код под старый браузер 1С (аналог Internet Explorer), чтобы все элементы отображались корректно.

Настроили интеграцию с базой 1С

Реализовали функциональность, которая позволяет автоматически загружать план помещений из SVG-файла (например, из чертежа или макета) и превращать его в структуру данных внутри 1С.

Подружили чертежи из AutoCAD с 1С

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

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

Как работает решение изнутри:

1. Система считывает прямоугольники из SVG-файла.

2. Автоматически создает новые помещения или обновляет существующие.

3. Сохраняет координаты и размеры для последующего отображения на плане.

4. Формирует удобный HTML-шаблон с интерактивным отображением схемы.

5. Генерирует JSON-данные для фронтенда (две модели — геометрия и информация о помещениях).

6. Отображает удобный список помещений с вычислением площади и итогами.

Как это выглядит для пользователя:

Пользователь выбирает SVG-файл с планом здания → система извлекает координаты, размеры и идентификаторы объектов → объекты превращаются в элементы справочника «Помещения».

После загрузки пользователь получает наглядный список помещений — с площадью, арендатором, договором и текущим статусом.

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

Создали буфер обмена

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

Настроили передачу данных через JSON

Чтобы визуальная карта работала синхронно с базой, мы разработали механизм обмена данными на основе JSON. При открытии схемы 1С формирует два набора данных: геометрию помещений (координаты и размеры) и их бизнес-параметры: названия, статусы, арендаторов. Они передаются во встроенный интерфейс в JSON-формате и используются для отрисовки карты.

Когда пользователь двигает помещение на плане или меняет его форму, браузерная часть отправляет обратно компактное JSON-сообщение с обновленными координатами. Эти данные автоматически попадают в справочник 1С, где сохраняются, пересчитываются площади и обновляется список помещений.

Протестировали взаимодействие

Проверили ключевые сценарии на практике:

— Создание помещения: пользователь рисует прямоугольник и размещает его на карте.

— Перетаскивание и правка формы: комната легко меняет размер или положение, если, например, снесли стену.

— Привязка контрагента: клик правой кнопкой — данные сразу уходят в 1С и обновляют статус.

Все изменения статуса и геометрии теперь видны мгновенно.

Серым отмечены неразмеченные помещения. При клике правой кнопкой появляется список контрагентов для привязки бизнес-ID к контуру помещения

Результат

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

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

Длительность. Проект занял 2 месяца, включая анализ техзадания, разработку и тестирование.

Команда. Со стороны implecs работали 4 специалиста: фронтенд-разработчик, тимлид, руководитель проектов и разработчик 1С. Со стороны заказчика работы координировал технический специалист.