🎯 Контекст
Разработка собственной low-code платформы для проектирования и сборки экранов MES-систем в металлургии. Платформа создавалась как инструмент для системных аналитиков, позволяющий конфигурировать интерфейсы без участия разработчиков.
Интерфейс low-code платформы для конфигурирования
🎯 Задача
Спроектировать модули-конфигураторы (UI, алгоритмы, запросы) и модуль управления конфигурациями (МУК) для low-code платформы. Обеспечить возможность сборки интерфейсов MES без привлечения разработчиков.
🔍 Анализ
- Изучил архитектуру платформы, объектную модель данных, запросы и алгоритмы для оптимального проектирования.
- Проанализировал сценарии работы системных аналитиков при сборке экранов — выявил ключевые паттерны и потребности.
- Исследовал ограничения low-code платформы при верстке таблиц, компоновке данных и работе с объектной моделью.
- Выявил необходимость унификации структуры контейнеров для всех экранов и модальных окон.
⚡ Процесс
- Проектировал интерфейсы модулей-конфигураторов (UI, алгоритмы, запросы) и модуля управления конфигурациями (МУК).
- Участвовал в сборке интерфейсов MES на платформе — изучал архитектуру, объектную модель данных, запросы и алгоритмы.
- Разрабатывал макеты и шаблоны экранов в Figma для последующего использования при создании конфигураций.
- Взаимодействовал с системными аналитиками и разработчиками для согласования логики и технических решений.
Пример User flow для одного из сценариев
🏆 Результат
- Сборка экранов выполняется системными аналитиками без привлечения разработчиков.
- Для создания конфигураций используются спроектированные дизайнерами в Figma макеты и шаблоны экранов.
Скриншоты экранов модулей конфигураторов
Вариации панели свойств компонентов в конфигураторе UI
🔍 Что можно улучшить (ретроспектива)
- MVP-подход: фокусироваться на MVP-версиях, выкатывать обновления UI чаще, сократить time-to-market для UI интерфейса (UI пока не внедрён на прод).
- Унификация структуры: стандартизировать вложенность контейнеров для всех экранов и модальных окон.