Cette vidéo est la septième de la série de 10 vidéos d’introduction à l’outil NoCode Bubble en Français !

Maintenant que nous avons ajouté des utilisateurs à notre application dans la vidéo précédente, regardons ce que nous pouvons faire avec l’onglet Data.

Pour pouvoir suivre ce « tutoriel Bubble », il est conseillé de cliquer sur le bouton du dessus pour voir la vidéo en même temps.

Dans le Data Type USER, ajoutons quelques champs, appelés fields.
Les champs sont un moyen de décrire les caractéristiques de votre type de données.
C’est l’endroit où vous enregistrez les données pour une entrée donnée, ou un “thing” comme appelé dans Bubble, un champ peut être un nombre, du texte, une date, ou autre chose comme vous le voyez dans cette liste d’options.

Si on veut saisir un nom d’utilisateur, créons un champ dans notre type de données Users, que nous allons nommer username et qui serait de type texte. Si nous voulons stocker l’âge de l’utilisateur par exemple, alors ajoutons un champs age et le type de champ est dans ce cas NUMBER.
Quelles que soient les données que nous saisissons dans ce champ, nous définissons maintenant une attente quant à ce qu’il doit contenir.

Le champ age ne peut pas contenir de texte car il s’attend explicitement à un nombre.

Créons une nouvelle donnée. Pour cet exemple, nous l’appellerons Voitures, comme si nous personnalisions notre application pour qu’elle devienne un site d’annonces de voitures.
Ajoutons maintenant quelques champs pour notre type de données VOITURES.
Donc un champ de type texte pour la marque de la voiture, et ajoutons aussi un prix.

Donc un champ de type nombre ou Number pour le prix.
Ajoutons un autre champs pour savoir si cette voiture est vendue, ajoutons donc un champ de type “Yes/No”. Ainsi nous pouvons suivre si cette voiture est vendue ou non. 

Maintenant que nous avons quelques caractéristiques, nous avons réussi à créer un type de données personnalisé pour les voitures enregistrées dans notre site d’Annonces automobiles.
Naviguons maintenant vers l’onglet App Data. Sur le côté gauche, vous verrez les types de données dans votre application en en sélectionnant un, vous visualisez toutes les entrées ou “things” que notre application a pour ce type de données.

En cliquant sur All Users, nous voyons tous les utilisateurs de notre base de données – notez qu’il s’agit de notre base de données de développement. Ainsi, les entrées que nous visualisons ici n’apparaîtront pas en Live. Pour voir notre base de données en Live, cliquez ici.
Si nous voulions voir toutes nos Voitures, nous cliquerions sur “All Voitures ». Mais nous n’en avons pas encore, donc allons en ajouter une.

Lorsque nous ajoutons une nouvelle entrée, nous voyons les entrées pour les champs que nous avons créés pour notre type de données. Il suffit de remplir manuellement les champs vides, de donner un nom et un prix. Et si cette voiture est vendue ou non.
Une fois que nous l’avons créé, regardez-la apparaître ici même dans les données de notre application. Nous pouvons alors la modifier et la supprimer si besoin.

Dans la prochaine vidéo, nous allons voir tout cela en action et voir un exemple de page que vous pouvez créer pour vos utilisateurs.