Success Story – Hybrid Mobile SAP UI5 App with Offline Capability for Utilities

Are you faced with the challenge of providing services even under the most difficult conditions? HO2’s InnovateSAP initiative presents the optimal solution: a tailor-made hybrid mobile SAP UI5 app, perfect for the energy sector. Discover how we work with our customers to break down barriers and redefine efficiency.

The Challenge

In the utility sector, teams often encounter the problem of a patchy internet connection, especially in basements or remote areas. This makes it more difficult to preserve evidence in the case of measures such as turning off the electricity to defaulting customers. Data such as time, location, meter reading and photos of the sealing must be recorded accurately and securely. The solution? An offline-capable, natively running APP on your mobile devices.

HO2’s approach

Our strategy is based on the development of a mobile, offline-ready app implemented using SAP’s Hybrid App Toolkit and Web IDE. Using an encrypted SQLite database on the device secures the data from unauthorized access until an internet connection is restored. Then the data can be reliably transferred to the Netweaver Gateway OData Service. This innovative approach guarantees data security in every situation.

Our Approach

1. Requirements: Together we determine what exactly you need.
2. Development of prototypes with SAP Build Classic: We create the first models of your application.
3. Examination of technical feasibility: We pay special attention to encryption and offline capability and storage of large amounts of data (photos).
4. It was evaluated whether the capabilities of the browsers could be sufficient (Local Storage, IndexedDB…) or whether more powerful libraries (SQLite…) were necessary.
5. Evaluation of whether an integration of OData services through the Netweaver Gateway can be carried out sensibly here. The goal was to smoothly supply the app with data.
6. Implementation of the requirements with SAP UI5 and Cordova plugins: For a seamless user experience.
7. Deploy the app with MobileIron: So everyone in the field can work without delays.

The Result

The result is a powerful, offline-ready app that addresses the complexities of the utility sector. It brings efficiency to work processes and enables precise data collection and backup, regardless of the Internet connection. This allows teams to work professionally and successfully even in the most challenging environments. The app was automatically rolled out via MobileIron, so that it could be installed directly by employees and automatic updates could be carried out without any problems.

Ready for change?

Would you like to learn more about how our SAP UI5 app development (web, hybrid or native) can revolutionize your business? We are happy to integrate services of any kind (OData, generative AI, analytics, non SAP, JSON…) into your APPs.

HO2’s InnovateSAP initiative is here to show you the way. Contact us for a no-obligation consultation and start turning your challenges into opportunities.

Overcoming Process Chaos: HO2’s Path to Innovative Banking Product Management with SAP UI5

In a world where the speed of information and the efficiency of processes determine success, we were faced with an ever-present challenge: banking product management trapped in the shackles of outdated processes and technology. Our client, a visionary financial institution, was confronted with a thicket of confusing processes. Communications were fragmented – documents were sent like messages in a bottle in a sea of emails, some stranded on remote server islands. This chaos made it almost impossible to maintain a clear overview and make the care process efficient.

The Challenge

The main problem of this initial situation was the frustration of the employees. Day after day, they navigated a maze of information whose management and accessibility were more like a game of chance than a well-ordered system. Motivation dropped, efficiency suffered, and error rates increased – a vicious cycle that not only burdened employees, but also had the potential to undermine customer satisfaction and trust in the institution.

HO2’s innovative approach

At this critical moment, HO2 entered the scene, armed with the InnovateSAP initiative, a beacon of clarity and innovation in the often nebulous world of IT solutions. Our goal was not only to solve the immediate problems, but also to bring about a lasting change that would revolutionize our client’s banking product management.

Our approach was characterized by a deep understanding of the need to overcome not only technological, but also human hurdles. We started by designing a mockup in SAP Build Classic, which served as the visual basis for the planned transformation. This mockup was not developed in a quiet room, but in close cooperation with the end users, whose feedback was collected and integrated over several rounds. Our agile approach, coupled with the development in UI5 and execution on a classic SAP system using the Netweaver Gateway and oData, allowed us to create a solution that was not only technically advanced, but also deeply rooted in the needs and ways of working of the employees.

Step-by-step implementation for sustainable success

The implementation included carefully determining the data to be cared for and dividing the care process into a series of defined steps. By defining and leveraging oData backend services from the SAP Netweaver Gateway, we created an application that not only increased efficiency, but also drastically improved the transparency and accessibility of the information.

Impressive results and outlook

The results spoke for themselves: bank product management that was not only transparent and efficient, but also gave new motivation to employees and new trust to customers. We presented a comprehensive care app that offers the flexibility to be split into smaller, specialized apps in the future, thus laying the foundation for continuous innovation and adaptability.

This project was more than an IT solution – it was a signpost to a future where clarity and innovation define banking product management. At HO2, we believe that the real challenges lie not only in technology, but in the way we use it to solve human problems and create real value. With our InnovateSAP initiative, we are ready to turn your challenges into opportunities. Let’s shape the future of banking together.

Procedure for successful IT projects: SAP UI5 development by HO2

In today’s world, digitalization plays a decisive role in the success of a company. With our InnovateSAP initiative, we drive this forward and offer tailor-made solutions that are precisely tailored to your needs. As part of this initiative, we would like to introduce you to how we usually carry out IT projects on the topic of SAP UI5 development.

Why SAP UI5?

SAP UI5 is at the heart of the modern enterprise application landscape and offers numerous benefits and reasons for its use. As a highly flexible, high-performance framework, SAP UI5 enables the development of responsive and user-friendly web applications that can be seamlessly integrated into the SAP system landscape. The biggest advantage of SAP UI5 lies in its ability to ensure a consistent and engaging user experience across different devices and platforms. This drives user adoption and boosts productivity by allowing users to access critical business applications anytime, anywhere. In addition, SAP UI5 supports application development with a rich set of pre-built UI components and development tools, which speeds up and simplifies the development process. Compatibility with oData and JSON for data exchange allows for flexible and efficient data handling, making SAP UI5 an ideal choice for companies looking to modernize their IT infrastructure and prepare it for the digital future.

Starting situation

You want a new mobile application that is not only functional, but also visually corresponds to the standard SAP applications. In addition, it is important to you that the application is freely adaptable. We can use both oData (Netweaver Gateway, CAP,…) and JSON Services as a database.

Solution approach by HO2

In order to meet your requirements in the best possible way, we will decide together the best deployment location for the UI5 app, be it S4/HANA, Netweaver Gateway, SAP BTP or another platform. Through the use of Design Thinking workshops and mockups, together we gain a clear picture of how the app should look and function. Selecting the necessary authentication methods and services is also an important step in our process.

Here is an example mockup of a training assessment app from one of our customer projects:

Implementation steps

The development of the app is either agile or according to a more traditional approach. Regardless of the approach chosen, regular coordination with you as a customer is of central importance. Our goal is to provide clarity about the project requirements at an early stage and to ensure that everyone involved is on the same page. To ensure software quality, we need a system landscape of at least two levels, which in most cases is even three-stage.

Results

The app is successfully developed, tested and deployed. Initially, we often go live with a version with a smaller feature set, which is then expanded later as needed.

InnovateSAP: Use Cases

To show you how other customers have benefited from our InnovateSAP initiative, we present two UI5 projects as examples.

• Bank product management: Banking products and their life cycle are maintained in a comprehensive UI5 app.
• Shelf optimisation: In food retailing, facings of products are optimised and presented to employees in the store.

If you have any questions or would like further information, please do not hesitate to contact us. With HO2 and our InnovateSAP initiative, you are well positioned to drive your digital transformation.

Contact us today to start your project!