Для німецького холдингу: корпоративний софт

ІКС Холдинг — це великий будівельний холдинг, що працює в Німеччині. З міркувань конфіденційності ми не можемо розкривати важливі аспекти протоколів роботи холдингу, тому це буде загальний огляд стандартної функціональності корпоративної системи на етапі прототипу. У межах співпраці нами були надані такі послуги: -Серія аналітичних консультацій (4шт). -Розробка моделі даних. -Розробка моделі алгоритмів. -Розробка технічного завдання на систему управління. -Розробка технічного завдання на візуальні інтерфейси. -Розробка нефункціональних вимог. -Адаптація договору під технічне завдання. -Створення прототипу адмінки CRUD. -Візуальне проєктування та прототипування - 2400. -Розробка дизайн-системи. -Розробка системи пов’язаних екранів. -Деталізація екранів. -Створення перевикористовуваних компонентів. -Верстка клікабельних макетів.

Для німецького холдингу: корпоративний софт
INGELLO / BUSINESS2402
Перейти до системиfrontend-iks.ingello.com Звʼязатися з нами

Корпоративна система для девелопера та будівельного холдингу

Для зручності клієнта ми записали відеоогляд проєкту. Це корисно в тих кейсах, де система вже виходить далеко за межі звичайної CRM: тут є карта об’єктів, управління підрядниками, документообіг, продажі, бухгалтерські контури та адміністративні підсистеми. Іншими словами, перед нами не просто сайт, а цифровий штаб будівельної компанії =)

Цей проєкт ми створювали як багатомодульну корпоративну вебсистему для управління будівельними об’єктами, підрядними роботами, внутрішніми компаніями холдингу та супровідною документацією. Такі продукти рідко бувають простими: бізнес усередині них живе не по прямій лінії, а як великий вузол труб, клапанів і датчиків. Десь тече кошторис, десь застрягає документ, десь підрядник обіцяє золоті гори, а на ділі забуває навіть рукавички привезти.

Тому архітектура системи будувалася навколо прозорості процесів, контрольованих статусів і єдиної точки ухвалення рішень. Схожі завдання з управління активами та пов’язаними юрособами ми також вирішували в кейсі Europe, а якщо цікавий погляд на автоматизацію нерухомості в більш агентському форматі, подивіться C-Estate.

Карта будівельних об’єктів і навігація по проєктах

Один із центральних екранів системи: карта об’єктів. Вона працює як геопросторовий інтерфейс (тобто екран, де дані прив’язані до реальних точок на карті). Керівник бачить не абстрактний список, а реальну картину бізнесу: де знаходяться об’єкти, у якому вони статусі та як швидко можна перейти в деталі конкретного проєкту.

Огляд портфеля: 12 об’єктів на карті Німеччини, колір мітки це фаза будівництва, число в мітці це кількість квартир. Праворуч роботи із затримкою.
Огляд портфеля: 12 об’єктів на карті Німеччини, колір мітки це фаза будівництва, число в мітці це кількість квартир. Праворуч роботи із затримкою.

Авторизація та безпечний вхід користувачів

Для корпоративного ПЗ безпека не прикраса, а фундамент. У системі реалізована авторизація користувачів, а для окремих сценаріїв також захищена автентифікація за сертифікатами. Це PKI-аутентифікація (вхід за цифровими ключами, а не лише за логіном і паролем), яка особливо важлива там, де є юридично значущі дії, внутрішні документи та чутливі дані.

Кнопка «Anmelden» веде на вхід Forma: портал і ERP працюють на одному обліковому записі, вхід у Forma одразу відкриває портал IKS.
Кнопка «Anmelden» веде на вхід Forma: портал і ERP працюють на одному обліковому записі, вхід у Forma одразу відкриває портал IKS.

Каталог будівельних проєктів із фільтрами

Список об’єктів це не просто таблиця заради таблиці. Ми зробили картки проєктів із фільтрацією за типами, адресами, статусами та іншими параметрами. Така структура допомагає швидко знаходити потрібні будівництва й скорочує хаос під час масштабування портфеля об’єктів. Коли в компанії десятки проєктів, інтерфейс без фільтрів перетворюється на комору, куди страшно заходити.

Каталог об’єктів: пошук за назвою та адресою, фільтри за типом, компанією холдингу та фазою будівництва. Той самий список відкривається таблицею або картою.
Каталог об’єктів: пошук за назвою та адресою, фільтри за типом, компанією холдингу та фазою будівництва. Той самий список відкривається таблицею або картою.

Панель запуску нових проєктів

Окремий модуль був створений для введення нових проєктів у роботу. Це onboarding flow (послідовність кроків, з яких починається життя проєкту всередині системи): базові параметри, адреси, учасники, документи, стартові статуси та пов’язана бізнес-логіка. Такий екран сильно знижує ймовірність того, що новий об’єкт буде заведений абияк, а потім роками стане джерелом плутанини.

Картка об’єкта: фото фасаду та інтер’єрів, адреса, номер договору, лінійка із семи фаз від планування до продажу і ключові цифри: інвестиції, виручка, маржа, площа, строки.
Картка об’єкта: фото фасаду та інтер’єрів, адреса, номер договору, лінійка із семи фаз від планування до продажу і ключові цифри: інвестиції, виручка, маржа, площа, строки.

Планування робіт, послуги, підрядники, строки та площі

Одне з найчутливіших місць у будівництві: планування. Тут ми зробили модуль, у якому можна управляти етапами робіт за проєктом, кандидатами в підрядники, строками, набором послуг і квадратними метрами. Це вже не декоративний інтерфейс, а справжній операційний контур, де цифри починають впливати на гроші, ризики та нерви керівництва.

Наскрізний графік будівництва по всіх об’єктах: роботи за видами, підрядники, відсоток виконання, позначка «сьогодні» і дати здачі. Масштаб за тижнями, місяцями або кварталами.
Наскрізний графік будівництва по всіх об’єктах: роботи за видами, підрядники, відсоток виконання, позначка «сьогодні» і дати здачі. Масштаб за тижнями, місяцями або кварталами.

Попередня оцінка робіт до старту будівництва

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

Фінанси об’єкта: бюджет будівництва, сплачено, залишок і тижневі витрати за видами робіт із накопичувальною кривою витрат.
Фінанси об’єкта: бюджет будівництва, сплачено, залишок і тижневі витрати за видами робіт із накопичувальною кривою витрат.

Документообіг за фазами проєкту

Документи в будівництві це окрема форма міської міфології. Їх багато, вони зав’язані на етапи, їх треба погоджувати, підписувати, друкувати, зберігати й швидко знаходити. Тому ми зібрали документи за фазами проєкту в єдину систему з попереднім переглядом, друком і можливістю підпису. Це document pipeline (конвеєр документів, який рухається зрозумілими стадіями, а не губиться в папках із назвами на кшталт final_final_7).

Документи об’єкта: договір купівлі, дозвіл на будівництво та експозе, у кожного тип і дата.
Документи об’єкта: договір купівлі, дозвіл на будівництво та експозе, у кожного тип і дата.

Контроль статусів підрядних робіт

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

Хід робіт по об’єкту: діаграма Ганта з підрядником і відсотком для кожного виду робіт, нижче таблиця з обсягами, бюджетом, оплатою та статусом.
Хід робіт по об’єкту: діаграма Ганта з підрядником і відсотком для кожного виду робіт, нижче таблиця з обсягами, бюджетом, оплатою та статусом.

Пошук, фільтрація та порівняння підрядників

Підрядники це окремий всесвіт зі своїми обіцянками, умовами, розцінками та людським фактором. У системі реалізований зручний пошук і фільтрація за підрядниками, а також окремий інтерфейс порівняння цін із сортуванням за зростанням. Це вже елементи decision support system (системи підтримки ухвалення рішень), коли керівник отримує не шум, а структуровану картину для вибору.

Підрядники: спеціалізація, активні роботи, затримки, обсяг замовлень і міні-графік завантаження кожної фірми. Контакти в демо вигадані.
Підрядники: спеціалізація, активні роботи, затримки, обсяг замовлень і міні-графік завантаження кожної фірми. Контакти в демо вигадані.
Той самий графік у розрізі підрядників: видно, у кого скільки робіт, яке завантаження і де фірма вже відстає.
Той самий графік у розрізі підрядників: видно, у кого скільки робіт, яке завантаження і де фірма вже відстає.

Продажі об’єктів через маклерів

Система охоплює не лише будівництво та внутрішні процеси, а й контур продажів. Для цього був реалізований функціонал роботи з маклерами та продажами об’єктів. Тобто продукт став зв’язувальним шаром між операційною частиною девелопменту та комерційною частиною бізнесу. Це особливо цінно для компаній, які хочуть бачити не розрізнені відділи, а єдину цифрову модель бізнесу.

Продажі: угоди за стадіями «нові», «в роботі», «закриті», у кожної квартира, маклер і сума. Кнопка «An Forma» передає угоду в CRM Forma. Покупці в демо вигадані.
Продажі: угоди за стадіями «нові», «в роботі», «закриті», у кожної квартира, маклер і сума. Кнопка «An Forma» передає угоду в CRM Forma. Покупці в демо вигадані.
Шахматка квартир за поверхами: номер, кімнати, площа, ціна і статус «вільна», «бронь» або «продана».
Шахматка квартир за поверхами: номер, кімнати, площа, ціна і статус «вільна», «бронь» або «продана».

Управління компаніями холдингу та бухгалтерським контуром

Важлива частина проєкту: управління кількома компаніями всередині холдингу та їхньою бухгалтерською логікою. Це multi-entity architecture (архітектура, де одна система працює одразу з кількома юридичними особами, але не змішує їх у кашу). Такий підхід потрібен там, де група компаній ділить активи, процеси, співробітників і документи, але зобов’язана зберігати формальний порядок.

Компанії холдингу: чотири юрособи, у кожної свої об’єкти та обсяг інвестицій.
Компанії холдингу: чотири юрособи, у кожної свої об’єкти та обсяг інвестицій.

Якщо вам цікаві подібні корпоративні системи для розподілених відділів, процесів і ролей, додатково подивіться кейси IKS і FORMA BPM. Там добре видно, як ми підходимо до архітектури складних бізнес-застосунків, коли важливий не лише інтерфейс, а й внутрішня механіка продукту.

Додаткова навігація та адміністративні підсистеми

Для складного корпоративного продукту інтерфейс має бути багатошаровим, але не заплутаним. Тому в системі з’явилася додаткова навігаційна панель, яка допомагає швидше перемикатися між розділами та модулями. У таких системах хороший navigation layer (шар навігації, який пов’язує екрани між собою) економить користувачам сотні годин життя, а отже, і гроші компанії.

Навігація в живій системі: фільтр за фазою «Rohbau», перехід в об’єкт і вкладки ходу робіт, квартир і фінансів. Запис без монтажу.
На телефоні верхнє меню стає нижньою панеллю з п’яти розділів, картки та графік перебудовуються під вузький екран.
На телефоні верхнє меню стає нижньою панеллю з п’яти розділів, картки та графік перебудовуються під вузький екран.

Адміністрування прав доступу

Для корпоративного ПЗ критично правильно розмежувати права доступу. Ми реалізували окремий адміністративний модуль, що дозволяє керувати доступом до різних підсистем. Це RBAC-модель (role-based access control, тобто видача прав за ролями), завдяки якій бухгалтер не бачить зайвого, менеджер не ламає налаштування, а керівник зберігає контроль над системою.

Без входу портал відкритий у режимі читання: усе видно, але зсувати роботи в графіку та передавати угоди в CRM можна лише після входу через Forma.
Без входу портал відкритий у режимі читання: усе видно, але зсувати роботи в графіку та передавати угоди в CRM можна лише після входу через Forma.

Довідники, шаблони та єдині дані

Також була реалізована система керування довідковими таблицями: суб'єкти, клієнти, маклери, підрядники, співробітники, адреси, шаблони документів, шаблони інвойсів та інші сутності. Це master data layer (єдиний шар довідкових даних, щоб компанія не жила в режимі «у кожного своя правда»).

Табличний вигляд каталогу: фаза, тип, компанія, обсяг, прогрес будівництва, продажі та строк здачі в одному рядку на об’єкт.
Табличний вигляд каталогу: фаза, тип, компанія, обсяг, прогрес будівництва, продажі та строк здачі в одному рядку на об’єкт.

Хронологія подій і контроль змін

Для моніторингу та аудиту ми додали хронологію подій у системі. Це audit trail (журнал дій і змін), який допомагає зрозуміти, хто що зробив, коли це сталося і чому бізнес раптом прокинувся в новій реальності. У корпоративних системах такий модуль схожий на чорну скриньку літака: приємно, коли про нього можна не згадувати, але дуже добре, що він є.

Стрічка подій на головному екрані: роботи із затримкою та старти на найближчі п’ять тижнів, для кожної підрядник і строки.
Стрічка подій на головному екрані: роботи із затримкою та старти на найближчі п’ять тижнів, для кожної підрядник і строки.

Що в підсумку отримав клієнт

У результаті замовник отримав не просто набір екранів, а єдину цифрову систему для управління будівельними об'єктами, підрядниками, документами, продажами, структурами холдингу та доступами співробітників. Такі рішення зменшують частку ручної роботи, роблять процеси прозорішими та дозволяють масштабувати бізнес без постійної пожежі в операційці.

Саме в цьому і полягає цінність архітектурного підходу: спочатку ми будуємо логіку і зв'язки між сутностями, а вже потім інтерфейси. Інакше бізнес отримує красивий фасад без несучих стін. А в корпоративній розробці це завжди закінчується однаково: дорого, нервово і з характерним виразом обличчя у директора =)

Більше про наш підхід до проєктування, архітектури, етапів робіт і формату співпраці можна подивитися на лендингу systems.ingello.com. Там зібрані відгуки, опис процесу і можливість залишити заявку на безкоштовну консультацію, якщо вам потрібен не просто підрядник, а команда, яка вміє розбирати складні бізнес-системи на шари і збирати їх заново вже без хаосу.

Технології проєкту

Нижче стек, на якому збирався проєкт. Ми спеціально залишаємо цей блок не як сухий список модних слів, а як пояснення, навіщо кожна технологія була потрібна в живому продукті.

  • SFL: структурна фрактальна мова. Використовувалася для прискореного опису сутностей, бази даних, API і частини документації. Простіше кажучи, це спосіб швидше формалізувати складну систему, не потонувши в нескінченних однотипних діях.
  • PHP: основна серверна мова проєкту. Практичний вибір для корпоративної веброзробки, де важливі швидкість постачання, зрілість екосистеми та передбачуваність підтримки.
  • JavaScript: логіка браузерних компонентів і клієнтської поведінки.
  • HTML: структурний шар інтерфейсів.
  • CSS: візуальне оформлення екранів та адаптація інтерфейсів.
  • Linux: серверна операційна система для стабільної роботи бізнес-застосунку.
  • BASH: автоматизація інфраструктурних і системних завдань.
  • Docker: контейнеризація, тобто пакування сервісів в ізольовані середовища для передбачуваного запуску.
  • Docker Compose: оркестрація кількох контейнерів усередині одного застосунку.
  • PHP-FPM: менеджер процесів для ефективної обробки серверних запитів.
  • MySQL: реляційна база даних для зберігання сутностей, зв'язків, статусів і ділової логіки.
  • Nginx: високопродуктивний вебсервер і проксі-шар.
  • Fractal: наш внутрішній фреймворк і методологія прискорення розробки складних систем.
  • Yii2 Components: перевикористовувані компоненти для серверної логіки та прискорення складання типових контурів.
  • Symfony Components: надійні структурні цеглини для складання великих застосунків із довгим життєвим циклом.

Саме такий стек добре підходить для розробки корпоративних вебсистем для будівництва, нерухомості та холдингових структур: він дає керованість, масштабованість і технічну дисципліну без зайвого цирку.

Де подивитися

Клієнтський контур проєкту закритий договором про конфіденційність, тому назовні ми показуємо робочий прототип системи на демонстраційних даних: огляд портфеля з картою, каталог із 12 об’єктів із фото, картки об’єктів із фазами, шахматкою квартир, фінансами та документами, наскрізний графік робіт і підрядників, продажі з передачею угод у CRM Forma та компанії холдингу. Інтерфейс німецькою, без входу він відкритий у режимі читання.

Технологічний стек і підходи

SaaS архітектура Мікросервіси Хмарні обчислення Масштабованість ПЗ API-інтеграції DevOps процеси High-load системи Кібербезпека рішень