Como Criar Mapas Mentais com o ChatGPT

eu tirei foto das anotações desse caderninho e as transformei em um mapa mental com a ajuda do chat GPT e você pode fazer isso com fotos pdfs apresentações ou qualquer tipo de documento de texto que você queira transformar em um mapa mental é sobre isso que nós falaremos no vídeo de hoje como criar mapas mentais com auxílio da Inteligência Artificial e para que esse vídeo seja o mais didático possível eu vou começar com um comando simples de texto pedindo que ele crie um mapa mental sobre um determinado acontecimento histórico porque no meu caso aqui é

a Revolução Industrial E aí você pode ajustar evidentemente da forma como você quiser o mais importante aqui é depois de indicar o tema do seu mapa mental você precisa pedir que ele escreva o mapa mental em markdown como eu tô fazendo aqui na parte final do prompt feito isso é só dar um enter e assim que ele terminar de escrever a resposta é só você copiar o código em markdown você percebe que eu tô copiando apenas o código não a resposta inteira e com o código copiado é só Navegar até esse site que tá aparecendo

na tela agora marm js.org e clicar em Try It Out aqui nessa tela você vai apagar da última linha até um pouco antes Aqui desses tracinhos você pode apagar tudo isso e tem que deixar essa parte Inicial aqui em cima a partir da linha 7 você pode colar aquele código que nós copiamos e você percebe que agora eu já tenho o meu mapa mental Completão abordando todos os principais acontecimentos da revolução industrial da forma como eu pedi pro chat GPT que que é mais legal aqui você percebe que os nós eles são interativos então consigo

expandir consigo retrair os nós conforme a minha vontade e se eu quiser alterar alguma coisa no texto basta eu usar o editor que tá aqui do lado esquerdo aqui em contexto histórico por exemplo que é esse primeiro nó eu posso aqui no editor digitar alguma coisa qualquer só para você ver que ele reflete essas alterações aqui no mapa mental e quando você tiver satisfeito com as suas alterações quando você já tiver satisfeito com a versão final do seu mapa mental você pode fazer o download tanto em formato de imagem quanto em formato HTML se você

quiser que o mapa mental ele continue interativo com essa possibilidade de expandir e contrair os nós você tem que usar essa opção aqui de fazer download como HT ml interativo que é o que eu vou fazer agora feito o download É só abrir e você vai ver que o mapa mental agora ele se encontra dentro desse arquivo que você já baixou pro seu computador eu continuo podendo contrair e Expandir os nós conforme a minha vontade e a gente pode usar esse mesmo raciocínio para criar mapas mentais a partir de pdfs como eu fiz nessa conversa

aqui eu comecei anexando esse PDF e pedir que ele criasse um mapa mental em markdown abordando os principais pontos do o documento anexo ele me deu uma primeira resposta que não foi em markdown em seguida eu simplesmente reforcei que eu precisava do código em markdown E aí sim ele me forneceu esse código inicialmente em inglês em seguida eu pedi que ele traduzisse e aí sim ele me deu o código certinho que eu posso simplesmente copiar e jogar Naquele site que eu já te mostrei gerando aqui o mapa mental interativo com o conteúdo do PDF e

se a ideia for transformar imagens em mapas mentais basta você copiar a imagem anexá-la em uma conversa do chat GPT e pedir que ele crie um mapa mental em markdown Para representar as anotações da imagem eu vou dar um enter e pronto agora eu já tenho o meu código que eu posso copiar e colar no Mark map gerando o meu mapa mental da forma como ele estava na anotação Então vamos supor que você foi para um evento para uma reunião para uma palestra e fez uma série de anotações uma boa forma de digitalizar essas informações

é tirar uma foto e pedir que o chat Organize tudo em forma de mapa mental como nós vimos aqui nesse exemplo e uma dúvida que pode surgir nesse ponto é o seguinte legal criei o meu mapa mental Mas onde é que eu salvo esse mapa mental você pode simplesmente salvar em uma pasta qualquer do seu computador como eu vou fazer agora e em seguida você pode colar esse mapa mental o arquivo que contém esse mapa mental dentro do documento que você utiliza para estudar ou para fazer as suas anotações no meu caso eu utilizo bastante

o obsidian e eu posso simplesmente arrastar esse arquivo o que faz com que automaticamente ele seja incorporado aqui nessa nota então o que que eu tenho agora eu tenho a minha nota que eu utilizo aqui para fazer os meus estudos sobre esse tema específico que é objeto do mapa mental e sempre que eu quiser acessá-lo basta eu clicar nele que eu vou ser levado para essa página que contém o mapa mental interativo e esse mesmo princípio também se aplica a documentos Word você pode pegar o arquivo que contém o mapa mental arrastá-lo pro seu documento

Word e quando você quiser acessar o mapa mental Basta dar um duplo clique clicar em abrir e pronto aqui você tem o seu mapa mental pronto para ser utilizado com todos os elementos de interatividade como a gente já viu anteriormente E com isso nós concluímos a forma um de se criar mapas mentais com chat GPT que é um procedimento muito interessante mas tem um problema Você viu que a gente só consegue a alterar o conteúdo do mapa mental nessa fase inicial antes de baixar o documento em HTML depois que você baixar o HTML até tem

como alterar o conteúdo alterar o texto mas não é um procedimento tão intuitivo assim e é por isso que agora a gente vai entrar na forma dois de se criar mapas mentais com o chat GPT que permite que os seus mapas mentais continuem sendo editados mesmo depois do download é isso que a gente vai ver agora e nesse ponto eu vou aproveitar aquela primeira conversa que nós utilizamos para criar o mapa mental sobre a Revolução Industrial que já está escrito aqui em formato markdown o que que eu vou fazer eu vou simplesmente pedir que o

chat chpt Salve esse mapa mental em um arquivo que possa ser lido pelo aplicativo freemind vou dar um enter e pronto ele demorou mais ou menos 40 segundos para atender essa solicitação e me deu o link para baixar o arquivo em formato MM Esse é um arquivo MM que é o arquivo próprio do freemind e com o arquivo já salvo no seu computador em formato pmm você pode criar uma conta gratuita no site mindmaster.com e na sua área Inicial nesse dashboard Inicial você pode simplesmente arrastar o arquivo pmm para ele quando tiver carregado É só

fechar e agora abrir o seu mapa mental e aqui você percebe que agora eu tenho um mapa mental completamente Ed estável mais uma vez começa falando aqui sobre a Revolução Industrial fala sobre todos os pontos eu posso colapsar ou expandi e posso agora Editar o texto aqui dentro do meu mapa mental isso já é muito legal mas tem um problema o mindme ele só deixa você criar até três mapas mentais no plano gratuito Então como é que você pode fazer para contornar esse problema e não ter que ficar escravo aqui de uma mensalidade pro serviço

você pode de baixar um outro aplicativo que se chama freemind que é esse aplicativo da Borboletinha que talvez você já conheça ele é completamente gratuito tem várias opções de download pela internet dele você vê aí qual que mais te agrada e É só baixar e depois que você já tiver instalado o freemind no seu computador Você pode abrir o arquivo diretamente nele e pronto meu arquivo foi aberto dentro do aplicativo e eu posso alterar aqui o texto da forma que eu quiser eu consigo alterar cores também você vê que é um aplicativo antigo com uma

interface antiquada Mas apesar disso funciona muito bem e é completamente gratuito você não vai ter custo nenhum com mensalidade para usar esse aplicativo muito bem e com isso nós concluímos a formaa 2 de se criar mapas mentais com chat GPT e agora eu vou te mostrar algo ainda mais interessante que envolve a criação do seu próprio aplicativo de criação de mapas mentais como eu fiz aqui no caso do Amber desse aplicativo que eu tô chamando de Amber que é esse construtor de mapas mentais que eu criei do zero com o auxílio do chat GPT aqui

eu consigo criar novos nós consigo conectar esses nós da mesma forma que eu faria em outro aplicativo de construção de mapas mentais é claro que é super simples não tem nada de super elaborado aqui tanto é que eu coloquei toda essa temática jurássica exatamente para deixar claro que é algo super simples experimental rudimentar e a ideia aqui é te mostrar como você pode criar aplicativos simples para resolver algum problema que você tenha nesse caso aqui apesar de ser super simples ele resolve um problema ele permite que eu crie mapas mentais depois Salve os meus mapas

mentais e os carregue quando eu precisar utilizar novamente da mesma forma que a gente viu lá no freemind muito bem então como é que você faz para criar o seu aplicativo construtor de mapas mentais com auxílio do chat GPT o primeiro passo aqui é dar esse prompt número um que já se encontra na descrição você pode copiar e usar à vontade esse prompt ele serve para criar a base do nosso aplicativo então A ideia é a gente fazer uma sequência de prompts para que a gente vá construindo passinho por passinho esse aplicativo com o chat

GPT vou dar um enter e pronto ele acabou de me dar a resposta e me deu o código que eu pedi eu vou copiar esse código e vou colar em um bloco de notas comum do Windows feito isso eu vou salvar esse arquivo como arquivo. HTML isso é muito importante então eu vou dar aqui o nome de app mapas mentais P HTML e além de dar o nome aqui como pon HTML além de colocar esse finalzinho pon HTML você precisa modificar o tipo do documento para que fique como todos os ar arquivos All files em

seguida é só salvar e agora é só abrir o documento no seu navegador como é um arquivo P HTML ele puxa o meu navegador padrão que é o Google Chrome eu vou dar um duplo clique e pronto a gente vê que eu tenho aqui um mapinha mental super rudimentar que é a base pro nosso aplicativo a ideia nesse primeiro momento é só ver que funcionou que realmente o código ele tá aqui à base da forma que eu pedi ela já se encontra no bloco de notas e agora a gente vai continuar a nossa sequência de

prompts para construir o aplicativo realmente funcional legal já Vimos que esse primeiro código funcionou então eu vou pro promt número dois que também se encontra na descrição ele acabou de escrever o código atualizado com essas alterações que eu pedi eu tô colocando algumas funcionalidades a mais dentro desse primeiro código que a gente criou e eu vou repetir Exatamente esse mesmo procedimento com esses outros prompts aqui eu vou acelerar o vídeo e vou enviar toda essa sequência de prompts e você pode fazer o mesmo então agora a gente vai pro prompt número trê muito bem código

atualizado de acordo com o prompt número trê e agora nós vamos para o prompt número 4 legal código atualizado de acordo com o prompt número 4 e aqui vale a pena perceber o seguinte eu não tô copiando esse código e jogando no bloco de notas ainda eu fiz só aquele primeiro exemplo pra gente ter certeza de que o código base ele estava funcionando agora nesse momento eu tô simplesmente enviando os prompts aqui eu vou passar pro prompt número CCO o que que tá acontecendo aqui a cada prompt que eu dou ele vai inserindo novas funcionalidades

dentro desse código e quando a gente chegar no prompt final no código final aí sim eu vou pegar esse código e salvar no bloco de notas por enquanto a gente vai aguardar que ele escreva o código passo a passo agora vamos para o prompt número 6 prompt número 7 e agora vamos para o prompt número oito muito bem ele acabou de construir o código e agora eu tenho um prompt opcional que é pedir que ele Salve esse código em um arquivo HTML e Me forneça para que eu faça o download mas eu não vou fazer

isso agora Primeiro vamos recapitular o que que eu fiz aqui olha só a gente começou com esse primeiro prompt que foi simplesmente para criar a base do nosso construtor de mapas mentais então a gente começou com um código Super pequenininho e prompt a prompt a gente foi inserindo mais funcionalidades nesse código então começou com aplicativo base a gente veio depois com prompt 2 colocamos movimentos nos nós e depois prompt 3 função de adicionar e remover nós e assim por diante conforme todos esses prompts que você pode ver que estão aqui na descrição e agora que

nós já concluímos o prompt 8 que é o prompt final é o prompt que adiciona as funções de salvar e carregar documento no nosso aplicativo agora sim o que que eu vou fazer eu vou copiar esse código usando esse botãozinho aqui vou abrir aquele primeiro bloco de notas que eu te mostrei vou apagar todo o conteúdo e vou colar esse novo código atualizado Vou salvar o documento e vou abrir no Chrome para ver se funcionou vamos ver aqui eu tenho esse aplicativo de mapa mental é claro que os botões estão aqui em cima a gente

pode ajustar Isso é só pedir pro chat GPT Mas o que importa é que ele está funcionando então consigo clicar sobre o Nó e movimentá-lo livremente a mesma coisa com os sub nós e qual que é a ideia aqui é controlar tudo com comandos simples do mouse então se eu clicar com o botão direito do mouse eu apago esse nó a mesma coisa em relação à aresta se eu quiser apagar só aresta eu dou um clique com o botão direito do mouse Então posso apagar tudo e posso começar dos zero para criar um novo nó

eu dou um duplo clique com o botão esquerdo e ele cria um novo nó se eu clicar duas vezes em o nó que já existe com o botão esquerdo do mouse aí eu consigo Editar o texto desse nó depois de inserir o texto que eu quero que fique no meu nó eu consigo editar também a cor desse elemento aqui tá como preto mas eu posso colocar Red por exemplo de vermelho aqui você vai ter que digitar as cores em inglês e pronto você vê que ele alterou E se eu utilizar o scroll a rodinha do

mouse olha só o que que acontece eu consigo dar um zoom aqui e enxergar o meu mapa mental para criar um novo nó de novo vou simplesmente clicar duplamente mais um outro aqui e eu posso ir criando quantos nós eu quiser posso conectar com sub ideias por exemplo enfim você faz da forma como você quiser e o que que é mais legal é que eu consigo salvar o mapa mental eu vou chamá-lo de mapa teste esse é um arquivo Jon json tem que ficar dessa forma mesmo e agora eu vou reiniciar o aplicativo para você

ver o que que acontece quando eu carrego o mapa mental vou carregar esse mapa mental que a gente acabou de salvar e pronto ele tá aqui o mapa mental que eu havia criado anteriormente então todas as funções estão funcionando perfeitamente é claro que cabem muitos ajustes visuais eu posso modificar aqui a posição dos botões posso modificar os que aparecem ao carregar pela primeira vez o aplicativo enfim dá para você mudar toda a parte visual tranquilamente agora o que que é o mais legal de tudo você viu que eu acabei de baixar aquele arquivo json o

que que eu posso fazer eu posso vir no chat GPT posso pegar uma daquelas conversas que eu utilizei para criar o mapa mental anteriormente a partir de uma foto e agora que eu já tenho o mapa mental em markdown o que que eu posso fazer eu posso carregar aquele meu documento que eu acabei de salvar em formato json aquele documen que é próprio do aplicativo que eu acabei de criar e posso dizer o seguinte agora utilize o mapa mental que você já criou em markdown que foi esse primeiro mapa mental que ele criou inicialmente e

converta-o para um formato compatível com o arquivo que estou enviando agora como referência que é esse arquivo que Nós salvamos lá no aplicativo que a gente acabou de criar com a ajuda do GPT eu vou dar um enter e pronto ele acabou de escrever o código Jon que contém esse mapa mental que ele havia criado anteriormente só que agora num formato que o meu aplicativo o nosso mindmap constructor consegue ler então o que que eu vou fazer eu vou simplesmente pedir o link para download ele acabou de fornecer o link vou chamá-lo de mapa 2

e agora de volta no nosso Construtor eu posso carregar esse mapa mental que ele acabou de gerar e pronto olha só ele criou claro que veio um pouquinho bagunçado aqui mas nada que eu não consiga resolver aqui manualmente então é exatamente aquele mapa mental que eu havia criado em markdown só que agora em formato json compatível com o nosso aplicativo que é exatamente o mapa mental que representa o roteiro que nós seguimos nesse vídeo como criar mapas mentais a gente tem a forma simples que é via markdown com Mark map e o freemind como nós

vimos na parte inicial do vídeo e a forma avançada que é criando o seu próprio app construtor de mapas mentais dá para melhorar esse código com certeza tem muita coisa que dá para melhorar aqui mas é um primeiro ponto de partida só pra gente fazer um projetinho interessante utilizando o chat GPT aqui só pra gente ter uma referência eu vou te mostrar esse mapa Amber que eu criei inicialmente em que eu fiz vários ajustes essa identidade visual aqui o Amber imitando a letra A tipografia do Jurassic Park eu fiz no canva então dá para você

ajustar todos esses pontos aqui posteriormente Conforme você desejar e se você quiser que eu faça um vídeo super detalhado mostrando como modificar esses elementos visuais me conta aqui nos comentários a minha ideia é criar um quadro mensal para para ter pelo menos um projetinho de a aqui no canal por mês então me conta também nos comentários que tipo de aplicativo você gostaria de criar Que tipo de problema você gostaria de resolver Porque eu posso levar isso em consideração para criar os novos projetos de a que eu vou trazer aqui pro Canal E com isso nós

concluímos esse conteúdo Eu espero que você tenha gostado e eu te vejo no próximo [Música] vídeo Y [Música]