Introducing SAPUI5

Objectives

After completing this lesson, you will be able to:

  • Describe the significance of SAPUI5 for building web applications

SAPUI5

Introduction

Welcome to the world of SAPUI5, an exciting development framework that combines the power of the SAP robust back-end systems with modern front-end technologies. If you're a developer interested in creating user-friendly web applications, you're in the right place. This introduction will give you a solid foundation on the basics of SAPUI5.

What is SAPUI5?

SAP User Interface for HTML 5 (SAPUI5) is a framework developed by SAP for building responsive web applications.

The following video provides a short introduction to SAPUI5.

MVC Architecture

SAPUI5 follows the Model-View-Controller (MVC) architectural pattern. This is a widely used design pattern for developing user interfaces that divides the related program logic into three interconnected elements:

  • Model

  • View

  • Controller

You can find details about MVC architecture in a later section.

Benefits of SAPUI5

  • Consistency: SAPUI5 offers a consistent user experience across all SAP applications. It's easy to learn and has a straightforward programming model for developers.
  • Responsive: SAPUI5 applications are responsive, which means they provide an excellent user experience on any device, from smartphones to desktop computers.
  • Powerful: Despite its simplicity, SAPUI5 is a powerful framework that can handle complex enterprise scenarios.
  • Integration: It is easily integrated with other SAP systems and external systems.

Prerequisites of Learning SAPUI5

To begin learning SAPUI5, you should have a basic understanding of HTML, CSS, and JavaScript, because SAPUI5 is a web-based framework and these are its core technologies. You may also want to familiarize yourself with JSON or XML, as these are often used for data transfer in SAPUI5 applications.

The best way to learn is by doing. Start with basic applications and gradually move to complex applications. Use the SAPUI5 SDK and explore its rich collection of samples.

Log in to track your progress & complete quizzes