В этой статье я познакомлю вас с технологией SAPUI5; покажу, как эта технология «связана» с HANA.

SAPUI5 (SAP User Inteface HTML5) - это фреймворк для разработки пользовательских интерфейсов на базе кросс-браузерной JavaScript библиотеки. Ключевыми особенностями этой технологии являются:

• Документированный API (in English),
• Расширяемые UI компоненты,
• Высокая производительность,
• Гибкие возможности по оформлению (дизайнер тем, прямая правка CSS),
• Возможность использования Ajax,
• Использование библиотеки jQuery.

SAPUI5 позволяет создавать современные пользовательские интерфейсы как на базе стандартных компонентов, так и на базе собственных. Например, нужен какой-то хитрый drag-and-drop- - пожалуйста; нужны какие-то специальные эффекты – тоже пожалуйста.

На текущий момент поддерживаются следующие браузеры:

• Internet Explorer 9 и выше,
• Firefox 10 и выше,
• Последние версии Chrome,
• Safari 5.1 и выше.

Библиотека визуализации графиков(sap.viz ), входящая в состав SAPUI5, построена на open-source библиотеке D3, которая, в свою очередь, построена на базе SVG (от англ. Scalable Vector Graphics — масштабируемая векторная графика) . Но так как IE 8 не поддерживает SVG, то имеют место ограничения на использование «старых» браузеров.

В SAPUI5 есть библиотека (sap.m), предназначенная специально для мобильных устройств с поддержкой iOS,Android,BlackBerry. Сразу хочу сделать небольшую оговорку, что поддержка подразумевается именно в браузере. То есть, это Safari (от версии 5 и выше), Android Browser (от версии 2.3 и выше) ,BlackBerry Browser (от версии 10 и выше), Web View.

Теперь перейдём к самому главному: как и где можно использовать технологию SAPUI5. SAP предлагает следующие платформы:

• SAP NW ABAP Server,
• SAP NW Java Server,
• SAP NW Cloud,
• Open Source Java Application Server, and static Open Source Web server.

Ну и конечно же HANA XS, который включает Web Server, находящийся по адресу:

http://<myserver>:80<inst number>/. Web Server отображает текущий статус – запущен ли XS. Если он не запущен, и Вы не увидели сообщения:  “XS up and running” – обращайтесь к базису.
При установке HANA ставится пакет sap, в котором лежит sdk для UI5. Также SAPUI5 можно найти здесь: https://sapui5.hana.ondemand.com/sdk/#content/Overview.html, и более того, даже попробовать!

Заходим на вкладку Controls -> в меню на закладке SimpleControls, находим Button и в части Examples при клике на ссылку Show source видим код, который можно прямо тут править (Рис 1).

Рис 1. Стандартные элементы SAPUI5

Подправим