Forum Documentation Showcase Pricing Learn more

Bubble en français c'est ici!


#1

Bonjour tous le monde
Je me présente Laurent utilisateur depuis quelque mois de la plateforme
je fais un petit coucou aux utilisateurs français de la plateforme Bubble
j’espère qu’une communauté française va se créer autour de cette outil exceptionnel de développement “sans code”

le but n’est pas de se substituer au forum en anglais car on y trouve un grand nombre d’informations
mais de pouvoir échanger nos expériences et conseils dans notre bonne vielle langue de molière,
c’est quand même plus facile et surtout ont ce sent moins seule.

je remercie Emmanuel d’avoir accepter de créer cette catégorie pour les petits Frenchy :slightly_smiling:


#2

Bonjour,
Je découvre Bubble aujourd’hui.
Existe-t-il de la doc en français ?
Merci


#3

Salut à tous, je suis à Lyon et un de mes clients cherche à faire une app mobile, PWA serait parfait. Un freelance ou agence, francophone, dispo svp? SMS 0636603373


#4

Bonjour,
Je tente ma chance pour trouver de l’aide en français car j’ai quelques difficultés à trouver mes réponses sur le forum en anglais.
Je souhaiterais transmettre à une page les informations des checkbox de la page précédente afin de faire apparaître des images en fonction. En d’autre terme : si dans ma page 1, les checkbox A et B sont cochées : faire apparaître les images A et B dans la page 2. Si la checkbox C de la page 1 n’est pas cochée, laisser cachée l’image C de la page 2.

Je vous remercie pour l’aide que vous pourrez m’apporter. J’espère pouvoir en apporter à mon tour pour les quelques petites choses que je commence à comprendre !


#5

Bonsoir Damien

Mon idée est la suivante, pour que tu puisses faire apparaître les images que tu souhaites sur la page 2
il faut (à mon avis) que quand tu coches les cases (page1) cela mette à jour un ou plusieurs champs de type oui/non dans la base de données !

Cela te permettra de récupérer ces valeurs (oui/non) en page2 pour en autoriser l’affichage des images

j’espère avoir été clair


#6

Je te remercie pour cette réponse rapide et claire !

Je coince toutefois sur l’exécution pour le moment :
J’ai créé un custom event avec : quand la case page 1 est cochée, faire un changement sur l’objet en passant son champ sur oui.
Soit en anglais dans bubble : dans workflow : when checkbox page 1 checked / makes change to thing / current workflow thing /field = “yes”
Après sur mon image page 2, je crée une condition pour rendre visible l’image avec quand le champ de mon objet est oui : rendre visible soit : sur l’image /conditionnal / when do a search thing’s field is yes / this element is visible.
Le “do a search” ne semble pas valide.
Suis je sur la bonne voie ?

Merci pour tes indications et ravi de trouver un utilisateur francophone :slight_smile:


#7

Hello Damien,

Content de voir que Bubble devient de plus en plus populaire en France !

Concernant ton problème, il y a beaucoup de façon différentes de réaliser ce que tu souhaites :

Si tu as absolument besoin de changer de page, tu peux passer l’information concernant le choix de l’utilisateur dans le paramètre de ton url, ce qui t’évite d’écrire dans la base de données.

Si tu peux rester sur la même page, tu peux utiliser les “customs states”, qui sont des informations stockées côté client par le navigateur (et non pas côté serveur).

Si tu veux stocker le choix dans la base de données pour pouvoir le retrouver à tout moment, es-tu certain de vouloir que l’information soit un champ de l’image ? Cela veut dire que tous les utilisateurs verront ce paramètre modifié pour cette image, puisque le paramètre appartient à l’image.

Bref, il y a autant de façon de faire que de contextes. Je te propose une façon dans cet exemple (accès à l’éditeur ici) : stocker le choix dans la base de données (comme tu sembles vouloir le faire) mais dans les paramètres de l’utilisateur (de façon à ce que ce choix n’affecte que lui), et changer de page.

Etape 1 : ajouter un nouveau custom data type “Image_Option” à ta base de données, avec un champ “Image_Source” (type “image”) où l’on va stocker l’image elle-même, et un champ “Image_Label” (type “text”) pour stocker un nom d’image.

Etape 2 : créer un champ “Image_Choice” (type “Image_Option”) dans les paramètres de l’utilisateur, pour pouvoir stocker l’information concernant l’image choisie.

Etape 3 : créer les Image_Options dans la base de données :slight_smile:

Etape 4 : construire le front end (avec un RepeatingGroup c’est plus flexibile pour si tu ajoutes plus d’Image_Options dans ta base de données)

Etape 5 : construire le workflow

Etape 6 : tester (accès au run mode ici) !

J’espère que cette méthode correspondra à ton besoin. Sinon n’hésite pas à préciser ce que tu cherches à faire.

Bon courage ! Accroche toi, ça vaut le coup, tu peux faire des choses extra avec Bubble (presque tout en fait).


#8

Merci beaucoup pour cette explication détaillée. Ça m’a bien aidé pour organiser ma base de données et avec quelques efforts, je pense avoir intégré la logique de ta proposition. J’ai bien compris comment afficher ces données dans un repeating groupe. J’arrive aussi à utiliser le workflow pour afficher l’image choisi dans le repeating group en utilisant les données dynamic de l’utilisateur.

Par contre avec cette méthode, je me trouve confronté à deux problèmes :

  • je voulais que l’utilisateur puisse sélectionner/déselectionner l’image à afficher. Là, en cliquant à nouveau sur l’image, elle ne disparaîtra pas. Je pourrais juste la remplacer par une autre image.
  • Je voulais pouvoir sélectionner plusieurs images à afficher en même temps parmi une liste de choix. Je ne vois pas comment faire ça.

Je vais explorer les autres pistes que tu suggères.
Merci.


#9

OK, dans ce cas il faut aller un peu plus loin…

Etape 1 : créer un état (“state”) pour stocker temporairement (dans le navigateur de l’utilisateur) le choix. Bien préciser qu’il s’agit dune liste, car on ne connait pas le nombre d’options qui vont être sélectionnées. Tu peux créer cet état sur n’importe quel élément. Je l’ai fait au niveau de la page directement.

Puis je définis au niveau de l’image une indication visuelle pour quand cette option est dans la liste d’options sélectionnées.

Je construis les workflows pour ajouter ou enlever une option de cette liste.

Cas de figure où l’option n’est pas encore dans la liste :

Il faut bien penser à garder ce qui était potentiellement déjà dans la liste, donc définir l’état comme la liste existante + cette option :

On fait ensuite la même chose pour l’autre cas de figure (l’option est déjà dans la liste) :

Et cette fois-ci on enlève de la liste :

A noter qu’il est impossible d’ajouter deux éléments identiques à une même liste (là de toute façon la façon dont sont définis les workflows l’empêche, mais même si tu avais la possibilité à chaque fois que tu cliques sur une image, de déclencher un ajout de l’option à la liste, tu aurais une seule fois l’option dans ta liste, car c’est le même élément - “unique id” - dans ta base de données).

Maintenant à inscrire cette liste dans la base de données au moment où l’on change de page. On doit d’abord faire une modification du champ concerné pour qu’il accepte les listes (on ne peut pas modifier en fait, il faut supprimer et en créer un nouveau).

Maintenant, j’ajoute un bouton pour pouvoir déclencher le workflow.

Au cas où l’utilisateur souhaiterait changer son choix, on va sûrement lui permettre de revenir à la page 1. Du coup il est sympathique de montrer quel est le choix actuel si il y en a un. On peut utiliser un workflow qui initialise l’état Selected_Options au moment du chargement de la page.

Et sur la page 2, on va aussi utiliser un RepeatingGroup car on ne sait pas combien d’options on doit montrer.

Voilà, c’est une méthode :slight_smile: Encore une fois il y a plein de solutions !

L’éditeur
La démo

Du coup ce “fil de conversation” va être un peu compliqué si on mélange tous les sujets/toutes les questions dans un seul et unique fil en français :sweat_smile:


#10

Salut Lucien,
J’ai enfin réussi à reproduire cette proposition ! Il me reste à trouver comment faire apparaître l’image ou les images sélectionner en page 1 à l’endroit souhaité en page 2, cet endroit étant différent pour chaque image. En effet, le repeating group me renvoit la liste que je peux éventuellement trier selon différents critères ou disposer au choix : les uns en dessous des autres ou les uns à côté des autres.

Je te remercie pour ton aide et je ne voudrais pas en abuser alors je pose une dernière question qui intéressera sûrement d’autres personnes qui se lancent : à part les leçons interactives, la documentation, le forum et les quelques vidéos youtube, as-tu d’autres recommandations de ressources pour apprendre à utiliser Bubble ?

Encore merci et bravo pour la qualité de tes réponses.


#11

Avec plaisir :slight_smile:

Je ne suis pas sûr de comprendre quelle est la façon dont tu souhaites afficher le/s résultat/s, mais si tu as besoin d’aide sur ce point n’hésite pas.

Pour l’apprentissage, il y a un certain nombre de ressources créées par la communauté. Une petite shortlist personnelle :

Coaching No-Code Apps de @romanmg

LearnTo de @dan1

NoCoder de @gregjohnkeegan

A ma connaissance rien en français (je ne sais pas si il y aurait assez de demandes), mais si tu es sur Paris tu peux rejoindre le Meetup Bubble Paris (qui se déroule en français quand il n’y a que des francophones, ce qui a été le cas deux fois sur trois), on fera le prochain vers fin Novembre je pense.


#12

Merci Lucien. Mon français n’est pas très fort. (Plusieurs années à l’école). Mais j’aime lire à propos de Bubble en français! :slight_smile:

Si ça aide, Youtube ajoute automatiquement une légende de texte (en anglais) aux vidéos.