tutorials

Tutorial

Hello World

It is a typical Hello World tutorial where we are going to implement one Text control into our newly createded SAPUI5 application. In just a few minutes, and of course without any typed program line.

0

SAPUI5 code

basic

SAPUI5 skill

0

ABAP code

basic

ABAP skill

Tutorial

Create Element

During this video we can learn how easy to make an SAPUI5 application, and how we can create ui elements using the Dynamic UI Creator Tool as well. The video shows how we can expand the technical side workers of the project, as we can build our application without knowledge of front end coding by the development framework.

0

SAPUI5 code

basic

SAPUI5 skill

0

ABAP code

basic

ABAP skill

Tutorial

Packaging of Specification (PLM)

During our video presentation – 9 videos – we are going to develop a very useful application in a productive environment. The Packaging Concept application will be designed to allow to lock the Header of the Specification. Ensures that our changes – the invested work – will be saved at the end. We will use the dynamically builded SPI Layer for the data communication between the front end and the back end. What is the benefit on that? All of the existing customizations are based on this framework, because so much PLM Web Dynpro application (Recipe UI, Specification UI, DIR UI, etc.) uses the same layer for the back end communication. Therefore, all of our developments will be available inside our fiori applications, which was built on the Spi layer BAdI concept.

PackOfSpec_BasicData
PackOfSpec_Status
PackOfSpec_Packaging

Tutorial

New version creation of the Dynamic SAP Application

During this video chapter we are going to create new version from our Packaging of Specification Application. With the same implemented logic, but with different UI design. We do not need to move files, as the operation can be done in one motion by the configuration interface. And we will see how easy to activate one of the exist versions, which we want to use.

0

SAPUI5 code

basic

SAPUI5 skill

0

ABAP code

basic

ABAP skill

Tutorial

Copy and Delete Applications

During this video chapter we are going to show how easy to copy one Application into the new one, and how we can delete applications as well. Of course with simple configuration settings.

0

SAPUI5 code

basic

SAPUI5 skill

0

ABAP code

basic

ABAP skill

Tutorial

Change the back end logic the Dynamic SAP Application

During this video chapter we are going to separate the backend logic of the Application. The title of the Dynamic SAP Application is coming from the back end code line. We will copy the exist class of the core object and we’ll do small change on it. Learn with us what is about infinite freedom, which the decentralized application logic provides

0

SAPUI5 code

basic

SAPUI5 skill

1

ABAP code

basic

ABAP skill

Tutorial

Dynamic data provider object's usage during the developments

Inside the next video chapter we are going to show that, why it is so important to use the Dynamic Data Provider objects during the developments. We can easily connect with that into SAPUI5 or web dynpro applications, and into reports as well.

The data provider has a buffer functionality, therefore it is able to store the modified, but not yet saved data too. This is one of the great advantages of this solution as well. With the usage of the Data Provider, the applications – created with different technologies – will show exactly the same values, as they have a common logic from the same source. Discover with us this impressive technology.

0

SAPUI5 code

basic

SAPUI5 skill

70

ABAP code

basic

ABAP skill

Tutorial

Value Help Get functionality

During this video we will learn how easy to implement the value help functionality into our Dynamic SAP Application.
We are going to use the Value Help Get function, where the selected input name is enough for the value help selection.
This information is automatically sent by the called request, therefore we have a possibility to handle the selection at the back end side simply.
The implemented logic is writing back automatically the selections too.
We no need to d o any special think, therefore we can achieve this implementation without any typed program line at the front end side again.

0

SAPUI5 code

basic

SAPUI5 skill

120

ABAP code

basic

ABAP skill

Tutorial

Function Import POST

During this video chapter we are going to create one really simple search Application to present, how we can send and get data from the backend by the Function Import Post Function. We will create one search Input field with one Search Button, and one UI Table to display the result list from the backend call.

7

SAPUI5 code

basic

SAPUI5 skill

4

ABAP code

basic

ABAP skill

Tutorial

Create Dialog and Popover

During this video chapter we are going to present how easy to reuse exist element of our Application. We have one exist Application, where we can search the Specification Data by the Specification Id. And inside the new application we are going to display search’s results in different places. Once inside the UI Table, then inside a Dialog, and finally inside one Popover UI Element. This is a kind of preparation for the next video, where we are going to move elements into 3 different version of the Application.

22

SAPUI5 code

basic

SAPUI5 skill

0

ABAP code

basic

ABAP skill

Tutorial

Versioning of the Dynamic SAP Application - UI design separation

During the next video we are going to make 3 different version from one of the exist Application. (from the previous tutorial)

0

SAPUI5 code

basic

SAPUI5 skill

0

ABAP code

basic

ABAP skill

Tutorial

Implementaion of Value Help Function (GET and POST)

During this video chapter we are going to create one basic application to presen the Value Help Functionality. How we can reduce the typed program lines with the linkable Controllers. End to End. (Function Import GET and POST)

26

SAPUI5 code

basic

SAPUI5 skill

65

ABAP code

basic

ABAP skill

Tutorial

Create view with Dynamic SAP Application

During this video chapter we are going to show, how we can create Additional View for the dynamic SAP Applications.

0

SAPUI5 code

basic

SAPUI5 skill

0

ABAP code

basic

ABAP skill

Tutorial

Language dependencies with the Dynamic SAP Applicaition

During this video chapter we are going to show, how we can create UI Elements with language dependency inside the Dynamic SAP Application Maintenance Tool. We are going to create 6 different type of binded values. The first area contains non language dependent values. The second one contains language dependent values from the Dynamic Configuration. The next text of the label is language dependent too, from the Filed Label of the created Data Element. The next area contains language dependent texts from the i18n Object. And the last two area contains language dependent values from the OTR Texts.

0

SAPUI5 code

basic

SAPUI5 skill

0

ABAP code

basic

ABAP skill

Tutorial

Application settings with Dynamic SAP Application

During this video chapter we are going to show, how we can implement Application Settings into our Dynamic SAP Application. The implemented logic is using one Popover Control to displays Custom Configuration of the Application. We can use of course in case of any Dynamic Application.
What we can do with it?
We can easily hide the Icons in case of the Icon Tab Bar Elements, to make more place for bigger charts, etc.
And of course, all of the adjusted settings are going to be stored in the user’s settings. Therefore the next reload can follows the stored application’s settings by the users. It is a growing list. It means, the application’s settings are depends from the Application itself. How complex, which are the linked Controls into it, etc.

It is a quite nice feature, and it can present perfectly, why is important to use the Dynamic Functions. It is enough to build once, and we can easily use everywhere.

0

SAPUI5 code

basic

SAPUI5 skill

0

ABAP code

basic

ABAP skill

Tutorial

Value History Function

During this video chapter we are going to show this quite great new feature, how we can add history to the changed values inside the Dynamic SAP Applications. We can easily follow the changes of any value with it. We are going to create one simple Application to present the Value History Function.

0

SAPUI5 code

basic

SAPUI5 skill

0

ABAP code

basic

ABAP skill

Tutorial

Reusability Concept with Dynamic SAP Application

During this video chapter we are going to show, how we can use the already created UI Elements again. What’s about reusability of the UI Elements in case of the Dynamic SAP Applications.

We have one exist Application, called Packaging data of Specification. And we are going to build one search application for this Packaging’s Data separatelly, inside one indipendent Application.

15

SAPUI5 code

basic

SAPUI5 skill

0

ABAP code

basic

ABAP skill

QUESTIONS?

Please contact us!