Nous développons des produits logiciels en utilisant le codage traditionnel depuis 2008, et nous sommes passés au no-code Bubble il y a quelques années.

Dans ce guide, nous voulions discuter de nos expériences avec Bubble et de la comparer au code complet traditionnel. Nous aborderons les fonctionnalités spécifiques de Bubble qui nous permettent de créer des applications avancées basées sur les données, et nous examinerons également quelques limites de Bubble.

Nous pensons qu'il est important de dire que nous ne sommes pas affiliés à Bubble ; nous l'utilisons simplement tous les jours pour développer des applications clientes et, à notre avis, c'est le meilleur outil de création sans code du marché.

Qui sommes nous : Nous sommes Belighted, une agence de développement de logiciels hybride qui utilise une combinaison de Bubble no-code et de codage traditionnel pour créer des applications Web. Cela vous permet de profiter des avantages du no-code Bubble, tels que des coûts réduits et des temps de développement plus rapides, sans aucune des limites de la plateforme (nous pouvons coder certaines fonctionnalités nous-mêmes). Donc, si vous souhaitez vous associer à une agence Bubble pour développer votre application, participez à un appel de découverte de 20 minutes avec notre fondateur.

Aperçu rapide des fonctionnalités de Bubble

Les fonctionnalités complètes de Bubble peuvent être divisées en trois parties :

1. Générateur frontal : Bubble dispose d'un canevas de conception dans lequel vous pouvez concevoir le front-end de votre application à l'aide d'un éditeur glisser-déposer facile à utiliser.

2. Générateur de backend : Vous aurez également accès à une structure de base de données personnalisée dans le backend qui vous permet de contrôler les tables, les champs et les propriétés dont votre application a besoin.

3. Caractéristiques logiques : Les fonctionnalités logiques de Bubble dictent ce que fait votre application lorsqu'un utilisateur effectue une certaine action. Par exemple, SI l'utilisateur clique sur le bouton d'inscription, redirigez-le vers le formulaire d'inscription.

Ci-dessous, nous allons approfondir ces trois domaines : les fonctionnalités frontales, dorsales et logiques, ainsi que les plugins, les API et les fonctionnalités de sécurité proposés par Bubble.

Générateur de front-end Bubble

Lorsque vous vous connectez à Bubble, vous serez accueilli par ce tableau de bord :

Ce canevas par glisser-déposer vous donne un contrôle total sur ce à quoi ressemblera votre application Web pour les utilisateurs.

Sur le côté gauche, vous aurez accès à de nombreux éléments visuels tels que des éléments de texte, des éléments vidéo et des formulaires de saisie. Vous pouvez faire glisser ces éléments sur votre page et configurer leurs propriétés de style et leur positionnement.

Nous avons créé des applications avec du code complet et Bubble, et nous pouvons affirmer sans crainte que ce canevas peut faire presque tout ce que le code complet peut faire. Vous pouvez créer de superbes tableaux de bord conformes à toutes les normes Web.

Bubble possède également des fonctionnalités réactives, de sorte que la conception de votre application s'adaptera selon que l'utilisateur final se connecte via un ordinateur de bureau, une tablette ou un mobile. Il n'est pas nécessaire de créer une version distincte pour ordinateur et mobile.

Cependant, il y a quelques inconvénients à prendre en compte. Si votre application comporte des animations et des graphismes animés, Bubble n'est probablement pas le meilleur choix. Bien que Bubble vous permette d'ajouter du CSS personnalisé grâce à l'élément visuel HTML, il fonctionne très bien lorsque vous créez des applications pilotées par les données avec des visuels de base ; pensez aux places de marché recto verso, aux logiciels internes et aux sites d'emploi.

Base de données Bubble Backend

En ce qui concerne le backend de votre application, Bubble propose une base de données entièrement personnalisable hébergée sur Amazon Web Services (AWS). Vous contrôlez tout, depuis les tables dont votre application aura besoin jusqu'aux propriétés et aux champs de ces tables.

Par exemple, si vous souhaitez collecter le nom complet, l'adresse e-mail et les informations bancaires d'un utilisateur, vous pouvez personnaliser votre base de données pour collecter ces informations. Et si vous souhaitez collecter plus d'informations sur les utilisateurs à l'avenir, vous pouvez simplement ajouter des champs supplémentaires dans votre backend Bubble.

Bubble facilite également la personnalisation des relations entre vos enregistrements. Par exemple, si vous créez une place de marché recto verso, vous voudriez que tous les dossiers d'un client (paiements, informations personnelles, historique des achats) soient liés les uns aux autres afin qu'ils soient pertinents pour le client et que vous puissiez tout suivre.

Mais gardez à l'esprit que Bubble ne vous permet pas de contrôler les index ; Bubble les gère automatiquement. Cela signifie que certaines demandes peuvent être extrêmement longues et que vos modèles de données doivent vraiment être pensés de manière inhabituelle.

En termes de sécurité, vous n'avez pas besoin de télécharger de plug-in ni de coder des API privées, car les données de votre application sont hébergées sur AWS, qui prend en charge 143 normes de sécurité.

Bubble dispose également de tout un système de règles de confidentialité. Cela vous permet d'ajouter une couche de sécurité supplémentaire au-dessus de vos données. Vous pouvez masquer ou afficher des tableaux et des champs afin que, si un utilisateur n'est pas connecté, il n'ait pas accès aux informations sensibles via une API ou une page non protégée.

Cependant, Bubble n'est peut-être pas compatible avec les réglementations relatives aux données de votre secteur d'activité. Il est compatible avec les plus populaires, tels que le RGPD et le CCPA, mais il n'est pas compatible avec la loi HIPAA par exemple, ce qui est à prendre en compte si vous créez une application qui stocke des informations sensibles sur les patients.

Caractéristiques de Bubble Logic

Les capacités logiques de Bubble sont gérées par programmation visuelle, et c'est ainsi que vous allez faire en sorte que votre application fasse ce que vous voulez sans écrire une seule ligne de code.

En termes simples, la programmation visuelle de Bubble consiste à utiliser des déclencheurs pour effectuer certaines actions, c'est-à-dire SI cela se produit, ALORS faites-le. Par exemple, SI l'utilisateur clique sur le bouton d'envoi, ALORS déplace les données de son formulaire dans notre base de données.

Vous pouvez également combiner plusieurs actions et les enchaîner dans n'importe quel ordre pour créer des flux. Cette fonctionnalité logique est la principale raison pour laquelle vous pouvez créer applications avancées avec Bubble. Vous pouvez essentiellement faire en sorte que tout se passe en fonction de ce que l'utilisateur a fait.

Cependant, cette fonction logique personnalisable s'accompagne d'une courbe d'apprentissage élevée. Comme Bubble ne sait pas ce que vous construisez, c'est à vous de tout assembler, et cela peut prendre plusieurs mois à comprendre si vous n'avez jamais utilisé Bubble auparavant.

Remarque latérale : Même si vous créez une application sans code, la logique est impliquée, ce qui signifie que votre réflexion doit être stratégique quant à l'apparence de votre flux de travail et de votre architecture globale.

Plug-ins et API Bubble

Les plugins et les connexions API de Bubble sont une autre fonction étonnante qui fait désormais partie intégrante de notre processus de développement sans code.

Si Bubble ne propose pas d'élément visuel ou d'action de flux de travail spécifique que vous souhaitez, rendez-vous simplement sur la place de marché des plugins. Vous trouverez ici des milliers de plugins gratuits et payants qui offrent des fonctionnalités supplémentaires.

Par exemple, si vous souhaitez facturer un abonnement aux utilisateurs dans votre application, vous pouvez télécharger le plugin Stripe. Ce plugin vous permet d'effectuer des paiements sur la place de marché et d'envoyer un SMS aux utilisateurs si leur paiement échoue.

Ou, si vous souhaitez interagir avec des applications tierces, vous pouvez télécharger le connecteur d'API gratuit de Bubble. Ce plugin vous permet de vous connecter à tout ce qui expose une API Web RESTful basée sur JSON. Vous pouvez ensuite récupérer les données de ces applications et déclencher des actions du côté du service.

Nous apprécions également le fait que Bubble nous permette de coder nos propres plugins et API privés, ce qui est utile si un client souhaite une fonctionnalité que Bubble ne possède pas. C'est quelque chose à surveiller si vous pouvez coder, car vous combinez essentiellement les avantages du no-code (développement rapide et coûts réduits) avec un code complet (fonctionnalités personnalisées).

Par exemple, l'un de nos clients récents, L'Institut de l'Ennéagramme, souhaitait que nous ajoutions une fonctionnalité de reporting à leur application qui leur permettra de mieux comprendre les comportements des élèves. Cependant, nous n'avons pas trouvé de système de génération de rapports sur Bubble qui réponde aux besoins de nos clients. Nous en avons donc créé un à partir de zéro et avons utilisé le plug-in API Connector pour accéder à cette application tierce.

Hébergement et sécurité de bulles

Pour la plupart des nouveaux développeurs, l'hébergement et la sécurité peuvent sembler intimidants car, avec le code traditionnel, vous devrez configurer les paramètres de vos serveurs, c'est-à-dire qui contrôle les serveurs, quel plan d'abonnement est le meilleur, combien de serveurs vous avez besoin, etc.

Heureusement, Bubble s'occupe de tout cela, vous n'avez donc pas à vous soucier de l'hébergement ou de la sécurité.

Comme indiqué ci-dessus, les applications Bubble sont hébergées sur AWS, la norme mondiale en matière d'hébergement Internet. La plupart des sites Web les plus populaires sont hébergés sur AWS, notamment Netflix, Lamborghini et Nordstrom, et la sécurité fournie par AWS est suffisante pour de nombreux créateurs débutants.

Conseil rapide : L'infrastructure principale de votre application sera hébergée sur des serveurs situés aux États-Unis. Si vous souhaitez que votre application soit hébergée sur un serveur situé en dehors des États-Unis, souscrivez à l'un des plans dédiés de Bubble, qui le configurera pour vous.

Collaboration dans les bulles et contrôle des versions

Si une équipe de développeurs vous aide à créer votre application dans Bubble, vous pouvez utiliser les fonctionnalités de collaboration et de contrôle de version de Bubble pour travailler ensemble sur votre application. En tant que propriétaire, vous pouvez inviter les éditeurs à développer votre application et leur accorder différents niveaux d'accès, tels que l'affichage uniquement, l'affichage et la modification, l'affichage et l'exécution et le masquage du contenu de production.

Vous pouvez également synchroniser toutes les modifications que vous et votre équipe apportez afin que tout le monde accède à la version la plus récente de votre application.

Si vous souhaitez revenir à une ancienne version, vous pouvez utiliser le contrôle de version de Bubble. C'est essentiel pour devenir meilleur développeur citoyen et en créant la meilleure application possible. Le contrôle de version de Bubble vous donnera une image détaillée des versions précédentes de votre application afin que vous puissiez éventuellement y revenir si nécessaire, ce qui vous aidera à résoudre les problèmes éventuels.

2 exemples de ce que Bubble peut faire

Nous voulions également vous donner une idée de ce dont Bubble est capable. Nous avons donc décidé de parler de certains de nos projets récents : Enneagram et Innpact.

« Ma personnalité » de l'Enneagram Institute

Nous avons récemment lancé l'application My Personality pour L'Institut de l'Ennéagramme. Cette application permet aux entraîneurs de tester les étudiants et de générer des rapports approfondis sur la personnalité, les forces et les faiblesses d'un étudiant.

Nous avons utilisé Bubble pour créer les fonctionnalités frontales, dorsales et logiques de My Personality. La seule chose que nous n'avons pas pu construire sans code était le système de reporting puisque Bubble ne possédait pas cette fonctionnalité, nous l'avons donc codée nous-mêmes.

Bubble nous a permis de livrer My Personality à l'Enneagram Institute en quelques mois et de recueillir rapidement des commentaires, ce qui nous a permis de réduire les coûts et de répercuter ces économies sur notre client.

Incidence

Incidence est un fournisseur de services financiers et nous avons récemment créé une application Web pour lui. Environ 30 % de l'application est hébergée sur Bubble et nous avons utilisé le canevas glisser-déposer de Bubble pour créer l'ensemble du front-end.

Comme Innpact devait respecter des réglementations financières spécifiques, nous avons décidé qu'il serait préférable de créer le backend avec du code complet.

Innpact devait respecter les réglementations du RGPD, ce qui signifiait que toutes les données collectées par les citoyens de l'UE devaient être stockées sur des serveurs au sein de l'UE. Nous avons donc séparé le backend, le stockage des données et le front-end Bubble pour y parvenir.

Quelques problèmes à prendre en compte

La principale limitation de Bubble est que vous ne pouvez pas exporter le code de votre application vers un système externe, comme un autre générateur sans code. Cela signifie essentiellement que les applications Bubble ne fonctionnent que sur Bubble.

De même, vous ne pouvez pas importer de code depuis un autre générateur sans code et le faire fonctionner automatiquement sur Bubble. Cela peut être un obstacle si vous utilisez déjà un autre générateur sans code et que vous souhaitez migrer votre code vers Bubble.

Cependant, vous pouvez importer un design depuis Figma et vous êtes propriétaire de vos données. Vous pouvez exporter les données de votre application vers un fichier CSV ou une API. C'est juste que l'architecture de votre application Bubble, c'est-à-dire la structure de la base de données, les pages et la logique, sera toujours intégrée à Bubble.

Devenez partenaire d'une agence Bubble dès aujourd'hui !

Si vous envisagez de créer une application Web avec Bubble et que vous n'avez pas envie de surmonter la courbe d'apprentissage abrupte que représente la structuration de votre flux de travail et de votre architecture globale, réservez un appel de découverte avec notre équipe.

Au cours de cet appel, nous vous expliquerons notre processus de développement, de la création d'un MVP à l'obtention de vos premiers clients.

• Délimitation de la portée : Nous allons d'abord comprendre ce que vous souhaitez construire et vous fournir un devis.

• Motif : Ensuite, nos concepteurs de produits esquisseront une maquette rapide, recueilleront vos premiers commentaires et adapteront la maquette jusqu'à ce que vous en soyez satisfait.

• Développement des bulles : Pendant la phase de développement, nous utilisons Bubble (et nos compétences en programmation) pour créer votre MVP. Nous continuerons à vous tenir au courant et à vous demander des commentaires. Une fois que nous aurons obtenu votre approbation, nous lancerons votre demande.

• Commercialisation de votre produit : C'est là que la plupart des agences s'arrêtent, mais nous comprenons à quel point il est important d'acquérir vos premiers clients. C'est pourquoi nous vous transmettrons à notre équipe de Aspirine SA. Ici, nous utiliserons une approche de référencement « d'abord en bas de l'entonnoir » pour attirer des clients relativement rapidement, leur demander leur avis et améliorer votre produit en fonction de ces commentaires.

Si cela vous convient et que vous souhaitez que nous vous expliquions plus en détail ce processus, réservez un appel ici.