Hello ,Welcome to my first blog ever 🙂.

In this blog, I will give you basic information about the SAPUI5 programming language.

What is SAP ?

SAP stands for System Applications and Products In data processing. 

SAP system consists of a number of fully integrated modules, which covers virtually every aspect of business management.

What is SAPUI5?

SAPUI5 stands for SAP User Interface development tool kit for HTML5.

SAPUI5 is a framework for creating Fiori apps that are responsive (creating web pages that look good on all devices i.e. mobile, tablet and desktop).

In Order to Learn SAPUI5 , following front end technologies are required.

      1.HTML5

      2.CSS3

      3.Javascript

      4.Jquery

      5.XML/Json

      6.MVC

If you want to become a full stack developer then ABAP is needed. If you are interested in frontend development, ABAP is not needed.

Full stack developer means a person who can develop both client and server software. In our scenario Client means developing applications and server means Creating OData services (API's) using ABAP.

Difference between SAPUI5 and SAP Fiori

SAPUI5 is a programming language to develop SAP Fiori applications.

We cannot build a SAP Fiori application without the underlying SAPUI5 framework. The merger of both creates responsive Fiori apps.

SAP Fiori apps are standard apps which are provided by sap. Just we need to configure the Fiori launchpad. You can check all the standard apps in SAP Fiori Apps Library website.

By using SAPUI5 ,we can create custom apps and extend standard apps as per our requirement.

SAPUI5 Design Guidelines

SAPUI5 is a programming language to develop SAP Fiori applications.There are five design principles we need to keep in mind while designing SAP Fiori applications.

Role-Based − SAP has decomposed various SAP transactions and changed them into beautiful user interactive applications that show only the most relevant information to the users.

Responsiveness − A web application which gives the same look and feel to the user in desktop, tablet and mobile devices. 

Simple − To make SAP Fiori simple to match the user demand, SAP has designed it as a 1-1-3 scenario. This means 1 user, 1 use case and 3 screens.

Coherent − SAP has provided all the Fiori apps based on the same language and it does not matter on the deployment and platform.

Delightful − SAP Fiori was designed to work with ECC 6.0 to make it easy for the users and to deploy on the existing SAP system.

SAPUI5 Architecture

The architecture of SAPUI5 consists of three layers.

      Presentation Layer:  The SAP Fiori apps are built with SAPUI5 technology for web applications and IOS native and can be used on smartphones, tablets, and desktop computers. The SAP Fiori launchpad is used to launch and run the apps by users.

      Application Layer: SAPUI5 applications are developed by utilizing SAPUI5 libraries, HTML, CSS, and Java Script by developers. 

      This layer contains SAPUI5 libraries like below.

•       sap.m - this control is for mobile devices

•       sap.ui.commons.

•       sap.ui.table   

Data Layer: The business data that is consumed in the apps is retrieved at runtime from the back-end systems by using OData services.

Thank you for reading this blog. If you have any questions, please contact us. We are happy to help you 😊