Olá! Eu vou mostrar para vocês uma aula aqui bem rápida, como é que a gente pode criar esquemas usando o ChatGPT. Então, ele basicamente é assim, a gente tem um fluxograma aqui, que eu criei em 30 segundos, eu não tô nem brincando com vocês, esse fluxograma inteiro foi criado em 30 segundos e apenas com prompt. Vou mostrar esse prompt para vocês sem mais segredos, aqui. O prompt é esse, "Crie um fluxograma em código Mermaid com o tema..." aí você coloca o tema que você quiser.
O Mermaid, para quem não conhece, é uma ferramenta que é muito utilizada entre desenvolvedores e quem trabalha com documentação técnica e tal, e ele é feito, é uma linguagem de programação, vamos dizer assim, que é feita justamente para criar diagramas e fluxogramas usando código de texto super simples, só que ela super simples, não é, você bota ele ali, né? Mas eu acho meio complicado você criar, a gente aproveita isso e traz para cá. Então, nesse caso aqui, "Crie um fluxograma em código Mermaid com tema X", então a gente tem aqui o nosso... que eu já fiz, só para gente acelerar um pouquinho o processo, que eu já pedi aqui, por exemplo, "Crie um fluxograma em código Mermaid com o tema evoluções e desenvolvimentos de alunos do yoga com habilidades necessárias e quais posições podem ser liberadas por elas."
Então, é isso que a gente quer ver aqui, nesse caso, então eu já criei esse fluxograma e ele dá esse código aqui, que é o código Mermaid, justamente, tá vendo, como está escrito aqui, em cima, o código Mermaid. Esse código Mermaid, ele é meio, assim, parece bem simples, mas é mesmo difícil vocês escrever, então... Deve ser uma chatice, né? Escrever isso, eu jamais escreveria, por exemplo. Aí, o quê que eu vou fazer? Eu vou vir aqui e copiar esse código que ele dá, né? E aí, vamos para a próxima etapa do nosso processo, que é entrar no site, que é mermaid.live, tem o link aqui embaixo, aqui no vídeo e quando você entrar nesse site, basicamente você tem aqui, tá vendo? Tem escrevinhas todas aqui e aí, você vai simplesmente colar o código que você acabou esse fluxograma aqui, a gente fez um prompt muito simples muito, muito simples, né?
Inclusive, o que eu recomendo é que isso daqui faça parte do seu processo, para você usar o outro prompt em algum outro momento, né? Então, aqui por exemplo, "Transforma a nossa discussão em fluxograma em código Mermaid, deixa as etapas o mais detalhadas possível, né?" Então, isso aqui pode ser uma ideia de prompt, quando você está trabalhando com alguma outra coisa ali no meio, né? Só que uma coisa que eu acho que é muito interessante é aquela história, cliquem em tudo, eu sempre recomeço vocês fazerem isso. Se você vir aqui, nessa parte de edição de Mermaid, você tem aqui embaixo alguns exemplos de diagrama, alguns exemplos de esquemas. Se você começar a clicar neles, você pode ver que eles mudam um pouco o estilo do esquema, né? Então, aqui um esquema de sequência, que é o que você vai passando aqui para para fazer o, sei lá, uma conversa aqui no caso, ou classe, ou de estado, sei lá. Enfim, tem gente mais técnica aí, que deve entender melhor que eu isso, mas, por exemplo, a gente tem aqui um exemplo de Mindmap, e a forma de você escrever esse código é diferente aí do outro, olha só. Tá vendo, ele puxa de uma forma diferente.
Então, o que a gente pode fazer? Isso que vocês pensaram, a gente vai trabalhar em cima disso também, né. Porque a gente pode ir além. Então, nesse caso aqui do Mindmap que eu tinha mostrado pra vocês, a gente pode por exemplo usar um prompt que é "Criado um mapa mental em código Mirmade, que trata de tal. Seja bem detalhado, não sei o que. E use como exemplo de formato, o código abaixo." Então a gente vai copiar esse código aqui, pra a gente colocar num prompt, que já preparei aqui pra a gente também, né. Que é este prompt aqui, por exemplo. "Criar um map mental em código Mirmade, que trata do que as pessoas têm na mente quando pensam em yoga. E aí, usei como exemplo de formato, o código abaixo." Colei aqui esse código direto. o mesmo que eu peguei daqui. E, a gente tem como resultado este outro código, que a gente vai simplesmente copiar aqui. E vamos colar pra cá. E olha o que que ele fez. Ele até colocou os ícones disso. Então, quando as pessoas pensam em yoga, como a gente tá fazendo essa relação de pensamentos, eles podem pensar em filosofia, que há origens da história antiga, índia, textos sagrados... Ou podem pensar nos benefícios do yoga. Pensando em saúde mental, com meditação, redução de ansiedade, atenção plena, ou na física, aumentar a flexibilidade. Enfim. Olha como tudo isso aqui ficou pronto, em um rompante de 30 segundos. Imagine isso aqui, junto do seu processo, junto de outras coisas que você tá criando, pra você ter mais ideias, o que você pensa mais em como você pode usar isso a seu favor.
Então, outra... Só quero dar mais um exemplo aqui pra gente, que é assim. Eu adorei esse exemplo. Nem sabia que isso era possível. Que é o exemplo de fazer uma jornada do usuário, jornada do consumidor, o que for, usando o Código Vermelho. Então a gente tá pegando, na verdade, uma coisa que as pessoas que fazem isso são muito técnicas e a gente tá usando isso aqui, uma realidade de uma pessoa assim, uma técnica, pra não falar.... como eu, por exemplo. Então a gente vai lá e vai fazer exatamente a mesma coisa que a gente fez. A gente vai pegar... Fiz o Prompter aqui de base. A gente tem todos os Prompters aqui na aula e eu quero criar uma possível jornada do usuário o consumidor, por tema tal. Aqui estão alguns detalhes. A gente pode dar mais detalhe ou menos detalhe. Mesma coisa nos outros Prompters. Eu deixei eles muito simples só pra gente ter esse efeito mais "uau", né, das coisas, mas você pode dar mais detalhe da maneira que você vai precisando, que você vai querendo.
E aí, eu peguei nesse código, eu analisei aqui, que se a gente for aqui no usuário, tá vendo? Ele tem algumas coisas aqui. Então se você for puxar um pouco aqui. A gente tem as sessões do dia aqui no caso. A gente tem as ações, a gente tem quem participou disso aqui identificado. Nesse caso aqui é uma pessoa ou um gato. O gato trabalha junto com ele, por exemplo. E aqui é um nível que a pessoa colocou aqui de, sei lá, como feliz está em cada uma das coisas, né. Mas a gente pode alterar isso da forma que a gente quiser. Então para o prompt em si eu coloquei aqui que é a sessão da jornada, a ação, o que que você quer identificar que identificar nessa jornada, para você ter aquelas carinhas ali, né. Que é de 1 a 5 mais alto, os envolvidos nisso, e aí o código a seguir. Então, esse código aqui gerou justamente isso, então, que eu fiz da mesma forma, copiei aqui, e aí coloquei aqui, por exemplo, "Eu quero criar uma possível jornada do usuário para identificar as possibilidades de vendermos nosso aplicativo de Yoga no dia de uma mulher. Aqui estão os detalhes sobre essa mulher", aí eu coloquei pra eles fazerem um esquema. E aqui eu coloquei aqui a "probabilidade de participarmos do dia dela". É isso que eu quero que ele identifique. Então a probabilidade a gente colocar algum ponto de ação ali, de marketing, alguma coisa assim, e aí coloquei, copiei aqui o exemplo dessa que eu peguei aqui do Mermeito, né. E isso daqui, gera este código aqui, inteirinho, que se eu colar esse código aqui, olha o que ele gerou pra gente! É um código super simples. Mas olha que legal o que ele gerou pra gente copiar isso aqui pra uma apresentação, pra gente usar isso aqui em algum momento de qualquer coisa de planejamento. A "Jornada da Usuária no aplicativo Yoga", e aqui, ela, a família e os filhos, né, são esses... os participantes aqui. Ela acorda e prepara o café da manhã. Mas aí ela escuta podcast, então a gente tem aqui, ó... um momento que a gente pode ativar ela nisso. E o mesmo momento de ativar outros podcasts. Eu falei que ela ouve podcast, e aí eles eram mais exagerados aqui, né? Mas é interessante isso, ó... De você conseguir ver essa parte, então ela tem tempo livre pra si mesma, então é... esse pode ser um grande momento pra gente é... ativar ela aqui. Ou sei lá... o trânsito retorno pra casa, enfim. Mas olha que bacana isso aqui com um prompt muito simples também. Da mesma forma a gente pode desenvolver mais dentro de outros processos que a gente tem.
E aí, por fim, é... eu quero que vocês explorem aqui também, né, entra aqui, olha os outros tipos de... de... de esquema, olha os outros tipos de coisas que tá colocando aqui, e tudo mais, ó, tipo... o quadrante, né? Ou sei lá... é... Nem entendo essas coisas, não sei por que que eu estou mostrando isso, mas enfim. Talvez você entenda melhor do que eu. Mas... é... de qualquer forma, só pra gente finalizar uma coisa que eu descobri enquanto eu estava fazendo esta aula. Como isso daqui é um código Mermaid, esse código Mermaid ele... tem a possibilidade de você é... usar em qualquer lugar que tenha esse formato Markdown. Então ele já embeda isso nesse formato Markdown. Então, o exemplo aqui pra vocês que eu peguei era enquanto eu estava fazendo essa aula e descobri isso, na verdade, que é por exemplo, se você pegar e colocar dentro do Notion... só copiar e colar. Eu vou copiar e colar esse aqui mesmo, esse gráfico aqui. Ou melhor, vou pegar o que a gente fez, né? Se eu copiar e colar pra cá então essa jornada do consumidor aqui e eu quero colocar ela dentro do nosso Notion é só eu colar pra cá Opa, importei com... Vou colocar em código, aqui... Boto como Mermaid E aí eu colo ele aqui. E ele já gera essa jornada dentro do próprio Notion. Você pode até mudar aqui em cima pra colocar como Preview, por exemplo e ele gera dentro do próprio Notion. Aqui tá um pouco difícil de ver, né? Porque eu não facilitei muito pra gente aqui... Mas, só pra verem essa aplicação que pode ser legal pra você colocar outras coisas.
