Case 05 — Desenvolvimento web com IA
Intranet corporativa
Comunicados, documentos e sistemas em um portal para toda a equipe.
- Stack
- PHP 8 · JS · CSS
- Rotas
- 66
- Telas e componentes
- 47
- Dependências
- Zero frameworks
O desafio
O problema
Comunicados, documentos, links de sistemas e contatos estavam espalhados por e-mails, pastas compartilhadas e grupos de mensagem. Cada setor tinha seu jeito de avisar — e quase nada era fácil de achar depois.
Contexto do projeto
A empresa precisava de um ponto único de entrada para os colaboradores, que abrisse sem senha dentro da rede, e de um painel simples para que cada gestor publicasse o conteúdo do próprio setor sem depender de TI.
Para o colaborador
Tudo o que importa, na primeira tela
A home junta um carrossel de banners com agendamento, atalhos em destaque, o mural de comunicados e a grade de setores. A intranet reconhece a unidade pela rede de origem e abre direto, sem login, para quem está no escritório.
Ver detalhes desta etapa
O mural organiza os comunicados em linha do tempo, com filtro por setor e prioridade — normal, importante ou urgente —, fixação no topo, agendamento, data de expiração e anexos.
Setores
Cada setor com sua casa
Cada área tem uma página própria com atalhos para sistemas, comunicados, contatos com link direto para o WhatsApp e uma biblioteca de documentos organizada em pastas, com versão e data de vigência.
Ver detalhes desta etapa
A busca global encontra documentos, atalhos, contatos e setores ignorando acentos e tolerando pequenos erros de digitação.
Pessoas
Aniversários, avisos e tema escuro
Aniversariantes de vida e de tempo de casa aparecem numa página própria e num widget flutuante, alimentados por um webhook com cache. Avisos podem ser faixa no topo ou popup com frequência controlada — e a interface tem tema escuro, layout responsivo e um modo TV para telas nas unidades.
Para quem publica
Um painel que dispensa a TI
O painel administrativo tem dashboard, gestão de banners, popups, faixa de avisos, menu, comunicados com editor de texto rico, setores, atalhos e documentos. Os perfis separam Administradores de Gerentes de Setor, que só editam o que é da sua área.
Ver detalhes desta etapa
Novos comunicados e documentos podem disparar e-mails a partir de modelos editáveis, via webhook de automação — com revisão dos destinatários por unidade e reconfirmação de senha antes do envio. Métricas de acesso anônimas por unidade e uma trilha de auditoria registram tudo o que muda.
Por dentro
Simples de hospedar, difícil de quebrar
A intranet roda em qualquer hospedagem PHP: não usa framework, banco de dados nem dependências externas — apenas um editor de texto rico de terceiros. A arquitetura segue front controller, roteador e middlewares, com controllers, services e views separados.
Ver detalhes desta etapa
Os dados ficam em arquivos JSON com gravação atômica, trava de arquivo, backup automático das últimas 20 versões e restauração caso algo corrompa. Todo o desenvolvimento foi assistido por IA, incluindo testes de interface conduzidos por um agente com navegador automatizado.
- Senhas com hash bcrypt e limite de tentativas por IP e por conta.
- Proteção CSRF, política de segurança de conteúdo (CSP) com nonce e HTML sanitizado no servidor.
- Uploads verificados pelo tipo real do arquivo e imagens convertidas para WebP.
- Cerca de 11,8 mil linhas de PHP, 2,5 mil de JavaScript e 5,9 mil de CSS.
Resultado
O que mudou
- 01
Um endereço único para comunicados, documentos, sistemas e contatos de todas as unidades.
- 02
Cada setor publica o próprio conteúdo, com permissões por perfil e sem depender de TI.
- 03
Comunicados com prioridade, validade e e-mail opcional — e métricas para saber o que foi lido.
- 04
Segurança e auditoria de sistema corporativo, rodando numa hospedagem PHP comum.