Technology Blog Posts by Members
cancel
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Showing results for 
Search instead for 
Did you mean: 
Read only

Be a Cockroach: A Simple Guide to AI and SAP Full-Stack Development - Part III

karthikarjun
Active Contributor
‎2024 Sep 21 6:32 AM
738

Disclaimer: There are various methods to develop the SAP iFlow, Custom Dashboard and RAP program, but I’ve opted for a basic approach to comprehend table custom concepts and explore the fundamentals from a beginner’s perspective. If you’re already proficient in advanced techniques, feel free to move on and explore other content.

I) Introduction:

If you’re new to this blog series, I recommend starting with PART-1 and PART-2 by clicking the link provided. This post is PART-3, so starting with PART-1, PART-2 will help you grasp the topic better, especially since it uses story-based learning.

II) Agenda:

  1. Background Insights: Delving into the Story Behind
  2. Getting to Know Dashboard: Understanding the Custom Dashboard
  3. Use Case Implementation: Understanding the Use Case Implementation
  4. GR Dashboard: GR Automation Dashboard
  5. Wrapping Up: Summarizing Key Points and Looking Ahead

III) Background Insights: Delving into the Story Behind

Continue…

After placing the order in the S/4HANA system, Sundhara Pandiyan Purchase Order is sent to the Chola Group, a renowned coffee export company based in Bremen, Germany. Upon receiving the order, Chola Group utilizes a cutting-edge dashboard powered by AI technology to scan their inventory.

This system marks the goods and promptly sends back a confirmation of receipt, known in technical terms as “Goods Receipt” Confirmation. With this efficient process, Chola Group ensures that Sundhara Pandiyan order is accurately confirmed and ready for fulfilment, reinforcing the collaboration between the two companies in delivering quality coffee to Queenstown.

IV) Getting to Know Dashboard: Understanding the Custom Dashboard

I often tell my students, “If you want to crack the system, you need to understand it.” Aspiring to be a developer doesn’t mean sticking to one technology and using it for the next 30 years. Staying updated with the latest advancements is essential.

Here we can visualize the custom dashboard for the GR-Automation, where the Image processing technique has implemented to visualize the content in the real time and update it in the dashboard.

 

karthikarjun_0-1726896472650.png

 

The dashboard above was developed using a ReactJS application. I’d like to express my gratitude for open-source technology, which makes concepts easier to understand and allows for customization. Here’s a link to the GitHub source code, so you can create your own custom dashboard.

To get started, you’ll need a basic understanding of ReactJS, familiarity with Visual Studio, and a strong motivation to learn!

karthikarjun_1-1726896472670.png

 

  1. NPM Installation
  2. PIP Installation
  3. NodeJS
  4. VS Studio
  5. Basic Understanding Github – Custom Dashboard
  6. ReactJS concepts

 

V) Use Case Implementation: Understanding the Use Case Implementation

karthikarjun_2-1726896472689.png

 

In the table shown, the purchase order highlighted in red indicates that it is an SAP PO being transferred from the SAP system to the K-Dashboard system for GR automation. The expected quantity of coffee beans is 1,390 units, highlighted in yellow. However, Chola Group's automation AI checked the inventory and confirmed that only 1,289 units, highlighted in purple, are available.

Chola Group's manager, Karikagal Chola, confirmed with Sundhara Pandiyan that they could only deliver the 1,289 units of coffee beans. He then pressed the save action button, which triggered an integration event from the K-Dashboard system to the SAP Integration Suite, facilitating the data transfer to the SAP S/4 HANA system. After this confirmation, SAP generated and confirmed the Goods Receipt number, which is highlighted in green.

karthikarjun_3-1726896472699.png

 

  1. PO – Purchase Order
  2. GR – Goods Receipt

karthikarjun_0-1726896693793.png

The events from the K-Dashboard triggered the Integration Suite iFlow, which then sent a message to the S/4 HANA system to create the Goods Receipt (GR) and return the GR number in the response back to the K-Dashboard system.

In the upcoming blog, we will explore how the iFlow was created to facilitate the message transfer from the K-Dashboard to the S/4 HANA system. The technical details, configurations, and key steps involved in this process will be discussed in Part-4. Stay tuned for an in-depth look at the integration flow and its implementation!

VI) Wrapping Up: Summarizing Key Points and Looking Ahead

In this blog, we explored how Chola Group automated the Goods Receipt process using a custom ReactJS dashboard integrated with SAP S/4 HANA. The dashboard enables real-time inventory management and order fulfilment. We discussed the use case of integrating the K-Dashboard with SAP S/4 HANA, focusing on how the system confirmed the Goods Receipt. In the next part, we will dive into the iFlow setup and how it handles message transfers between K-Dashboard and SAP. Stay tuned!