4

My experience creating – Movie for boredom with AppGyver (shake it) – No-Code Ch...

 1 year ago
source link: https://blogs.sap.com/2022/05/12/my-experience-creating-movie-for-boredom-with-appgyver-shake-it-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.
May 12, 2022 4 minute read

My experience creating – Movie for boredom with AppGyver (shake it) – No-Code Challenge

In this article I will try to relate my experience as a SAPUI5 and CAP/ABAP developer using SAP AppGyver to accelerate application development.

This application is created in the context of the SAP challenge described in Daniel Wroblewski blog https://blogs.sap.com/2022/05/04/no-code-challenge-0-code-100-app-and-hoodies/.

This is the result: https://shakemoviessap.appgyverapp.com/

Purpose

The purpose of this application is twofold, on the one hand to test the integration with the mobile phone sensors and on the other to create an application that randomly recommends films.

My app – Movie for boredom

The idea is simple. A screen that by shaking the mobile phone randomly proposes films from the public API https://www.themoviedb.org/. As you can imagine you need a mobile phone to use the app.

As you can imagine you need a mobile phone to use the app.

This is the first screen, a little menu:

processed-c4bab083-c2b7-410d-9f4f-ae3c540252ca_A5Yb47Sd-scaled.jpeg

When we enter the “random movies” option, we activate the button and shake the phone. When some film appears, you can save this film into device or shake again to see another suggestion:

processed-1192b4e4-f3a0-43b8-971f-fed26944f3cd_hkhAwycG-scaled.jpeg

You can retrieve the films you have saved using the option “my saved films”.

processed-3ddb9048-3375-48a6-adec-b0a789ff2e72_iUAQnml2-scaled.jpeg

Finally, you can access detailed information on each of the films.

processed-5852941b-2c40-4d20-ad72-09ecdbed4c07_Z8CRyIk1-scaled.jpeg

My Experience

It has been exciting to see how, by investing little time, I have been able to create an application integrated with the sensors of the mobile phone.

I will detail some of the challenges:

  • Connect to a free, public REST/OData service: I have been impressed by the ease of connecting to external APIs. It allows you to create the data source and the model in a fast and agile way.
Captura.png
  • Create a data store on your device: This part if you are programming with traditional languages is much more expensive, as installing libraries, configuring connections. With Appgyver you just drag, drop and the magic happens.
Captura-1.png

On the negative side, the internal database works with an ID + a data element. So you can’t create records with several keys, nor delete records using filters. But with a bit of imagination it’s easy to solve it.

  • Incorporate native capabilities of your mobile device (e.g., camera, telephony, GPS, contacts): The part that has taken me the longest, The part that took me the longest, to give you an idea, is the sequence I created to detect the movement of the phone.

Captura-2.png

Even so, the creation of this functionality has been faster than creating it natively and without the need to have knowledge of the operating system (iOS, Android).

  • Use a formula: As if it were an excel spreadsheet, thanks to the wizard it is very easy to create formulas. This application is full of formulas to process the data.
Captura-3.png

In this example, the formula allows me to add a new item to the list displayed on the screen.

  • Create at least 3 pages and a menu for navigation within your app: One of the things I loved is that the navigation between screens is created in 30 seconds.
Captura-4.png

This example allows us to select an item from the list, and to navigate to the detail by passing a parameter

  • Use one item from the Component Marketplace or Flow Function Market: The Marketplace contains many extra functionalities that we can extend
Captura-5.png

The components of the marketplace have allowed me to integrate the accelerometer reading and the vibration of the mobile phone with a simple “install”.

  • Create a composite component: One of the things we do in development is to reuse functionality. With Appgyver it’s no different. In my case, there is one component that I had to repeat over and over again, the footer.
Captura-6.png

By dragging the component to the different pages I was able to create the same footer for the whole application in seconds.

  • Set the theme, and change the colors of your components: Another thing that may seem unique to developers is customisation. But with Appgyver I have been able to modify the styles of each component very easily.
Captura-7.png
  • Build and deploy your app to SAP AppGyver server: I haven’t tried the publishing part in the different markets (Android, iOS) but the generation of the web application has been easy and fast. Also very useful is the texting mode by installing the AppGyver application for mobile phones.
    Captura-8.png

Limitations

As you can imagine we have several limitations, one is that we need a mobile phone for this app, the second is that we need to access with the APPGyver application or compiling the project to read the accelerometer information.

Summary

It has been a very interesting challenge to get to know AppGyver. I think I have also solved the wiggling problem successfully and in record time.

The learning curve was very fast and I was able to have the application ready in 4 days. So it is a great option for users who do not know how to develop to create applications autonomously or for developers to come up with solutions in record time.


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK