3

Intelligent Covid-19 (COVO) App with SAP AppGyver – No Code Challenge

 1 year ago
source link: https://blogs.sap.com/2022/06/13/intelligent-covid-19-covo-app-with-sap-appgyver-no-code-challenge/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

Introduction

SAP AppGyver Low-code and no-code (LCNC) platforms are really cool; this is what I experienced after participating in the #SAPLowCodeNoCodeChallenge.

I have been hearing about this platform and have been planning to start building something meaningful for a long time. Thanks to Daniel Wroblewski and the team for organizing such a great challenge which gave me an extra push to start the journey with SAP AppGyver. In this blog post, I share my experience using SAP AppGyver, SAP’s No-Code / Low-Code Platform.

Purpose

How this App is helpful to me (others as well 🙂 )?

During the present coronavirus (COVID-19) pandemic, those on the front lines, including health care professionals, researchers, and government experts, need quick, easy access to real-time critical covid data. Now, as the offices are opening up same data is exceptionally critical for us before traveling back to the office. This also helps in case we are traveling for personal meet-ups.

Although cases have been reduced worldwide, counts are alarming and can’t be ignored.  This has to be measured and observed from time to time.

Covid%20Cases%20%28Source%20-%20Google%29

About My Covid-19 (Covo) App

Keeping the above challenge in mind, I have created an App using SAP AppGyver to solve this. This App will provide the live statistics and data of covid cases per the location selected by the user.

This app will show the number of covid cases along with Recovered, Deaths, Counties, States, Critical, and Tests per your current location.

Below is the consolidated view of the app shown on composer pro:

AppView.png

App Screen Flow

Login Screen

This App stastartsth with a login screen where the user can provide a credential and login into App. A beautiful popup message will come up to confirm you are successfully logged in.

WhatsApp-Image-2022-06-13-at-12.55.18-PM-1.jpeg
WhatsApp-Image-2022-06-13-at-12.55.16-PM.jpeg
WhatsApp-Image-2022-06-13-at-12.55.17-PM.jpeg
    • Here I have used the login template SAP AppGyver and customized it as needed.

Page layout:

L1.png
  • App Introduction Screen

This provides an introduction to the app and its features. Added a head this page added a heading, text, button, and image component.

WhatsApp-Image-2022-06-13-at-12.55.17-PM-1.jpeg
L2-1.png

The logic is to move to the next screen once the user clicks on the button:

B2-1.png

B2.png

Select Location (Google Map is also available)

This page takes location as input from the user and passes it to the logic for further processing. Users can change and enter the different values as often as they want using the backward navigation key.

WhatsApp-Image-2022-06-13-at-12.55.19-PM.jpeg
WhatsApp-Image-2022-06-13-at-12.55.20-PM.jpeg
PL3.png

Page logic:

Here as per the user input storing the location variable to the app variable, the same will be used to retrieve the covid details from the APIs. Also kept google Maps and triggered the open page workflow.

L3.png

Covid Information

This page deals with calling third-party API to fetch live covid details after passing location (state) as key.

API: https://corona.lmao.ninja/v2/states

API.png

Below details has been displayed which were more relevant:

WhatsApp-Image-2022-06-13-at-12.55.19-PM-2.jpeg

L5.png

Logic:

Once the page is refreshed, data variables are populated from the API call schema. Individual variables have been shown on the data element,e cases, deaths, etc. delay has been added in case of any slow response from the third-party API.

L4-1.png

Feedback & Rating

Feedback is a tool that can help people evaluate themselves and their work and also how others perceive them. Hence added a feedback form with a rating and text column to capture the feedback.

In the end, set an alert for the popup message for successful transactions.

WhatsApp-Image-2022-06-13-at-12.55.21-PM.jpeg
WhatsApp-Image-2022-06-13-at-12.55.20-PM-1.jpeg
WhatsApp-Image-2022-06-13-at-12.55.21-PM-1-1.jpeg

Logic:

L6.png

Feedback Acknowledgement and Thank you

This page generates a feedback acknowledgment number with AppGyver “Formula” option. And in the end, send a thank you note.

WhatsApp-Image-2022-06-13-at-12.55.21-PM-3.jpeg

App Store link:

https://covid-19.appgyverapp.black/

Here is the video link for the app:

My Experience Building the COVO App:

My experience with SAP AppGyver has been excellent. I am from a software development background where we have to code everything from scratch. But here, with the Low code and no code capability of AppGyver, I was able to create the same in a few drag and drops of the screens in just a few hours.

It was enjoyable for me to see the navigation interconnected; calling APIs; testing the data on the flow. No need for a different landscape. We can deploy the app with a few clicks.

I see there is a lot of potential in the platform. With the SAP ecosystem, we can create different user-specific apps to help them perform a day-to-day business functions more smartly and effortlessly.

I am looking forward to building more apps.

SAP AppGyver Capabilities I learned and discovered

  • How to Apply Design Thinking

  • Create end to end customer journey

  • Login/Signup capabilities

  • Different Menus and Navigation

  • Page, App, Data Variables

  • Fetching data from the third-party APIs

  • Creation of the schema

  • Accessing Device Sensors/Native capability of mobile device

  • Formulas

  • Rating and Feedback forms

  • Use of theme & color changes

  • Playing with Google Map

  • Push Notification

  • Component Marketplace

  • Test & Debugging of App data

  • Use of composite Component

  • Deployment of App to AppGyver server

My Feedback working with SAP AppGyver

What I liked:

Overall an excellent LCNC platform; I enjoyed building the app with SAP AppGyver.

  • Easy to build
  • Lots of ready-to-use components are available
  • Data flow and Formulas options are great for non-coder
  • Logic building is elementary; visible flow is awesome
  • Great Support and learning documentation
  • Easy to connect with third-party APIs and Test the same run time with few clicks
  • Tree view of the whole screen (No need for UI/UX designer anymore 🙂 )
  • Flexibility to build app for Andriod, iOs and webapps
  • Faster time to market

What I felt can be improved:

Disclaimer: This is just my observation, and since I am not the expert here just sharing my experience as a user.

  • User persona and user roles
  • Inbuilt analytics components
  • Limitation of design flexibility (e,g. change of the order of pages on the screen)
  • Email Notifications (I have to explore further)

Conclusion

It has been a great learning experience with this challenge. I was able to get to learn a lot about AppGyver and able to explore its different low code and no code features. I look forward to developing more applications and exploring other exciting AppGyver functionalities soon.

Please share your feedback and suggestions in the comments. Thank you, team, for organizing this; looking forward to such exciting challenges and contests in the future.


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK