Система Реестр.Про

Разработка веб-приложения (SPA) для управления бюджетированием и финансовыми процессами

О Клиенте и задачах

Наш Клиент — крупный строительный холдинг (NDA), в портфеле которого десятки проектов коммерческой и жилой недвижимости.

Холдинг столкнулся с критическими проблемами в управлении финансами:

  • /

    Разрозненность информационных систем;

  • /

    Хранение данных в несвязанных электронных таблицах;

  • /

    Потеря данных при командной работе;

  • /

    Дублирование информации и потеря актуальности.

Требования к будущему продукту

  • /

    Высокая производительность — время отклика системы при работе с иерархическими структурами из 30 000 строк не превышает одной секунды.

  • /

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

  • /

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

  • /

    Отзывчивость интерфейса — ресурсоемкие операции не должны блокировать пользовательский интерфейс.

Процесс достижения результата

Для достижения максимальной эффективности мы выбрали гибридный подход, который сочетал в себе лучшие стороны двух методологий:

  • /

    Waterfall (каскадная модель) — для четкого планирования и управления сроками и бюджетами на основных этапах.

  • /

    Agile (итеративный подход) — для гибкой доработки функциональности и оперативного внедрения правок по итогам тестирования.

Это позволило нам сохранить предсказуемость проекта и быстро реагировать на потребности заказчика.

Ключевые этапы работы

[01]Проектирование масштабируемой архитектуры, способной удовлетворить требованиям заказчика и пользователей.
[02]Разработка базовой функциональности, которая стала основой приложения.
[03]Проведение работ по интеграции с бэкендом.
[04]Доработка функциональности приложения под отдельные виды реестров.
[05]Проведение ПСИ (приемо-сдаточных испытаний) и обработка замечаний.

Что мы сделали

[01]Разработали архитектуру
С выделением отдельного потока для обработки ресурсоемких и длительных операций.
[02]Реализовали различные способы представления данных:
  • •

    упорядочивание столбцов;

  • •

    объединение столбцов под единым заголовком;

  • •

    настройка отображаемой точности и количества разрядов;

  • •

    настройка ширины колонок.

[03]Реализовали настраиваемое отображение взаимодействия с иерархическими данными:
  • •

    цветовая индикация уровня вложенности;

  • •

    разворачивание / сворачивание иерархии.

[04]Реализовали различные способы взаимодействия с данными:
  • •

    сортировка;

  • •

    группировка;

  • •

    фильтрация (включая  сегментированные данные);

  • •

    поиск;

  • •

    редактирование;

  • •

    добавление новых строк;

  • •

    отмена и повтор операций;

  • •

    редактирование;

  • •

    сохранение текущей конфигурации таблицы в шаблон;

  • •

    копирование и вставка;

  • •

    перемещение колонок;

  • •

    условное форматирование в ячейках: применение правил выделения (фон, цвет, иконка, подсказка) по заданным условиям.

[05]Работа с иерархическими структурами:
  • •

    отрисовка древовидных записей с цветовой индикацией;

  • •

    копирование и вставка иерархических структур;

  • •

    изменение положения записи в иерархии;

  • •

    разворачивание/сворачивание иерархии кнопкой; индикация типов строк;

  • •

    фильтры по любому числу колонок, типозависимые операции (＞, ＜, ＝ и т.д.), полнотекст, показ найденных «в контексте иерархии» или «только найденные».

[06]Работа с комментариями:
  • •

    создание;

  • •

    редактирование;

  • •

    удаление.

[07]Работа с Excel таблицами:
  • •

    импорт данных;

  • •

    экспорт данных;

  • •

    вставка из и в Excel.

[08]Работа со строками:
  • •

    удаление;

  • •

    копирование;

  • •

    добавление в разные слои иерархии;

  • •

    вызов контекстного меню с большим выбором операций для работы со строками;

  • •

    обработка ошибок.

Использованные технологии

REACT

[01]
основа фронтенда

REACT ROUTER

[02]
навигация

TAILWINDCSS

[03]
гибкая стилизация

TANSTACK TABLE / VIRTUAL

[04]
работа с большими таблицами

ZUSTAND

[05]
управление состоянием

@UNIFORM/JUI, @SHADCN/UI

[06]
библиотеки компонентов

В результате

Система «Реестр.Про» разработана и внедрена в строительный холдинг, что обеспечило решение следующих задач:

  • /

    Объединены тысячи этапов работ со связанными сметами, договорами, актами и закупками в одну систему;

  • /

    Обеспечено удобное управление большими структурами, включая массовое копирование и вставку данных;

  • /

    Обеспечена фиксация всех изменений;

  • /

    Исключена потеря данных.

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

Команда проекта

Менеджмент

[01]
1 человек

Аналитика

[02]
1 человек

Frontend - разработка

[03]
2 человека

Тестирование

[04]
1 человек
Предсказуемая разработка инновационных решений