Sommaire

Partager sur :

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

avis bubble page d'accueil

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.

Pour aller plus loin
Si lvous êtes entrain de monter votre start-up, je vous invite fortement à parcourir ces articles :

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

avis bubble interface 1

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 ;
avis bubble interface 2

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.

Le petit conseil de La Fabrique du Net
Utilisez l’onglet Responsive pour prévisualiser sur différents appareils.

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 ».

avis bubble templates

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

. avis bubble interface 3

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.

avis bubble interface 4

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.

avis bubble interface 5

É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.

Le petit conseil de La Fabrique du Net
Bubble vous permet d’apporter des modifications à votre site web, sans qu’il soit nécessaire de le mettre en maintenance. Pour accéder à la base de données sans devoir suspendre votre site web, utilisez la fonction « Switch to Live Database ».

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

Recevez nos actualités chaque semaine

Entrez votre adresse email et recevez chaque semaine les actualitésde La Fabrique du Net, rédigées par nos experts.

En vous inscrivant vous acceptez notre
politique de protection de données personnelles.

Alternatives à Bubble

Default image
Super
Noté 0 /10 par notre expert
Interrogé sur l'efficacité de Super, le logiciel No-code révolutionnaire ? Notre analyse approfondie éclaire si cet outil est véritablement le levier de croissance pour toute entreprise, de la startup à l'industrie de pointe. Découvrez si Super est réellement votre partenaire idéal pour un développement sans code.

Avis des utilisateurs (0)

Historique

Nos experts mettent à jour nos articles lorsque de nouvelles informations sont disponibles.
  1. 12 février 2025
    Modifié par
    Franck Mairot
  2. 15 janvier 2025
    Modifié par
    Franck Mairot
  3. 21 septembre 2021
    Créé par
    Franck Mairot
Voir plus