Pour rappel, dans la première partie, nous avions vu comment créer notre première application, et cette fois-ci nous allons découvrir l’interface de Bubble !
Pour pouvoir suivre ce « tutoriel Bubble », il est conseillé de cliquer sur le bouton du dessus pour voir la vidéo en même temps.
Dans Bubble, il y a sept 7 onglets pour vous aider à construire votre application :
- DESIGN pour définir l’apparence de vos applications.
- WORKFLOW pour définir l’interaction de l’utilisateur
- DATA pour gérer les donnée que vos utilisateurs créent
- STYLES pour créer des styles de design réutilisables
- PLUGINS pour ajouter des fonctionnalités étendues
- SETTINGS pour définir des paramètres au niveau de l’application comme pour le SEO, les languages…
- Et LOGS pour de surveiller l’utilisation et l’activité de vos applications.
Bubble est un langage de programmation visuel et un fournisseur d’hébergement, cela signifie que votre application fonctionne dès la seconde où vous la créez.
Pour voir votre application fonctionner, cliquez sur Preview.
Bubble dispose de deux modes : le mode DÉVELOPPEMENT et le mode LIVE.
Le mode LIVE est celui que vos utilisateurs utilisent lorsqu’ils vont sur le site ou l’application créée avec Bubble et le mode DÉVELOPPEMENT est celui que vous utilisez pour tester ce que vous construisez sans avoir d’impact sur votre application en LIVE.
Lorsque vous êtes prêt à publier ce sur quoi vous travaillez en mode développement, déroulez l’onglet développement et cliquez sur DEPLOY CURRENT VERSION TO LIVE, remplissez une description de ce que ce déploiement contient pour vous y retrouver plus tard, notamment si vous souhaitez revenir en arrière, vous savez sur quoi revenir.
Une fois le déploiement effectué, passez du mode DÉVELOPPEMENT au mode LIVE comme ça.
Le mode live est en lecture seule, cela signifie que vous ne pouvez donc pas apporter de modifications à votre application sur ce mode, vous ne pouvez le faire qu’en mode DÉVELOPPEMENT. Mais lorsque vous cliquez sur l’aperçu, vous verrez votre application fonctionner en mode LIVE sans la mention “verison-test” dans l’URL.
Cette application en LIVE fonctionne sur le nom de votre application, suivi de “bubbleapps.io ».
Vous pouvez ensuite partager cette URL avec toutes les personnes que vous voulez pour qu’elles puissent également voir votre application en LIVE, ou vous pouvez lui assigner votre propre nom de domaine.
Maintenant que nous avons prévisualisé notre application, il est temps de voir à quel point il est facile pour vous, avec bubble, de mettre en place une interface comme celle-ci, c’est ce que nous verrons dans la prochaine vidéo !
