{"id":9544,"date":"2018-12-13T15:26:07","date_gmt":"2018-12-13T15:26:07","guid":{"rendered":"http:\/\/www.ticeman.fr\/lecoutelas\/?p=9544"},"modified":"2018-12-09T16:55:09","modified_gmt":"2018-12-09T16:55:09","slug":"bubble-creez-des-applications-web-des-pages-web-jeux-tout-ce-que-vous-voulez","status":"publish","type":"post","link":"https:\/\/www.ticeman.fr\/lecoutelas\/?p=9544","title":{"rendered":"Bubble: cr\u00e9ez des applications web, des pages web, jeux, tout ce que vous voulez"},"content":{"rendered":"\n<p>Bubble est un service web destin\u00e9 \u00e0 la cr\u00e9ation sans programmation aucune, ce qui ne signifie pas qu&#8217;il est abordable simplement tellement ses possibilit\u00e9s sont nombreuses. Il peut remplacer un tas de services \u00e0 lui seul, \u00e0 condition d&#8217;avoir de l&#8217;imagination.<\/p>\n\n\n\n<p>Pour le test, j&#8217;ai r\u00e9alis\u00e9 quelques tutoriels propos\u00e9s par le site et repris des templates existants r\u00e9alis\u00e9s par d&#8217;autres utilisateurs. Lors de la cr\u00e9ation, vous n&#8217;avez pas grand chose \u00e0 faire que de saisir le titre de votre application.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a  href=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2018\/12\/bubble-creation.png\" data-rel=\"lightbox-gallery-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"146\" src=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2018\/12\/bubble-creation-300x146.png\" alt=\"\" class=\"wp-image-9545\" srcset=\"https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2018\/12\/bubble-creation-300x146.png 300w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2018\/12\/bubble-creation-768x375.png 768w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2018\/12\/bubble-creation-1024x500.png 1024w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2018\/12\/bubble-creation.png 1365w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/figure><\/div>\n\n\n\n<p>D\u00e8s que le projet est cr\u00e9\u00e9, vous tombez sur l&#8217;interface de travail. une fen\u00eatre blanche sur laquelle vous pourrez disposez vos \u00e9l\u00e9ments. A noter que le service permet de cr\u00e9er des sites ou applications responsives et que vous pourrez donc penser vos dispositions en fonction de diff\u00e9rentes tailles d&#8217;\u00e9cran.<\/p>\n\n\n\n<p>A gauche, un menu permet de s\u00e9lectionner tous les \u00e9l\u00e9ments \u00e0 ins\u00e9rer. Vous pouvez bien entendu vous contenter d&#8217;\u00e9l\u00e9ments simples comme des m\u00e9dias ou encore des zones de texte, mais le service propose aussi des \u00e9l\u00e9ments dynamiques, des zones de saisie, des zones d&#8217;affichage, des lecteurs, bref, absolument tout ce que l&#8217;on peut souhaiter utiliser dans un site web.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a  href=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2018\/12\/bubble-interface.png\" data-rel=\"lightbox-gallery-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"147\" src=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2018\/12\/bubble-interface-300x147.png\" alt=\"\" class=\"wp-image-9546\" srcset=\"https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2018\/12\/bubble-interface-300x147.png 300w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2018\/12\/bubble-interface-768x375.png 768w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2018\/12\/bubble-interface-1024x500.png 1024w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2018\/12\/bubble-interface.png 1365w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/figure><\/div>\n\n\n\n<p>La premi\u00e8re difficult\u00e9 sera de se familiariser avec tous les \u00e9l\u00e9ments tellement ils sont nombreux.\u00a0 il suffit de s\u00e9lectionner les \u00e9l\u00e9ments, de cliquer sur la fen\u00eatre pour qu&#8217;ils y soient ins\u00e9r\u00e9s. Tous les \u00e9l\u00e9ments peuvent \u00eatre redimensionn\u00e9s ou modifi\u00e9s de fa\u00e7on classique et repositionn\u00e9s par simple glisser-d\u00e9poser.<\/p>\n\n\n\n<p>Ensuite, vous pouvez programmer chaque \u00e9l\u00e9ment et \u00e9tablir des relations entre eux. Je conseille vivement de r\u00e9aliser les tutoriels pour ce points car, selon les besoins, on peut se retrouver avec quantit\u00e9 d&#8217;interactions. La programmations est visuelle c&#8217;est \u00e0 dire que chaque \u00e9l\u00e9ment est repr\u00e9sent\u00e9 par un bloc et que les actions apparaissent en sous blocs. Vous pourrez \u00e9tablir des actions simples comme des liens vers d&#8217;autres \u00e9l\u00e9ments, le d\u00e9clenchement d&#8217;un \u00e9l\u00e9ment, mais aussi des actions plus complexes comme l&#8217;enregistrement de donn\u00e9es ou la s\u00e9lection d&#8217;\u00e9l\u00e9ments dans un catalogue de donn\u00e9es.<\/p>\n\n\n\n<ul class=\"wp-block-gallery columns-3 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><li class=\"blocks-gallery-item\"><figure><a  href=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2018\/12\/bubble-champs-donnees-1024x500.png\" data-rel=\"lightbox-gallery-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"500\" src=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2018\/12\/bubble-champs-donnees-1024x500.png\" alt=\"\" data-id=\"9547\" data-link=\"http:\/\/www.ticeman.fr\/lecoutelas\/?attachment_id=9547\" class=\"wp-image-9547\" srcset=\"https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2018\/12\/bubble-champs-donnees-1024x500.png 1024w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2018\/12\/bubble-champs-donnees-300x147.png 300w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2018\/12\/bubble-champs-donnees-768x375.png 768w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2018\/12\/bubble-champs-donnees.png 1365w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a  href=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2018\/12\/bubble-programmation-1024x500.png\" data-rel=\"lightbox-gallery-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"500\" src=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2018\/12\/bubble-programmation-1024x500.png\" alt=\"\" data-id=\"9548\" data-link=\"http:\/\/www.ticeman.fr\/lecoutelas\/?attachment_id=9548\" class=\"wp-image-9548\" srcset=\"https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2018\/12\/bubble-programmation-1024x500.png 1024w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2018\/12\/bubble-programmation-300x146.png 300w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2018\/12\/bubble-programmation-768x375.png 768w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2018\/12\/bubble-programmation.png 1365w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a  href=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2018\/12\/bubble-programmation-1-1024x498.png\" data-rel=\"lightbox-gallery-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"498\" src=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2018\/12\/bubble-programmation-1-1024x498.png\" alt=\"\" data-id=\"9549\" data-link=\"http:\/\/www.ticeman.fr\/lecoutelas\/?attachment_id=9549\" class=\"wp-image-9549\" srcset=\"https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2018\/12\/bubble-programmation-1-1024x498.png 1024w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2018\/12\/bubble-programmation-1-300x146.png 300w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2018\/12\/bubble-programmation-1-768x374.png 768w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2018\/12\/bubble-programmation-1.png 1365w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/li><\/ul>\n\n\n\n<p>Une fois le travail termin\u00e9, vous pouvez le partager par un simple lien.\u00a0<\/p>\n\n\n\n<p>Le tout est vraiment tr\u00e8s riche et m\u00e9riterait un article plus pouss\u00e9 mais c&#8217;est rapidement convaincant.<\/p>\n\n\n\n<p>Le service est gratuit et sans publicit\u00e9. Des options suppl\u00e9mentaires sont disponibles dans un plan payant. Il est n\u00e9cessaire de s&#8217;inscrire sur la plateforme pour cr\u00e9er.<\/p>\n\n\n\n<p>Lien: Bubble<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bubble est un service web destin\u00e9 \u00e0 la cr\u00e9ation sans programmation aucune, ce qui ne signifie pas qu&#8217;il est abordable simplement tellement ses&hellip;<a href=\"https:\/\/www.ticeman.fr\/lecoutelas\/?p=9544\" class=\"more-link\"><span class=\"more-button\">Continuez la lecture<span class=\"screen-reader-text\">Bubble: cr\u00e9ez des applications web, des pages web, jeux, tout ce que vous voulez<\/span><\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":9551,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[51,89,120,91,87,128],"tags":[],"class_list":["post-9544","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-creation","category-creer-des-exercices-interactifs","category-creer-des-formulaires","category-creer-des-logiciels-ou-des-applications","category-creer-des-sites-web-et-presentations-interactives","category-sondages"],"_links":{"self":[{"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/posts\/9544"}],"collection":[{"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9544"}],"version-history":[{"count":1,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/posts\/9544\/revisions"}],"predecessor-version":[{"id":9550,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/posts\/9544\/revisions\/9550"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/media\/9551"}],"wp:attachment":[{"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9544"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=9544"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=9544"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}