O mapa de hoje

• Bloco 1 — MER × DER e a legenda completa do diagrama
• Bloco 2 — resolver o N:N e os relacionamentos especiais
• Bloco 3 — draw.io do zero: passo a passo da ferramenta
• Bloco 4 — mão na massa: desenhar o DER do projeto

MER × DER — duas coisas diferentes

A legenda, do zero — um símbolo por vez

Vocês já viram cada símbolo, espalhado pelas aulas 3, 4 e 5.
Agora vamos montar a legenda inteira, um componente por vez, sobre o mesmo exemplo.

Legenda 1 — a entidade

O símbolo: uma caixa, com o nome em CAIXA ALTA no cabeçalho escuro.

A função: representa a "coisa" do mundo real que vai virar uma tabela no banco.

Legenda 2 — o atributo

O símbolo: cada linha dentro da caixa, com o tipo à esquerda e o nome à direita.

A função: uma característica da entidade — vira uma coluna da tabela.

Legenda 3 — a chave primária

O símbolo: um * antes do nome. A função: identifica cada registro de forma única — nunca repete, nunca fica vazio.

Legenda 4 — uma segunda entidade

Duas caixas soltas. Cada uma com sua chave primária.

Até aqui, nada afirma que elas têm relação uma com a outra.

Legenda 5 — o relacionamento

O símbolo: a linha que liga duas entidades, com um verbo escrito em cima.

A função: afirma que existe uma ligação, e diz qual é. Lê-se
"uma plataforma possui jogos".

Legenda 6 — a chave estrangeira

O símbolo: a sigla CE/FK no atributo.

A função: guarda a chave primária de outra entidade. É o que faz a linha existir de verdade dentro do banco.

Legenda 7 — a cardinalidade

O símbolo: os marcadores nas pontas da linha.

A legenda inteira, para consultar

Checagem do Bloco 1

O problema que ficou de ontem

Um cliente aluga vários jogos. Um jogo é alugado por vários clientes.

Onde guardar a data da retirada?

• Em CLIENTE? Ele tem várias retiradas, uma por jogo
• Em JOGO? Ele tem várias retiradas, uma por cliente
• A data não pertence a nenhuma das duas — pertence à ligação

A solução — a entidade no meio

Como batizar a entidade do meio

Relacionamentos especiais

• Entidade fraca — só existe dentro de outra (ITEM_EMPRESTIMO sem EMPRESTIMO)
• Autorrelacionamento — a entidade se liga a ela mesma (um JOGO é DLC de outro)

Erro comum — desenhar antes de decidir

Ordem certa:

1. Decidir no papel: entidades, atributos, chaves, cardinalidades
2. Só então abrir a ferramenta
3. Desenhar o que já foi decidido
4. Revisar o desenho e ajustar o papel, se for preciso

Checagem do Bloco 2

Por que draw.io

• É gráfico: arrastar e clicar, sem sintaxe para decorar
• É grátis e roda no navegador — não precisa instalar nada
• Tem extensão do VS Code, que vocês já usam na UC1
• O arquivo salvo continua editável, aula após aula

Passo a passo — abrir e preparar

1. No VS Code, crie um arquivo chamado der.drawio.svg na pasta do grupo
2. Dê dois cliques no arquivo — o editor do draw.io abre dentro do VS Code
3. Se preferir o navegador: acesse app.diagrams.net e escolha "Device"
4. Na barra de busca da paleta (à esquerda, em cima), digite entity
5. Clique em "Entity Relation" para abrir a paleta certa

Passo a passo — desenhar a primeira entidade

1. Na paleta, ache a forma "Table" (uma caixa com faixa no topo) e arraste para a tela
2. Dê dois cliques na faixa do topo e digite o nome em CAIXA ALTA: JOGO
3. Dê dois cliques na primeira linha e digite o atributo: *id_jogo
4. Com a linha selecionada, pressione Ctrl+D para duplicar e criar a próxima
5. Repita até ter todos os atributos da entidade

Passo a passo — ligar duas entidades

1. Desenhe a segunda entidade do mesmo jeito
2. Passe o mouse sobre a borda da primeira caixa até aparecerem setinhas azuis
3. Clique e arraste de uma borda até a outra caixa — solte quando a caixa inteira ficar destacada em verde
4. Dê dois cliques em cima da linha e digite o verbo: possui

Passo a passo — a cardinalidade

1. Clique na linha para selecioná-la
2. No painel da direita, abra a aba Style
3. Em Line start e Line end, escolha o marcador: ERone (um) ou ERmany (pé de galinha)
4. Confira lendo em voz alta nos dois sentidos — se a frase soar errada, o marcador está invertido

Passo a passo — salvar e entregar

1. Ctrl+S no VS Code salva direto no der.drawio.svg
2. No navegador: File → Save as → Device, com a extensão .drawio.svg
3. Confira o nome final: grupoNN-aula06-der.drawio.svg
4. Entregue na pasta da turma antes de sair

Tropeços que custam caro

Checagem do Bloco 3

Um exemplo possível — o DER da locadora

Comparem com o de vocês. Não é gabarito — é uma forma válida de representar a mesma ideia.