{"id":521,"date":"2024-09-25T22:58:52","date_gmt":"2024-09-25T20:58:52","guid":{"rendered":"https:\/\/xavier-adraste.fr\/?p=521"},"modified":"2024-10-04T15:50:42","modified_gmt":"2024-10-04T13:50:42","slug":"la-decouverte-de-bubble-io","status":"publish","type":"post","link":"https:\/\/xavier-adraste.fr\/index.php\/2024\/09\/25\/la-decouverte-de-bubble-io\/","title":{"rendered":"La d\u00e9couverte de Bubble.io"},"content":{"rendered":"\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>03\/10\/24 : J&rsquo;ai men\u00e9 des petits projets tests ces derniers jours !<\/p>\n<\/blockquote>\n\n\n\n<p>Ces petits projets sont n\u00e9cessaires pour prendre en main une nouvelle plateforme.<\/p>\n\n\n\n<p>Par exemple, afficher une liste, puis une pop up avec une fiche de d\u00e9tail, ajouter un formulaire, croiser les donn\u00e9es&#8230;tout cela parait difficile \u00e0 faire au d\u00e9but, mais avec cette technique des petits projets, on finit par comprendre la logique de l&rsquo;outil.<\/p>\n\n\n\n<p>Tres content ce jour, car j&rsquo;ai r\u00e9ussi \u00e0 afficher un QR Code qui affiche une liste de plantes d&rsquo;un jardin. Et j&rsquo;ai aussi (no)cod\u00e9 une page d&rsquo;inscription\/connexion, une page de cr\u00e9ation des jardins et des listes des jardins et de plantes.<\/p>\n\n\n\n<p>Tr\u00e8s content de super premi\u00e8re \u00e9tape qui ouvre la voie vers d&rsquo;autres chemins de projets de mise en valeur du patrimoine.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>Le 04\/10<\/p>\n\n\n\n<p>En continuant l&rsquo;exploration et le syst\u00e8me de plug in de Bubble.io, je prends en main assez facilement la lecture audio dans ce POC, indispensable sur nos sujets de m\u00e9diation. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"934\" height=\"675\" src=\"http:\/\/xavier-adraste.fr\/wp-content\/uploads\/2024\/09\/poc-audio.jpg\" alt=\"\" class=\"wp-image-533\" srcset=\"https:\/\/xavier-adraste.fr\/wp-content\/uploads\/2024\/09\/poc-audio.jpg 934w, https:\/\/xavier-adraste.fr\/wp-content\/uploads\/2024\/09\/poc-audio-300x217.jpg 300w, https:\/\/xavier-adraste.fr\/wp-content\/uploads\/2024\/09\/poc-audio-768x555.jpg 768w\" sizes=\"auto, (max-width: 934px) 100vw, 934px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>25\/09\/24 : Je n&rsquo;ai jamais vraiment mis les mains dans Bubble.io, pourtant r\u00e9put\u00e9 \u00eatre l&rsquo;un des outils no-code les plus complets du march\u00e9.<\/p>\n<\/blockquote>\n\n\n\n<p>La semaine derni\u00e8re, j&rsquo;ai pris en mai Softr (j&rsquo;en parle <a href=\"https:\/\/xavier-adraste.fr\/index.php\/2024\/09\/06\/je-cree-un-micro-saas-en-no-code-pour-les-hebergeurs\/\" data-type=\"post\" data-id=\"471\">ici<\/a>) et j&rsquo;ai beaucoup aim\u00e9 son c\u00f4t\u00e9 templat\u00e9, qui permet d&rsquo;aller tr\u00e8s vite. M\u00eame si on peut surement le pousser plus loin, je n&rsquo;ai pas r\u00e9ussi \u00e0 faire mon cas d&rsquo;usage, en lien avec les h\u00e9bergements touristiques<\/p>\n\n\n\n<p>Dans cet esprit, je d\u00e9couvre Bubble et je d\u00e9cide de r\u00e9aliser un POC li\u00e9 au <strong>tourisme de jardins !<\/strong> <\/p>\n\n\n\n<p>Eh oui, voici m\u00eame la d\u00e9finition wikip\u00e9dia  !<\/p>\n\n\n\n<p>\u00ab\u00a0Le&nbsp;<strong>tourisme de jardins<\/strong>&nbsp;est un style de tourisme impliquant des visites ou des voyages dans un lieu significatif de l&rsquo;histoire du&nbsp;jardinage&nbsp;et\/ou de l&rsquo;histoire et de la g\u00e9ographie du territoire concern\u00e9, pouvant \u00eatre un&nbsp;jardin botanique&nbsp;ou un&nbsp;jardin public.\u00a0\u00bb<\/p>\n\n\n\n<p>D&rsquo;ailleurs, ne dit-on pas que la Touraine est le jardin de la France?<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Le principe de la preuve de concept<\/strong> (POC) (tr\u00e8s tr\u00e8s similaire \u00e0 <a href=\"https:\/\/xavier-adraste.fr\/index.php\/2024\/09\/06\/je-cree-un-micro-saas-en-no-code-pour-les-hebergeurs\/\" data-type=\"post\" data-id=\"471\">cette d\u00e9couverte<\/a> !)<\/p>\n\n\n\n<p>Un propri\u00e9taire\/exploitant de parc\/jardin, souhaitant le valoriser, acc\u00e8de \u00e0 une liste de plantes. Cette liste peut \u00eatre commune ou sp\u00e9cifique \u00e0 son jardin. Il peut s\u00e9lectionner certaines plantes et cr\u00e9er un guide mobile pr\u00e9sentant les plantes en g\u00e9n\u00e9rant un QR Code.<\/p>\n\n\n\n<p>Une interface lui permettrait de modifier les fiches plantes, de mettre plusieures photos selon les saisons, ou encore de rajouter des audio, enregistr\u00e9s par l&rsquo;\u00e9quipe de jardiniers. Ce serait super et tr\u00e8s humain, j&rsquo;adore ce concept.<\/p>\n\n\n\n<p>De l&rsquo;autre c\u00f4t\u00e9, le visiteur scanne le QR Code et acc\u00e8de \u00e0 une webapp simple et basique qui lui permet de d\u00e9couvrir les plantes du jardin ! Il navigue dans les contenus, essentiellement organis\u00e9s en liste et d\u00e9tail. Le sujet de la localisation\/cartographie reste clef mais non trait\u00e9 \u00e0 ce stade.<\/p>\n\n\n\n<p>Suite \u00e0 quelques tests, j&rsquo;arrive \u00e0 r\u00e9aliser une premi\u00e8re interface qui affiche les contenus.<\/p>\n\n\n\n<p>Cependant, j&rsquo;ai encore besoin de nouvelles sessions de travail, afin de mieux comprendre le fonctionnement de Bubble, pour rendre actif la cr\u00e9ation du guide mobile !<\/p>\n\n\n\n<p>La suite, lors d&rsquo;une prochaine s\u00e9ance !<\/p>\n\n\n\n<p>Xavier++<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"765\" src=\"http:\/\/xavier-adraste.fr\/wp-content\/uploads\/2024\/09\/Capture-8-1024x765.jpg\" alt=\"\" class=\"wp-image-522\" srcset=\"https:\/\/xavier-adraste.fr\/wp-content\/uploads\/2024\/09\/Capture-8-1024x765.jpg 1024w, https:\/\/xavier-adraste.fr\/wp-content\/uploads\/2024\/09\/Capture-8-300x224.jpg 300w, https:\/\/xavier-adraste.fr\/wp-content\/uploads\/2024\/09\/Capture-8-768x574.jpg 768w, https:\/\/xavier-adraste.fr\/wp-content\/uploads\/2024\/09\/Capture-8.jpg 1117w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>03\/10\/24 : J&rsquo;ai men\u00e9 des petits projets tests ces derniers jours ! Ces petits projets sont n\u00e9cessaires pour prendre en main une nouvelle plateforme. Par exemple, afficher une liste, puis une pop up avec une fiche de d\u00e9tail, ajouter un formulaire, croiser les donn\u00e9es&#8230;tout cela parait difficile \u00e0 faire au d\u00e9but, mais avec cette technique [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":530,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-521","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-carnet-explorations"],"rttpg_featured_image_url":{"full":["https:\/\/xavier-adraste.fr\/wp-content\/uploads\/2024\/09\/screeen.jpg",1136,773,false],"landscape":["https:\/\/xavier-adraste.fr\/wp-content\/uploads\/2024\/09\/screeen.jpg",1136,773,false],"portraits":["https:\/\/xavier-adraste.fr\/wp-content\/uploads\/2024\/09\/screeen.jpg",1136,773,false],"thumbnail":["https:\/\/xavier-adraste.fr\/wp-content\/uploads\/2024\/09\/screeen-150x150.jpg",150,150,true],"medium":["https:\/\/xavier-adraste.fr\/wp-content\/uploads\/2024\/09\/screeen-300x204.jpg",300,204,true],"large":["https:\/\/xavier-adraste.fr\/wp-content\/uploads\/2024\/09\/screeen-1024x697.jpg",1024,697,true],"1536x1536":["https:\/\/xavier-adraste.fr\/wp-content\/uploads\/2024\/09\/screeen.jpg",1136,773,false],"2048x2048":["https:\/\/xavier-adraste.fr\/wp-content\/uploads\/2024\/09\/screeen.jpg",1136,773,false]},"rttpg_author":{"display_name":"admin9161","author_link":"https:\/\/xavier-adraste.fr\/index.php\/author\/admin9161\/"},"rttpg_comment":0,"rttpg_category":"<a href=\"https:\/\/xavier-adraste.fr\/index.php\/category\/carnet-explorations\/\" rel=\"category tag\">Carnet d'explorations<\/a>","rttpg_excerpt":"03\/10\/24 : J&rsquo;ai men\u00e9 des petits projets tests ces derniers jours ! Ces petits projets sont n\u00e9cessaires pour prendre en main une nouvelle plateforme. Par exemple, afficher une liste, puis une pop up avec une fiche de d\u00e9tail, ajouter un formulaire, croiser les donn\u00e9es&#8230;tout cela parait difficile \u00e0 faire au d\u00e9but, mais avec cette technique\u2026","_links":{"self":[{"href":"https:\/\/xavier-adraste.fr\/index.php\/wp-json\/wp\/v2\/posts\/521","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xavier-adraste.fr\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/xavier-adraste.fr\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/xavier-adraste.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xavier-adraste.fr\/index.php\/wp-json\/wp\/v2\/comments?post=521"}],"version-history":[{"count":6,"href":"https:\/\/xavier-adraste.fr\/index.php\/wp-json\/wp\/v2\/posts\/521\/revisions"}],"predecessor-version":[{"id":538,"href":"https:\/\/xavier-adraste.fr\/index.php\/wp-json\/wp\/v2\/posts\/521\/revisions\/538"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/xavier-adraste.fr\/index.php\/wp-json\/wp\/v2\/media\/530"}],"wp:attachment":[{"href":"https:\/\/xavier-adraste.fr\/index.php\/wp-json\/wp\/v2\/media?parent=521"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xavier-adraste.fr\/index.php\/wp-json\/wp\/v2\/categories?post=521"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xavier-adraste.fr\/index.php\/wp-json\/wp\/v2\/tags?post=521"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}