Domine Ferramentas de IA do Google - Pós - Aula 04

E aí, vamos falar na quarta aula do Gemini, agora vamos falar sobre a ferramenta do canvas. Que que é isso? Uma ferramenta muito boa.

E a geração de imagem do do Gemini, que também tá muito legal. Por muito tempo ela foi muito ruim, ser sincero com vocês, mas recentemente eles tiveram uma evolução e tá muito legal mesmo para várias coisas. Bora lá.

Para ativar o canvas, você não consegue ativar em qualquer modelo. Por exemplo, se eu botar aqui no GPT 2. 0 flash Thinking, some esse botão que tá aqui embaixo.

Tá vendo? Não tem mais esse botãozinho do lado aqui. Se eu botar no deep research também não.

Se eu botar no outro modelo lá também não aparece. Então tem que botar aqui primeiro nesse hoje, né, no dia de gravação. Só funciona nesse modelo 2.

0 flash, mas aos pouquinhos eles estão liberando mais coisas. Você precisa ativar esse botão aqui, canvas. E você também pode às vezes especificar no prompt que você quer usar o canvas.

Vamos dar o mesmo exemplo que eu fiz antes. Vocês lembram que eu peguei esse fluxo financeiro aqui que tá em texto, transformei numa tabela, daí eu pedi para ele fazer um gráfico tal, ele não fez. No canvas é possível que ele faça.

Vamos fazer um teste primeiro. Então vou pedir assim: crie um gráfico no canvas com a evolução da receita e despesa ao longo dos meses. Utilize os dados abaixo como referência.

Então eu vou referenciar três pontos. Shift enter para descer. Vou colar aqui as informações e vamos ver se ele entende desse jeito.

Sempre lembrando que se não der certo, eu vou ver ou ver a resposta, descobrir o que aconteceu, melhorar a minha entrada de informação e melhorar. Olha só, feito. Criou a evolução a respeito das despesas.

Provavelmente eles estão mudando para não vão mais gerar os gráficos no no texto normal e vão só gerar as coisas no canvas. Pode ser que seja assim a ideia da Google, porque antes ele gerava na própria conversa mesmo. Gerou o gráfico para mim.

Legal para caramba. Eu tenho o código dela aqui do gráfico que se eu souber onde usar o código eu posso usar. Se eu não souber, mas eu quiser usar esse código, eu posso inclusive perguntar para ele: "Eu tenho esse código aqui, como é que eu posso executar ele em outro lugar?

" Ele me explica o caminho também. Isso é legal para você aprender a aprender, começar a aprender a usar a ferramenta. Mas aqui temos o gráfico com as despesas e receitas, gráficos em barras.

É interessante pensar que quando você pede um gráfico, gráfico pode ser várias coisas, né? Pode ser gráfico em pizza, pode ser gráfico em barras, gráficos em linhas, gráfico horizontal, vertical. Nossa, tem vários tipos de gráficos diferentes.

Você pode especificar o que você quer. Então, nesse caso, ele fez três gráficos em barras, mas eu posso pedir, eu quero um gráfico em pizza só do mês de fevereiro. Agora eu quero um gráfico em pizza só do mês de fevereiro.

Ele vai mudar o código para criar esse gráfico em pizza. Como eu pedi só o gráfico em pizza, ele substituiu o código anterior inteiro e botou só o código em gráfico em pizza. Agora trocou.

Mas eu poderia pedir para ele fazer o seguinte, eu podia pedir para ele manter aquele gráfico em barras que tava antes e adicionar o gráfico em pizza. Interessante, né? E você pode ver que quando a gente tá usando canvas, a gente não consegue editar mais as mensagens como antes.

Então, se eu botar o mouse aqui, ó, ele não vai aparecer aquele lapizinho para editar. Acho que é uma opção que ele tem porque não funciona. Por enquanto não tá funcionando desse jeito, mas eu posso abrir esse canvas aqui e eu vou falar o seguinte: adicione o gráfico em barras com as despesas e receitas ao longo dos meses acima do gráfico em pizzas do mês de fevereiro.

E aí você vai vendo que você vai podendo criar algumas alternativas de de prompt. Às vezes a gente não sabe o que escrever, o que escrever, mas nesse caso eu comecei a fazer coisas um pouco mais complexas agora, porque fui vendo o que eu gostaria e ele vai fazendo, ó. Ele pegou, somou, agora temos o gráfico em barras e o gráfico em pizza embaixo das despesas e receitas.

E eu posso botar aqui, copiar, posso mandar, compartilhar escanvas com mais gente, posso salvar o código para fazer depois outro lugar. Você pode trabalhando desse jeito. Funciona só com gráfico?

Não, ele também funciona com texto. Vamos abrir uma nova conversa para começar algo do zero. E agora vamos vamos pensar num texto que eu quero criar.

Eu quero criar um texto para um LinkedIn. Eu quero fazer uma postagem sobre a evolução da IA generativa no LinkedIn pro para o LinkedIn. Eu vou escrever desse jeito meio coloquial aqui.

Atue como um consultor especializado em IA generativa especializado em produção de conteúdo para o LinkedIn. Só uma ideia, beleza? uma ideia que eu tô sugerindo aqui.

Vamos criar um texto para o LinkedIn explicando a importância da adaptação de novos CEOs. em relação a essas novas tecnologias, tecnologias de IA generativa. E aí eu cliquei aqui no canvas, vocês pode ver, ó, tá ativado, tá azulzinho.

Agora eu vou mandar. Ele não vai escrever o texto normal como antes, ele vai escrever o texto nesse lado do do lado aqui, ó, no canvas. Vou reduzir um pouquinho a tela para ficar melhor.

Qual é a diferença? A diferença é que esse texto aqui eu posso modificá-lo já. Então eu posso trocar esse texto se quiser.

Então eu não preciso pedir para ele fazer qualquer coisa, eu posso ir mudando o texto e também eu posso pedir para ele alterar partes do texto e aí fica mais rápido para entregar aos novos se us a generativa abraço e tá legal. Digamos eu quero adicionar aqui embaixo um CTA para entrar no meu site, por exemplo. Então eu posso pedir assim, ó.

Adicione um último parágrafo com um CTA. CTA é uma chamada para ação, é um call to action que eles chamam, chamada para ação, que quando você chama a pessoa no final de dar uma informação para ela, chama ela para fazer alguma coisa. Só uma explicação rápida.

Eh, adiciona o CTA chamando as pessoas para acessar o meu site. Endereço 2. www.

leonanagia. com. br.

Mandar. Ele não vai mudar tudo o texto, ele vai, se tudo funcionar como é para funcionar, ele vai adicionar só um parágrafo no final aqui rapidinho, ó. Pronto, botou um parágrafo no no final e já adicionou rapidinho.

Acabei também temos aquele botão para exportar pro Google Docs ou copiar e fazer as coisas todas. Outra opção também, eu posso selecionar algo, essa parte aqui, por exemplo, aqui, ó, eu achei que, sei lá, tá muito grande, podia reduzir. Eu posso tanto selecionar isso aqui e escrever aqui na caixa de texto que vai aparecer, que é para aparecer.

Cadê a caixinha de texto? Às vezes ela ela buga também, mas é para aparecer uma caixinha de texto aqui. Se eu selecionar algo menor, vai ficar mais fácil de ver.

Peça a gemini. Então eu posso botar aqui para pedir alguma coisa. Ou eu posso vir aqui no canto direito que tem essas barrinhas aqui que tá aparecendo aqui, canto direito, mudar tamanho e eu posso reduzir.

Então, muito longa para baixo aqui, é muito longa e para cima aqui muito curta. Muito curta. Cliquei.

Vamos ver se ele vai diminuir. Pronto, ele reduziu aquilo tudo num parágrafo só. E você vê o que é melhor, o que é pior, né?

Aí seu, ah não, não gostei. Tava antes, tava melhor. Aqui em cima tem uma versão anterior, daí ele voltou para que tava antes, eu não perdi nada.

Bem legal, né? Então canvas é muito bom para isso. E para quem gosta de fazer código, eu posso pedir, por exemplo, para ele criar uma agora crie uma landing page com essas informações.

Landing page é uma página só, né? Uma página, única, página sozinha, onde a pessoa recebe tráfego, né? Tráfego pago ou de algum link, alguma coisa.

Crie uma landing page com essas informações. Utilize cores escuras, roxo, preto e branco. Agora ele mudou.

Tá vendo que mudou tudo aqui? Código mudou outra coisa. Agora ele criou um novo um novo canvas diferentes que não é mais texto, agora é um código.

E esse código quando você clica em prévia, ele gera essa página aqui que as cores que eu pedi, roxo, tal, e tem o texto diferente. Deixa eu ver como é que tá aqui a resolução da minha tela, ó. No final ali ficou muito o Aí eu posso modificar algumas coisas também.

Eh, o texto aí vou botar entre aspas para selecionar esse texto aqui. Ali, ó, virou um botão, inclusive, ó. Virou esse aqui virou um botão.

Tá vendo que o mouse muda? Então vou falar que é o botão. O botão no final da página está tá sobreposto.

Melhore o posicionamento e a formatação. Faça com que o [Música] botão leve ao link do site. Ainda vou ter duas coisas.

a formatação e mudar o link do site dos pontos www. leonanagel. com.

br. Então agora eu tô programando aqui dentro do gemini só com linguagem normal. Olha que maravilha.

Então olha só, mudou o botão. Agora tá bonitinho, arrumou. Eu escrevi mais ou menos ali o que eu queria, mas ele conseguiu entender.

Se ele não tivesse entendido, eu ia tentar descobrir uma forma melhor de falar isso para ele. Clico no botão e ele deveria ir pro meu site. Ah, tá aqui o link aqui, ó.

Leonanagia. com. br.

Pronto, ele foi para lá pro site. Pro meu site. Legal para caramba, né?

Agora imagina você criar várias páginas e tal. Tem umas limitações aqui. A limitação é que ele não consegue gerar conteúdos muito grandes ainda.

E ele faz uma página só por vez. dentro do canvas do Gemini, ele gera uma página por vez. No próximo módulo, num uma das aulas, eu vou mostrar umas ferramentas que eles criam aplicativos mesmo com várias páginas, com várias sessões, que é é uma evolução disso aqui.

E provavelmente ao longo desse ano a Google vai começar a liberar também a criação de de páginas diferentes aqui dentro. Essa ferramenta tem disponível no chat de GPT, mas só tá disponível na versão paga do GPT. Outra coisa que dá para fazer também é criação de imagens.

Então, se você pedir pro Gemini, crie uma imagem de um cachorro surfando uma onda em uma praia do Rio de Janeiro, ele vai criar a imagem que tem uma ferramenta chamada imagem tree. Escreve assim aí, imaging que é de é uma mistura, né, que em português que é estranho, né, mas é imã de imagem de imagem, né? E o Jane é de generativo, é por isso que é com J.

Ó, fez uma imagem de um cachorro. Você pode baixar essa imagem e tal. Você pode pedir imagem.

Eu quero uma foto agora. Uma foto de um homem de negócios em um escritório sorrindo. E aí a dica é quando você for fazer imagem, especifica o que você quer na imagem.

Por exemplo, eu poderia botar que esse cara tá de braços cruzados, tá de braço aberto, tá cumprimentando alguém. Eh, qual é o que que tem dentro desse escritório? Escritório é claro, escuro, qual é a cor da parede?

Qual a iluminação? É de dia, de noite? Tudo eu posso especificar.

Essa imagem ficou quase boa, mas olha só a mão dele. A mão dele ficou meio estranha. Essas ferramentas estão melhorando muito na criação da mão.

Só que nesse caso a mão dele ficou horrível. Eu vou pedir para ele corrija a mão desse cara. Aí quando eu peço para corrigir, ele pode só corrigir a mão ou provavelmente ele pode corrigir a mão, mas mudar várias coisas da foto.

Nesse aqui ele talvez ele mude bastante coisa na foto inteira, viu? Ali não mudou ali. Ah, nossa.

Aí nesse caso aqui ele colocou uma tala na mão do cara quando você tivesse quebrado a mão e enfim, é uma generativa, ela tem seus problemas. Então você tem que entendendo como falar isso para ele e corrige a mão desse cara. Não foi bom.

Ele corrigiu, botou um gesso da mão do cara para corrigir, né? Faz sentido. Se for ver, ele tá corrigindo a mão do cara, botou um gesso, só que não é o que a gente gostaria.

Então eu deveria falar assim ou até nesse caso quando começa a ficar assim estranho, tá vendo que foi para um caminho meio estranho, eu faria de novo, começar uma nova conversa e pediria para ele fazer o nome de negócios e tal, com braço cruzado ou de um jeito e resolveria isso nessa aula. É isso, falamos sobre o canvas, algumas aplicações dele e falamos sobre a geração de imagens no Gemini. A gente vai falar um pouquinho mais sobre essas coisas ainda mais pra frente, porque, né, tem muita coisa para fazer.

E te vejo na próxima aula. Até lá. Oh.