Skip to main content
← Data, API & Backend
Data, API & Backend January 8, 2024 · 18 replies

Create a Register of attendance

Archived from the Bravo community forum (2021–2026). Some answers may refer to older versions of Bravo.

Hy

Is possible to create with Figma and Bravostudio a register of Attendance to add on my app where I can have a kind of 2 Button next to the name of my students (Present or Absent) and at the moment I click the button I add a record on Airtable exactly in the row of that Students and every 4 “present” I send to my ERP with Zapier a trigger that will create a payment for my dance class

Thanks

Andrea

18 replies

Stéphan January 12, 2024

Hello andrea,

I have created a simple example, and I will send it to you for your observation to see if it meets your requirements.

andrea January 12, 2024

@Stéphan N'GUISSAN thank you very much Stéphan very kind of you will you send me the link ?

Stéphan January 16, 2024

Hello Andrea !
Here is an improved example:

In this demonstration, the use of tags in Figma design is crucial:

- Menu [menu:tabs],

- List of schools [container]

- Presence state [state-set:Present]

- Default [action:remote]

- Active [action:remote]

- Absence state [state-set:Absent]

- Default [action:remote]

- Active [action:remote]

For more information on state-set tags, please refer to the documentation available here: [link to documentation](https://docs.bravostudio.app/bravo-tags/components/stateful-component-like-button)

In my file, you will find 4 frames: Menu, Home, Present, Absent, as depicted in the screenshot below.

Thus, by clicking on "Present" in the "Home" frame on the student's profile, it will appear on the "Present" page. Conversely, by selecting "Absent", it will be displayed on the "Absent" page. This approach will allow us to obtain a comprehensive list of present and absent students.

The Airtable database used to illustrate this example includes the following elements: Name, image, a filter for absence, a checkbox filter for presence, two boolean formulas, and an important identifier (not used in this context) for each student. The filters will be retrieved in their specific tables, "Present" and "Absent". You can view them in the screenshots below.
1.

After importing the database into the API Collection, I have two elements: "Class-List" for results in list format and "Class-Detail" for the details of the lists. These two elements make up the complete list of classes.

For the presence list, I will duplicate "Class-List" and at the end of its API, I will add "?view=Presence", the Airtable title corresponding to the filter:

Similarly for absent students: "?view=Absence"

To trigger presence and absence, we will need to use the PATCH method with a boolean JSON for the active and default buttons for presence and absence. Simply duplicate "Class-Detail," rename it, transform the GET into PATCH, click on "Body/JSON," and add the following code:

Active button for presence (true):

jsonCopy code{
  "fields": {
    "Presence": true
  }
}

:

jsonCopy code{
  "fields": {
    "Presence": false
  }
}

Repeat the same process to handle absences. Make sure to observe the JSON structure carefully.

To finish, follow the example of the "like" button whose link I sent you at the very beginning. Use the documentation available in the link I provided to set up synchronization between your application and the Airtable database. Go through the steps and necessary configurations, adjusting the parameters according to the specific needs of your project.

If you have specific questions about particular aspects or if you encounter difficulties during the synchronization setup, feel free to mention them, and I'll be happy to provide more targeted assistance.

andrea January 30, 2024

@Stéphan N'GUISSAN hy Stephan

Thank you very much this is amazing

Imagine each my students have a set amount of “Credit” (depend how much they pay) can I everything I put “present” took away 1 credit from the credit coloumn ????

andrea January 30, 2024

@Stéphan N'GUISSAN also is possible if some of my students pay have a button that top on new credit belong to that students …….like 4credit - 8 credit - 10credit

andrea February 4, 2024

@Stéphan N'GUISSAN hy Stephan I nearly finish my project but I have last problem to resolve and I am sure you can help me………………….. I would like to patch that every time I push the “presence” button it add -1 credit to the record “credit” in the airtable base ……. is it possible ??????? also I would like to add a button that every time my students pay me I can add new credit like package (+5,+10+20 credits) to an other record called “credit bought”……………..thanks Andrea

Stéphan February 6, 2024

@andrea Borrelli Hello Andrea I'll check that and get back to you.

Stéphan February 12, 2024

@andrea Borrelli Hello, Did you find a solution to that, considering the time taken

andrea February 12, 2024

@Stéphan N'GUISSAN basically i have still to work on that section of my app But I would like something like this

👉 list page with all the students divided by cities (because we have classes in different cities)

👉 this list will be a kind of a register of attendance

👉 when I click to the name or also next to the name some button that give - 1 credit every time they attend the class

👉 when the credit go to -1 mean that the students need to pay and top up other credits

👉 at this point I can also create the payment where I go to a kind of detail page of the students and input (price ,description) and create the new record link to a base on airtable (each month the table change because I need to have a report )

At this point I don’t know if it is even possible to create a receipt of the payment straight away from the app

Very complicate I know sorry

🤯🤯🤯🤯

Stéphan February 12, 2024

If I understand correctly, you want to develop a section of your application with the following features:

👉 A student list page, organized by city, acting as an attendance register.

👉 A smooth mechanism to deduct a credit each time a student attends a class, and to indicate that a payment is due when the credit reaches -1.

👉 For more complex solutions or projects requiring greater flexibility, you suggest using Xano:

A possible solution: Each student is linked to a city, and a city can have multiple students attending your courses. With Airtable, you would need two tables for this part: the student table linked to the city table. Therefore, when registering or if the student registers in the app, they choose their city.

Here is the student table linked to the city table. In the student table, each student only has access to one city where the course is conducted. Here is the configuration:

In the city table, a city can have multiple students attending your courses. Here is the configuration:

andrea February 12, 2024

@Stéphan N'GUISSAN Thank you very much…..after I set the table how do I bind everything to bravo tighter with have a button that give -1 credit to students when is attending the class ?

Stéphan February 15, 2024

Hello Andrea,
I'm trying out some solutions and I'll give you feedback. I'm also checking on the Xano side.

andrea February 19, 2024

@Stéphan N'GUISSAN hy stephan did you find any solution ?

andrea February 24, 2024

@Stéphan N'GUISSAN hy stephan I tried yesterday with airtable to do some automation to subtract every time I check the box on the app with post request but I can not still find the way how to do it 😔

Stéphan February 24, 2024

@andrea Borrelli Could you provide me with more details?

andrea February 25, 2024

@Stéphan N'GUISSAN HY I STILL DONT HAVE ANY DRAFT DONE BECAUSE I CAN NOT FIND THE LOGIC ON IT……………….Basically I need some way that every time they push the button “subtract credit” 1 credit is less on “credit available” in airtable base………….and in the same time every time they choose from a droplist (value1,value2,value3) this value is be added to the record “credit available” in airtable base

Stéphan February 25, 2024

@andrea Borrelli Hello,
I suggest looking into Xano to see if it best matches the problem, and also contacting both the Bravo and Xano teams to explore feasibility or available alternatives

Wrote something in this thread and want it removed? Request removal

Still stuck?

Ask the community on Discord

This archive is read-only. New questions, office hours and product updates now happen in the Bravo Discord.

Join the Discord