{"id":391,"date":"2025-06-23T11:28:47","date_gmt":"2025-06-23T14:28:47","guid":{"rendered":"https:\/\/softwarelivre-br.aomega.com.br\/?p=391"},"modified":"2025-06-23T11:28:47","modified_gmt":"2025-06-23T14:28:47","slug":"criando-aplicacoes-com-o-google-ai-studio","status":"publish","type":"post","link":"https:\/\/softwarelivre-br.aomega.com.br\/index.php\/2025\/06\/23\/criando-aplicacoes-com-o-google-ai-studio\/","title":{"rendered":"Criando Aplica\u00e7\u00f5es com o  Google AI Studio"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">No artigo anterior demos uma olhada no recurso de gera\u00e7\u00e3o de aplica\u00e7\u00f5es do Base 44: <a href=\"https:\/\/softwarelivre-br.aomega.com.br\/index.php\/2025\/06\/22\/criando-aplicacoes-com-a-ia-do-base44\/\">Criando Aplica\u00e7\u00f5es com a IA do Base44 \u2013 SoftwareLivre-BR<\/a>.  Desta vez vamos dar uma olhada no recurso de gera\u00e7\u00e3o de aplicativos do Google AI Studio. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Inicialmente vamos entrar na p\u00e1gina principal do Google Studio em <a href=\"https:\/\/aistudio.google.com\/\">https:\/\/aistudio.google.com\/<\/a> . A seguir vamos clicar no terceiro icone na barra vertical \u00e0 esquerda, para entrar em &#8220;Build&#8221;, que \u00e9 a ferramenta para gera\u00e7\u00e3o de aplicativos utilizando o Gemini.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"338\" data-attachment-id=\"392\" data-permalink=\"https:\/\/softwarelivre-br.aomega.com.br\/index.php\/2025\/06\/23\/criando-aplicacoes-com-o-google-ai-studio\/googleaistudio\/\" data-orig-file=\"https:\/\/i0.wp.com\/softwarelivre-br.aomega.com.br\/wp-content\/uploads\/2025\/06\/googleaistudio.png?fit=1406%2C742&amp;ssl=1\" data-orig-size=\"1406,742\" data-comments-opened=\"1\" data-image-title=\"googleaistudio\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/softwarelivre-br.aomega.com.br\/wp-content\/uploads\/2025\/06\/googleaistudio.png?fit=640%2C338&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/softwarelivre-br.aomega.com.br\/wp-content\/uploads\/2025\/06\/googleaistudio-1024x540.png?resize=640%2C338&#038;ssl=1\" alt=\"\" class=\"wp-image-392\" srcset=\"https:\/\/i0.wp.com\/softwarelivre-br.aomega.com.br\/wp-content\/uploads\/2025\/06\/googleaistudio.png?resize=1024%2C540&amp;ssl=1 1024w, https:\/\/i0.wp.com\/softwarelivre-br.aomega.com.br\/wp-content\/uploads\/2025\/06\/googleaistudio.png?resize=300%2C158&amp;ssl=1 300w, https:\/\/i0.wp.com\/softwarelivre-br.aomega.com.br\/wp-content\/uploads\/2025\/06\/googleaistudio.png?resize=768%2C405&amp;ssl=1 768w, https:\/\/i0.wp.com\/softwarelivre-br.aomega.com.br\/wp-content\/uploads\/2025\/06\/googleaistudio.png?w=1406&amp;ssl=1 1406w, https:\/\/i0.wp.com\/softwarelivre-br.aomega.com.br\/wp-content\/uploads\/2025\/06\/googleaistudio.png?w=1280 1280w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Podemos ver que s\u00e3o exibidos v\u00e1rios aplicativos gerados por outros usu\u00e1rios e que podemos examinar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">O prompt que vou usar vai ser semelhante ao que usei para gerar um aplicativo com o Base44: &#8220;Construir um aplicativo que exiba um formul\u00e1rio para permitir cadastrar usu\u00e1rios interessados em participar num congresso de IA generativa a ser realizado no dia 28 de Julho de 2025 na cidade de Rio de Janeiro, Brasil.&#8221;. A finalidade \u00e9 poder fazer uma compara\u00e7\u00e3o entre as duas ferramentas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Assim que submeti o prompt ele come\u00e7ou a trabalhar, logo de cara pude verificar que o c\u00f3digo que ele foi gerando estava sendo exibido para mim numa janela separada o que \u00e9 muito bom, n\u00e3o preciso pagar a mais para ter acesso ao c\u00f3digo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ele n\u00e3o gerou a princ\u00edpio uma p\u00e1gina de autentica\u00e7\u00e3o. Ap\u00f3s exibir a primeira vers\u00e3o da aplica\u00e7\u00e3o enviei um prompt pedindo para acrescentar uma p\u00e1gina de autentica\u00e7\u00e3o pelo Google e armazenar os dados dos usu\u00e1rios cadastrados num arquivo no formato CSV. Ele o fez aparentemente, chamando o &#8220;preview&#8221; da aplica\u00e7\u00e3o ele apenas simulou a autentica\u00e7\u00e3o mas ele armazenou os dados de cadastro do usu\u00e1rio.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Comparando com o Base44, a aplica\u00e7\u00e3o gerada por este tem uma est\u00e9tica melhor. N\u00e3o precisei pedir para incluir uma p\u00e1gina de autentica\u00e7\u00e3o, ele j\u00e1 fez isso automaticamente no primeiro prompt assim como armazenar os dados dos usu\u00e1rios. Por\u00e9m o Gemini no Google AI Studio disponibiliza o c\u00f3digo para download ou para compartilhar com outros usu\u00e1rios sem ter que pagar 50 d\u00f3lares ou mais como faz o Base44.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Reparei que o c\u00f3digo gerado foi um c\u00f3digo em React JS. Um desenvolvedor de React vai achar provavelmente mais interessante ele mesmo poder fazer pequenas modifica\u00e7\u00f5es\/adapta\u00e7\u00f5es no c\u00f3digo. Mas para quem n\u00e3o \u00e9 desenvolvedor tem o recurso de poder pedir as modifica\u00e7\u00f5es via prompt.  N\u00e3o testei se ele geraria o c\u00f3digo para armazenar os dados de usu\u00e1rios num banco de dados relacional por exemplo. O Base44 alega que ele gera as conex\u00f5es com o banco de dados, mas ele n\u00e3o especifica com qual banco de dados e eu tamb\u00e9m n\u00e3o cheguei a fazer o teste.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Seguem as telas da aplica\u00e7\u00e3o geradas:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">]<br><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"315\" data-attachment-id=\"394\" data-permalink=\"https:\/\/softwarelivre-br.aomega.com.br\/index.php\/2025\/06\/23\/criando-aplicacoes-com-o-google-ai-studio\/googleaistudio_00\/\" data-orig-file=\"https:\/\/i0.wp.com\/softwarelivre-br.aomega.com.br\/wp-content\/uploads\/2025\/06\/googleaistudio_00.png?fit=1482%2C730&amp;ssl=1\" data-orig-size=\"1482,730\" data-comments-opened=\"1\" data-image-title=\"googleaistudio_00\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/softwarelivre-br.aomega.com.br\/wp-content\/uploads\/2025\/06\/googleaistudio_00.png?fit=640%2C315&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/softwarelivre-br.aomega.com.br\/wp-content\/uploads\/2025\/06\/googleaistudio_00-1024x504.png?resize=640%2C315&#038;ssl=1\" alt=\"\" class=\"wp-image-394\" srcset=\"https:\/\/i0.wp.com\/softwarelivre-br.aomega.com.br\/wp-content\/uploads\/2025\/06\/googleaistudio_00.png?resize=1024%2C504&amp;ssl=1 1024w, https:\/\/i0.wp.com\/softwarelivre-br.aomega.com.br\/wp-content\/uploads\/2025\/06\/googleaistudio_00.png?resize=300%2C148&amp;ssl=1 300w, https:\/\/i0.wp.com\/softwarelivre-br.aomega.com.br\/wp-content\/uploads\/2025\/06\/googleaistudio_00.png?resize=768%2C378&amp;ssl=1 768w, https:\/\/i0.wp.com\/softwarelivre-br.aomega.com.br\/wp-content\/uploads\/2025\/06\/googleaistudio_00.png?w=1482&amp;ssl=1 1482w, https:\/\/i0.wp.com\/softwarelivre-br.aomega.com.br\/wp-content\/uploads\/2025\/06\/googleaistudio_00.png?w=1280 1280w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"319\" data-attachment-id=\"395\" data-permalink=\"https:\/\/softwarelivre-br.aomega.com.br\/index.php\/2025\/06\/23\/criando-aplicacoes-com-o-google-ai-studio\/googleaistudio_01\/\" data-orig-file=\"https:\/\/i0.wp.com\/softwarelivre-br.aomega.com.br\/wp-content\/uploads\/2025\/06\/googleaistudio_01.png?fit=1489%2C743&amp;ssl=1\" data-orig-size=\"1489,743\" data-comments-opened=\"1\" data-image-title=\"googleaistudio_01\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/softwarelivre-br.aomega.com.br\/wp-content\/uploads\/2025\/06\/googleaistudio_01.png?fit=640%2C319&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/softwarelivre-br.aomega.com.br\/wp-content\/uploads\/2025\/06\/googleaistudio_01-1024x511.png?resize=640%2C319&#038;ssl=1\" alt=\"\" class=\"wp-image-395\" srcset=\"https:\/\/i0.wp.com\/softwarelivre-br.aomega.com.br\/wp-content\/uploads\/2025\/06\/googleaistudio_01.png?resize=1024%2C511&amp;ssl=1 1024w, https:\/\/i0.wp.com\/softwarelivre-br.aomega.com.br\/wp-content\/uploads\/2025\/06\/googleaistudio_01.png?resize=300%2C150&amp;ssl=1 300w, https:\/\/i0.wp.com\/softwarelivre-br.aomega.com.br\/wp-content\/uploads\/2025\/06\/googleaistudio_01.png?resize=768%2C383&amp;ssl=1 768w, https:\/\/i0.wp.com\/softwarelivre-br.aomega.com.br\/wp-content\/uploads\/2025\/06\/googleaistudio_01.png?w=1489&amp;ssl=1 1489w, https:\/\/i0.wp.com\/softwarelivre-br.aomega.com.br\/wp-content\/uploads\/2025\/06\/googleaistudio_01.png?w=1280 1280w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"306\" data-attachment-id=\"396\" data-permalink=\"https:\/\/softwarelivre-br.aomega.com.br\/index.php\/2025\/06\/23\/criando-aplicacoes-com-o-google-ai-studio\/googleaistudio_02\/\" data-orig-file=\"https:\/\/i0.wp.com\/softwarelivre-br.aomega.com.br\/wp-content\/uploads\/2025\/06\/googleaistudio_02.png?fit=1488%2C711&amp;ssl=1\" data-orig-size=\"1488,711\" data-comments-opened=\"1\" data-image-title=\"googleaistudio_02\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/softwarelivre-br.aomega.com.br\/wp-content\/uploads\/2025\/06\/googleaistudio_02.png?fit=640%2C306&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/softwarelivre-br.aomega.com.br\/wp-content\/uploads\/2025\/06\/googleaistudio_02-1024x489.png?resize=640%2C306&#038;ssl=1\" alt=\"\" class=\"wp-image-396\" srcset=\"https:\/\/i0.wp.com\/softwarelivre-br.aomega.com.br\/wp-content\/uploads\/2025\/06\/googleaistudio_02.png?resize=1024%2C489&amp;ssl=1 1024w, https:\/\/i0.wp.com\/softwarelivre-br.aomega.com.br\/wp-content\/uploads\/2025\/06\/googleaistudio_02.png?resize=300%2C143&amp;ssl=1 300w, https:\/\/i0.wp.com\/softwarelivre-br.aomega.com.br\/wp-content\/uploads\/2025\/06\/googleaistudio_02.png?resize=768%2C367&amp;ssl=1 768w, https:\/\/i0.wp.com\/softwarelivre-br.aomega.com.br\/wp-content\/uploads\/2025\/06\/googleaistudio_02.png?w=1488&amp;ssl=1 1488w, https:\/\/i0.wp.com\/softwarelivre-br.aomega.com.br\/wp-content\/uploads\/2025\/06\/googleaistudio_02.png?w=1280 1280w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Pessoalmente acho a possibilidade de gerar uma aplica\u00e7\u00e3o e ter dispon\u00edvel o c\u00f3digo imediatamente, muito interessante. Tamb\u00e9m posso publicar minha aplica\u00e7\u00e3o no Google Cloud, tem um bot\u00e3o com esse recurso na pr\u00f3pria tela da aplica\u00e7\u00e3o gerada. Embora o Base44 tamb\u00e9m permita publicar a aplica\u00e7\u00e3o gerada na nuvem, \u00e9 a nuvem do Base44. Mas sendo usu\u00e1rio Builder, Pro ou Elite (a partir de 50 dolares mensais) posso baixar o c\u00f3digo e publicar na nuvem que desejar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Autor: Ernesto Villafuerte Oyola<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Linkedin: https:\/\/www.linkedin.com\/in\/ernesto-villafuerte-oyola<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>No artigo anterior demos uma olhada no recurso de gera\u00e7\u00e3o de aplica\u00e7\u00f5es do Base 44: Criando Aplica\u00e7\u00f5es com a IA do Base44 \u2013 SoftwareLivre-BR. Desta vez vamos dar uma olhada no recurso de gera\u00e7\u00e3o de aplicativos do Google AI Studio. Inicialmente vamos entrar na p\u00e1gina principal do Google Studio em https:\/\/aistudio.google.com\/ . A seguir vamos &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/softwarelivre-br.aomega.com.br\/index.php\/2025\/06\/23\/criando-aplicacoes-com-o-google-ai-studio\/\" class=\"more-link\">Continue lendo<span class=\"screen-reader-text\"> &#8220;Criando Aplica\u00e7\u00f5es com o  Google AI Studio&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_seo_schema_type":"","_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[4,114],"tags":[117,118,93],"class_list":["post-391","post","type-post","status-publish","format-standard","hentry","category-cienciaetecnologia","category-ia-generativa","tag-gerador-de-codigo","tag-google-ai-studio","tag-ia-generativa","entry"],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p7PCWO-6j","jetpack-related-posts":[],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/softwarelivre-br.aomega.com.br\/index.php\/wp-json\/wp\/v2\/posts\/391","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/softwarelivre-br.aomega.com.br\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/softwarelivre-br.aomega.com.br\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/softwarelivre-br.aomega.com.br\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/softwarelivre-br.aomega.com.br\/index.php\/wp-json\/wp\/v2\/comments?post=391"}],"version-history":[{"count":1,"href":"https:\/\/softwarelivre-br.aomega.com.br\/index.php\/wp-json\/wp\/v2\/posts\/391\/revisions"}],"predecessor-version":[{"id":398,"href":"https:\/\/softwarelivre-br.aomega.com.br\/index.php\/wp-json\/wp\/v2\/posts\/391\/revisions\/398"}],"wp:attachment":[{"href":"https:\/\/softwarelivre-br.aomega.com.br\/index.php\/wp-json\/wp\/v2\/media?parent=391"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/softwarelivre-br.aomega.com.br\/index.php\/wp-json\/wp\/v2\/categories?post=391"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/softwarelivre-br.aomega.com.br\/index.php\/wp-json\/wp\/v2\/tags?post=391"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}