К кейсам

Приложение и система управления
для строительной компании ВИС

icon

ВИС - интерактивное web-приложение для создания и проведения презентаций и докладов для организации строительства. Презентации реализуются с использованием графиков, финансовых отчетов, диаграмм, видео и изображений. Целевая аудитория — дирекция по строительству и реконструкции компании-заказчика в строительной отрасли.

Проблемы

  • Невозможность просмотра материалов больше 1гб в оффлайн режиме при отсутствии сети интернет;
  • Невозможность добавления новых проектов в программный комплекс;
  • Невозможность внесения актуальных данных в действующие строительные проекты;
  • Невозможность получения актуальных данных по действующим строительным проектам и дирекцией по строительству;
  • Сжатые сроки.

Задача

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

Решение

vis

О заказчике

Группа ВИС - российский инфраструктурный холдинг, один из лидеров рынка государственно-частного партнёрства (ГЧП). Холдинг инвестирует собственные средства в создание объектов транспортной, социальной и коммунальной инфраструктуры и реализует проекты ГЧП и концессий «под ключ», управляя каждым этапом их жизненного цикла. Компании Группы выступают частными партнерами, структурируют проекты, осуществляют организацию финансирования, строительство и эксплуатацию созданных объектов.

Требования заказчика

  • Приложение для онлайн и офлайн режимов работы;
  • Гарантированная загрузка необходимого контента, даже при условии отсутствия подключения к интернету;
  • Возможность использования веб-приложения на компьютерах, ноутбуках,планшетах и мобильных телефонах;
  • Адаптивный дизайн, возможность вывода информации на большие экраны и проекторы;
  • Создание Административной панели веб-приложения, позволяющей быстро и качественно вносить информацию по проектам.

Данный проект можно назвать настоящим вызовом, ведь нам удалось вместить весь объем работ всего в 4 месяца, что для таких проектов является весьма сжатым сроком (обычно минимальный срок реализации подобных решений составляет от 6 месяцев).

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

Решение

Разработано веб-приложении с применением технологии PWA, которое идеально отвечает всем требованиям заказчика; Отдельно была разработана административная панель, которая позволила разделить работу линейных сотрудников и топ-менеджмента. На стороне административной панели сотрудники вносят информацию по проектам, а топ-менеджмент, в своем отдельном интерфейсе, получает данные в готовом, презентабельном виде

Вызов

Создание уникальной системы загрузки, контроля и управления медиа контентом на стороне администратора

Решение

Разработана административная панель. Уникальность ее заключается в том, что она разработана с учетом всех особенностей и требований заказчика. В ней реализованы: Drag&Drop - система оперирования элементами приложения, которая позволяет захватить мышью элемент и перенести его. Бесперебойная загрузка данных - отсутствие системного прерывания загрузки при низком и/или нестабильном подключении к сети Интернет. Разработана уникальная система авторизации и безопасного доступа. Полностью исключена возможность доступа к платформе третьих лиц

Вызов

Необходимость реализации непрерывной загрузки и выгрузки файлов при низком или нестабильном подключении к сети интернет

Решение

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

Вызов

Реализация сервиса для строительной компании, способного работать как веб-приложение, но без доступа к сети Интернет

Решение

Создание PWA приложения для использования на любых устройствах и в оффлайн-режиме

Вызов

Использование только локальных ресурсов

Решение

Полный отказ от любых зарубежных сервисов. Наша команда SimpleIT реализовала собственное решение, которое позволило полностью закрыть потребность клиента в реализации медиа решения в строительной отрасли, и исключила необходимость использования каких-либо готовых модулей сторонних компаний. Например, нами была разработана собственная платформа для хранения данных, а также развернута уникальная инфраструктура, позволяющая поддерживать бесперебойную работу сервиса 24/7, хостинг и автоматическое резервное копирование данных на серверах компании клиента

Вызов

Отсутствие каких-либо исходных дизайн-материалов и необходимость создания уникальных UX/UI решений

Решение

В ходе создания UI было предложено более 15 вариантов дизайна интерфейса, которые так и не были приняты клиентом. В срочном порядке был проведен собственный внутренний ‘тендер’, в ходе которого мы привлекли нового партнера по дизайну, предварительно утвердив его кандидатуру вместе с клиентом. Решение данной ситуации потребовало у нас всего 5 рабочих дней, был пройден полный цикл - поиск, подбор, конкурс, согласование, утверждение, подписание NDA и вывод на проект

Вызов

Необходимость создания уникальной системы сетевых запросов, позволяющей контролировать онлайн и оффлайн функционирование сервиса

Решение

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

  • Frontend: React, Redux Tool Kit, Ant Design, OPFS, PWA
  • Frontend package manager: NPM
  • Backend: Nest.js, JWT, Kinescope, TypeORM
  • Backend package manager: Yarn
  • Database: PostgreSQL
  • DevOps: Docker, Docker-compose
  • Принципы: DRY, KISS, SOLID, YAGNI, SoC
  • Методологии: Agile, Kanban
  • Сбор требований (5 дней)
  • Прототипы (4 дня)
  • Написание технической документации (7 дней)
  • Дизайн (10 дней)
  • Разработка (65 дней)
  • Тестирование (10 дней)
  • Финализирующая документация (2 дня)
  • Project manager;
  • Frontend - разработчик (х2);
  • Team Lead, Backend - разработчик;
  • Дизайнер
  • Notion;
  • Miro;
  • Figma;
  • Telegram;
  • Google Docs;
  • Zoom;
  • Loom;
Желаете изучить другие проекты?
Портфолио
Предлагаем ознакомиться с отзывами клиентов:
Отзывы

Давайте обсудим ваш проект