Эй, ребята…!
Добро пожаловать обратно в мой новый пост, где я собираюсь дать вам представление о части пользовательского интерфейса в ПЕГА . Пользовательский интерфейс – это основная часть приложения. Именно здесь мы можем настроить внешний вид любого приложения. Именно здесь вы можете сделать так, чтобы пользователь чувствовал себя комфортно. Итак, давайте посмотрим на некоторые важные элементы пользовательского интерфейса в PEGA.
Некоторые важные вещи, которые вы должны знать в Категории пользовательского интерфейса , – это:
- Портал
- Упряжь
- Кожа
- Раздел
Обычно все эти правила присутствуют друг в друге. Внутри портала будет вызван жгут проводов, внутри которого вызывается скин, а затем Раздел настраивается с помощью макета, который настраивается с помощью необходимых нам полей.
Давайте рассмотрим их в деталях-
1. Портал:
Правила портала определяют скины, гаджеты, меню и панели инструментов, которые предоставляют HTML-код, отображающий пользовательский интерфейс Process Commander. Внешний вид пользовательского интерфейса Process Commander зависит от нескольких факторов, которые координируются правилами портала.
Порталы Process Commander поддерживают два типа пользователей:
a. Разработчики приложений создайте приложения на Портале разработчика, рабочей среде OOTB, среде тестирования и разработки, в которой разработчик выполняет модульное тестирование для оценки приложения с разных точек зрения пользователя. Портал разработчика предоставляет нам возможность запускать новый сеанс браузера, не требуя, чтобы разработчик выходил из системы и снова входил в систему как целевой пользователь.
b. Пользователи приложений используют Пользовательский портал для ввода, обновления, разрешения и мониторинга рабочих объектов. PRPC включает порталы конечного пользователя и менеджера работ. Эти пользовательские порталы обычно настраиваются таким образом, чтобы отражать терминологию, макет, средства и стили, соответствующие каждому пользователю, скажем, менеджеру, сотруднику и т.д..,
2. Упряжь:
Жгут проводов – это экземпляр типа правила Rule-HTML-Harness. Он используется для определения внешнего вида и обработки пользовательских форм, используемых в вашем приложении для создания рабочих элементов и назначений процессов.
Платформа Pega включает в себя более десятка стандартных форм для ввода, просмотра, обновления и обработки рабочих элементов и заданий. Ваше приложение может переопределять стандартные правила, чтобы расширить и адаптировать их к конкретным потребностям.
Прежде чем создавать или редактировать формы жгута, раздела или действия потока, установите для параметра “Использовать скин” значение “скин”, который, как ожидается, будут использовать пользователи приложения. Это обеспечивает наиболее близкое приближение во время разработки внешнего вида формы во время выполнения.
3. Кожа:
Скин определяет адаптивное поведение и форматирование, такие как цвета, шрифты, изображения и макеты, используемые в приложении Pega. Скин создает стиль для приложения. Скин также определяет адаптивные точки останова, применяемые к динамическим макетам. Отзывчивые точки останова позволяют вашему приложению работать на различных устройствах, таких как планшеты и мобильные телефоны.
Например, у большинства компаний есть корпоративная цветовая схема, которой должны соответствовать их приложения. Вы реализуете цветовую схему в оболочке, устраняя необходимость для архитекторов вручную указывать цветовую схему каждый раз, когда они используют элемент пользовательского интерфейса.
Скин применяет форматирование с помощью миксинов и форматов.
a. Смешивание Mixin определяет набор атрибутов стиля, которые могут быть повторно использованы в элементах пользовательского интерфейса. Миксины позволяют определять эффективные и чистые повторы стиля, а также простой способ обновить стиль. Например, вы можете создать микс, который определяет вашу корпоративную цветовую схему, которая затем повторно используется для кнопок, меню и заголовков. Если ваши корпоративные цвета изменятся с синего на оранжевый, вам нужно только обновить смешивание новым цветом, и любой элемент пользовательского интерфейса, который использует смешивание, будет изменен.
б. Формат Формат определяет стиль конкретного компонента пользовательского интерфейса. Компонент – это элемент, который вы можете стилизовать внутри скина, например. элемент управления, такой как кнопка или макет.
Вы можете определить различные форматы стилей для каждого компонента. Например, вы можете определить стиль для всех кнопок. Вы определяете форматы стилей в оболочке и ссылаетесь на форматы на панелях свойств в разделах, жгутах и элементах управления. Например, вы можете определить, как пользователю будут отображаться встроенные сетки или двойные сетки.
Каждый компонент может иметь один или несколько определенных форматов. Эти форматы затем используются во всем приложении для управления внешним видом пользовательского интерфейса. Все компоненты имеют формат по умолчанию, называемый либо стандартным, либо OOTB по умолчанию.
4. Раздел:
пользователи взаимодействуют с приложением и выполняют задачи через форумы пользователей. Пользовательская форма может представлять собой форму ввода данных, в которой пользователи предоставляют информацию для подачи страхового заявления, отображение юридических условий и положений, которые пользователи должны принять перед открытием банковского счета, или список операций по банковскому счету за последний месяц.
В Pega вы создаете пользовательские формы с разделами. Разделы группируют информацию и функциональные возможности по контексту и назначению. Внутри раздела вы упорядочиваете элементы пользовательского интерфейса с помощью макетов. Макеты содержат строки и столбцы, определяющие набор ячеек. Ячейка может быть пустой или содержать различные поля и элементы управления.
Когда вы создаете представление в Dev Studio, вы используете разделы для построения представления. По умолчанию поля в разделе организованы в макет, содержащий один столбец. Когда вы добавляете встроенное поле, такое как группа полей (список), свойства списка упорядочиваются по их разделам.
Макеты: Разделы используют динамические макеты, которые упорядочивают элементы в гибкой форме, автоматически подстраиваясь под размер экрана. Правила разделов обычно используют два типа макетов:
a. Динамический макет – это макет общего назначения, используемый для организации единого набора полей. Динамические макеты поддерживают адаптивное поведение для поддержки использования на нескольких устройствах, таких как компьютеры, планшеты, телефоны. При изменении размера экрана макет перемещает свое содержимое, чтобы перенести содержимое на экран.
б. Повторяющийся макет используется для организации списков, таблиц и других повторяющихся структур. Повторяющиеся макеты ссылаются на список страниц или группу страниц либо путем ссылки на свойство буфера обмена, либо на страницу данных. При изменении размера экрана элементы отображаются или скрываются, чтобы максимально увеличить ценность отображаемого содержимого.
В макете мы настраиваем раздел с полями в качестве поля ввода, флажка, выпадающего списка, переключателя и т.д., Которые мы хотели бы показать Пользователю.
Вот и все для этого поста, ребята. Я надеюсь, что вам понравятся мои посты, получив достаточно знаний о PEGA. Пожалуйста, дайте мне знать ваши мысли в комментариях. Спасибо вам, ребята 🙏
ознакомьтесь с моими предыдущими постами: Начните свое путешествие с обработки данных PEGA в PEGA
Кроме того, ознакомьтесь с PDN ❤ , чтобы углубить свое понимание, поскольку это единственный лучший ресурс, который вы можете найти в Интернете.
Как всегда, я увижу вас, ребята, в моем следующем посте. Бубье 🖐
Оригинал: “https://dev.to/mahithchigurupati/user-interface-in-pega-351m”