Tips pour ton MVP avec Bubble #2
Hello 👋
Je voulais déjà te remercier si tu m'as fait un feedback la semaine dernière sur ce premier numéro.
C'est extrêmement précieux pour moi afin d'améliorer le contenu, donc n'hésite pas cette semaine à m'en faire un (si c'est bien, pas top, si tu as des idées… bref, tu peux m'écrire pour me confier tout ce qui te passes par la tête 🤯 ).
Passons tout de suite aux tips et inspirations de la semaine ;)
Bonne lecture,
Charles
Les tips Bubble
1. Rends lisibles tes datas
Lorsque tu veux créer facilement des données pour ton application, vas dans ton back-office Bubble via l'onglet DATA > App Data.
Prenons l'exemple d'une conversation : tu dois avoir une table Conversation avec un champ Intitulé, et une table Message avec un Contenu et une Conversation liée.
La vue dans DATA > App Data de ta table Message
Tu veux donc lier une conversation à ce message (pour un test par exemple, donc sans passer par le workflow). Si tu édites le message, tu auras du mal à retrouver la conversation que tu souhaites lier.
Pour te simplifier la vie, dans la vue précédente, clique sur la petite loupe à côté du champ Conversation_Liée. Tu vas charger la vue te permettant de choisir le champ qui représentera ta table dans l'interface App Data.
Choisis le champs de ta table qui te permettra de l'identifier facilement. Ici, la conversation sera identifiée par son champ Titre.
Edite maintenant la Conversation liée au message : tu vois mieux de quel objet il s'agit maintenant !
1bis. Nomme tes objets liés en base
Pour te repérer vite dans ta base, tu dois voir d'un coup d'oeil quel champ de ta table est fixe (Nom, Prénom, Age par exemple) et quel champ fait appel à une autre table (le champ Créateur d'une table Commentaire par exemple, qui va préciser quel User est créateur du Commentaire).
Pour cela, je nomme l'objet lié en rajoutant “_Lié” au champ.
Par exemple, si une entreprise poste une offre d'emploi, j'aurai un champ Entreprise_Liée (type Entreprise) dans ma table Offre_Emploi.
Je vois direct les champs qui font appel à des objets, et ceux qui sont des valeurs “en dur”.
Si tu veux préciser l'utilisateur qui va faire le suivi administratif de l'offre d'emploi, sois plus précis : Admin_User_lié (Type User). Çà t'évitera d'avoir juste user_lié…
2. Supercharge tes liens !
Ce tips est plus un hack à vrai dire… et permet d'aborder le sujet : faut-il profiter des features offertes par le comportement inattendu d'un élément ?
Comme tu le sais :
l'élément Texte peut déclencher un workflow
l'élément Lien peut ouvrir un lien dans une nouvelle fenêtre
aucun de ces 2 éléments ne peut combiner ces 2 features
Mais ça, c'était avant.
Tu veux à tout prix ouvrir ce lien externe dans une nouvelle fenêtre et continuer d'exécuter des actions sur ton site ?
Crée un élément Texte, assigne lui un workflow. Puis clique droit sur l'élément Texte > Replace by another type > Link.
Ton texte est devenu un lien, mais il a conservé son workflow. Tu peux donc le modifier ensuite comme tu le souhaites.
Le souci, c'est qu'autoriser un workflow sur un lien, c'est pas prévu par Bubble a priori, sinon ils auraient mis un bouton. Donc tu peux l'utiliser, mais ne t'étonne pas si ça saute un jour lors d'une mise à jour… A éviter si tu dev pour un client donc.
3. Transfère le créateur d'un objet
Chaque table a des champs Built-in / incorporés comme tu as pu le constater.
Ces champs sont créés par défaut par Bubble et tu ne peux pas les changer.
Tu développe un outil de gestion de projet ? Tu dois certainement afficher dans un Repeating Group les Projets dont le Creator est Current User. Je me trompe ? C'est facile et ça permet d'éviter de créer des champs pour rien.
Sauf que.
Que se passe t'il si l'employé qui a créé le Projet démissionne et voit son compte supprimé? Comment afficher la liste des projets à son successeur ?
Tu ne peux pas changer ce champ Built-in. Par contre, tu peux créer dès le départ un champ Administrateur_Lié qui sera le créateur, puis son successeur si besoin. Tu fais tous tes workflows dessus (en ne bossant jamais avec le Built-in Creator) et le tour est joué 😎
Le mini-tuto : 7 ressources pour débloquer tes compétences en typo
Cette semaine, c'est @daf_designs qui nous livre 7 excellents sites pour ne plus faire d'erreurs de goûts en choisissant la typo de son projet (et arrêter de n* la police).
FONTJOY pour trouver le bon duo de polices
KERNTYPE pour travailler le kerning, cad l'espace entre les caractères
FONTSINUSE pour voir tes polices préférées dans la vraie vie
WHATTHEFONT pour identifier une police (ils ont aussi une application mobile)
TYPEWOLF : va chercher les dernières tendances typo
TYP.IO pour voir comment les polices sont utilisées sur les sites (j'utilise pour ma part l'extension WhatTheFont)
FONTFORGE : passe du côté obscur et crée carrément tes polices !
Si tu veux comprendre la différence entre une font, une police, un typo, une famille et j'en passe : tu peux consulter ce lien 👇
Typographie : Quelques définitions
La police de caractère désigne un assortiment de caractères typographiques (lettres, chiffres, ponctuations, ), ayant un dessin particulier. Times New Roman, Arial, Helvetica, Lucida, Verdana sont des polices de caractères.
L'inspiration UI Bureau
Par @10clouds
Cette semaine, c'est un dashboard clair et épuré que je t'ai sélectionné. Qu'en penses-tu ?
➡️ look moderne (couleurs et polices)
➡️ des infos, mais pas trop
➡️ ça va très bien passer en responsive (oui, le fameux…)
Le vert, c'est vraiment la couleur de la banque, du $, toussa-toussa...
L'inspiration UI Mobile
Par Vadim Marchenko
Découvrir des séjours et les réserver facilement ? Possible avec ce design très orienté action (pas de fioritures). J'aime :
➡️ la légèreté de l'interface
➡️ peu de possibilité, plus d'action
➡️ la visibilité des informations principales
Allons respirer l'air frais de la nature, quand les frontières auront réouvert...
C'est tout. Pour le moment.
Voila encore une flopée d'inspiration qui devrait te servir. Les outils pour les polices sont vraiment utiles, n'hésite pas à les sauvegarder.
Le choix des polices, c'est souvent un sujet qui pêche dans les projets Bubble : tu peux donc prendre une longueur d'avance et te distinguer.
En avant, bon développement, je te retrouve vendredi prochain !
Charles
Nocodeur Bubble & formateur