Платформа <span>Digital Q.Palette</span>
Платформа Digital Q.Palette
Микросервисная Low-code платформа для проектирования
и разработки пользовательского интерфейса Включена в Единый реестр российских программ для ЭВМ
и баз данных (запись в реестре №16759 от 01.03.2023)
попробовать
Состав платформы Digital Q.Palette
Состав платформы Digital Q.Palette
Инструменты проектирования

Обеспечивают возможность проектирования и генерации web-приложений.

Включает:

  • Дизайнер пользовательского интерфейса
  • Реестр готовых бизнес-компонентов
  • Дизайнер визуальных тем
Инструменты разработки

Содержат:

  • Дизайн-систему, определяющую стандарты проектирования UX и визуальное представление web-интерфейсов (UI)
  • SDK для web-разработчика, в том числе палитру компонент и набор системных библиотек
Дизайнер пользовательского интерфейса
1
Проектирование
Проектирование
  1. Дизайнер интерфейсов позволяет проектировать страницы как в Figma. Вы выбираете компонент и настраиваете его свойства
  2. Создание страниц по шаблонам - в платформе предусмотрено 2 основных шаблона страниц: табличная форма и форма ввода. Каждый шаблон при использовании может быть дополнительно настроен. При создании по шаблону вы за пару кликов мыши получите максимально близкий к требуемому макет страницы.

Отличительной особенностью Дизайнера интерфейсов Digital Q.Palette является то, что в момент проектирования вы видите точно тот же самый интерфейс, который впоследствии будет вам доступен в работающем приложении.

2
Настройка меню и параметров проекта
Настройка меню и параметров проекта

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

Каждый разработанный интерфейс может быть добавлен в реестр готовых компонент и использоваться повторно в других проектах.

3
Создание собственной визуальной темы
Создание собственной визуальной темы

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

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

4
Генерация web-приложения
Генерация web-приложения
  • После проектирования пользовательского интерфейса запускается процесс публикации проекта.
  • Пользователь может выбрать и увидеть миниатюру выбранных для публикации страниц проекта.
  • Сам web-проект может быть сгенерирован на фреймворке на выбор: Angular или React
  • Структура web-проекта соответствует лучшим практикам и рекомендациям от производителей выбранного фреймворка. Ваши frontend-разработчики увидят знакомый код и при необходимости без труда смогут приступить к его кастомизации.

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

  • Определяет стандарты проектирования UX и визуальное представление web-интерфейсов (UI)
  • Digital Q.Palette использует архитектурный подход Microfrontends для построения интерфейсов пользователя, что позволяет обеспечить независимый релизный цикл развития продуктов и ускорить Time To Market ваших цифровых сервисов.
  • Стандарты проектирования предназначены для создания корпоративных приложений, решений дистанционного и фронт-офисного обслуживания клиентов.
Дизайн-система
Дизайн-система
Инструменты digital Q.PALETTE
1
SDK для web-разработчика
SDK для web-разработчика

Инструменты разработчика Digital Q.Palette позволяют разрабатывать приложения с нуля, а также выполнять сложную кастомизацию силами разработчика.

Включают в себя:

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

Палитра платформы насчитывает более 100 компонентов, доступных для проектирования пользовательских интерфейсов. Среди них как стандартные элементарные элементы интерфейса, так и сложные комплексные компоненты, например, компоненты поиска, виджеты и др.

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

Набор библиотек платформы решает 100% стандартных задач web-проектов, таких как:

  • Авторизация
  • Маршрутизация
  • Разграничение доступа к элементам
  • Отправка запросов и обработка сообщений
3
Портал пользователя
Портал пользователя

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

Подгружаемые функциональные интерфейсы могут быть реализованы на любом фреймворке Angular или React.

  • Приложение позволяет отображать меню, доступное пользователю с учетом разграничения прав доступа и ролевой модели и настраивать раздел «избранное»
  • Обладает многозакладочным режимом работы с возможностью зафиксировать нужные вкладки или сгруппировать их.
  • Предоставляет систему плагинов для постоянного доступа к наиболее часто используемому функционалу
  • Возможность переключения на разные языки системы, выбора визуальной темы, включения дневной или ночной темы и другие настройки для пользователя
  • Обладает адаптивностью для комфортной работы с мобильных устройств (планшетов и смартфонов)
Примеры решений
Digital Q.PM
Digital Q.PM

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

Digital Q.BPM

Комплекс инструментов для эффективной цифровизации и оптимизации бизнес-процессов.

Digital Q.BPM
Технологии и архитектура
Angular
React
NGINX
PrimeFaces

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

  • Все компоненты платформы построены с использованием общепринятых и популярных в индустрии решений.
  • Сами web-приложения могут быть реализованы на одном из двух наиболее популярных фреймворках Angular или React. При этом приложения, созданные на разных фреймворках, будут бесшовно встроены в общее приложение Digital Q.Palette, в том числе и на уровне визуального отображения за счет выбранной в качестве основы палитры компонент от Prime Faces, которая обеспечивает единообразие компонент для обоих фреймворков.
  • Для размещения приложения используется микросервис на основе популярного сервера NGINX
Процесс разработки
1
Создать проект в дизайнере интерфейсов
Создать проект в дизайнере интерфейсов

Проект — это все настройки web-приложения, доступные к проектированию в режиме low-code

2
Настроить проект
Настроить проект
  • Спроектировать страницы интерфейса приложения
    Для легкого старта проектирования вам доступны настраиваемые шаблоны страниц, используя которые вы в несколько кликов получаете страницу с необходимыми готовыми блоками, доступными к дальнейшей кастомизации. Если вы создаете что-то уникальное - то можно начать и с «чистого листа»
  • Настроить меню, конфигурацию приложения
    При настройке меню вы можете сгруппировать пункты меню удобным для пользователя образом и настроить права доступа к интерфейсам приложения.
    Конфигурация позволяет настроить различные общие параметры, такие как метод авторизации, использование многовкладочного режима приложения, настроить панель плагинов
  • Кастомизировать визуальную тему приложения
    Дизайнер интерфейсов предоставляет гибкую настройку визуальной темы. Если вы создаете приложение для своих клиентов, то вы захотите сохранить узнаваемость вашего бренда.
3
Разработать бизнес-логику
Разработать бизнес-логику

Web-проект можно скачать из дизайнера интерфейсов или опубликовать в GIT-репозиторий. На этой стадии frontend-разработчик может реализовать необходимую логику приложения

4
Собрать и запустить проект
Собрать и запустить проект

Настроенный DevOps пайплайн соберет приложение и опубликует его в необходимом вам формате.

Для разворачивания в микросервисной среде платформа предоставляет готовый базовый образ UI-микросервиса, в который упаковывается web-приложение и разворачивается в среде оркестрации микросервисов

Преимущества платформы
Узнаваемый дизайн и системный подход
Узнаваемый дизайн и системный подход
Единство подходов и визуального оформления
Дизайн-система в составе Digital Q.Palette решает задачу систематизации и единообразия визуальной составляющей пользовательского интерфейса, привычного и продуманного UX, а также технологических подходов к его созданию. Изменяйте дизайн в соответствии с бренд-буком организации в режиме low-code
Low/NoCode инструментарий для ускоренного TimeToMarket
Low/NoCode инструментарий для ускоренного TimeToMarket
Пошаговая инструкция для проектирования и разработки
Digital Q.Palette определяет подход и упрощает старт разработки интерфейсов за счет предоставления шаблонов и инструментов. Все, что нужно, уже есть в Digital Q.Palette. Вам остается только определить свои бизнес-сценарии, выбрать подходящий шаблон и воспользоваться low-code инструментами. Frontend-разработчики подключаются на финальной стадии для реализации недостающей логики
SDK Разработчика
SDK Разработчика
Продуманная палитра компонентов, готовая к использованию
Дизайн-система включает проработанную палитру компонентов, эргономичных и сочетающихся друг с другом. Количество готовых к использованию компонентов достаточно для проектирования интерфейсов любой сложности
Быстрый старт разработки
Быстрый старт разработки
Промышленный веб-фреймворк
В качестве фреймворка для создания веб-приложений выбран Angular. Это решение неоднократно проанализировано и проверено, с учетом опыта индустрии и ориентации на фреймворки класса Enterprise
Адаптивность
Адаптивность
Поддержка адаптивности интерфейса из «коробки»
Все компоненты и шаблоны экранных форм проработаны с учетом необходимости их отображения на экранах различного разрешения и устройствах различного типа. Вам не придется заботиться о том, как ваше приложение будет выглядеть и работать в браузере смартфона. Этот вопрос уже решен
Архитектурный подход
Архитектурный подход
Архитектурный подход
Выбранный архитектурный подход Microfrontends позволяет развивать функционал множеством команд, что повышает скорость разработки и стабильность решения
связаться с нами
DIGITAL Q.PALETTE В ЦИФРАХ
0+
компонентов в палитре
0+
типовых диалоговых сценариев
0
визуальные темы из «коробки»
0 часа
до получения первых результатов работы
Дорожная карта развития
Команда разработчиков платформы готовит 3 мощных фичи в 2024 году
1
Мобильные
приложения
Началась работа по генерации нативных мобильных приложений с использованием Low/NoCode-инструментария платформы
2
Инклюзивность
Не новый, но набирающий обороты тренд развития приложений уже частично поддержан в дизайн системе. Планируется расширение возможностей для пользователей цифровых сервисов.
3
Сквозные пользовательские сценарии
Визуальное прототипирование сквозных сценариев упростит процессы проектирования и согласования создаваемого UX, а также повысит NoCode возможности платформы
digital q.palette
Воспользуйтесь low-code инструментами для проектирования и создания UI ваших приложений с помощью Digital Q.Palette. Получите современный стек технологий, промышленный веб-фреймворк, богатую палитру компонентов, выразительный UI и эргономичный UX для своих цифровых сервисов.
Digital Q.Palette – это не только палитра компонентов, необходимых для создания интерфейсов ваших приложений, не только дизайн-система, которая определит единый визуальный ряд и подходы к организации UX. Это еще и набор проверенных веб- и мобильных технологий и инструментов, необходимых для организации процессов создания UI ваших цифровых сервисов.
Документация
Документация Palette
В составе платформы доступна документация для разработчиков (описание и примеры использования компонент и библиотек платформы), набор рекомендованных стандартов для проектирования web-приложений, а также обучающие материалы по использованию Low/NoCode-инструментария
запросить документацию
videoPreloader
Digital Q.Palette
ОСТАЛИСЬ ВОПРОСЫ?
Напишите нам, и мы обязательно вам ответим

*поля обязательные к заполнению