Agora sim tá tá aparecendo agora minha meu vídeo, né? O áudio também não. Todos me escutam agora.
Show, show, show. Acho que agora já foi, né? Fechou.
Enquanto o pessoal tá chegando aí, comentem aí no chat da onde vocês são, da onde vocês estão, vocês estão me assistindo, de qual cidade vocês estão, quem for aluno também, se é aluno, se não é, coloca aí no chat pra gente trocando uma ideia aí enquanto o pessoal chega. Ah, agora sim. Agora tá OK.
Ó aí, Lucas, meu xá de Irecê, Bahia. Aluno, que massa, Lucas. Show.
Ó, o Glauco Glauco é participa do nosso pronto socorro ali. Quem mais? Eu Tad, eu Tadeus.
Isso. Eu Tadeu. Tadeu, né?
No caso, né? Tadeu, aluno de São Paulo. Aí, show.
A Glauca é de Bauru. Legal. Mônica, a Mônica é nossa, já é de casa lá do pronto socorro, tá todos os dias lá ajudando o pessoal aí.
Alexandre de Sampa, fala aí. Ó, os Ratons, falando em Raton, a gente tá chegando no próximo Raton, hein? Agora em março nós temos também, vai ter outro Michele de São Paulo.
Tem bastante gente de São Paulo, hein? A Luna também. Fala aí, Virgínia.
Ah, Mônica do Rio, Petrópolis, região serrana ali, né, Mônica? Legal. Deixa eu me apresentar, ó.
Palmas, Tocantins, Virgínia. Show legal. Tu é aluna, Virgínia, ou não?
Ou ainda não? Júnior Cunha, São José do Rio Preto, São Paulo. Anelise, Campinas.
Flávio de Natal. Legal. Gente do Brasil inteiro aí, hein?
Virgínia Luna. Massa. Ó aí o Alexandre Morro Reuter, São Paulo, Rio Grande do Sul.
Conheço, sei sei que existe a cidade, mas eu eu não não conheço ela, nunca fui visitar, né? Mas eu conheço pelo nome, né? Morro Reuter.
Anne Elise, aluna da academia. Massa aí, tubarão, sertão da Bahia. Claro que sim, Júnior.
Consegue fazer aplicação com banco de dados? Sim. Hoje a gente vai, eu vou fazer uma aplicação aqui do zero para vocês dentro do EA Stúio.
Mas antes eu quero me apresentar, aproveitar que já passou aí o o nosso a nossa tolerância de tempo ali. Vamos, já vou iniciar aqui. Eu quero me apresentar para vocês, para quem não me conhece.
Eu me chamo Lucas Charão. Eu sou daqui da academia. Eu faço parte da do time já há um ano e meio e eu faço parte do time educacional aqui da academia.
Sou mentor também, professor, tem algumas aulas minhas dentro da academia e eu faço, sou um dos hosts, né, responsáveis ali pelo pronto socorro, que é o PS. Para quem não conhece, o Pronto Socorro ele acontece todos os dias, é uma é um encontro ao vivo, né, com especialistas. Então, tem vários hosts, vários especialistas que a gente abre uma uma uma meeting de vídeo ali e fica entre 1 hora e meia, duas tirando dúvidas, trocando ideia, trocando network, fazendo conexões com alunos.
Então, quem é aluno ali da formação, quem é aluno do gestore, founders, já conhece ali, já conhece o nosso pronto socorro diário aí de cada dia. Eh, acontece de segunda a sextas em dois horários. Então, quem é aí aluno da formação, quem é gestor e founders que ainda não conhece, eu sugiro vocês a conhecerem segunda-feira, segunda a sexta às 10 da manhã e às 18:30.
Então são dois horários todos os dias e cada um com um tema diferente, com com convidados, especialistas. É um é um ambiente muito legal. Então, sugiro aí de quem quem ainda não conhece participar.
Ah, obrigado aí, Mônica. Olha a Carolina de Criciuma, ó, o Lucas perguntou se tem algum motivo específico paraa gente escolher o EA Stúio, né, no lugar de outras plataformas, né, cara? Sim, tem, tem, porque o EA Studio hoje, como ele é ele é uma plataforma da Google, né, da família Google, ele tem muita conexão ali já nativa, né?
Então, hoje, se a gente for aprender a utilizar eh a a querer começar a trabalhar com Vibe Code, a criar aplicação, ele é uma é uma é uma opção muito boa por ser mais por ser fácil de utilizar, por também eh eh ele criar conexões já tipo de API com com o próprio Gemina já meio que nativo, automático, facilita muito, né? E ele é muito bom também para para visual, né? Para front end, para quem pra parte visual da aplicação, ele é muito bom.
Então, por isso que a gente escolheu o AI Studio. Show, gente. Então, apresentado aqui, eu quero vou falar um pouco sobre o que que eu vou falar hoje nessa live, que que eu vou mostrar aqui.
Vai ser realmente um um passo a passo, um mão na massa aqui. Vou fazer uma aplicação do zero para vocês aqui, como que eu crio minhas aplicações aqui, meus MVPs de aplicativo eh dentro do EA Stúio. Então vocês vão vão sair daqui já aprendendo como utilizar o IA Studio para quem ainda não conhece.
E a gente vai iniciar aqui. E eu escolhi um tema paraa gente poder criar essa aplicação, algo que eu acho que todo mundo precisa. Eu não quis fazer algo aqui, eu não quero criar uma aplicação que daqui a pouco a gente vai fazer só para olhar aqui depois ser descartado.
E sim, algo que vocês podem eh se basear, se inspirar e fazer para vocês. Eh, e a ideia é essa, daqui a pouco quem quiser acompanhar e junto e tentar fazer eh seguindo aqui comigo, seria legal, seria interessante. E então o que que eu pensei em criar, tá?
Eu quero criar eh eu pensei em criar um gestor de tarefas pessoal. Então, por exemplo, eu tenho várias tarefas que eu tenho que cumprir no dia, tanto pessoal quanto profissional, quanto no trabalho. E às vezes eu me perco, às vezes eu, cara, eu tinha que fazer isso aqui, mas aí eu acabei me distraindo com alguma coisa e fiz outra coisa.
E aí eu acabo, nossa, esqueço que tinha que fazer tal coisa. Então, esse gestor de tarefas, ele seria como a gente criaria um aplicativo, né, que a gente poderia cadastrar as tesques. Então, por exemplo, eh, domingo, pega um domingo à noite, ó, o que que eu tenho que fazer na semana?
Que que eu preciso de fazer na tarefa de tarefas semanais? Aí eu vou lá, começo a cadastrar tarefas. Ah, segunda de manhã eu tenho que fazer academia, de tal horário até o horário.
Ah, e essa academia eu vou fazer de segunda a sexta. Aí tu vai lá e vai selecionar segunda a sexta no calendário. E aí tu descreve a tua tarefa, que que tu vai fazer, que que que é essa academia que vou treinar, né?
Aí eu vou lá, preciso fazer, sei lá, eu tenho que fazer o pronto socorro lá às 10 horas na segunda, na segunda, quarta e sexta. Eu vou lá e preencho, cadastro todas essas tarefas com com a descrição delas. E aí depois eu a gente vai criar um botãozinho ali que a gente vai clicar e a IA vai pegar todas essas tarefas, todas com a com a a transcrição, a descrição de cada uma e vai gerar uma uma um relatório semanal com os o dia e horário que a gente vai fazer as tarefas, porque tem tarefas que não tem horário.
Por exemplo, eu preciso ler livro. Eu coloquei na meta de desse ano agora de ler no mínimo 10 livros nesse ano. Só que eu não tenho um horário específico.
Ah, eu vou eu leio tal horário. É meio quando sobra um tempo, eu vou lá e pego um livro e leio, mas eu quero me organizar para ter um cronograma de tarefas e o livro vai entrar nesse cronograma. Então daqui a pouco a IA vai entender, porque eu vou colocar tarefas que t mais prioridade, tarefa com tarefas com menos prioridade e ele vai entender, ó, nesse espaço de tempo aqui, tu vai tu pode ler um livro.
Então ele vai me dizer, ó, segunda faz isso, tal horário, tal horário, tal, e nesse aqui tu vai ler um livro, porque ele vai me me auxiliar a a encaixar esses horários e me organizar. Então eu posso depois com isso colocar alguns lembretes no celular para poder eu poder tá criando as tarefas certinho. Eu acho que isso aí vai facilitar bastante.
Que que vocês acham dessa ideia? Curtiram? Ó, a França tá dizendo que é leiga começando do zero.
Então essa live é para ti, Francis. É exatamente isso. A gente vai fazer do zero.
Então eu vou criar ali uma aplicação do zero. Ah, então fique tranquila que no final aqui já vai saber mexer aqui no EA Stúio, tá? E o que que eu que eu faço sempre quando eu vou fazer uma aplicação, tá?
A a primeira coisa é não pensar em em em pedir ali para para irá ou já criar sair sair criando aplicação, né? A ideia é a gente planejar. O planejamento ele é muito importante, ele é ele ele é se não for a parte mais principal, tá?
Da aplicação, tem que planejar. Então, ao invés de de eu chegar aqui, por exemplo, deixa eu compartilhar com vocês aqui a tela, vamos supor, eu tô aqui no EA Stúio, tá? Se eu começar a pedir, ah, eu quero criar uma aplicação, tal, tal, tal, tal, tal, ele vai criar.
Agora, se vai ficar bom, eu tenho minhas dúvidas ali. Com certeza não vai ficar como tu quer. Ou ele vai ele vai gerar de alguma forma que vai ter algum erro, tu vai ficar corrigindo e vai gastar mais tempo, mais tokens.
A ideia é a gente planejar. Então, o que que a gente tem que pensar quando vai criar uma aplicação? Colocar tudo no no num texto, num bloco de notas ou ou num papel.
Eu quero criar geralmente realmente assim falando, eu quero criar um gestor de tarefas aonde eu cadastre eh cri fique cadastrando várias tarefas e colocando nessas tarefas, preenchendo, né, o nome, o título da tarefa, a prioridade dela, se ela tem um horário específico, se ela tem uma data específica, se ela tem dias a semana específica ou não. E é a descrição dela. E eu quero ir salvando ela e vai ficando salvo ali.
E quando eu apertar um botão, que eu quero que o MA pegue todas essas tarefas, organize elas e me crie um relatório dizendo o que que eu tenho que fazer cada dia e cada horário. E aí ele vai aí com isso, a partir disso que é praticamente um um briefing ali, é uma é uma é uma um escopo meio jogado ali num papel, eu vou aí sim eu venho para uma que aí no caso eu tô usando aqui e eu vou usar para vocês o Gemini para porque aqui como a gente tá na família Google, eu quero utilizar algo que seja realmente gratuito, não quero que vocês aqui, ah, tenho que assinar uma uma LLM, não. qualquer uma das duas aqui, tanto o Gem quanto o Google, quanto o EA Studio, você consegue utilizar gratuitamente.
Claro, tem um uma uma hora ela vai ela vai ela tem um limite de requisições, mas vocês conseguem fazer. Então, o Gamin mesma coisa, eu posso vir aqui criar e utilizar. Então, eu quis fazer tudo na família Google aqui pra gente ter essa para todo mundo poder fazer, né?
Então, é, é, é realmente o que eu falei, eu vou aqui escrever que eu comentei com vocês sobre a aplicação e vou pedir primeira, primeiramente para ir a criar um PRD. Aí, o que que seria um PRD para quem não conhece, né? PRD é um documento como se fosse uma uma regra, uma regra de negócio ou uma uma uma descrição, um manual ali do da tua aplicação, aonde tem tudo que tu quer, só que de uma forma mais profissional, mais organizada.
ela tem todo um uma ordem ali de descrição que geralmente quem cria aplicação cria eh gera esse PRD. Então o PRD, para quem ainda não conhece, é isso. É uma documentação, é é um é uma é um é um texto que ele fica bem organizado, documentado, aonde tem tudo sobre a aplicação, desde a linguagem que tu vai usar na na programação, tudo tudo ali vai ter ali.
E aí, só que a gente não precisa saber fazer um PRD. Hoje a IA sabe, né? qualquer inteligência artificial vai saber fazer um PRD.
Então eu vou jogar as palavras, o que que eu quero criar? É muito importante tu criar a jornada do teu cliente ou do teu usuário, né? O que que o usuário vai fazer?
Ele vai chegar na aplicação, vai ter que ter tal coisa, porque ele vai clicar ali e vai fazer isso. Então tu cria a jornada também do desse teu, desse teu usuário, né? No nosso caso aqui seria o o usuário.
E aí dali ele vai criar o PRD. criou o PRD, a gente salva ele e deixa guardado. É um é um dos documentos que eu uso.
Depois eu crio um outro que é o design system. O que que é o design system? Para quem não conhece, eu vou falar de uma forma bem bem simples assim para para ter um entendimento maior.
O o design system é uma documentação também, porém da parte de layout para ele seguir um padrão. Então, vamos supor, eu quero fazer uma uma um que o meu layout ele seja de com background preto, né, black, e com botões >> [música] >> B Tá pres letras tipo a fonte do Ah, essa é o inter, a fonte inter, por exemplo, lá. Então, então isso isso aí eu eu tô dizendo pra aplicação que ele Esse design system é criado.
Gu gu guardo esse documento também. Aí depois eu crio me ouvindo agora? Me ouvem.
Show. Aí, agora sim. Desculpem aí, pessoal, que a gente tava com foi algum problema numa rede aqui.
Agora troquei de rede aqui, já voltou. Show. Show.
É, então o que que eu tava falando então no início ali? a documentação que a gente vai, que a gente cria antes de gerar a aplicação. Então, a o primeiro documento que eu crio é o PRD.
E o PRD é um documento, isso falando de uma forma mais simples, ele é um documento, é uma regra do da sua aplicação. Então tudo que tiver no PRD, a aplicação ou a o AI Studio, por exemplo, vai seguir. Ele vai seguir eh como o Luciano tá dizendo ali, product.
Então, é eh os documentos de de é como é regras de negócio ali para quem é da área de de programação ali utilizam muito esse termo, né, regras de negócio. Então ali a gente vai criar algo mais profissional. Só que por isso que é interessante a gente falar com as nossas palavras, né, geral a nossa a a trilha ali do do nosso usuário, a jornada do nosso usuário e pedir para a partir disso uma LLM criar o PRD.
criou o PRD, guarda ele, de preferência em MD, né? Ponto MD, em MarkD, guarda ele. Aí depois eu vou pro design system.
É, o que que é o design system? É a mesma coisa que o PRD, porém voltado a layout. Então, tu vai ter regras de design, regras de layout.
Se eu quero essa paleta de cor, precisa ser apenas essas cores, não pode fugir delas. Eu quero que você tenha essa tipografia, precisa ser essa tipo de fonte, precisa ser essa cor de fonte. Eu quero que seja essa logo que Então tu coloca toda todo o a parte que for de design, elementos dentro do design system e aí tu pode criar também.
Então vamos supor, eu quero que o meu aqui seja black o background seja escuro e com botões na cor bege, por exemplo, mais próximo aqui à academia lendária. Eu quero, eu quero que seja sempre assim. Então eu vou ter o design system.
que vai ter essas regras de layout. E aí eu crio mesma coisa, peço as cores, não precisa dizer a cor, a o hexagonal ali, a o código da cor. Você pode apenas dizer mais ou menos a cor que a a IA vai entender e vai gerar ali o código.
E aí tu cria esse esse arquivo e e salva ele novamente. Um terceiro arquivo que eu crio, que é mais voltado à experiência de usuário, é mais para UIX ali, eh o IUX é os profissionais que trabalham com essa parte de design também, mas um é voltado a a à parte de design, que é o UI, e o X é mais de experiência de usuário, né? Então, a experiência de usuário ela é muito importante, que é, por exemplo, eu tô aqui numa área principal de um site, na home ali, e aí daqui a pouco eu entrei num cadastro, tô ali preenchendo e eu preciso voltar pro home.
Eu preciso ter um botão voltar, não só voltar no navegador, mas tem que ter um botão voltar. Isso é experiência de usuário. Então, se tu for criar uma aplicação meio assim, ah, só pedir para fazer, provavelmente vai ter alguns erros de experiência de usuário, que o usuário vai acessar, cadê o onde é que eu volto aqui?
Onde é que eu faço? Não tem o botão aqui para fazer isso, fazer aquilo. Isso é experiência de usuário.
Então eu também crio, eu peço para ele, para ele criar eh eh uma experiência de usuário, um x referente a essa essa aplicação. Ele já sabendo o meu PRD, ele já sabendo o meu design system. Então eu crio essas três aplicações.
Isso é é o mínimo que eu acho que a gente deve ter para criar uma qualquer aplicação. Aí com esses três arquivos, aí sim eu vou lá pro EA Studio e aí eu começo a brincadeira aqui. Então pra gente começar, quem quiser aí eh fazer junto, né, preparem aí o papel à caneta ou se já tiver com computador aí, quiser ir acompanhando.
Ã, o EA Studio, tá? É, ele é, você acessa ele no Google, né, eastudio. google.
com e você se loga com o Gmail, né, com seu Google ali. Você já vai chegar nessa tela aqui. Mas antes a gente vai pro Gemini.
Gemini, mesma coisa. Gemini. google.
com. se loga pelo Gmail, você vai cair nessa tela aqui, que é como se fosse um chat GPT, como se fosse um um cloud, é aquele tradicional layout aqui de de LLMs, né? E a gente vai iniciar, então vai criar o nosso primeiro PRD.
Então aqui, como eu comentei com vocês, a ideia é criar esse essa gestor de tarefas. Então, eu tinha pensado no nome aqui, eh, como essa, esse gestor de tarefas, ele vai ser semanal, vamos pensar no nome aqui, tesk. Tesk week.
Então vou dizer aqui, eu quero criar uma aplicação chamada Teskwick, onde o usuário irá cadastrar tarefas semanais e depois de realizar o cadastro das tarefas, ele aperte um botão e uma IA vai analisar todas as tarefas com atenção. aos dias eh prioridades, horários e descrição. E com isso irá gerar um relatório organizado para o usuário seguir e organizar suas tarefas da semana.
OK, fiz um prompt, passei a minha ideia, o meu escopo aqui tá bem simples, né? Mas ainda tem coisas que a gente pode adicionar para poder para esse PRD já sair bom, né? Pra gente não precisar ficar ajustando depois lá eh com o IA Studio.
Então o que que eu quero? Já eu quero pensar nos detalhes de já aí eu tô falando a jornada do usuário, tá? O usuário entrou, acessou a aplicação, beleza?
já tá ali. Ele entendeu que eu vou cadastrar eh tarefas. Eu quero que, ó, quero que na página inicial tenha um ícone de mais com o texto nova tarefa.
Sempre quando o usuário cadastrar uma nova, terá um botão ao lado para ele criar a próxima. Isso aqui ele poderia daqui a pouco criar sozinho, mas eu tô colocando bem bem mastigado para não ter esse erro e a gente já seguir já praticamente com quase toda a aplicação ali pronta, sem precisar ficar voltando ou corrigindo, né? Dentro do cadastro da tarefa, eu preciso que tenha esses campos.
Ah, no título da tarefa. Título eu quero que tenha prioridade. Aí eu boto entre parênteses baixa, média, alta.
Eu quero que tenha horário de início, horário de encerramento, dias da semana que eu preciso realizar. essa tarefa e descrição da tarefa. Aí importante também eu colocar aqui quais campos são obrigatórios, porque daqui a pouco ele pode entender que todos são obrigatórios e daqui a pouco tem uma tarefa que não tem horário, não tem dia específico, como por exemplo o ler um livro, né?
E ele vai dar um erro. Então aqui vou colocar obrigatório. Quero dizer que aqui o título tem que ser obrigatório.
Precisa colocar o título. Prioridade também. Horário de início não.
Horário de encerramento não, porque pode ser um que não tenha horário, né? Dias da semana que eu preciso realizar essa tafa, sim. Precisa colocar pelo menos um descrição também.
Então isso é obrigatório ter. Então, pronto. Acho que isso já eu já consigo criar uma aplicação que a gente já pelo menos inicie e vocês consigam entender como ele vai funcionar.
E eu vou Ah, pera aí, pera aí, perí. Esqueci de colocar, pedi para ele criar o PRD. Então agora, sabendo do escopo do meu projeto, da minha aplicação, crie um PRD completo.
Pronto, ele vai criar o PRD aqui e isso vai ser o nosso primeiro arquivo. O próximo será o design system. A gente já pode ir fazendo, ó, já criou aqui, ó.
Então aqui ele tem a visão geral do produto, o objetivo, personas e caras de uso. Ele tem especificações funcionais. requisitos dex aqui ele já ele já trouxe, ó, requisitos técnicos.
Ó, ele fez um ele fez um um PRD bem curto aqui, mas acredito que funcione para nós. Vou pedir para ele gerar em em um arquivo MD aqui. Ele pode pode pedir no início também na na no primeiro prompt ali para ele criar já em em MD que é melhor.
E agora a gente precisa precisa criar o design system, né? Então a gente já pode, olha, tem duas opções aqui, pegar esse aqui. Legal.
Enquanto ele vai criando, vamos criar aqui o prompt do design system. H, se baseando nesse PRD, quero que crie um design dessa aplicação que deverá ter como base paleta de cores, eh, background preto, botões bege, mais voltado pro dourado. Fontes, fontes na cor branca.
H, cores secundárias de botões pode ser vermelho, azul e verde, que aí são botões daqui a pouco é aceitar, autorizar, enviar. E aí o vermelho pode ser algo mais negativo e o azul algo mais neutro ali também é importante. Eh, não precisa nada tão tão robusto aqui pro Design System, eh, para essa aplicação, né, que é uma aplicação mais simples.
Se for criar uma aplicação mais robusta, com certeza tem que ser algo mais elaborado, né? Mas aqui a gente tá fazendo algo mesmo para vocês aprenderem a fazer nesse em uma hora sem aplicação. Então eu tô fazendo um pouco mais eh mais simples, sem tanta tanto tantos recursos avançados, né?
Crie um design assistant em MD. Aqui eu vou pegar, a gente já a gente já tem aqui o ele já criou aqui o nosso PRD, tá aqui. Eu vou baixar ele e deixar aqui guardado, como eu falei, pra gente poder inserir lá no E Studio e lá a gente criar o nosso o nosso aplico aplicativo, né?
Copiar aqui. Não precisa necessariamente ser em MD, tá? Em MarkD.
É uma linguagem que a gente geralmente utiliza, que as LLMs têm facilidade de de identificar, de reconhecer, mas vocês podem criar em TXT também. TXT ou MarkD, acho que são os dois formatos ali que é interessante a gente criar, mas qualquer um dos dois a a IA vai compreender ali, né? Ó, gerou o nosso design system também.
E agora a gente vai pedir por último para ele criar, pode ser só o UX, né, que é só a experiência de usuário. A partir desses dois arquivos criados, PRD e design system, crie um documento para ex, a experiência do usuário. Pronto, isso aqui ele já vai entender, já vai criar, porque ele já tem o PRD e já tem também o design system ali, né?
Ele tá criando aqui. Enquanto isso, eu vou salvar aqui o PRD e também o nosso design system. Tão curtindo aí, pessoal?
Tô muito rápido, tô falando muito rápido, tá? OK. Comentem aí no chat que que vocês estão achando.
Fala aí, meu amigo Rodrigo Feldman. Jaia, tá bom? André, tá tá o ritmo tá tá tranquilo.
Show. Vamos seguir aqui. Vou salvar aqui o design system.
E ele finalizou para nós também aqui já o UX, que é a experiência do usuário que eu já vou salvar também. Ó, experiência do usuário. Então aqui ele ele ele mostra aqui uma visão de experiência do usuário.
Não é apenas uma lista de tarefas, é uma ferramenta de descarregamento cognitivo. Ã, mapa de jornada do usuário. Então ele criou um mapa aqui.
Isso aqui é legal, ó, para ele entender a jornada mesmo do usuário. E algumas técnicas aqui de de UX experiência de usuário. Mesma coisa.
Vou criar o arquivo aqui pra gente começar a iniciar a aplicação lá no EA Studio. Todo mundo conseguiu aqui seguir, conseguiu acompanhar? Não sei se tem alguém fazendo junto aqui também.
Show, show. Vamos embora. Vamos pro EA Stú agora.
Então, quem tiver acompanhando, quem tiver fazendo aí junto, agora é o momento aqui de a gente iniciar a aplicação. E aí você tem que ir aqui pro ea studio. google.
com. Bora. Isso aí, André.
Depois consegue seguir o passo a passo ali, né? Mais mais tranquilo. Então, bora lá.
Eu vou adicionar aqui os arquivos aqui no do lado aqui do microfone tem o maisinho ali, só adicionar files e procurar aqui na sua onde você salvou para poder inserir os arquivos. Então vou colocar o PRD, o design system e o X da nossa aplicação Teskwick. colocar aqui, ó, se baseando nesses três documentos, quero que crie essa aplicação.
Pronto. Eu não preciso falar muito detalhe porque tá tudo na documentação, tá tudo no PRD, tá tudo no design system e também no X. Ele vai ler esses arquivos, vai entender e vai começar a criar aplicação.
Clica aqui em builder, vocês vão perceber, é um detalhe, né? Um detalhezinho, mas vocês vão perceber que aqui no IA Studio é diferente do Gem, né? Lá vocês pedem alguma coisa e apertem o enter que ele já vai, né?
Aqui não, tu precisa clicar no botão aqui builder para ele poder ou no run, né? para ele poder seguir. É o o iOS que o o Gust Secon tá comentando aqui, ele é um pouquinho mais avançado, tá?
Então o intuito aqui dessa dessa live é mais para mostrar de uma forma mais simples como você consegue criar sua aplicação dentro do AI Studio. O iOS ali já é algo mais avançado ali, mas é muito legal, muito interessante. O Alan fala muito disso, né?
Mas é uma em uma hora a gente não conseguiria falar sobre ele aqui ou criar alguma coisa ali. Ele é um pouquinho mais complexo, mas é massa. Olha, já tá criando aqui toda a documentação do do todos o diretório, ó.
E já tá entregando aqui. Entregou até a aplicação de uma forma bem rápida. H.
Ah, legal, Marcelo. Isso é uma dica boa. É, quanto mais detalhe, né, tu colocar no início ali, melhor.
Quanto mais que nem aqui, ó, ele criou esse botão com mais que eu pedi, porém eu não gostei, tá? Porque ficou solto lá em cima. Eu colocaria bem no centro aqui, um pouquinho maior pra pessoa.
A primeira coisa que a gente vai, quando a pessoa vai acessar aqui, é, é criar tarefa, né? Então eu vou pedir isso para ele. Então por isso que é bom.
Eu gosto sempre quando dá alguma algum erro, alguma coisa assim que que não é o que a gente espera pra gente poder, para vocês saberem como corrigir e como que eu faço quando acontece isso, né? Então aqui eu vou dizer para ele simplesmente assim, eh, o botão para adicionar tarefas novas deve ficar ao centro e o ícone de mais deve ser maior. no mínimo em uma no mínimo umas cinco vezes.
Eu quero dizer que ele que ele aumente cinco vezes o tamanho que ele que ele tá atualmente, né? Ó, já ia dar o enter e não ia ir, ó. Tem que enviar aqui, tem que clicar aqui.
Ele vai ajustar. Ele ajustando, a gente começa já a testar. Percebam que foi muito rápida a criação, né?
Por mais que seja algo simples, tem todos esses arquivos por trás aqui e ele criou de uma velocidade assim incrível, né? Muito rápido. É, o control enter também ali.
O o Kai já tá deu uma dica para nós. Control enter ou command enter já também consegue enviar. Ó, já tá um pouco melhor.
Poderia melhorar um pouco mais, mas aqui a gente já consegue ter uma visão melhor. Então aqui, ã, eu vou fazer um teste. Eu vou clicar no mais pra gente criar a nossa nova tarefa.
Ele colocou como eu pedi, nome, o título, prioridade, data de início, final, os dias da semana e a descrição. É realmente o que eu pedi. As cores também tá como eu pedi, ó.
Todo o design system ele seguiu. Então vamos lá. Vamos colocar aqui, por exemplo, ã, treino prioridade alta, início, horário.
No meu caso aqui, eu gosto de fazer de manhã cedo, 6, 6 da manhã, eu vou até às 7. Quais dias da semana? segunda, terça, quarta, quinta e sexta no mínimo.
Aí descrição eu coloco fazer exercícios na academia, salvar e criar a próxima. Isso aqui, isso aqui é o Y e o X, ó. Isso aqui é experiência de usuário.
Eu posso concluir simplesmente ele vai salvar essa tarefa e vai para a área principal. ou se eu quiser salvar e criar a próxima, ele vai salvar e já vai criar uma próxima aqui, que é o que a gente vai fazer, ó. Se eu voltar lá, ele vai tá, a tarefa tá lá, ó, criada.
Mas ele já abriu uma nova ali pra gente fazer. Vamos fazer outra. Vamos lá.
Por exemplo, pronto socorro, que é o que eu faço aqui na academia todos os dias com os alunos. Pronto socorro, prioridade alta, horário, eu tenho horário específico, né? Então, seria das 10 às 11:30.
e é de segunda, quarta e sexta que eu faço. Então são encontros ao vivo com alunos onde tiro dúvidas sobre IA, por exemplo, salvar e criar uma próxima. Eu vou criar uma que não tem horário agora aqui.
Livro, leitura, por exemplo, leitura. botar média e não vou botar horário que eu quero ler todos os dias em algum momento. Leitura de área de livros.
Concluir. Pronto, ele criou três tarefas aqui. Percebam que ele tem cores diferentes quando a tarefa é alta e média aqui.
E agora eu quero gerar esse relatório. Eu vou clicar aqui para ele gerar. Vamos ver se ele vai funcionar, se a vai funcionar.
A mágica está acontecendo, diz ele. Vamos ver o que que vai sair. Legal, Marcelo.
Isso aí é muito bom. Quanto mais detalhes, né, como eu falei, quanto mais detalhes tu quanto mais tu detalhar no início ali, melhor. Ó, ele criou o relatório, porém eu quero esse relatório.
Eu posso pedir esse relatório em PDF. Eu não quero só aqui, né? Eu quero ter esse um arquivo, né?
Então ele colocou ali, ele colocou, respondeu em inglês. Isso aqui a gente pode corrigir, ó. Tá todo inglês aqui, ó.
Quero que o relatório seja todo em português. Português BR. E aí ele gerou aqui, ó, tem a visão geral que ele colocou em inglês.
Ele botou segunda-feira, primeira coisa, treino. Terça-feira, ó, ele voltou tudo, ó. Ele pediu, vou ter que criar tudo de novo porque eu não salvei aqui, não.
Ele não salvou as minhas tarefas aqui. Isso aqui. Para isso, a gente precisa ter um banco de dados aqui, aonde ele vai salvar essas informações.
E aí é importante também ter usuário, mas é um pouco mais avançado, tá? colocar aqui rapidão que a gente já tinha feito. É treino alta 6 da manhã até às 7 todos os dias.
Que a gente pode colocar um botão também para preencher todos os dias uma vez só, né? Quando a gente quiser. Uma outra leitura.
Ler livros. Pronto. Socorro.
alta. Eu tenho um horário específico aqui que é às 10 horas que eu faço com os alunos até às 11:30, segunda, quarta e sexta. Reuniões ao vivo com alunos para tirar dúvidas sobre IA.
Concluir. Beleza. Hã, reuniões ao vivo aqui.
A, aí que tá, ó. Ele tem a opção de excluir, tá? Eu quero que tenha também de editar.
Por exemplo, aqui no treino eu botei todos os dias segunda, terça, quarta, quinta, sexta, mas eu quero é só segunda, é até segunda e sexta, né? Segunda, terça, quarta, quinta e sexta. E eu precisaria editar e não consigo porque eu não pedi isso também.
Então, eu vou pedir também aqui, eh, antes disso, eu quero ver se ele se ele salva aqui para eu não precisar preencher novamente. Salve as tarefas para eu não precisar cadastrar novamente. Vamos ver se ele vai fazer isso sem eu precisar criar um banco de dados aqui.
Ele tá pensando aqui. Vamos ver. Para garantir que você nunca perca seu trabalho, atualiza a aplicação para um sistema persistente e robusto.
Agora, tanto, tá, ele tá pedindo aqui para realmente gerar banco de dados, tá? Então eu não vou mexer muito aqui pra gente poder avançar. E aí no final, ó, já limpou aqui, não deixou nem eu eu conversar com ele aqui.
Limpou de novo aqui a minha aplicação. Boa. Mas é, eu gosto quando acontece isso, porque a gente aprende também.
E aqui eu consigo restaurar, ó, se eu quiser. É, não tá voltando. Mas eh, vocês perceberam que a aplicação foi criada.
Agora a gente precisa dar mais, avançar mais aqui, por exemplo, criando o banco de dados, eh, criando uma área de usuário, uma autenticação, login e senha, porque aí ele vai entender que cada login aqui tem um banco de dados, tem a sua tabela, onde ele vai salvar as tarefas e e assim a gente não perde, né, o que a gente já fez, porque ele não tá guardando isso em nenhum lugar, ele tá aqui na na na memória virtual ali e assim que a gente atualiza, pede qualquer coisa, ele vai apagar, ele sai. Então, a ideia é a gente criar banco de dados. Aí já é um pouco mais avançado e e para isso a academia ela ela vai ter agora dia 24 e 25 uma imersão.
Não sei se vocês estavam sabendo aqui. Quem não tá sabendo já já vou falar aqui em primeira mão, mas no dia 24 e 25 a academia ela vai criar, vai explorar mais essa questão de aplicação. Então, se daqui a pouco, se você já tem uma aplicação que tá iniciando ou que vai começar ou ou tá no papel e quer criar uma aplicação, a gente vai ter uma imersão eh eh prática com IAC para focada em E a Stúo.
E aí você vai iniciar do zero realmente até o final, vai sair com a aplicação em 48 horas. Só que essa imersão ela vai ter nada mais nada menos que o Alan Nicholas tocando a a ensinando e mostrando ali realmente assim mão na massa. José Amurim aqui da academia também e o Gabriel Marcones que é um cara também especialista em dados.
Então vai ter essas três três feras aqui criando para nós aplicação nessa imersão. E além disso, né, além dessas de todas essas esse passo a passo, esse monassa, nos dois dias, tanto sábado quanto domingo, vai ter também um tira dúvidas, como se fosse um pronto socorro que eu faço, porém referente a essa imersão, referente aos projetos que vocês estão fazendo. Então vocês vão ter essa imersão com com Alan, com José e com o Marcondes.
Depois de da do sábado que terminou a imersão deles vão ter o tir dúvidas das 17 das 19 horas até às 11 com várias salas, cada uma com seu especialista específico e aí no domingo a mesma coisa. Então realmente é um é algo assim eh que vão pegar na mão de vocês mesmos e do zero até a aplicação pronta. E isso vai ser agora no dia 24 e 25.
E temos ali, eu sei que tem uma uma promoção aí para quem é aluno até o dia 14, tá? vai essa promoção eh depois de amanhã encerra. E aí quem quiser, quem tiver interesse também pode chamar o nosso time comercial ou chamar a Fran aqui que ela tá na no chat aqui que ela vai passar mais informações.
Então vai ser dois dias, dois um final de semana inteiro de imersão para você sair sabendo mexer, sabendo utilizar, sabendo ã trabalhar com EA Studio, sua com a sua aplicação na mão. Então eu o preço também ele é bem simbólico, tá? pelo pelo tanto de pessoas que estão envolvidas nessa imersão, é um valor bem simbólico.
É, se eu não me engano, aí quem é aluno é vai pagar 288 e quem não for aluno paga 348. Então é eh eu não ficaria de fora para você que quer aprender aí e também tem essa interesse de trabalhar com EAI Studio. Gente, alguém o que que acharam?
Que que acharam da da live? A gente, a ideia aqui era a gente criar uma aplicação em uma hora de e mostrar realmente como a gente faz, como eu faço e ã não chegar a partes mais avançadas assim, que é aí a gente levaria mais tempo, a gente não teria muito tempo para isso, mas quero saber de vocês se curtiram, comentem aí no chat. A ideia também não é escolher uma aplicação X e sim saber como o fundamento, né?
A gente sempre ensina dentro da academia lendária que a gente não deve aprender a mexer em ferramentas específicas e sim em fundamentos, né? Então, a gente entendendo que a gente precisa criar uma documentação para criar criar uma aplicação, sabendo que a gente tem passos eh eh a seguir, né, de fundamentos, em qualquer aplicação que você for utilizar, você já vai saber, você vai entender. Então, eh, bora aprender, eh, fundamentos que aí vocês vão dominar qualquer ferramenta, qualquer mesmo.
Curtiram, pessoal? Muito bom. Quem for aí na na quem adquirir a imersão, a gente se vai se encontrar lá.
Eu vou ser um dos hosts lá que vão estar nessas salas, né? No sábado, no domingo. A gente vai estar praticamente fazendo um PS.
Quem não conhece o PS, quem não conhece o Pronto Socorro, eh, sugiro a a participar e entrar nessas salas ali que vocês vão ter essa experiência ali nesse final de semana, dia do dia 24 e 25. Fechou? Gente, eu agradeço aí a participação de todos.
Obrigado pelo tempo de vocês, por ter por ter ficado aí nessa uma hora aqui com a gente e aguardo vocês lá. Uma ótima semana para todos. Até mais.