When we take a closer look at SAP, ABAP or ABAP/4 was used majorly to create enterprise application and their was lot of development done with SAP ABAP editor which is inbuilt with SAP Frontend UI also eclipse was second popular IDE used to write ABAP code.
And With these open source technologies UI5 was created.
Now comes the major challenge to replace all existing application in SAP with UI5, the answer was SAP Fiori, Fiori means flowers in Italian and apps build with UI5 do follow 5 basic guideline principles to make it look beautiful as flower. SAP Fiori was launched with 25 application with HCM, Timesheet apps few popular among first 25 apps . Now the portfolio of Fiori apps is much bigger covering a wide spectrum of functional fields and more than 500+ apps.
When we try to predict the future with SAPUI5/Open UI5 and Fiori, we are going to see more of open source stacks coming in like Node.js and Angular.js influence with UI5.
Now the major question comes here : Is it worth learning UI5 or if you are already an UI5 developer it is worth spending time to upgrade the skills and the answer is yes !
Till now we have only seen the tip of the iceberg and there is a lot more to come. At UI5CN we spend a lot of our time( as we don’t have anything else to do) to help people who are starting their career with SAP or upgrade their skills to go to next level .
Share this blog if you liked it and tweet it if you want more 🙂
Open UI5 libraries are open source which means that you pay zero licensing cost to use Open UI5 technologies. If you are creating an app with UI5 it comes under Apache License open source version 2.0 licences and the goals of this licence is to reduce the number of frequently asked questions, to allow the license to be reusable without modification by any project, to allow the license to be included by reference instead of listed in every file etc. Read more about Apache License version 2.0 here.
2.Integrate with existing JS libraries:
UI5 libraries are equipped with 200+ pre-build elements which allows developers to focus on UX designs of their application and the integration with the existing application of these components which are object based and simple once you know the basic working of MVC with UI5.
An UI5 Application utilizes MVC framework which clearly separated Model, View and Controls for an existing application and designing complex application with this pattern is much simpler.
When you create a UI5 application with responsive component the component change it’s shape and size to adapt depending upon type of device they are currently being operated on. Thanks to media query of CSS3 which allows it to do so. It provides a much needed benefit to make sure that apps are usable independent of what device your end-user is using to run these apps. Even with custom CSS and media query we can make the look and feel of the application even more customised which we covered in details in our Professional UI5 development course.
6.Loose coupling Architecture:
When we talk about big picture of how these UI5 application are deployed in landscape. They are basically following loose coupling architecture which means the UI5 components are independent of the middleware components and backend. This provides a good degree of separation when we talk about coming up with new version of your application. Your middleware can be a oData service provider like SAP Netweaver gateway or SAP Hana system. Middle ware development is one of the curtal part in any application now as most of the data fetching performance is based on that. Learn how it can be done in details here.
7.Comprehensive API reference:
Finally, API reference provided by SAPUI5/OpenUI5 is comprehensive which helps a lot to understand how to use these libraries. The explored provided is a big help to see how individual component will look like and what are the code to be written to include it.
Some of the disadvantages related to UI5 is it’s initial high loading time of libraries, that means libraries can take time when they are initially loaded in your web browser this can also be fixed by using early loading concepts .
Check some of our Free and Paid resources to learn UI5 here, these are made by people who knows a lot about UI5 but are too lazy to work as consultant/contractors 🙂
To learn anything worthwhile the most important thing is always the mindset one must have. People who have a rage to master can beat the learning curve and learn things faster than rest. In this blog, I am sharing my top 7 places to learn SAPUI5/OpenUI5.
SAP Community Network is by far the best place to learn, explore and connect with mentors . It not only provides a good place to get answers to your questions but also a good platform to see what other people are up to with UI5.
2.Git hub and Developer Guide
Developer Guide is also another great starting point which can be a place to take you skills to next level in step by step manner.
This is a excellent place for knowing and get to know the design and business side of SAP UI5 and SAP Fiori( Fiori apps are pre-build apps, build with UI5) . And experince.sap can be an excellent resource if you are looking for some points to create a sales pitch to your customer to make them bring SAP UI5/Open UI5 apps or Pre-build Fiori apps.
You should check the UX cost calculator to justify why business should invest in UX. It is one of the coolest thing you can show to your business analyst .
Openui5.orgis an excellent resource to start exploring UI5 and the best thing is that, all the details one has to know are shared with links. Must check resource for someone who is starting out with SAPUI5/OpenUI5.
Like all other technologies, StackOverflow is an amazing place to see what are the current issues and solutions which people have posted in relation to UI5. Not only you will get to known issue and how to solve them and ask more questions, but also you will get to know people who are Professional with UI5 and connect with them.
It might come as a surprise but personally, it is my go to platform if I want to know what is happening in UI5 work with #openui5 tags and similar tags, you can connect with technology mentors and learn a lot more. And there is a good chance that you might also get a glimpse of new things which are going to come in UI5 world and the amazingly cool world of open source SAP.
Like any other technology UI5 also have its learning curve and luckily compare to other JS libraries like D3JS, it is not much difficult to learn. If you have a hacker mindset and are an explorer then you don’t even need any hand helding to learn UI5. API reference is quite comprehensive and with UI5 explorer you can even see live examples of how individuals component can be used.
Please share and let us know, if you find this blog helpful 😀
Proof of concepts A.K.A POC are quite popular to show your user/customer the possibility and give them a feel and experience of how a big project can look like before committing for it with resources and time.
It is very common in consulting companies that people use POC not only to validate an idea but also to learn technology. You will get a hands-on experience of the technology on a smaller scale which will help you understand the end-to-end inner working of it and give you the confidence to work with it.
Here are our Top 7 Tips to make awesome PoC, may it be UI5 or any other like (Angular, Node, Backbone etc.)
Rule #1 is to understand why you are making your POC ? Apart from learning the technology, understand the functional working of it so you can make it meaningful for customers or users.
2. You don’t need to do everything :
You are not in a project but a POC, the data can be like:
“Name” : “Some Name”,
“Date”: “Some Date”,
In real projects all details should meet with exact level of accuracy but in POC you can be a little relaxed. This removes a big burden from your shoulder because getting those details right is a tedious task and devil is always there in details and you can skip that devil now 😀
3.Good artist copy, but Great artist steal :
The open source community is huge and they are motivated by the desire to share. You will be suprised by the kind of projects and code which are available online for free. Check MIT project. repo, GIT hub, Google Projects they are filled with gems, all you need is understand how to use it and most importantly is it useful in your application ? Keep in mind that you should not add the feature just to add the feature but the main focus should always be in solving the problem.
4.Make multiple iteration :
When you start working on the technology for the first time then it will surely happen that you will mess up a lot so be prepared to have many versions of your app like :
5.It is not only ok but good practice to show your ugly uncompleted project to your user:
We are not Leonardo Da-vinci so we should stop acting like him. A feedback in middle of development from your user will give you necessary validation if you are on right track or not which will save your valuable time and keep the project useful for your users or customers.
Always appreciate your users feedback, the philosophy that your user don’t know much about technology and might not know what you are doing has only worked well for Steve Jobs.
6.Do not spend time in reinventing the wheel :
In a PoC, you are trying to do a lot of stuffs with new paradigm and technology but you should not go into the trap of trying to solve something which is already solved the best way or available for free to use.
Two of my previous attempt where to spend time to make a database when I was making a work permit management POC app and the other one is to make a web dispatcher when I was making a shipment POC app.
These subproject where complete project in itself and took a lot of my time which might not be a waste but was hard to justify to stake holders.
7.Speak like a human in your POC presentation :
After months or weeks of effort when you are going to show your work to stakeholders don’t speak the language of aliens in presentation. They are seeing it for the first time, so make it sound human and useful, also don’t let your managers to take all your credit too 😉
Please share it ! If you like it and tweet if you want more 🙂
1.Not dependent upon ABAP developer for delivery
2. Able to take project decision keeping in mind the entire architecture:
When you are working in UI, you have to take decision mostly on how it looks, when to show which data or data fields and these data normally comes from your backend over oData based services. If you have a clear understanding about how things work in the backend as well, then taking these decisions are much easier for you.
3.Knowing old way of working helps to make the new features relevant
If you are aware about how your users were using the existing SAP systems then it will be much easier to explain the new UX and the new features you are building. Never neglect the importance of communicating effectively.
4.Adapt easier to changes in requirements during development
Change in Technical Design in the middle of development is not common. But if you ever get in a situation where you think that your prior assumptions were wrong and some features are impossible, which you imagined were possible then don’t delay in admitting that you were wrong. Once you realized this, moving forward requires a change in design or development plan. These changes are much easier if you have end-to-end understanding of the project and it’s inner working.
5.Integration and testing is much easier
When it comes to testing your app and doing integration, knowing how to use gateway error log is crucial. It is very rare that everything will work as you wanted it to in the first attempt and sometimes tracking the bugs requires data from multiple sources to fix the problem.
6.Higher roles and better packages
This is not a surprise, the money you make is directly proportional to value you add. And you can add much more value if you have end-to-end knowledge in detail.
7.Create your own app or PoC (Proof of Concept)
This is the most interesting advantage of knowing UI5 end-to-end. You can create your own app and propose your own ideas to management to win some projects as well. An entrepreneur inside corporate world!
And these were also our top 7 reasons, which compelled us to create SAPUI5 End to End
video course which starts from :
1.Getting Started : If you are new to UI5 then you can start with this a Free course on SAPUI5 Getting Started !
2.When you are ready to learn all the details of UI5 app creation, then SAPUI5 professional development course is for you.
3.Once you have mastered that, then learning backend and going end to end makes perfect sense.
4. Sometimes you also need advanced concepts mastery to take your project to the next level which you can do with Advanced SAPUI5 Professional Development Course.
And all this and much more is bundled together in Complete SAPUI5 End-End Bundle:
Also, make sure to check coupons, which are given out on frequent basis 😉