Como Visualizar Relações entre Tabelas de um Aplicativo usando o ChatGPT

Quando estamos desenvolvendo um aplicativo, entender as relações entre as tabelas do banco de dados é essencial para garantir um design eficiente e uma implementação bem-sucedida. Uma maneira poderosa de visualizar essas relações é usando o Diagrama de Entidade-Relacionamento (ER Diagram).

Neste artigo, vamos explorar como o ChatGPT pode ajudar a gerar esse tipo de diagrama e como utilizá-lo para organizar o desenvolvimento de um aplicativo.

O que é a linguagem Mermaid?

Mermaid é uma linguagem de marcação simples que permite aos usuários gerar diagramas e fluxogramas com texto simples através de JavaScript. Ela é frequentemente usada em documentação de software para criar gráficos visuais diretamente no código-fonte.

A linguagem Mermaid suporta vários tipos de diagramas, incluindo:

Diagramas de Fluxo: Permite a criação de fluxogramas complexos.
Diagramas de Sequência: Usado para representar sequências de eventos em um formato fácil de entender.
Gráficos de Gantt: Útil para representar cronogramas de projetos e planejamento.
Diagramas de Classe: Usado para modelar a estrutura de sistemas orientados a objetos.
Diagramas de Estado: Representa o comportamento de um sistema através de estados finitos.

Aqui está um exemplo simples de como um diagrama de fluxo pode ser criado usando a linguagem Mermaid:

mermaid

graph TD; A-->B; A-->C; B-->D; C-->D;

Este código irá gerar um diagrama de fluxo com quatro nós (A, B, C, D) e quatro arestas (A para B, A para C, B para D, C para D).

A linguagem Mermaid é uma ferramenta poderosa para desenvolvedores e escritores técnicos, pois permite a criação de diagramas complexos diretamente em arquivos de texto, tornando mais fácil manter a documentação atualizada com o código.

Como Usar o ChatGPT Para Gerar O Diagrama de Entidade-Relacionamento Mermaid:

Para ilustrar como podemos usar o ChatGPT para gerar um Diagrama de Entidade-Relacionamento, vamos considerar o exemplo do aplicativo “Controle de Chamados”, um aplicativo real que estou fazendo. Este aplicativo tem várias tabelas, como Usuários, Subitens, Setor, Alerta, Status e Chamados, e diferentes relações entre elas.

Primeiro você deve escrever detalhadamente como é seu aplicativo. Veja neste link o exemplo que gerou a visualização que está na capa deste artigo:
https://llbonadie.notion.site/Regras-do-Aplicativo-ae7cdbeaf838408f98f3569bdca39cab?pvs=4

Segue o prompt que você deve usar depois de escrever as relações de seu aplicativo:

“`
Crie um Diagrama de Entidade-Relacionamento para visualizar as relações entre as tabelas do aplicativo [nome do seu aplicativo].

Descrição: Descreva de forma clara as regras do aplicativo, como as tabelas se relacionam e quais campos estão presentes em cada tabela. Certifique-se de incluir detalhes sobre as relações entre as tabelas, como chaves estrangeiras e associações.

Exemplo:
[Inserir a descrição detalhada do aplicativo e suas tabelas, conforme citado anteriormente.]
Instruções: Use a documentação acima para gerar o Diagrama de Entidade-Relacionamento usando a sintaxe do Mermaid. Certifique-se de incluir todas as tabelas, seus campos e as relações entre elas.
“`

O resultado será mais ou menos assim:

erDiagram

User ||–o{ Setor : “Líderes”

User ||–o{ Chamados : “Paciente”

Subitens }|–o{ Setor : “Subitens”

Setor }|–o{ Chamados : “Setor”

Alerta }|–o{ Chamados : “Alerta”

Status }|–o{ Chamados : “Status”

User {

string nome

int nivelPermissao

string email

string telefone

string cpf

string rg

date dataNascimento

string endereco

string nomeMae

}

Subitens {

string nome

}

Setor {

string nome

string email

string observacao

}

Alerta {

string nome

string cor

int ordem

}

Status {

string nome

string cor

int ordem

}

Chamados {

file anexo

string solicitacao

}

Como Visualizar em Gráfico

Para visualizar o diagrama a partir do código mermaid que o ChatGPT gerou, você pode utilizar o site https://mermaid.live.
Basta copiar o código mermaid gerado pelo ChatGPT e colá-lo no site para obter uma representação visual das tabelas e suas relações.

Além disso, o Notion também possui suporte para blocos de código que permitem a renderização do código mermaid. Ao utilizar um bloco de código do Notion, por exemplo, você pode inserir o código mermaid e obter a visualização do diagrama diretamente em sua documentação.

Conclusão.

O uso do ChatGPT juntamente para gerar Diagrama de Entidade-Relacionamento Mermaid pode ser uma ferramenta valiosa para visualizar e organizar as relações entre as tabelas de um aplicativo. Com uma descrição clara das regras do aplicativo e suas tabelas, você pode utilizar o prompt adequado para obter o código mermaid necessário para gerar o diagrama. Em seguida, utilizando plataformas como o mermaid.live ou blocos de código do Notion, você pode renderizar o diagrama e ter uma representação visual clara das relações entre as tabelas.

Essa abordagem pode ajudar a melhorar a compreensão do design do banco de dados e auxiliar no desenvolvimento do aplicativo.

Isso facilitará também para que outras pessoas colaborem no projeto.

Luan L. Bonadie - Desenvolvedor No-Code Certificado Design e Responsividade Comunidade Sem Codar

Luan L. Bonadie – Diretor do Grupo Ide Comunicação
👨‍💻 Crio aplicativos 10x mais rápido usando tecnologia No-Code
⌛ Te ensino a criar sua rotina ideal usando tecnologia
🎯 Meus sonhos passam por pessoas