0%
Bruno Rodrigues

Lab: Criando demonstrações interativas com o ChatGPT

Transcrição

A gente vai criar agora um aplicativo utilizando o ChatGPT, esse é um uso muito poderoso dessas ferramentas. Em que a gente pode pedir para para para iar generativa programá-la essencialmente qualquer funcionalidade que a gente precisar para um uso rápido, em que esse aplicativo vai estar disponível aqui dentro do próprio ChatGPT? Eu vou trazer para cá a documentação do nosso produto e as nossas transações de exemplo que nós geramos. Vou deixar no pensamento estendido, que é bem importante para isso e vou colocar aqui. No modo lousa, né? No modo Canvas dele. Já aparece aqui, né? Escrever ou programar. E é isso que a gente vai pedir para ele. Então, o que eu posso gerar? Essencialmente qualquer aplicativo, né? A única limitação dele aqui. É, em geral, ele vai trabalhar mais facilmente com bases locais, como esses dados aqui que eu estou dando para ele. Vai ser bem mais difícil eu pedir para ele se conectar em um banco de dados externo, algo do tipo, né? Que fosse por razões de segurança e governança mesmo, né? Mas é também técnicas. E o que eu quero aqui, que ele crie aqui para a gente, é. Um dashboard, né? Então crie um aplicativo. Para me ajudar a exibir as transações. De uma planilha no formato é planilha como. Essa aqui? É para ser um dashboard executivo. Com os principais dados e informações. Das transações. Do cartão consolidadas. Infiltráveis. Traga também. Em sites de PLD. Barra, Geografia. É, vou colocar e Geografia para ele não achar que é pele de por Geografia. O app. Deve ser amigável. E muito profissional. Refletindo. Refletindo, nossa. Área. De atuação? Eu posso informar aqui também cores para ele, né? Poderia? Passar, por exemplo, aquela imagem, né, que a gente? Gerou na etapa anterior. Para ele, se eu tivesse satisfeito com ela, né? Pra Pra Ele se inspirar em logotipo, Pra Ele se inspirar. E é em cores, mesmo sendo utilizadas. E qualquer outro direcionamento que eu quiser dar, né? Tipografia, se eu quiser novamente, né? Documentar com o auxílio dele. Que Epic é esse, como funciona, qual é o estilo? E aí depois aprovar as coisas que ele me passou e então sim, ele gerar, né? Sempre vai funcionar nesse modelo também, então ele vai começar aqui AA pensar e a fazer o. Oo escrever o código dele de sempre e a gente vota quando ele tiver um pouquinho mais avançado. Voltamos então com o nosso aplicativo concluído. Está aqui o código em react, que é a tecnologia de programação que ele utilizou para construir esse nosso dashboard. Vejam que em uns 10 minutos aqui ele produziu muito código, né? E aí, nesse modo Canvas, basta a gente clicar aqui em prévia para visualizar o aplicativo no próprio navegador. É um aplicativo web que roda aqui dentro do próprio contexto do gpt. Dashboard executivo cartões carregue sua planilha CSV para acompanhar kpies, aprovações, chardbacks fraudes e obter insights de PLDE Geografia está um pouco estranho assim, porque foi o que eu pedi, né? O processamento a 100% local no seu navegador. Isso é ótimo também, né? Então não vai nada. Os dados desse arquivo aqui que eu estou selecionando não vão lá para a nuvem. E funcionou de primeira. Isso nem sempre acontece. Às vezes a gente pode ter um bugzinho, algo não funcionar aqui na primeira tentativa, né? Demos sorte dessa vez. Então está aqui a sessão toda de filtros que ele montou. Vejam que isso foi carregado, esses valores foram carregados de acordo com o Excel, né? O que me permitiria com uma versão atualizada desse Excel no mês seguinte. Perdão, desse CSV, né, desse, desse, desse arquivo com os dados. Atualizar o dashboard novamente deu alguns probleminhas aqui de isso costuma acontecer, né? De é o número ficou um pouco grande aqui para caixa e estourou um pouco o layout, mas está bastante utilizável, né? Se eu filtrar aqui. Clicar aqui, ele vai filtrar em tempo real todos esses gráficos. Ficou bem preto e branco também, né? Mas isso é bem fácil, é só pedir para ele. Eu eu posso pedir agora mesmo, é, adicione azul e outras cores e ele vai atualizar esse código. Vai levar mais uns minutinhos, talvez, mas ele vai fazer essa atualização e aqui a gente tem por Geografia. Por categorias, por status, né? Os mesmos números que a gente viu ali. E justamente é No No relatório que a gente gerou, né? Nas informações que a gente extraiu ali para o relatório é então. Todas essas informações aqui, né? Todos todos esses painéis e de novo aqui, como todos os nossos exemplos, foi algo assim, muito direto ao ponto, né? Me deu um dashboard, eu poderia ter fornecido é quais informações eu quero para ele. Eu podia ter guiado o desenvolvimento desse dashboard, né? Dizendo exatamente quais informações que eu quero exibir, quais informações eu quero extrair, como sempre. AA gente tem que validar, né? Que que esse código funciona antes de confiar é nele de verdade, né? Mas imaginando que é um utilitário que a gente vá sempre reutilizar. Fica muito fácil validar algumas vezes, né? Ou por algum tempo, sempre bater os números e depois, né? Até a gente está tranquilo que ele realmente funciona é, eu posso compartilhar esse aplicativo, né? Criar um link aqui. Criando esse link? É, ele pode ser privado só para o meu uso, o que é bem útil mesmo para salvar, né? Se eu abrir ele aqui numa aba nova, eu vou salvar esse link e a partir daí, sempre que eu precisar. Fazer utilização é desse mesmo aplicativo ou é? Eu posso compartilhar de forma pública também para que outras pessoas tenham acesso e aí posso mandar para outras pessoas a minha empresa? Sempre com aquela preocupação, é claro. De governança, né? De de de contar ali com a nossa TI também para dar o melhor direcionamento em todos esses casos.