Bubble - l'Avis de la Fabrique du Net

Vous avez une idée d’application web ou mobile, ou même une application en cours de construction, mais n’arrivez pas à déterminer quel est le meilleur outil no-code pour mener votre projet à bien ? Vous n’avez pas ou que peu de connaissances techniques pour développer une application web sans se ruiner ou construire votre site web ? Il y a de fortes chances qu’en faisant vos recherches vous ayez trouvé Bubble, une plateforme de création d’application qui ne nécessite pas de compétences techniques. Cette solution Américaine réunit une solide communauté d’entrepreneurs de plus en plus importante et vise à démocratiser l’accès à cette technologie. Bubble.io est une des références de d’outils logiciels no-code.

Comment marche Bubble.io

Bubble.io a commencé en 2012 à New York autour d’un café entre les co-fondateurs Joshua Haas et Emmanuel Straschnov. Sans investissements extérieurs et avec l’aide de quelques clients bêta, les deux hommes ont créé Bubble en trois ans.

Dès le premier jour, ils se sont concentrés sur la création d’une entreprise qui offre une réelle valeur. Leur objectif est de construire la meilleure plateforme possible pour permettre à ses clients de créer de puissantes applications web sans écrire de code.

Aujourd’hui, Bubble compte près de 450 000 utilisateurs et a levé 6 millions de dollars en 2019 pour devenir la plateforme de création d’entreprises de référence. Bubble se veut plus qu’un simple produit. Elle a créé une solide communauté de constructeurs et d’entrepreneurs qui sont unis par la conviction que chacun devrait pouvoir avoir accès à la technologie.

Bubble no code est donc un outil de développement d’applications mobiles et web sans codage, sans programmation HTML ou CSS fastidieuse. La solution permet aux utilisateurs de créer et de personnaliser des applications via une interface conviviale en utilisant la technique du glisser-déposer. Elle rend le codage obsolète et démocratise la création d’applications innovantes.

Créer sa web app avec Bubble.io

Au cours de ce test de Bubble, nous passerons brièvement en revue les éléments clés de ce constructeur de sites web, puis nous essaierons de lancer notre propre projet de page web (test) pour voir comment tout cela fonctionne.

Prise en main

L’interface de Bubble s’en tient à un seul concept global, seules certaines sections du menu peuvent différer. Par exemple, 3 barres d’outils sont utilisées pour personnaliser l’apparence :

• Côté – bibliothèque d’éléments, par ex. design, workflow, base de données, styles, plugins, etc ;
• Dynamique – propriétés des éléments.
• Settings (ci-dessous) – options principales, par exemple domaine, langues, SEO, mots de passe, sous-applications, etc ;

La partie principale de la gestion front-end se trouve dans l’onglet Design. Lorsque vous faites glisser un élément, sa taille en pixels et les guides le long de celui-ci s’affichent. Des couches sont également possibles, de sorte que les éléments peuvent être mis les uns sur les autres.

Via le panneau supérieur, vous pouvez annuler les dernières actions, modifier les options d’affichage sur la toile ou ajuster l’échelle.

Les différentes fenêtres de travail fonctionnent comme si elles étaient des pages séparées du site. L’historique des modifications enregistre toutes les actions et permet de revenir rapidement en arrière sur les modifications non souhaitées.

Un outil de prévisualisation est également disponible, de sorte que tous les changements peuvent être vus et testés sans publier l’application. Après avoir placé un élément sur votre page, vous pouvez modifier ses propriétés. Pour afficher le panneau des paramètres de l’élément, il suffit de cliquer dessus. Son apparence dépend du type d’élément, par exemple pour un bouton, les paramètres de clic seront disponibles, pour un champ de texte, la source sera modifiable. En général, ce panneau de contrôle des éléments permet de contrôler sa taille, ses paramètres, ses transitions, etc.

Pour les débutants, Bubble.io propose de petits tutoriels vidéo et des documents de référence pour chaque élément de conception.

Templates

En ce qui concerne les templates, Bubble app se révèle, à notre avis, assez riche avec un large choix  en fonction de votre besoin : application, site vitrine, ecommerce. Sélectionnez le template qui vous convient puis créez votre première page web. Vous accédez à l’interface telle que ci-dessous, très visuelle et intuitive avec son fonctionnement « glisser-déposer ».

Styles

Bubble permet de personnaliser l’apparence de tous les éléments sur votre page. Le style est la base de l’apparence de tout élément, de nombreux styles sont disponibles par défaut, et il est possible de créer vos propres styles. Les styles vous permettent de réduire le temps de conception des éléments, car le même style peut être utilisé dans plusieurs éléments ou fenêtres.

Presque tous les aspects de l’apparence sont personnalisables :

• Texte : police, taille, couleur, espacement, alignement.
• Arrière-plan : couleur unie, dégradé, image.
• Cadre : marges intérieures et extérieures.
• Conditionnels : changements complets ou partiels dans certains scénarios.
• Animations

.

Bubble app et ses fonctionnalités avancées

Nous avons décidé de vous donner notre avis sur Bubble car l’outil simplifie également l’accès à des fonctions plus complexes, que nous allons vous présenter ci-dessous.

Workflow

Traditionnellement, le terme « back-end » fait référence à la partie invisible des applications. Avec Bubble, le principal moyen d’organiser l’interaction avec les visiteurs est l’événement. Il s’agit d’une approche traditionnelle du développement d’applications, adaptée par Bubble.io pour une plateforme en ligne. La mise en place d’un événement se fait en deux étapes :

Création d’événements. Le gestionnaire d’événements a été déplacé dans une section séparée – Workflow. Les événements ont une hiérarchie d’éléments à deux niveaux, où un événement lié à un conditionnel spécifique se trouve au sommet, et une chaîne d’actions se trouve en dessous. En d’autres termes, c’est le principe SI-ALORS qui limite les façons d’organiser la logique d’application. Pour résoudre ce problème, qui est typique des constructeurs en ligne, Bubble a ajouté la possibilité de créer des plugins et de les connecter à la structure du projet par le biais d’une API.

Connexion à l’événement. La configuration des connexions à l’événement n’est possible qu’après avoir établi une chaîne d’actions étape par étape dans le gestionnaire d’événements. Il est recommandé de créer un événement à l’aide du bouton correspondant dans le panneau d’édition des éléments et d’établir la relation dès le début. Comme les actions seront exécutées étape par étape, assurez-vous que les données sont disponibles à toutes les étapes de l’exécution.

Data

La création de bases de données complètes de type tableau et de leurs champs est à la base des applications et des sites web depuis des années, et elle est constamment optimisée. C’est, à notre avis, une force importante de Bubble no code car la solution a réussi à minimiser le codage même dans ce domaine, ce qui rend la création d’une base de données plus rapide. L’éditeur de base de données et le système de gestion des droits sont suffisamment performants pour configurer l’accès et les hiérarchies. Il est idéal pour la création de site internet.

Il comprend les trois parties traditionnelles :

L’éditeur de type de données. Un type de données est une norme qui permet de définir certaines données uniquement pour les entrer dans une table. Cela affecte, en premier lieu, la taille finale de la base de données, qui détermine la rapidité des demandes et des réponses. Deuxièmement, il rend les données lisibles par les événements. Bubble app dispose de plus de 10 types de données prêts à l’emploi (String, Int, Timestamp, etc.) qui peuvent être étendus par des types personnalisés.

Éditeur de champs. Il permet de créer de nouveaux champs ou de modifier des champs existants dans les bases de données. Il peut également être utilisé comme un moyen pratique de lecture et de recherche de valeurs.

Éditeur de tableaux. Cet éditeur est combiné avec l’éditeur de champs et n’a pas de limites précises. Néanmoins, il contient toutes les actions qui affectent une table dans son ensemble. Avec Bubble, vous pouvez utiliser certaines données (par exemple, ID ou Nom) dans différentes tables. De plus, dans les plans Premium, l’import / export de données au format CSV est disponible.

Les retours clients sur Bubble.io

Les avis sur Bubble.io laissés par les utilisateurs sont globalement très positifs (environ 95%). Ce qui est une vraie performance pour un service aussi spécifique et complexe. Avec Bubble no code, les utilisateurs novices peuvent compiler une application ou un site web sans compétences de codage ni logiciel supplémentaire. D’autres alternatives à Bubble existent avec des application plus simples ecommerce comme Goodbarber mais  les utilisateurs ayant des compétences en programmation peuvent étendre les possibilités de Bubble app grâce à des plugins et des scripts personnalisés.

Avantages & inconvénients

Les +

• Idéal pour le déploiement rapide d’applications et de sites web
• Large bibliothèque de plugins
• Plan gratuit pour tester l’outil

Les –

• Pas de scripts d’animation personnalisés pour les éléments
• Importation/exportation de la base de données non disponible dans le plan gratuit

Quel logiciel choisir pour créer son site internet ?

Pour vous aider dans votre choix, La Fabrique du Net a réalisé un comparatif complet des principaux logiciels du marché.

Je découvre