Sistema web de CRM para instituições de ensino (cursos livres, escolas de idiomas, escolas técnicas).
Feito em HTML, CSS e JavaScript puro, sem dependências nem etapa de build.
Na tela de entrada, clique em "Entrar na demonstração" para ver o sistema preenchido
(equipe, professores, cursos, turmas, alunos, financeiro e leads de exemplo).
Perfis de acesso
Ao abrir o site, escolha Diretor ou Funcionário (com PIN opcional).
Perfil
O que vê
👔 Diretor
Tudo, mais Equipe (usuários, acessos, desempenho por funcionário) e Atividades (linha do tempo de quem fez cada contato, matrícula, fatura e pagamento)
🧑💼 Funcionário
Só os módulos liberados pelo diretor. Acessos sugeridos por função: Secretaria, Comercial, Financeiro, Coordenação pedagógica
Tudo o que é feito no sistema fica registrado com o usuário, a data e a hora.
🌙 Modo escuro: botão no menu lateral (segue o tema do sistema na primeira visita).
Módulos
Módulo
O que faz
🏠 Painel
Indicadores, lucro do mês, metas do mês, o que tem hoje na agenda, receita (6 meses), funil, ocupação, contatos e atrasos
📅 Agenda
Calendário mensal e lista com aulas, contas a pagar e a receber, retornos de leads, aniversários, eventos e feriados nacionais (importação automática); camadas liga/desliga; feriados suspendem as aulas
🧮 Simulador
Propostas para o cliente: PIX/boleto à vista com desconto, parcelado sem juros até N vezes e com juros acima disso (Tabela Price), entrada, desconto especial com limite do atendente; copiar, enviar por WhatsApp, PDF, registrar no lead e matricular com a condição. Calculadora e desconto rápido. Regras definidas pelo diretor. Histórico de propostas (numeradas, situação Enviada/Aceita/Recusada/Vencida, motivos de recusa, retornos), aprovação de desconto pelo diretor e relatório de aceite por atendente
💬 Conversas
Tela de chat com alunos, leads e professores: histórico, envio pelo WhatsApp (abre com o texto pronto), registro das respostas e modelos de mensagem com campos automáticos ({primeiro_nome}, {valor}, {vencimento}...)
🎯 Leads / Funil
Kanban com 6 etapas (arrastar e soltar), origem, responsável, próximo contato, histórico de interações e conversão em aluno → matrícula
👩🎓 Alunos
Cadastro completo, validação de CPF, máscaras, endereço pelo CEP (ViaCEP) e ficha do aluno (foto, matrículas, frequência, notas, financeiro, histórico e anotações; impressão)
📚 Cursos
Catálogo com modalidade, carga horária, mensalidade, coordenador e grade curricular (módulos com professor, carga horária e ementa; impressão da grade)
👨🏫 Professores
Cadastro, formação, especialidades, valor hora-aula, turmas, disciplinas, horas/semana e agenda semanal
🏫 Turmas
Professor, sala, dias, turno, horário, período, vagas, ocupação e grade semanal; bloqueia conflito de horário do professor
🎓 Acadêmico
Chamada (presente/falta/justificada, aulas sem chamada), notas por módulo da grade, situação (aprovado/reprovado) e certificado de conclusão com código de verificação
📝 Matrículas
Aluno × turma, controle de vagas, desconto, parcelas, dia de vencimento; gera o financeiro automaticamente
💰 Financeiro
Receitas: contas a receber, fatura numerada, recibo, pagamentos e estorno · Despesas: contas a pagar por categoria, recorrência mensal e pagamento de professores calculado pelas aulas dadas × valor da hora-aula · Resultado(diretor): lucro, margem, gráfico de 6 meses e demonstrativo
📊 Relatórios
Exportação CSV de todos os módulos, inadimplência, resumo por turma, documentos emitidos e backup/restauração em JSON
🏆 Metas(diretor)
Metas mensais de matrículas, leads, receita e lucro, metas individuais por funcionário, projeção pelo ritmo atual e histórico
👥 Equipe(diretor)
Usuários, perfis, PIN, módulos liberados, desempenho no período e dados da instituição (logo, cor da escola, média e frequência mínimas)
🕒 Atividades(diretor)
Linha do tempo filtrável por funcionário, módulo e período, com exportação
Documentos (PDF)
Contrato de prestação de serviços, certificado, diploma, declarações (matrícula, frequência, conclusão), fatura e recibo —
todos com prévia, ⬇ Baixar PDF e impressão. Fatura com QR Code PIX (BR Code com valor) e "copia e cola".
Contratos, certificados, diplomas e declarações recebem código e QR Code de verificação (verificar.html).
A verificação consulta o registro salvo no navegador da escola; a verificação pública por qualquer pessoa depende do banco de dados online.
Regras de negócio
CPF válido e único; códigos de curso e turma únicos
Turma lotada não aceita novas matrículas; só turmas Planejada ou Em andamento recebem matrícula
Matrícula nova torna o aluno Ativo e gera taxa + mensalidades (com desconto aplicado)
Cancelar/trancar matrícula oferece cancelar as parcelas pendentes
Não é possível excluir curso com turmas, turma com matrículas, aluno com histórico ou professor vinculado (use o status)
Um professor não pode ter duas turmas abertas com dia e horário sobrepostos
Sempre existe pelo menos um diretor ativo; ninguém desativa o próprio usuário
Armazenamento
Os dados ficam no localStorage do navegador: cada navegador/computador tem seus próprios dados.
Use Relatórios → Backup para salvar ou transferir os dados.
⚠️ Sem servidor, a escolha de perfil e o PIN organizam o acesso, mas não são uma proteção de segurança real
(quem tiver acesso ao navegador consegue ver os dados). Login seguro depende do backend (próxima etapa).
A camada js/storage.js isola o acesso aos dados para facilitar a troca por uma API no futuro.
Estrutura
CRM-Plus/
├── index.html # Tela de entrada, layout, telas e formulários (modais)
├── verificar.html # Página de verificação de documentos (código / QR Code)
├── versao.py / versao.json # Marca a versão publicada (cache) e avisa quem está com versão antiga
├── css/
│ ├── style.css # Estilos e responsividade
│ └── impressao.css # Fatura, recibo, grade, ficha e certificado impressos
└── js/
├── utils.js # Máscaras, validações, datas, CSV, formulários, modais, impressão
├── storage.js # localStorage + CRUD genérico (registra quem criou/alterou) + backup
├── sessao.js # Usuário logado e permissões
├── graficos.js # Gráficos de barras em HTML/CSS
├── tema.js # Modo claro/escuro e cor da escola
├── agenda.js # Grade semanal das turmas
├── documentos.js # HTML da fatura, recibo e grade curricular
├── modelos/ # Regras de negócio
│ ├── usuarios.js atividades.js instituicao.js professores.js
│ ├── eventos.js (agenda e feriados) despesas.js (despesas e resultado) metas.js
│ ├── alunos.js cursos.js turmas.js academico.js (frequência e notas)
│ └── matriculas.js financeiro.js leads.js mensagens.js (WhatsApp, contatos, modelos)
├── telas/ # Eventos e renderização de cada tela
│ ├── entrada.js painel.js leads.js conversas.js mensageiro.js alunos.js ficha.js
│ ├── calendario.js cursos.js professores.js turmas.js academico.js matriculas.js
│ └── financeiro.js despesas.js metas.js relatorios.js equipe.js atividades.js
├── exemplos.js # Dados de demonstração
└── app.js # Entrada, menu por permissão e navegação
Backup
Cópias automáticas no próprio navegador (IndexedDB): uma por dia e outra antes de restaurar ou apagar dados (10 mais recentes),
com restauração em Relatórios → Cópias automáticas.
Lembrete no Painel (diretor) quando o último backup baixado tem mais de 7 dias, com download em um clique.
O sistema pede ao navegador armazenamento persistente (para não apagar os dados quando faltar espaço).
Publicar uma nova versão
Antes de cada publicação, marque a versão (evita que os navegadores usem arquivos antigos do cache):
python3 versao.py
O script atualiza o ?v= de todos os .js/.css no index.html e o versao.json.
Quem estiver com o sistema aberto vê o aviso "Nova versão disponível – Atualizar agora".
Como rodar localmente
Abra o index.html no navegador, ou sirva a pasta:
python3 -m http.server 8000
Roadmap
Alunos
Cursos e turmas
Matrículas
Leads e funil de captação
Financeiro
Painel e relatórios
Perfis Diretor/Funcionário, permissões e registro de atividades
Professores, grade curricular e grade semanal
Faturas e recibos
Ficha do aluno, chamada, notas e certificado
WhatsApp com mensagens prontas e tela de conversas
Modo escuro, logo e cor da escola
Agenda/calendário com feriados
Metas mensais (escola e funcionários)
Despesas, pagamento de professores e lucro
Receber respostas do WhatsApp automaticamente (API oficial – exige servidor)
Perfil Professor, contrato e diploma em PDF
PIX com QR Code, declarações e verificação de documentos
Simulador de propostas e calculadora
Versão dos arquivos (cache) e backup automático
Histórico de propostas e aprovação de desconto
Backend + banco de dados (dados compartilhados entre computadores)
Login seguro com senha (no servidor)
Frequência/notas, emissão de boletos/PIX, envio de WhatsApp/e-mail
