Личный кабинет для «Инферит Облако»

Разработали удобный интерфейс для управления виртуальными машинами

«Инферит» — российский вендор оборудования и программного обеспечения для IT-инфраструктуры и информационной безопасности, входит в группу компаний Softline. Его подразделение «Инферит Облако» разрабатывает и помогает внедрять облачные и виртуальные технологии.

Долгое время клиенты «Инферит Облако» управляли облачными решениями с помощью Open-source решения Horizon в Openstack. Это было не вполне удобно, потому что:

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

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

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

Бизнес-задачи

Создать брендированный и удобный личный кабинет вместо веб-интерфейса OpenStack Horizon.
Разработать отзывчивый интерфейс кабинета.
Сократить задержки при взаимодействии с OpenStack.
Создать такую структуру системы, чтобы команда проекта могла легко добавлять в нее новые продукты.
Разработать и реализовать тарификацию внутри личного кабинета, а также интегрировать ее с биллингом «Инферит Облака».

Проект стал результатом коллаборации AGIMA, «Инферит Облако» и Nimax. Такой формат работы позволил объединить компетенции всех трех команд, и каждая могла получить полезный опыт взаимодействия.

Технологическая база и интеграция

Фронт-часть личного кабинета реализовали на базе TypeScript и React, а в бэкенд-части использовали Python и фреймворк Django. Эти технологии позволили построить масштабируемую архитектуру с гибкой интеграцией.

Основные функции кабинета

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

Никита Лукашев

Backend teamlead

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

Алексей Кузьмин

Руководитель направления Frontend-разработки

Результаты

Удобство для пользователей

Разработанный личный кабинет значительно упростил взаимодействие с облаком. Теперь пользователи могут легко создавать и настраивать виртуальные машины и сети через интуитивно понятный интерфейс, не вдаваясь в сложности OpenStack Horizon.

Улучшенная оптимизация и производительность

Многие действия, которые были реализованы через интеграцию с OpenStack, изначально занимали слишком много времени. Чтобы это исправить, мы предприняли следующие шаги:

Кеширование данных и дублирование сущностей. OpenStack в собственной базе данных для ускорения обработки запросов.
Добавили значительную долю асинхронного API.
Мы решили вынести все «тяжелые» задачи в асинхронные таски на базе Celery, а затем создали к нему понятную абстракцию, чтобы клиент в виде фронта всегда мог одинаково работать с любыми асинхронными вызовами API.

В итоге удалось сократить скорость прохождения одного из базовых пользовательских сценариев почти вдвое.

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

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

Сергей Самокин

Коммерческий директор «Инферит Облако»

Над проектом работали

Команда AGIMA

Никита Лукашев

Teamlead Backend-команды
Алексей Кузьмин

Teamlead Frontend-команды
Олег Яцковский

QA-инженер
Ольга Марухина

Системный аналитик
Михаил Павлов

Python-разработчик
Игорь Серченя

React-разработчик
Максим Непочатых

QA-инженер
Сергей Ященко

Системный аналитик
Михаил Трофимов

Python-разработчик
Игорь Черниенко

React-разработчик
Александр Тихонов

QA-инженер
Дмитрий Соболь

DevOps-разработчик
Карен Георгиевский

Python-разработчик
Юрий Волобуев

React-разработчик
Елена Тимакова

Lead системной аналитики
Анна Трубина

Руководитель проекта

Команда «Инферит Облако»

Чуриков Алексей

Lead devOps-разработчик
Татьяна Туркевич

React-разработчик
Тимур Евсеев

SRE
Даниил Зевакин

Владелец продукта
Евгений Федорин

Python-разработчик
Сергей Самоукин

Коммерческий директор

Команда Nimax

Павел Конюков

Артдирекшн
Лера Герус

Продюссер
Дарья Морозова

UI-дизайнер
Вячеслав Дубков

Дизайнер
Ника Торопцова

Бренд-дизайнер
Саша Кондудина

Продюссер
Надежда Колмыкова

UX-аналитик