какие ключевые особенности интерфейса fiori вы могли бы выделить

SAP Fiori

Откройте для себя новый мир программного обеспечения SAP с помощью пользовательского интерфейса Fiori. Пользуйтесь рабочими инструментами с десктопа, планшета или мобильного в любой точке мира.

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

Ключевые преимущества SAP Fiori

Современная визуализация

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

Управление по ролям

Fiori предлагает готовые портфели функций для разных линий бизнеса — управления персоналом, производства, продаж, финансов, менеджмента, логистики. А также для разных должностей — менеджеров, специалистов по продажам, специалистов по закупкам. Такое разделение позволяет выстраивать простые и удобные модели взаимодействия между отделами.

1000+ ролевых приложений

Адаптивность

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

Варианты лицензирования

SAP Fiori

Используйте для оптимизации работы отдельное приложение SAP Fiori или же встроенное в решения SAP S/4HANA, Ariba Mobile и SAP Customer Experience Cloud for Customer.

SAP Fiori Cloud

Узнайте, как SAP Fiori поможет вашей компании повысить производительность подразделений, оптимизировать бизнес-процессы и снизить затраты на обучение за счет ориентации на пользователей.

Источник

Fiori — старые технологии

Не вру ни разу. Что такое Fiori? Набор приложений. Что такое UI5 — HTML5. Давайте серьезно поговорим, может я чего не понимаю. Работа фиори приложения:

СУБД — САПчег ERP — Шлюзик Gateway — Клиентик Fiori

Фиори это страничка, сверстанная на HTML языке разметки, приукрашенная CSS стилями, приправленная AJAX вызовами с тяжелой server-side логикой бизнес функций и косметической приправой client-side проверок.

САПчег ERP. Все наше ESS/MSS-ное, ничего нового особо нет. Те же RFC функции, веб-сервисы, ФМ-ники для управления данными.

Основные участники Fiori

Шлюзик Gateway — вот тут уже интересно. Это своего рода прокси — прослойка между клиентом и ERP. Он ретранслирует запросы клиента в вызовы конретных ФМ в ERP. Все это делается через OData сервисы, которые являются частными примером реализации REST технологии. Очень упрощенно это выглядит так.

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

Клиентик — страничка, которая загрузилась на устройство. Вдруг устройство видит команды на языке Javascript — прочитай мне список командировок. Отправляется одна атомарная команда на шлюз — я — Иванов, дай мне список командировок. Шлюз не дурак, проверил, что Иванов есть Иванов (по тикетам в куках (cookies)), посмотрел как его послали за списком командировок (проанализировав состав URI запроса), вызвал от имени Иванова ФМ в САП. САП подумал, выдал список командировок. Шлюз подумал, упаковал их в SOAP/JSON и выплюнул обратно клиенту.

Клиент получил набор вида

Моя первая командировка

Моя вторая командировка

Моя третья командировка

Вот вам пример SOAP и JSON форматов. Язык программирования Javascript на клиенте проанализировал все это и понял (умный!), что ему прислали три командировки. Потом дает команду: в таблицу командировок на экране добавить три элемента. И все. Мы получили список. Если нам нужно удалить командировку, то клиент отправит одну атомарную функцию — удалить командировку номер 2. Сервер ответит 200 «Ок» или «Не согласная я». Клиент изучит ответ и выдаст пользователю ошибку или удалит запись из таблицы и перерисует экран.

Что мы получаем? Клиент рисует и управляет логикой экрана сам, не тревожа сервер. Это многократно ускоряет его работу. Ввиду того, что все делается через AJAX (асинхронные вызовы), то пока сервер со шлюзом договариваются, клиент работает дальше. И это психологичеси добавляет скорости приложению.

Почему Fiori?

Почему все старье? Да это используется в web программировании уже как минимум лет 5. А то и больше. И если немного расширить кругозор, то можно увидеть, что САП это всего лишь сервер приложений, который предоставляет стандартные интерфейсы по стандартным международным протоколам. Все современные сайты работают на этих технологиях, что позволяет их делать масштабируемыми, быстрыми (сколько секунд уходит у гугла на подбор предложений? А он просто заранее все загружает пока вы набираете в строке поиска запрос). Развивая эту тему можно увидеть и то, что САП легко встраивается в любой сайт, портал как сервис. Один из десятка или сотни других. Стандартные механизмы авторизации и аутентификации позволяют использовать его прозрачно, без дополнительной авторизации, храня лишь набор символов тикета в HTTP заголовке.

Выводы

Понимаете к чему я веду? Эти все новомодные облачные решения лишь обертка в виде красивых картинок, которые дергают сервисы бэкэнд систем. По тем же старым протоколам. И создается умопомрачительная картинка мгновенного отклика, удобства работы, usability и так далее. Почему SAP Personas так красиво звучал год назад и уже всеми забыт? Да просто все — это слишком тяжело, старо. UI5 работает в разы быстрее, разрабатывать на нем тоже быстро, поддерживать дешево, так как фронтэнд разработчиков сейчас как 1Серов. И выглядит на голову выше.

Что я думаю на этот счет? Ребят, учите Javascript, CSS, HTML. И китайский с индийским.

Источник

Разрабатываем SAP Fiori-приложения локально при помощи VSCode и Fiori Tools

Привет, Хабр! Меня зовут Александр Карпов, я ведущий разработчик в группе разработки интерфейсов веб-приложений компании «Северсталь-инфоком». Хочу поделиться с вами опытом локальной разработки UI-приложений для SAP-систем.

В разное время для разработки приложений SAPUI5 разработчики пользовались разными инструментами. Сначала это были плагины для HANA Studio (Eclipse), потом появилась Web IDE, затем Business Application Studio (BAS). Но проблема в том, что плагины для Eclipse не развиваются с 2019 года, а два остальных инструмента привязывают разработчика к конкретной среде. Ведь Web IDE и BAS — это облачные среды, которые лишают возможности разрабатывать локально. К тому же они платные.

Компания SAP пошла на встречу разработчикам и в последнее время начала разрабатывать инструменты для локальной разработки: UI5 Tooling и Fiori Tools, а также плагины для VSCode. Это позволяет разработчикам работать эффективнее, а также не зависеть от облачных сред разработки.

В этой статье мы будем использовать редактор VSCode, установим на него плагины, создадим приложение и запустим его локально.

Устанавливаем расширения SAP Fiori Tools

Перед началом работы установите Node.js. Мы не будем использовать его напрямую, но он необходим для работы инструментов.

Application Wizard. Помогает создавать приложения на основе готовых шаблонов. По сути это просто графический интерфейс над утилитой Yeoman.

XML Toolkit. Поддержка XML: подсветка синтаксиса, проверка и так далее.

Создаем приложение

Сначала создадим папку для проекта (у меня она называется OVP) и откроем ее с помощью VSCode. Далее в редакторе нажимаем Ctrl+Shift+P, в окне поиска пишем «generator» и выбираем «Fiori: Open Application Generator».

Откроется мастер, который помогает создавать приложения. На выбор есть два типа приложений: «SAP Fiori Elements» для Fiori-приложений и «SAPUI5 freestyle» для самостоятельных приложений UI5. Для нашей разработки мы выберем «SAP Fiori elements» и шаблон «Overview Page».

На следующем шаге необходимо выбрать источник данных. К чему можно подключиться:

к существующей SAP-системе

к SAP API Business Hub

или просто загрузить файл метаданных.

Мы выберем первый вариант и подключимся к нашей локальной SAP-системе. Также можно подключиться к облачной платформе SAP Business Technology Platform.

После успешной авторизации появятся два дополнительных поля: «System name» и «Service». В первое поле можно ввести удобное имя системы, и оно сохранится в VSCode для дальнейшего использования. Во втором нужно выбрать сервис OData, из которого мы будем забирать данные.

На третьем шаге выбираем сущность, по которой будет строиться глобальная панель фильтрации приложения (smartFilterBar).

На следующем шаге заполним атрибуты проекта: имя модуля проекта, описание и подробное описание, папка для генерации файлов проекта. Для удобства тестирования можно выбрать опцию «Add FLP configuration».

На последнем шаге заполним данные конфигурации Fiori Launchpad: семантический объект, действие (action), заголовок и подзаголовок. Эта конфигурация не попадет в настройки ланчпада реальной системы, а будет использоваться только для локальной разработки.

Запускаем приложение локально

Мастер автоматически создает пять конфигураций запуска:

Start with UI5 Version. Запуск с настройками ui5.yaml и возможностью выбора версии библиотек.

Start Mock. Запуск с настройками ui5.yaml и тестовыми данными.

Start Mock with UI5 Version. Запуск с настройками ui5.yaml, тестовыми данными и возможностью выбора версии библиотек.

Start Local. Запуск с настройками ui5-local.yaml. При этом будет использоваться локальная версия библиотеки SAPUI5.

Запускать приложения можно через панель Run and Debug (Ctrl+Shift+D). Для этого выберите нужный вариант и нажмите на иконку запуска.

Мы запустим наше приложение в конфигурации «Start zoverview». По умолчанию оно запустится на порту 8080 и автоматически откроется в дефолтном браузере. Мы увидим приложение с заголовком и Smart Filter Bar’ом.

Итак, при помощи редактора VSCode и инструментов Fiori Tools мы создали приложение Fiori Elements и запустили его локально. Как видите, процесс создания приложения достаточно быстрый и удобный, благодаря простому интерфейсу и широкому набору настроек. Задавайте вопросы, пишите комментарии, постараюсь ответить.

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

Источник

Треп про Fiori и западные практики

Что такое Фиори? Слишком просто будет ответить, что это веб-интерфейс для SAP. Давным-давно SAP представлял собой консольную программу в MS-DOS, которая что хранила, обрабатывала, показывала на черно-белом экране. По мере развития компьютерных технологий внешний вид преобразовывался с развитием оконных интерфейсов Microsoft Windows. Появились окошки, многооконные формы и этот вектор так и развивался до наших дней. Лет десять назад мир ринулся в интернет, где на веб-сайтах стали размещать собственные приложения со сложной логикой. Сайты с точки зрения нас обывателей стали выполнять сложные операции. нам это понравилось, так как красиво, удобно, пусть и не всегда быстро. Маркетологи стали бороться за покупателей в интернет-магазинах, придумывая различные хитрости как заманить человека в корзину с покупками. Появились кнопочки заказа товара в один клик. Какое это имеет отношение к SAP? Самое прямое! В свое время многие ругали SAP за неуклюжий интерфейс, за неудобство, сложность работы с системой. SAP долго сопротивлялся и наконец сдался. На рынке появилась технология SAP Screen Personas, которая должна была внести элементы дизайна и упрощения работы пользователя с системой. Теперь пользователи могли сами создавать интерфейсы для стандартных транзакций системы. Можно было скрывать ненужные элементы, объединять несколько экранов в одном окне, вызывать в фоновом режиме определенные программы или действия. Начались проблемы с совместимостью с различными браузерами и операционными системами, что привело к ограничению функционала Screen Personas.

В это время на рынке информационных технологий намечается лавинообразный рост открытых и бесплатных инструментов для веб-программирования. Появляются новые языки программирования, библиотеки, которые используются такие монстры как twitter, facebook, google, amazon и прочие гиганты ИТ-индустрии. Следом формируется огромный рынок веб-разработки нового уровня с распределенными приложениями, где бизнес-логика выполняется прямо в браузере пользователя, появляются веб-игры во всех социальных сетях. Интернет выходит на новый уровень своего развития. Разумным шагом компании SAP становится инвестиция в открытые платформы и технологии, чтобы привлечь еще больше разработчиков в свои ряды, тем самым создавая экосистему.

С точки зрения пользователя нашей HR-функции, Fiori это просто удобненькие приложения, которые можно запускать с телефона или с компьютера. Они отличаются простотой, небольшим количеством вводимых или выводимых данных, несколькими экранами для взаимодействия, несколькими шагами бизнес-процесса. Одно приложение равно одному процессу, зачастую требующему оперативный ввод/вывод данных или возможность вводить данные без привязки к рабочему месту или персональному компьютеру. Более того, все приложения и инструменты становятся бесплатными для клиентов, а для затравки SAP создает наиболее часто используемые приложения и отдает их бесплатно. Настроек минимум — нужно только обновить системы и включить приложения на серверах.

С точки зрения консультанта и разработчика, а здесь уже стоит объединить консультантов и разработчиков в одно целое (настраивать-то особо нечего), Fiori это набор открытых фреймворков доработанных SAP. Если посмотреть на исходные коды приложений Fiori, на официальную документацию, то можно заметить следы Mustache, AngularJS, LESS и других современных «де-факто стандартов» веб-разработки.

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

Красиво? А теперь о жизни. Оформляю командировку к Заказчику через их системы. Политики не обновлялись 5 лет. У компании куплен SAP вся линейка, производство, облака. Стоит SF, Concur, Workday. Все настолько круто и восхитительно, сама компания международная, высокоэффективный бизнес. И тут мне присылают письмо. Оформите заявку в ексельке. Отправляю. А теперь вот вам телефончик, позвоните в наше агенство, они вам подберут гостиницу и машину, но не дороже вашего лимита. Звоню в агенство. Выясняется, что агенство работает на Concur от имени заказчика. Но профиль мне может сделать только заказчик. У заказчика не могут найти лицо, отвечающее за ввод нового пользователя для не сотрудника. Проходит два дня, профиля нет, а мне выезжать. Плюю на автоматизацию, звоню по телефону. 34 минуты девушка оформляла мне заказ на автомобиль и гостиницу. Проверяя каждую букву в документах. Через два часа после звонка приходит письмо с подтверждением бронирования.

А можно было все сделать онлайн за 5 минут с учетом ввода регистрационных данных. Вот вам и автоматизация. Начерта?

Источник

SAP Fiori — Введение

SAP Fiori — это новый пользовательский интерфейс (UX) для программного обеспечения и приложений SAP. Он предоставляет набор приложений, которые используются в обычных бизнес-функциях, таких как одобрение работы, финансовые приложения, приложения для расчетов и различные приложения самообслуживания.

SAP Fiori предоставляет более 300 ролевых приложений, таких как HR, производство, финансы и т. Д. Когда вы откроете приложение для домашней страницы SAP Fiori, вы увидите изображение цветов. Это потому, что Fiori означает «цветы» на итальянском языке.

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

SAP Fiori поддерживает несколько приложений для устройств, которые позволяют пользователям запускать процесс на своем настольном компьютере / ноутбуке и продолжать этот процесс на смартфоне или планшете. SAP разработала Fiori Apps на основе пользовательского интерфейса UI5.

Когда SAP Fiori сочетается с мощью SAP HANA, он обеспечивает непревзойденный отклик приложения и время выполнения запроса. Пользовательский интерфейс SAP Fiori (UX) используется для предоставления персонализированного пользовательского интерфейса на основе ролей для взаимодействия в масштабах всего предприятия.

Как родился SAP Fiori?

Когда было проведено исследование, выяснилось, что большинство пользователей SAP используют пользовательский интерфейс SAP для доступа к приложениям. Они включали в себя общие приложения, связанные с взаимодействиями менеджера и сотрудника, такие как запрос на отпуск, запрос на поездку и т. Д. В этом графическом интерфейсе было более 300 000 экранов с различными функциями. SAP проверила наиболее часто используемое приложение, а затем решила обновить эти приложения. Так родился SAP Fiori.

Принципы проектирования SAP Fiori

На основе ролей — SAP разложила различные транзакции SAP и превратила их в прекрасные пользовательские интерактивные приложения, которые показывают пользователям только самую актуальную информацию.

Отзывчивость. Когда SAP Fiori сочетается с мощью SAP HANA, он обеспечивает непревзойденный отклик приложения и время выполнения запроса.

Беспроблемный опыт — SAP предоставила все приложения Fiori на одном языке, и это не имеет значения для развертывания и платформы.

Восхитительный — SAP Fiori был разработан для работы с ECC 6.0, чтобы упростить его для пользователей и развернуть в существующей системе SAP.

На основе ролей — SAP разложила различные транзакции SAP и превратила их в прекрасные пользовательские интерактивные приложения, которые показывают пользователям только самую актуальную информацию.

Отзывчивость. Когда SAP Fiori сочетается с мощью SAP HANA, он обеспечивает непревзойденный отклик приложения и время выполнения запроса.

Беспроблемный опыт — SAP предоставила все приложения Fiori на одном языке, и это не имеет значения для развертывания и платформы.

Восхитительный — SAP Fiori был разработан для работы с ECC 6.0, чтобы упростить его для пользователей и развернуть в существующей системе SAP.

SAP Fiori Apps

Приложения SAP Fiori делятся на три категории. Они различаются на основе их функций и требований к инфраструктуре.

Транзакционные приложения

Наиболее важные функции транзакционных приложений:

Первая версия SAP Fiori включала 25 транзакционных приложений.

Транзакционные приложения в SAP Fiori используются для выполнения транзакционных задач, таких как транзакции менеджер-сотрудник, такие как запрос на отпуск, командировки и т. Д.

Транзакционные приложения лучше всего работают на базе данных SAP HANA, но могут быть развернуты с любой базой данных с приемлемой производительностью. Эти приложения позволяют пользователю выполнять простые транзакции SAP на мобильных устройствах, а также на настольных ПК или ноутбуках.

Первая версия SAP Fiori включала 25 транзакционных приложений.

Транзакционные приложения в SAP Fiori используются для выполнения транзакционных задач, таких как транзакции менеджер-сотрудник, такие как запрос на отпуск, командировки и т. Д.

Транзакционные приложения лучше всего работают на базе данных SAP HANA, но могут быть развернуты с любой базой данных с приемлемой производительностью. Эти приложения позволяют пользователю выполнять простые транзакции SAP на мобильных устройствах, а также на настольных ПК или ноутбуках.

Пример — Запрос на отпуск, Запрос на поездку, Заказ на покупку.

Бюллетени

Важные особенности информационного бюллетеня приведены ниже.

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

Это также позволяет вам перемещаться по одному фактическому листу ко всем связанным с ним фактическим листам.

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

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

Информационные бюллетени выполняются только в базе данных SAP HANA, а также требуют стека ABAP, и их нельзя перенести в архитектуру SAP HANA Live уровня 2.

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

Это также позволяет вам перемещаться по одному фактическому листу ко всем связанным с ним фактическим листам.

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

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

Информационные бюллетени выполняются только в базе данных SAP HANA, а также требуют стека ABAP, и их нельзя перенести в архитектуру SAP HANA Live уровня 2.

Пример. Существует информационный бюллетень с центральными объектами, в котором есть сведения о контракте с поставщиком. Вы можете перейти к более подробной информации, такой как информация о продавце, условиях контракта, деталях товара и т. Д.

Аналитические приложения

Аналитические приложения используются для предоставления в режиме реального времени информации о бизнес-операциях. Аналитические приложения объединяют возможности SAP HANA с бизнес-пакетом SAP. Он предоставляет информацию в реальном времени из большого объема данных в интерфейсном веб-браузере.

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

Приложения SAP Fiori Analytical работают в базе данных SAP HANA и используют виртуальные модели данных.

пример

Стратегия SAP UX

Пользовательский опыт (UX) — это общий опыт, который человек испытывает при использовании любого продукта, веб-сайта или приложения. Приложение может быть на мобильном устройстве, планшете или настольном компьютере или ноутбуке. Пользовательский опыт должен быть простым в использовании, чтобы пользователи могли легко достигать своих целей и взаимодействовать с системой SAP.

Пользовательский опыт включает в себя правильный баланс технологий, потребностей бизнеса и желательности.

Стратегия UX в основном состоит из следующих трех принципов проектирования —

Стратегия SAP UX состоит из трех компонентов:

Новое — Новое обеспечивает удобство работы пользователей с сеткой для новых приложений, то есть для всех приложений, которые еще не созданы.

Renew — Renew применяется к существующим приложениям.

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

Новое — Новое обеспечивает удобство работы пользователей с сеткой для новых приложений, то есть для всех приложений, которые еще не созданы.

Renew — Renew применяется к существующим приложениям.

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

Предпосылки для изучения SAP Fiori

Ниже приведены требования для изучения SAP Fiori —

Источник