Journey to SAPUI5

SAPUI5 and Fiori

Welcome to the future of SAP User Interfaces. In these years, SAP has released many solutions to enhance the user experience on their application like SAP Web-Dynpro, SAP GUI Theme Customization and Screen-Painter. But in 2013 SAP FIORI 1.0 was released and revolution of UI had begun.

The technology behind the Fiori is SAPUI5, which is a combination of HTML5, CSS3, XML, and JavaScript. So if you are familiar with web programming and design, you would pick it up faster than your other colleagues.

Create your first SAPUI5 Application and Consume Custom OData Service with No Custom Code

What advantages does SAPUI5 provide to the developers?

1. Say no to old-fashioned UI!
It is Open source under the Apache 2.0 license by SAP. SAP and Open Communities must have professional resources to research and developing over and over to keep it updated perfectly.

2. Fully compatible with SAP HANA Platforms
SAPUI5 offer standards for HANA Database connection, back-end technology integration support, SAP Business Intelligent and much more.

3. Create your own Custom Fiori Apps
Be limitless with developing your own custom application on SAP HANA Platform. Select the theme you want from SAPUI5 or you can redesign elements using CSS classes.

End to End Implementation and Configuration of Two Fiori Apps with No Coding

4. Mobility experiences on devices like tablet or mobile phone
SAPUI5 has many Libraries you can choose and you can combine plenty of android-iphone elements for your application. Design your device flexibility application through components in SAPUI5

5. Beautifully UX Icons just for you
Have you ever been confused which icon you should use for one element, does it match with other elements? Don’t worry! I also experienced that. SAPUI5 icons is the solution.

This is one of the shortest posts in SAPYard. This is our first stop in the beautiful journey of learning SAPUI5. Hang on with us and we promise our transition from normal ABAPer to UI5 Developer would be smooth, engaging and fun-filled.

Also Read: ABAP for SAP HANA Tutorials.

If you want to get such useful articles directly to your inbox, please SUBSCRIBE. We respect your privacy and take protecting it seriously.

If you liked this post, please hit the share buttons and like us on facebook.

Please add your comments and criticism below and help us improve. Please do not hold back!! If you want to add more information/correction to our post, please let us know. We would be happy to update our article for the benefit of all readers and our developer community.

About the Author: Yoppie Ariesthio
Yoppie is a graduate in Computer Information Systems. He is an enthusiast in SAPUI5 and SAP HANA Technical. Currently, he is working full-time in the area of SAPUI5 and loves to share his knowledge gained at his work.

Find more about him on LinkedIn.

Step by Step Tutorials on SAPUI5

Also, Check Step by Step Tutorials on SAP Fiori

We have a very active Telegram SAP Technical Group. Please join it using below link.
Telegram SAP Technical Discuss Group.

WhatsApp had the limitation of 256 members per group and we were finding a hard time syncing and maintaining information in multiple WhatsApp group. Therefore we have moved to Telegram as it can accommodate more than 10,000 users. Please join.



  1. hi sir i am sr.abap consultant my name is v.sri ram phani what are the subject contents that are to be learned by an ABAPer in UI5 or give me the contents that can be useful to DEVELOPERS. thank q for posting the article…good wishes with you.

    • Thank you Feleciano. It means a lot to our Team.

      Please like us on facebook (if you have an account) and share our articles with you friends, colleagues and team.

      Team SAPYard.

Leave a Reply to SOURAV DAS Cancel reply

Please enter your comment!
Please enter your name here