Banking app tutorial with 4D for iOS

Automatically translated from English
4D for iOS offers various templates which allow you to develop apps that fit your business needs. Following the Contact App tutorial, this Tip blog post demonstrates step by step how to create a banking app using graphs! A visual representation of your clients’ available credit, their credit limit, current balance, and so on.
 
Before getting our hands dirty, don’t forget to download the Starter Project containing the database file and project icon.
 
Note: If you haven’t already done so, you may want to check 4D for iOS documentation for a basic understanding of the tool and how to configure your projects. 
 

Creating the project

Click on Toolbar New button > Mobile Project and give your project a name. In this example, we chose to name it Banking Demo app.
 
From the Sections > General tab, enter your app info as shown below:
 
Then on the Structure tab, select and publish all available fields.
Finally, define labels (both long and short) and icons for the tables you’ve just published on the Labels & Icons tab.

Forms definition

List Form

In Sections > Forms > List Forms, select the Tasks template. This template will allow you to display nice charts for each cell of your list. 
 
Then in the content definition graphic, drag and drop the: 
  • CreditScore field into the Field 1 area
  • LastName field into the Title area
  • FirstName field into the first Subtitle area
  • Job field into the second Subtitle area
 

Details Form

Now that your list form is ready, let’s move on to your app’s details form. In Sections > Forms > Details Forms, select the template Tasks Plus (optimized to display charts).
 
As you did for the list form, drag and drop your fields onto the content definition graphic:
 
 
Go to the Build Tab, select iPhone X as the Simulator device, and click on the Build and Run button.
 
Congratulations! Your Banking app is alive … with nice and clean chart animations!
 
David Azancot

• 4D for iOS Product Owner •

David Azancot joined the 4D Product team as a Product Owner in 2017. He's in charge of writing the user stories and translating them into functional specifications. His role also includes making sure that feature implementations meet customers' needs.

David graduated with an MBA in Marketing, Internet and Mobility from the Leonard De Vinci Institute and began his career in 2011 with a mobile start-up company, later acquired by Madvertise (a mobile marketing group). Passionate about mobile interfaces, he was the natural choice to develop interactive mobile ad formats for the group in 2015. In parallel, David has been developing his own iOS and Android applications since 2012.