Bubble est une plateforme no-code puissante et flexible, mais pour en tirer pleinement parti, il est important de comprendre les concepts et les termes clés qui permettent son fonctionnement. Ce glossaire vise à fournir une vue d’ensemble des termes essentiels et récurrents que vous serez amenez à rencontrer dans l'outil, afin que vous puissiez rapidement vous familiariser avec la terminologie spécifique de la plateforme.

Si vous n'êtes pas encore familiarisé avec l'outil, vous pouvez consulter mon article de découverte qui vous permettra de comprendre exactement ce qu'est cette plateforme et comment elle peut être utilisée pour développer vos applications.

Comprendre les définitions importantes

Application Web (Web App)

Une application web est un programme qui fonctionne sur un serveur et est accessible via un navigateur web. Contrairement aux sites web classiques, les applications web permettent aux utilisateurs d’interagir de manière dynamique avec des fonctionnalités complexes, comme la gestion des comptes utilisateurs, la saisie de données, ou encore l'exécution de processus automatisés.

Base de données (Database)

Une base de données est une collection organisée de données. Dans Bubble, la base de données est au cœur du fonctionnement de votre application. Elle stocke toutes les informations de votre app, comme les profils utilisateurs, les produits, les messages, etc. Bubble permet de configurer une base de données directement depuis son interface, sans avoir besoin d’utiliser des outils externes.

Pour en savoir plus sur la base de données, vous pouvez consulter cet article ou cette vidéo :

Workflow

Un workflow est un ensemble d'actions ou d’étapes que votre application suit lorsqu’un événement spécifique se produit, comme l’utilisateur cliquant sur un bouton ou soumettant un formulaire. Les workflows sur Bubble sont créés via une interface visuelle où vous définissez des actions à exécuter dans un certain ordre, et sous certaines conditions. Ils permettent d’automatiser le comportement de votre application, qu'il s'agisse d'enregistrer des données, d’envoyer des emails, ou d’afficher des informations spécifiques.

Chaque workflow se déclenche grâce à un trigger (déclencheur), qui peut être une action utilisateur ou un évènement ayant lieu sur une page de votre app ou au sein de sa base de données.

Pour en savoir plus sur les workflows, vous pouvez consulter cet article ou cette vidéo :

Event ou trigger (Événement)

Un event ou trigger est une action ou une interaction qui déclenche un workflow dans votre application Bubble. Par exemple, un événement peut être déclenché lorsqu’un utilisateur clique sur un bouton, lorsqu’une page est chargée, ou encore lorsqu’une donnée est modifiée dans la base de données. Les événements sont essentiels pour définir comment votre application réagit aux actions des utilisateurs et comment elle gère les processus internes.

Condition

Une condition dans Bubble permet de définir des règles qui doivent être remplies avant qu'une action ne soit exécutée dans un workflow. Par exemple, vous pouvez définir une condition qui indique que si un utilisateur est connecté, il peut accéder à une page spécifique. Les conditions sont essentielles pour gérer la logique complexe de votre application et pour personnaliser les expériences utilisateur en fonction de certains critères.

Plugin

Un plugin est une extension qui ajoute des fonctionnalités supplémentaires à votre application. Il existe une vaste bibliothèque de plugins disponibles dans Bubble, permettant d’intégrer des services externes, des fonctionnalités avancées ou des éléments de design personnalisés sans avoir à coder. Par exemple, vous pouvez ajouter des plugins pour intégrer des services de paiement comme Stripe ou PayPal, ou pour gérer des fonctions comme Google Maps. Vous pouvez également créer vos propres plugins si vous avez des besoins spécifiques.

API

Une API (Application Programming Interface) est un ensemble de règles et de protocoles qui permettent à deux logiciels de communiquer entre eux. Sur Bubble, vous pouvez utiliser des API pour connecter votre application à des services externes, comme des bases de données, des plateformes de paiement ou des outils de messagerie. Bubble propose un outil appelé API Connector qui permet d’intégrer facilement ces API externes à votre application.

Je réalise une démonstration de l'API Connector dans cette vidéo :

Property (Propriété)

Les propriétés désignent les caractéristiques spécifiques d'un élément. Par exemple, un bouton aura des propriétés comme sa taille, sa couleur, son texte, ou son comportement lorsqu’il est cliqué. Les propriétés sont essentielles pour personnaliser l’apparence et le fonctionnement des éléments visuels dans votre application. Chaque élément que vous placez sur une page peut être configuré via son panneau de propriétés pour répondre à vos besoins spécifiques.

Elements

Les éléments sont les blocs de construction de votre application. Ils représentent les objets visuels que vous placez sur vos pages, tels que les boutons, les images, les formulaires, ou encore les groupes de contenu. Ces éléments interagissent avec la base de données et les workflows pour créer des interfaces utilisateur dynamiques. Chaque élément possède ses propres propriétés, que vous pouvez configurer pour en modifier le comportement et l’apparence.

Group (Groupe)

Un groupe est un conteneur qui regroupe plusieurs éléments ensemble. Les groupes permettent de structurer votre page de manière organisée et de gérer plus facilement des blocs de contenu complexes. Par exemple, vous pouvez regrouper un ensemble de champs de formulaire dans un même groupe pour les afficher ou les masquer en fonction des actions des utilisateurs.

Les groupes peuvent également être utilisés pour charger des données dynamiques et afficher ces données sous forme visuelle dans votre application.

Il existe différentes sortes de groups : goup simple, floating group,, repeating group, focus group, popup… Même les pages de votre application sont un type de group !

Enfin, les groups sont très utiles pour gérer le comportement des éléments d'une page en fonction de la taille de l'écran sur lequel ils sont affichés. Parfait pour créer des apps responsives.

Repeating Group (RG)

Un repeating group est un type de group particulier, qui permet d’afficher des listes ou des ensembles de données provenant de la base de données. Par exemple, si vous avez une liste de produits dans votre application, vous pouvez utiliser un repeating group pour afficher chaque produit sous forme de carte ou de ligne dans un tableau. Le RG est dynamique : il se met à jour automatiquement lorsque des éléments sont ajoutés, supprimés ou modifiés dans la base de données.

Pour en savoir plus sur les repeating groups, vous pouvez consulter cet article.

Data

Les données font référence aux informations stockées au sein de la base de votre application. Cela inclut les informations que vous collectez auprès des utilisateurs (noms, adresses e-mail, etc.), ainsi que celles générées par votre application (commandes, articles, messages, etc.). Les données sont organisées en data types et en fields dans la base de données, ce qui permet de les manipuler facilement via des workflows, des recherches et des affichages dynamiques.

Data Types

Les data types sont les catégories d'informations que vous gérez dans votre application. Par exemple, un data type peut être un utilisateur, un produit, un article de blog, etc. Chaque data type a des fields associés, qui définissent les attributs spécifiques de ce type. Par exemple, le type de données utilisateur pourrait avoir des champs comme le nom, l’e-mail, et la date d’inscription.

Fields

Les fields sont les propriétés spécifiques d'un data type dans votre base de données. Par exemple, pour le data type utilisateur, vous pouvez avoir des champs comme le nom, l’adresse e-mail, et l’âge. Les fields peuvent stocker différents types d’informations, y compris du texte, des chiffres, des dates, ou même des listes d'autres data types ! Cela permet de structurer vos données de manière flexible et efficace.

Recherche de données (Do a Search for)

La recherche de données dans vous permet d'extraire et d’afficher des informations spécifiques à partir de votre base de données. Les recherches sont utilisées pour afficher des données dynamiques dans vos pages, telles que des listes de produits, des profils d’utilisateurs, ou des résultats de formulaires. Vous pouvez configurer des critères de recherche (appelés constraints) pour filtrer les données en fonction de conditions spécifiques, et les résultats sont automatiquement mis à jour dans votre interface utilisateur.

Pages

Les pages sont les écrans ou les vues de votre application. Chaque page peut contenir différents éléments et groupes, et vous pouvez créer plusieurs pages pour différentes sections de votre application (par exemple, une page d’accueil, une page de profil utilisateur, ou une page de tableau de bord). Les pages peuvent être statiques ou dynamiques, et leur contenu peut changer en fonction des données et des actions des utilisateurs.

Styles

Les styles dans Bubble permettent de définir des ensembles cohérents de propriétés visuelles pour vos éléments. Par exemple, vous pouvez créer un style pour vos boutons qui définit leur couleur, leur taille, et leur police, et appliquer ce style à plusieurs boutons dans votre application. Cela permet de maintenir une cohérence visuelle tout en facilitant la gestion des modifications de design.

Pratique lorsque vous souhaitez faire des modifications sur un style : tous les éléments possédants ce style verront les modifications appliquées automatiquement !

Pour en savoir plus sur le syles :

Responsive

Le responsive désigne la capacité de votre application à s’adapter à différents formats d’écran, que ce soit sur mobile, tablette, ou ordinateur. Bubble offre des outils pour gérer la mise en page responsive, permettant d’optimiser l’affichage de vos éléments en fonction de la taille de l’écran. Cela assure que votre application est utilisable sur tous les appareils, ce qui est essentiel pour offrir une bonne expérience utilisateur.

Si vous souhaitez en savoir plus sur le responsive, j'ai publié sur ma chaîne Youtube une vidéo de formation complète :

User (Utilisateur)

L'utilisateur est l'une des entités principales dans toute application Bubble. Il représente les personnes qui interagissent avec votre application. Vous pouvez gérer leurs informations personnelles, leurs droits d’accès, et leurs interactions avec votre application via des workflows et des conditions. Bubble propose également des outils pour l'authentification (via email/mot de passe ou des services tiers comme Google ou Facebook), ainsi que pour gérer les permissions en fonction du rôle de l’utilisateur (par exemple, administrateur ou utilisateur basique).

L’utilisateur joue un rôle central dans la plupart des applications, notamment pour les applications SaaS, les marketplaces, ou encore les réseaux sociaux, où chaque utilisateur interagit de manière dynamique avec le contenu et les autres utilisateurs.

Authentication (Authentification)

L'authentification désigne le processus permettant de vérifier l'identité des utilisateurs lorsqu'ils accèdent à votre application. Bubble offre plusieurs méthodes d’authentification intégrées, notamment via un formulaire de connexion (email et mot de passe), ou en utilisant des services tiers comme Google, Facebook, et LinkedIn pour la connexion via réseau social. Une fois authentifié, l'utilisateur est reconnu tout au long de sa session, et vous pouvez définir des workflows pour personnaliser son expérience selon son identité ou ses permissions.

Vous pouvez également personnaliser la gestion des permissions d’accès en fonction des rôles définis pour chaque utilisateur. Cela vous permet de restreindre l'accès à certaines parties de l'application en fonction des niveaux d'autorisation.

À noter : toute personne utilisant une application Bubble est considérée pendant sa session comme un user, qu'elle soit connectée ou non.

Si celle-ci ne possède pas de compte au sein de l'application en question, elle sera considérée comme un "temporary user" et ses informations de navigation seront stockées sur un cookie temporaire sur le navigateur de l'utilisateur.

Pour apprendre comment faire un système de signup / login sur Bubble, j'ai réalisé ce tuto sur ma chaîne Youtube :

Actions

Les actions sont les événements spécifiques qui se produisent lorsqu'un workflow est déclenché. Par exemple, une action peut être l’envoi d'un email, la modification d'une donnée dans la base de données, ou encore la redirection de l'utilisateur vers une nouvelle page. Chaque action peut être paramétrée avec des conditions spécifiques pour s’assurer qu’elle ne se déclenche que dans certaines circonstances.

Les actions sont le moteur des interactions dans votre application, et elles peuvent être enchaînées pour créer des processus complexes et automatisés.

Dynamic Data (données dynamiques)

Les données dynamiques se réfèrent aux informations extraites de la base de données ou générées par les utilisateurs et qui s’affichent dans l’interface utilisateur de manière dynamique. Par exemple, une page de profil utilisateur peut afficher des informations dynamiques telles que le nom, l’email, ou la photo de profil, extraites en temps réel de la base de données. Les données dynamiques permettent de rendre une application interactive et personnalisée en fonction des utilisateurs et des événements.

Conditions logiques (Only when)

Les conditions logiques permettent d’ajouter des éléments de logique conditionnelle dans vos workflows ou éléments visuels. Par exemple, vous pouvez spécifier qu’un bouton ne doit apparaître que si l’utilisateur est connecté ou qu’une action ne doit se produire que si certaines conditions sont remplies (par exemple, le solde du compte utilisateur est supérieur à un certain montant). Les conditions logiques sont essentielles pour gérer les interactions complexes et personnaliser l’expérience utilisateur en fonction des situations spécifiques.

Au sein de l'interface Bubble, les conditions sont toujours définies par une phrase commençant par "Only when…"

Redirections

Les redirections dans permettent de naviguer entre les différentes pages de votre application. Vous pouvez configurer des workflows pour rediriger les utilisateurs vers une nouvelle page après une action spécifique (par exemple, une redirection vers une page de confirmation après un achat). Les redirections sont également utilisées pour guider les utilisateurs à travers un parcours utilisateur cohérent, comme dans le cas d’une application de commerce en ligne où l’utilisateur doit passer de la page produit à la page de paiement, puis à la page de confirmation.

Au sein de Bubble, les redirections sont mises en place dans les workflows via l'action "Go to page…" ou directement dans les settings pour les redirections 301.

Deployment (Déploiement)

Le déploiement, terme qui n'est pas propre à Bubble, se réfère au processus de mise en ligne de votre application. Bubble propose un environnement de développement (dev) et un environnement de production (live). Vous pouvez tester vos fonctionnalités dans l'environnement de développement avant de les déployer en production. Une fois que vous êtes satisfait de votre application, vous pouvez cliquer sur le bouton "deploy" pour déployer la version en production, rendant ainsi votre application accessible au public. Cela permet de garder un contrôle total sur ce que vos utilisateurs voient, tout en vous donnant la possibilité de tester de nouvelles fonctionnalités en arrière-plan.

Versioning

Le versioning dans Bubble vous permet de gérer différentes versions de votre application au fil du temps. Vous pouvez créer des branches de développement, tester de nouvelles fonctionnalités, et revenir à des versions précédentes si nécessaire. Cela est particulièrement utile lorsque vous travaillez en équipe ou lorsque vous souhaitez tester des modifications majeures avant de les déployer en production. Le système de versionnage de Bubble permet de maintenir la stabilité de votre application tout en vous permettant d’innover en toute sécurité.

Branch

Une branch (branche en français), fait référence à une version distincte de votre application sur laquelle vous pouvez travailler indépendamment de la version principale en production. Cela vous permet d’expérimenter de nouvelles fonctionnalités, de tester des modifications ou de corriger des bugs sans affecter l’application actuellement utilisée par vos utilisateurs. Une fois les modifications sur la branche validées, vous pouvez fusionner cette branche avec la version de production et déployer les changements. Le système de branches permet une gestion du développement plus structurée, notamment lorsque vous travaillez en équipe ou sur des projets complexes.

Les branches sont particulièrement utiles pour le versionnage, vous permettant de maintenir un flux de développement continu tout en garantissant que les nouvelles fonctionnalités sont correctement testées avant d'être mises en ligne.

Logs

Les logs sont des enregistrements d’événements qui se produisent dans votre application. Ils permettent de suivre les actions des utilisateurs, les erreurs ou les performances de votre application. Les logs sont essentiels pour le débogage et l’optimisation des workflows, car ils vous permettent de voir exactement ce qui se passe en coulisse lorsque quelque chose ne fonctionne pas comme prévu. Bubble fournit une interface pour visualiser et analyser ces logs directement dans le tableau de bord de l’application.

Sauvegarde, Backup

La sauvegarde des données est un processus qui garantit la sécurité de vos informations. Bubble effectue des sauvegardes automatiques de votre application et de votre base de données, mais il est également possible de réaliser des sauvegardes manuelles ou de programmer des exports de données. Cela vous permet de restaurer des versions antérieures de votre application en cas de problème ou d’erreur, et d’assurer que vos données sont toujours protégées.

À noter que la fréquence des sauvegardes dépend de l'abonnement auquel vous avez souscrit pour votre application.

Conclusion

Ce glossaire couvre les termes les plus importants que vous rencontrerez en utilisant Bubble. Comprendre ces concepts est essentiel pour maîtriser la plateforme et développer des applications web puissantes et personnalisées.

Que vous soyez un débutant découvrant Bubble ou un utilisateur avancé cherchant à tirer parti de toutes ses fonctionnalités, maîtriser ce vocabulaire vous aidera à mieux comprendre son fonctionnement et à construire des applications plus efficaces.

Pour aller plus loin…

Si vous souhaitez apprendre à vous servir de Bubble, j'ai réalisé sur ma chaîne Youtube une longue vidéo explicative qui vous permettra de prendre en main l'outil et commencer à créer vos premières applications :