Mapa 2 — Diagrama de telas

Este mapa mostra a camada de interface, separando a página pública das telas internas do painel. Ele é útil para identificar em qual tela um comportamento nasce e onde o usuário realmente aciona cada etapa do módulo.

Página pública Painel administrativo Modais e editor canvas

Diagrama de telas do módulo

Camada pública protese-capilar.php conteúdo, CTA e contato → agendamentos / WhatsApp / e-mail Camada interna do painel proteses.php Tela principal de ficha Modal de cadastro/edição analises.php Upload da foto Processamento IA e consulta de prótese simulador.php Upload da foto original Geração IA e ações do preview manutencoes.php Cadastro técnico Próxima manutenção e alertas simulador/canvas.php Editor visual da imagem simulada

Leitura importante: a sequência operacional mais rica do módulo costuma acontecer no painel, não na página pública. A camada pública funciona como aquisição e contato; a lógica administrativa real vive nas telas internas.

Inventário de telas e objetivo

TelaObjetivo no sistemaAção crítica do usuárioArquivos auxiliares associados
protese-capilar.phpApresentar o serviço e direcionar o cliente para contato/agendamento.Entrar em contato, agendar ou enviar interesse.ajax/enviar-email.php, links externos e includes de layout.
proteses.phpRegistrar e consultar a ficha da prótese ligada ao cliente.Cadastrar, editar, excluir e listar próteses.proteses/listar.php, salvar.php, excluir.php.
analises.phpSalvar a foto da análise e pedir interpretação à IA.Subir foto, processar, puxar dados da prótese.analises/processar.php, buscar_protese.php.
simulador.phpGerar a simulação da prótese sobre a foto do cliente.Salvar registro, gerar IA, abrir canvas, consultar resultado.gerar_ia.php, buscar.php, canvas.php, salvar_canvas.php.
manutencoes.phpRegistrar manutenção técnica e próxima data.Cadastrar manutenção e acompanhar alertas.manutencoes/listar.php, salvar.php, excluir.php, cron/alerta_manutencao.php.

Pontos de atenção de manutenção nesta camada

Grande parte dos comportamentos de tela depende de respostas específicas do backend. Se um botão “parar de funcionar”, verifique primeiro se o endpoint ainda devolve exatamente o formato esperado pela tela: HTML parcial, JSON ou texto simples.