SAP Developer Code Challenge – Open-Source ABAP (Week 2)

[Mamikee]

This discussion thread is to submit your solution for Week 2 of the May 2023 Developer Challenge - Open-Source ABAP . 

Week 2 – ABAP2UI5 https://github.com/oblomov-dev/abap2UI5

ABAP2IU5 is a fairly new project which helps ABAP developers create SAPUI5 applications without ever having to code a line of JavaScript, expose an OData service, or work with Fiori Elements or the ABAP RESTful Application Programming model (RAP). This project allows you to create applications having a simple interface like a report selection screen, and display the output in a table, like an ALV Grid.  All with just a few lines of code. 

For this weeks’ challenge, install the ABAP2IU5 project in your system, and create a program using ABAP2UI5, which throws an input screen with two fields (User and Date), and a button.  When the post button is clicked it should send the values to the server.

Resources:

•  abap2UI5 – (1/7) Introduction: Developing UI5 Apps in pure ABAP - https://blogs.sap.com/2023/02/22/abap2ui5-development-of-ui5-apps-in-pure-abap-1-3/
• abap2UI5 – (6/7) Installation, Configuration & Debugging - https://blogs.sap.com/2023/04/14/abap2ui5-6-7-installation-configuration-debugging/

❗You will get credit for this weeks’ challenge by providing a screenshot of the result with the server providing a message back as shown in the example screenshot below.

Have Fun 🤩

[Florian]

Hi Mamikee,

is there an option where to install the project, if I'm not having an onprem system available. Don't think the content will fit into a trial system, right?

So, how to participate if I have not the option to put it into something from my company?

[RichHeilman]

It should install into the ABAP trial systems, it could also already be installed there from someone else as well.  If so, you only have to create an application using it and you can skip the install step.

Cheers,

Rich Heilman

[RichHeilman]

Ok, I can confirm that ABAP2UI5 is installed on the trial instance  https://c75f608d-4148-434a-88e1-64b75d24911a.abap-web.us10.hana.ondemand.com/    So if you are on that trial instance, you need not install it, just use the ABAP2UI5 framework to create your app as outlined above. 

[Florian]

Thx for clarification. That's exact the point I aimed on.

[larshp]

if you are up for a bit more challenging setup, then https://github.com/larshp/abap2ui5-web runs on https://nodejs.org/en on localhost ie. without a traditional ABAP stack, much like https://blogs.sap.com/2021/02/16/running-some-abap-on-a-raspberry-pi-zero/ 

[ravishgarg]

Hi Lars

This is fantastic. I just gave it a try and it worked on the first go!! Serverless here we go 🙌

[Sathees_Kumar_P]

Hi Florian,

abap2UI5 sources are compatible with on-prem and Cloud ABAP environment as well. My-self installed abap2UI5  on my trail account which is on Region: 🇺🇸 US East (VA), same may be valid for you if your account also exists in same region.

abap2UI5 on ABAP Trial Account (on AWS Region US East (VA)) 

Try this link with your user credential.

[ennowulff]

[mgm12]

 

[se38]

Here's mine (sorry for beeing late) 😉

[mikitamez]

Hi 🙂

[Sathees_Kumar_P]

Hi @Mamikee,
here is mine

[kwinzig]

Hello,

here is my submission for week 2

[Florian]

[brkcnplt]

Hello 😊

[JohnPaulLiberal]

Hello all. Here's my screenshot 😉

[sg12]

My submission for Week 2

[JaimeRodriguez]

Hi! Here is mine

[Tomas_Buryanek]

Hi,

whew, this was bigger challenge for me. Because (of course 😐) my company does not allow to import open source code. At least not easily... Thanks a lot for nice SAP Tutorials. They really helped me!

• So I first time registered for SAP BTP Trial (thanks @Sathees_Kumar_P & @RichHeilman for hints!).
• Then I did Eclipse ADT Setup including AbapGit.
• My trial instance did not have ABAP2UI5 installed, so I simply pulled it.
• Prepared ABAP2UI5 including HTTP service.
• And finally developed challenge app 🙂 Screenshot below:

[JerryW]

Greetings!

[thomas_jung]

My submission for Week 2

[Ruthiel]

Great challenge!
This solution was totally new for me!

[Zakir_hussain]

Hi,

I used trial instance for this challenge. I've pulled in the ABAP2UI5 program, I'm unable to execute the demo application program as the interface if_oo_adt_classrun must implement. But, the standard ABAP2UI5 doesn't have this interface, if so I did added, but how to implement the if_abap2ui5 interface to classrun. 

Does anyone have come across this kind of challenges?  

[smuhsb]

Follow the instructions to install in this blog. You would need to create a new HTTP service and then use it to "run" the class.
https://blogs.sap.com/2023/04/14/abap2ui5-6-7-installation-configuration-debugging/

[NooruBohra]

It took me some time to figure it out as well. Here a video tutorial for the same.

Part #2 Develop UI5 application using pure ABAP #sap #abap2ui5 #abap #ui5 #newsyntax - YouTube

Hope it helps.

[abo]

Here is my test app:

[bztoy]

Here is mine, the source code has been already push to my SAP Developer Code Challenge repo.

[smuhsb]

I am wondering why I never tried this earlier! Awesome.

Btw here's my post.

[NooruBohra]

Here's mine.

[chiranjeevig]

Hi  There , Here is mine!

[jasshauer]

Nice thing, but i guess i will stay on javascript 4 UI5 🙂 

[Zakir_hussain]

Hello there, Here is mine.

Repo_added_week2_solution 

[lars-sawyer]

Hi there, here is my solution:
https://github.com/lars-sawyer/abap-code-challenge/blob/main/src/zz_cl_ui5_app.clas.abap

[OneShivam]

Hello, here is the screenshot for the challenge

[aline_canteiro]

Hello! 
Here is mine:

[aoyang]

Here is my week2 submission. 

[kjetil_kilhavn]

After the SICF struggle (hint: don't specify user & password in the service definition) I could get to the enjoyable part of creating my first UI5 application. I had not thought I would do that by writing ABAP code!

[Patrick-L]

Great! What a cool repo! 👍
Many thanks and respect to the developer! 🙂

[Kishore]

Here is my output.