Техподдержка
Техподдержка
Платформа Digital Q.Palette
Платформа для проектирования и разработки пользовательского интерфейса
попробовать
Состав платформы Digital Q.Palette
Инструменты проектирования
Обеспечивают возможность проектирования и генерации web-приложений.
Включает:
- Дизайнер пользовательского интерфейса
- Реестр готовых бизнес-компонентов
- Дизайнер визуальных тем
Инструменты разработки
Содержат:
- Дизайн-систему, определяющую стандарты проектирования UX и визуальное представление web-интерфейсов (UI)
- SDK для web-разработчика, в том числе палитру компонент и набор системных библиотек
Дизайнер пользовательского интерфейса
1.
Проектирование
- Дизайнер интерфейсов позволяет проектировать страницы как в Figma. Вы выбираете компонент и настраиваете его свойства.
- Создание страниц по шаблонам - в платформе предусмотрено 2 основных шаблона страниц: табличная форма и форма ввода. Каждый шаблон при использовании может быть дополнительно настроен. При создании по шаблону вы за пару кликов мыши получите максимально близкий к требуемому макет страницы.
- Добавление пользовательского кода на страницу интерфейса. Функционал позволяет разработчику или продвинутому пользователю встраивать собственный программный код в страницу интерфейса, созданную в Дизайнере. Это дает возможность расширять стандартное поведение компонентов, реализовывать дополнительные бизнес-правила, настраивать реакцию интерфейса на события.
Отличительной особенностью Дизайнера интерфейсов Digital Q.Palette является то, что в момент проектирования вы видите точно тот же самый интерфейс, который впоследствии будет вам доступен в работающем приложении.
2.
Настройка меню и параметров проекта
Помимо страниц приложений дизайнер интерфейсов позволяет настроить меню пользователя (с учетом разграничения прав доступа), а также конфигурацию web-приложения, например такие параметры как способ авторизации или визуальную тему по умолчанию.
Каждый разработанный интерфейс может быть добавлен в реестр готовых компонент и использоваться повторно в других проектах.
3.
Создание собственной визуальной темы
Часто требуется предоставить цифровые сервисы напрямую вашим клиентам или партнерам. В этом случае требуется чтобы пользовательский интерфейс соответствовал брендбуку вашей организации.
Для решения данной задачи дизайнер интерфейсов предоставляет интерактивный инструментарий для проектирования и кастомизации дизайна. Настройке поддается практически все элементы дизайна, как общая цветовая палитра, так и отображение отдельных элементов дизайн-системы.
4.
Генерация web-приложения
- После проектирования пользовательского интерфейса запускается процесс публикации проекта.
- Пользователь может выбрать и увидеть миниатюру выбранных для публикации страниц проекта.
- Сам web-проект может быть сгенерирован на фреймворке на выбор: Angular или React
- Структура web-проекта соответствует лучшим практикам и рекомендациям от производителей выбранного фреймворка. Ваши frontend-разработчики увидят знакомый код и при необходимости без труда смогут приступить к его кастомизации.
Проектирование и генерация приложений с помощью дизайнера интерфейсов Digital Q.Palette избавляет разработчиков от рутинных операций, таких как, например, верстка страниц или создание типового кода для обработчиков. Это позволяет существенно экономить силы и повышать качество создаваемых интерфейсов пользователя.
Дизайн-система
- Определяет стандарты проектирования UX и визуальное представление web-интерфейсов (UI)
- Digital Q.Palette использует архитектурный подход Microfrontends для построения интерфейсов пользователя, что позволяет обеспечить независимый релизный цикл развития продуктов и ускорить Time To Market ваших цифровых сервисов.
- Стандарты проектирования предназначены для создания корпоративных приложений, решений дистанционного и фронт-офисного обслуживания клиентов.
Инструменты digital Q.PALETTE
SDK для web-разработчика
Инструменты разработчика Digital Q.Palette позволяют разрабатывать приложения с нуля, а также выполнять сложную кастомизацию силами разработчика.
Включают в себя:
- Широкую палитру компонент
- Набор системных библиотек
- Общее приложение для управления прикладными интерфейсами
- Специально подготовленный микросервис для разворачивания приложений в микросервисной среде
Компоненты и библиотеки
Палитра платформы насчитывает более 100 компонентов, доступных для проектирования пользовательских интерфейсов. Среди них как стандартные элементарные элементы интерфейса, так и сложные комплексные компоненты, например, компоненты поиска, виджеты и др.
Все компоненты платформы обладают сквозной стилизацией, обеспечивая целостность готового пользовательского интерфейса.
Набор библиотек платформы решает 100% стандартных задач web-проектов, таких как:
- Авторизация
- Маршрутизация
- Разграничение доступа к элементам
- Отправка запросов и обработка сообщений
Портал пользователя
В состав платформы входит единое приложение «Портал пользователя», которое обеспечивает единую точку доступа ко всему функционалу системы.
Подгружаемые функциональные интерфейсы могут быть реализованы на любом фреймворке Angular или React.
- Приложение позволяет отображать меню, доступное пользователю с учетом разграничения прав доступа и ролевой модели и настраивать раздел «избранное»
- Обладает многозакладочным режимом работы с возможностью зафиксировать нужные вкладки или сгруппировать их.
- Предоставляет систему плагинов для постоянного доступа к наиболее часто используемому функционалу
- Возможность переключения на разные языки системы, выбора визуальной темы, включения дневной или ночной темы и другие настройки для пользователя
- Обладает адаптивностью для комфортной работы с мобильных устройств (планшетов и смартфонов)
Примеры решений
Digital Q.PM
Платформа обеспечивает простоту и эффективность управления проектом на всех стадиях его реализации – от инициации до завершения. Автоматизирует процессы управления проектами, программами и портфелями проектов.
Digital Q.BPM
Комплекс инструментов для эффективной цифровизации и оптимизации бизнес-процессов.
Технологии и архитектура
Выбранные в платформе подход и фреймворки обеспечивают легкий вход для разработчиков организации, специалистов с нужными компетенциями легко найти на рынке труда.
- Все компоненты платформы построены с использованием общепринятых и популярных в индустрии решений.
- Сами web-приложения могут быть реализованы на одном из двух наиболее популярных фреймворках Angular или React. При этом приложения, созданные на разных фреймворках, будут бесшовно встроены в общее приложение Digital Q.Palette, в том числе и на уровне визуального отображения за счет выбранной в качестве основы палитры компонент от Prime Faces, которая обеспечивает единообразие компонент для обоих фреймворков.
- Для размещения приложения используется микросервис на основе популярного сервера NGINX
Процесс разработки
Шаг №1.
Создать проект в дизайнере интерфейсов
Проект — это все настройки web-приложения, доступные к проектированию в режиме low-code
Шаг №2.
Настроить проект
- Спроектировать страницы интерфейса приложения
Для легкого старта проектирования вам доступны настраиваемые шаблоны страниц, используя которые вы в несколько кликов получаете страницу с необходимыми готовыми блоками, доступными к дальнейшей кастомизации. Если вы создаете что-то уникальное - то можно начать и с «чистого листа» - Настроить меню, конфигурацию приложения
При настройке меню вы можете сгруппировать пункты меню удобным для пользователя образом и настроить права доступа к интерфейсам приложения.
Конфигурация позволяет настроить различные общие параметры, такие как метод авторизации, использование многовкладочного режима приложения, настроить панель плагинов - Кастомизировать визуальную тему приложения
Дизайнер интерфейсов предоставляет гибкую настройку визуальной темы. Если вы создаете приложение для своих клиентов, то вы захотите сохранить узнаваемость вашего бренда.
Шаг №1.
Разработать бизнес-логику
Web-проект можно скачать из дизайнера интерфейсов или опубликовать в GIT-репозиторий. На этой стадии frontend-разработчик может реализовать необходимую логику приложения
Шаг №4.
Собрать и запустить проект
Настроенный DevOps пайплайн соберет приложение и опубликует его в необходимом вам формате.
Для разворачивания в микросервисной среде платформа предоставляет готовый базовый образ UI-микросервиса, в который упаковывается web-приложение и разворачивается в среде оркестрации микросервисов
Преимущества платформы
Узнаваемый дизайн и системный подход
Единство подходов и визуального оформления
Дизайн-система в составе Digital Q.Palette решает задачу систематизации и единообразия визуальной составляющей пользовательского интерфейса, привычного и продуманного UX, а также технологических подходов к его созданию. Изменяйте дизайн в соответствии с бренд-буком организации в режиме low-code
Единство подходов и визуального оформления
Дизайн-система в составе Digital Q.Palette решает задачу систематизации и единообразия визуальной составляющей пользовательского интерфейса, привычного и продуманного UX, а также технологических подходов к его созданию. Изменяйте дизайн в соответствии с бренд-буком организации в режиме low-code
Low/NoCode инструментарий для ускоренного TimeToMarket
Пошаговая инструкция для проектирования и разработки
Digital Q.Palette определяет подход и упрощает старт разработки интерфейсов за счет предоставления шаблонов и инструментов. Все, что нужно, уже есть в Digital Q.Palette. Вам остается только определить свои бизнес-сценарии, выбрать подходящий шаблон и воспользоваться low-code инструментами. Frontend-разработчики подключаются на финальной стадии для реализации недостающей логики
Пошаговая инструкция для проектирования и разработки
Digital Q.Palette определяет подход и упрощает старт разработки интерфейсов за счет предоставления шаблонов и инструментов. Все, что нужно, уже есть в Digital Q.Palette. Вам остается только определить свои бизнес-сценарии, выбрать подходящий шаблон и воспользоваться low-code инструментами. Frontend-разработчики подключаются на финальной стадии для реализации недостающей логики
SDK Разработчика
Продуманная палитра компонентов, готовая к использованию
Дизайн-система включает проработанную палитру компонентов, эргономичных и сочетающихся друг с другом. Количество готовых к использованию компонентов достаточно для проектирования интерфейсов любой сложности
Продуманная палитра компонентов, готовая к использованию
Дизайн-система включает проработанную палитру компонентов, эргономичных и сочетающихся друг с другом. Количество готовых к использованию компонентов достаточно для проектирования интерфейсов любой сложности
Быстрый старт разработки
Промышленный веб-фреймворк
В качестве фреймворка для создания веб-приложений выбран Angular. Это решение неоднократно проанализировано и проверено, с учетом опыта индустрии и ориентации на фреймворки класса Enterprise
Промышленный веб-фреймворк
В качестве фреймворка для создания веб-приложений выбран Angular. Это решение неоднократно проанализировано и проверено, с учетом опыта индустрии и ориентации на фреймворки класса Enterprise
Адаптивность
Поддержка адаптивности интерфейса из «коробки»
Все компоненты и шаблоны экранных форм проработаны с учетом необходимости их отображения на экранах различного разрешения и устройствах различного типа. Вам не придется заботиться о том, как ваше приложение будет выглядеть и работать в браузере смартфона. Этот вопрос уже решен
Поддержка адаптивности интерфейса из «коробки»
Все компоненты и шаблоны экранных форм проработаны с учетом необходимости их отображения на экранах различного разрешения и устройствах различного типа. Вам не придется заботиться о том, как ваше приложение будет выглядеть и работать в браузере смартфона. Этот вопрос уже решен
Архитектурный подход
Архитектурный подход
Выбранный архитектурный подход Microfrontends позволяет развивать функционал множеством команд, что повышает скорость разработки и стабильность решения
Архитектурный подход
Выбранный архитектурный подход 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 ваших цифровых сервисов.
Документация
В составе платформы доступна документация для разработчиков (описание и примеры использования компонент и библиотек платформы), набор рекомендованных стандартов для проектирования web-приложений, а также обучающие материалы по использованию Low/NoCode-инструментария
запросить документацию
Новости платформы
Компания «Диасофт» развивает функционал для создания мобильных приложений. Теперь добавлена возможность самостоятельной регистрации пользователя. Интерфейс процесса регистрации реализован с помощью платформы Digital Q.Palette, которая помогает разрабатывать пользовательские интерфейсы цифровых сервисов. Платформа содержит low-code инструменты для проектирования и создания UI-приложений, обширные библиотеки готовых компонентов интерфейсов, шаблоны для проектирования единого UI/UX-дизайна.
Подробнее
20 мая в Москве прошла первая партнерская конференция «Диасофт» - Diasoft Partners Day.
В мероприятии приняли участие более 300 экспертов: IT-директоров, руководителей по цифровой трансформации крупных организаций из всех отраслей экономики, представителей компаний – партнеров «Диасофт», которые занимаются разработкой собственных IT-решений.
В 2025 году, когда цифровизация и импортозамещение стали главными трендами, особенно важно не просто создавать новые ИТ-продукты, а получать реальные результаты от их внедрения. Быстро разрабатывать и внедрять новые ИТ-решения, снижая затраты и минимизируя зависимость от дефицита квалифицированных разработчиков — критически важные условия современной разработки. Экосистема low-code разработки Digital Q позволяет радикально снизить затраты и повысить скорость и качество производства ИТ-решений.
Подробнее
Видео о Digital Q.Palette
свяжитесь
с нами
с нами
контакты
Для прямой связи с нами вы можете использовать контакты ниже, либо оставить заявку через форму обратной связи, и мы обязательно свяжемся с вами