fala pessoal tudo bem com vocês nesse vídeo você vai acompanhar Como flutterflow vai revolucionar a criação de aplicativos com inteligência artificial apresento para vocês o flo Flow a Tools aqui de início ele mostra que já tem uma base de dados configurada né utilizando aí o o for base ele mostra que está utilizando algumas Custom functions aqui ele tem uma página incompleta e ele destaca ali a descrição que ele inseriu né e agora ele vai pedir para Inteligência Artificial ela autocompletar essa página então ele vai iniciar esse processo ao clicar no botão é mostrado algumas opções
a gente já vê de cara que teve uma alteração no nome anteriormente o flutterflow utilizava o nome flutterflow ien agora ele utiliza o flutterflow itos então aqui temos alguns destaques que é você criar uma nova página através de um prompt Então você vai digitar o prompt lá ele cria uma nova página do zero temos também a opção de criar um novo componente também através da Opção você descreve o Prom e ele gera esse novo componente para você o próximo aqui é o sketch Ou seja você vai conseguir desenhar um componente e ele vai criar tudo
através da Inteligência Artificial a próxima opção e a que ele vai utilizar que é o PJ Complet ele vai autocompletar essa página e uma coisa bem interessante é que e a ia ela respeita os elementos que ele já inseriu inicialmente então ele vai respeitar ali ele vai manter o padrão das cores o padrão do texto ele consegue manter esse padrão tudo de forma automática e por último temos o cursor mágico que é quando a ia ela gera algo para você então você pode utilizar essa opção seleciona O componente que ela gerou e através de um
prompt você pode fazer as alterações que você quer então vamos prosseguir podemos ver que ele já gerou você pode observar também que esse slide ele vai arrastar e ali você pode selecionar até onde os componentes agrada você então se gerou algo que você não quer você pode arrastar até a posição e aceitar que ele vai gerar somente até onde você posicionou esse slide agora ele vai utilizar o curso mágico vai selecionar o componente que ele quer fazer a sua alteração e vai definir a descrição no prompt ele definiu que quando o botão ele for clicado
ele quer que ele atualize lá no f Story L lá no Fire base para salvar o nome do usuário a origem da viagem o modo de transporte e também calcular a distância para Nova York então além do dessa ia ela gerar essa interface ele vai conseguir criar as Action e fazer a conexão com a sua base de dados então por isso que que eu falo né que chegamos em um um patamar muito elevado aqui no flutterflow Então essa facilidade de você criar essa conexão através de prompt com aia facilita muito a criação dos seus aplicativos
ou seja se você já tiver com sua base de dados já com configurado como ele mostra no início do vídeo através de um prompt você vai criar uma Action e fazer a conexão com a sua base de dados podemos ver que ele já criou as Actions ele vai abrir ele definiu uma validação do formulário definiu o backend para criar um documento e também definiu para navegar para uma página específica aqui ele definiu todas as variáveis e aqui ele mostra que ele fez fazendo o cálculo né que ele pediu utilizando uma Custom function que ele já
tinha sido criada ele pegou todo essas variáveis Inclusive a Custom function que ele criou para fazer o cálculo ele novamente faz a seleção e vai definir um outro prompt nesse novo prompt que ele inseriu ele tá pedindo que quando o botão for tocado ele quer atualizar o documento para história existente para armazenar o nome do usuário de onde ele veio o modo de viagem a distância para Nova York e ele quer também que a ia certifique que ele está atualizando um documento existente Então vamos ver como é que ela vai agir diante aí dessa desse
prompt podemos ver que ele já executou a ação no primeiro exemplo ele usa o Create document para criar um novo registro e agora ele utiliza o update document passando a referência do documento existente e também setando todos os campos solicitados aqui ele faz uma alteração né para uso do iPad agora ele vai navegar até a opção para desenhar n esse componente que é o sketch e o component vai aparecer essa essa área né para para para o desenho agora ele vai inserir o desenho então ele tá simulando a criação de um componente né com uma
imagem um ícone de usuário o nome username e agora ele vai pedir para I tentar reconhecer esse desenho que ele fez ela vai dar opção do preview para ele visualizar esse componente gerado então podemos ver que ele consegue trazer eh mesmo com desenho uma qualidade não muito boa ele conseguiu identificar todos os elementos que o usuário estava pedindo agora ele vai pedir para criar o componente vai definir o nome tudo pronto componente criado agora ele selecionou a list viw e já adicionou O componente que ele acabou de criar né fazendo aquele desenho já está aí
dentro da sua página ão todos os elementos totalmente editáveis novamente ele vai utilizar o cursor mágico vai selecionar o texto e através do prompt ele pede para ir adicionar um parâmetro de componente usuário e ler o nome do usuário do parâmetro podemos ver que ele já definiu né o como parâmetro e também ele já passou o document lá do fire Story selecionando aí e o display name lá do Far Story novamente ele vai clicar no cursor mágico ele vai fazer isso também para alterar esse número que ele definiu aqui que são eu crio que seja
as milhas ele tá pedindo para ele exibir como parâmetro ali a a distância nesse local então podemos ver que ele já adicionou um combine text com o a palavra milhas e ele já vai exibir o valor né e a distância calculada novamente selecionou o cursor mágico e através do prompt ele tá pedindo para I adicionar uma consulta backend para mostrar os cinco usuários que viajaram mais longe então mesmo não selecionando aqui o list viw diretamente ela vai execut tá isso aí então podemos ver que ele já adicionou o backend no list viw ele vai navegar
até lá então clico em editar E aí definiu o limite de cinco que é o que ele pediu lá no prompt para definir os cinco usuários que viajaram mais longe fazendo a seleção do componente principal do list viw podemos observar que ele também já passou o parâmetro solicitado dentro do componente que é o user document para pegar o display name agora podemos ver que ele selecionou os ch chips está descrevendo para que a ia ela adicione os ícones referente a cada palavra que ele está definindo lá então olha só ele já adicionou todos os ícones
representando cada palavra outra coisa que ele mostrou ali que ela consegue alterar o padrão das cores ele pediu para ela alterar a cor e ela alterou uma outra coisa também que ela faz né ela volta ao padrão de cor ou padrão de estilo que já era definido então ele pediu para ele voltar ao padrão que era antes e ele retorna eh exibindo dessa forma aí encerrando essa demonstração fica bem claro que o flo FL está revolucionando a forma como criamos aplicativos com essas novas ferramentas de a com o poder do preenchimento automático de pá o
mico cursor a capacidade de gerar componentes e páginas com facilidade os desenvolvedores eh agora eles podem transformar suas ideias em realidade de uma forma mais simples então isso não só agiliza o processo de desenvolvimento mas também possibilita que pessoas com diferentes níveis de habilidade criem aplicativo sem se perderem nesses detalhes mais técnicos Então é isso espero que vocês tenham gostado desse vídeo até a próxima
