Учебники

SAP Fiori – дизайнер тем

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

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

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

Поддерживаемая платформа

  • SAP NetWeaver как ABAP (через UI Add-On 1.0 SP4)
  • Портал SAP NetWeaver (версия 7.30 SP10 и выше)
  • SAP HANA Cloud (планируется)
  • Портал SAP NetWeaver (запланировано 7.02)

Основные характеристики и преимущества

Основные характеристики и преимущества приведены ниже.

  • Графический WYSIWYG-редактор на основе браузера – измените значения параметров тем и сразу посмотрите, как это влияет на визуализацию выбранной страницы предварительного просмотра.

  • Встроенные страницы предварительного просмотра – выберите встроенные страницы предварительного просмотра, чтобы увидеть, как будет выглядеть ваша пользовательская тема при применении к приложению.

  • Предварительный просмотр приложения – Пример: утверждение заказа на поставку, панель запуска SAP Fiori

  • Контроль превью .

Графический WYSIWYG-редактор на основе браузера – измените значения параметров тем и сразу посмотрите, как это влияет на визуализацию выбранной страницы предварительного просмотра.

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

Предварительный просмотр приложения – Пример: утверждение заказа на поставку, панель запуска SAP Fiori

Контроль превью .

Различные уровни тематики

  • Быстрое создание тем (основные настройки кросс-технологий).

  • Экспертная тематика (настройки темы для конкретной технологии).

  • Ручное LESS или CSS редактирование.

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

  • Кросс-технологическая тематика – создайте одну непротиворечивую тему, которая применяется к различным клиентам и технологиям SAP UI.

  • Стандартные библиотеки SAPUI5 (включая приложения SAP Fiori и панель запуска SAP Fiori)

  • Унифицированные технологии рендеринга (такие как Web Dynpro ABAP и Floorplan Manager)

  • Бизнес-клиент SAP NetWeaver

Быстрое создание тем (основные настройки кросс-технологий).

Экспертная тематика (настройки темы для конкретной технологии).

Ручное LESS или CSS редактирование.

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

Кросс-технологическая тематика – создайте одну непротиворечивую тему, которая применяется к различным клиентам и технологиям SAP UI.

Стандартные библиотеки SAPUI5 (включая приложения SAP Fiori и панель запуска SAP Fiori)

Унифицированные технологии рендеринга (такие как Web Dynpro ABAP и Floorplan Manager)

Бизнес-клиент SAP NetWeaver

SAP UI Client Части пользовательского интерфейса могут быть тематическими
Web Dynpro ABAP

Вы можете создавать темы приложений, которые не используют следующие элементы пользовательского интерфейса –

  • HTML остров

  • HTML-контейнер

  • Диаграмма

  • Флэш-Айленд

  • Серебряный свет остров

  • Деловая Графика

  • Вы можете использовать только темы, созданные с помощью дизайнера тем пользовательского интерфейса для приложений Web Dynpro ABAP, начиная с SAP NetWeaver 7.0 EHP2.

Менеджер поэтажных планов для Web Dynpro ABAP (FPM) Вы можете тематические приложения, которые не используют HTML острова или диаграммы UIBB’s
SAPUIS Вы можете использовать темы стандартных библиотек SAP. Пользовательские библиотеки SAPUI5 не могут быть тематическими.
Бизнес-клиент SAP NetWeaver (NWBC)
  • NWBC for Desktop (4.0 или более поздняя версия ) – вы можете использовать темы оболочки NWBC и обзорные страницы (страница указателя, страница новой вкладки, карта служб).

  • NWBC для HTML (3.6) – можно оформить карту сервиса. Оболочка не может быть тематической.

Вы можете создавать темы приложений, которые не используют следующие элементы пользовательского интерфейса –

HTML остров

HTML-контейнер

Диаграмма

Флэш-Айленд

Серебряный свет остров

Деловая Графика

Вы можете использовать только темы, созданные с помощью дизайнера тем пользовательского интерфейса для приложений Web Dynpro ABAP, начиная с SAP NetWeaver 7.0 EHP2.

NWBC for Desktop (4.0 или более поздняя версия ) – вы можете использовать темы оболочки NWBC и обзорные страницы (страница указателя, страница новой вкладки, карта служб).

NWBC для HTML (3.6) – можно оформить карту сервиса. Оболочка не может быть тематической.

Как вызвать дизайнера тем в SAP Fiori?

Войдите в систему на интерфейсном сервере SAP Fiori.

Вы можете использовать T-Code: Theme Designer или использовать ярлык, как показано ниже, и войти в систему.

UI Theme Designer

После входа в систему вы получите все шаблоны по умолчанию, предоставленные SAP для Theme Designer. Выберите тему по умолчанию и нажмите Открыть .

SAP для дизайнера тем

Введите ссылку Fiori Launchpad и Имя приложения и нажмите ДОБАВИТЬ .

Добавить целевой контент

С правой стороны вы можете выбрать цвет, шрифт, изображение и другие свойства. Вы можете редактировать цвета, как показано на приведенном ниже снимке.

Редактировать цвета

Чтобы сохранить тему, нажмите значок сохранения, как показано ниже. У вас также есть возможность сохранить и построить вариант.

Сохранить и построить

После того, как вы выберите « Сохранить и построить» , он начнет сохраняться, и после его завершения вы получите подтверждение «Сохранить и построить».

Сохранить и построить окно

Чтобы получить ссылку на эту тему, используйте T-код: theme_tool .

Инструмент Темы

Выберите созданную вами тему и перейдите на вкладку «Информация».

Информационная вкладка

Используйте Ctrl + Y, чтобы скопировать URL-адрес с экрана и запишите это.