Front End do sistema para gerenciamento e agendamento de salas de aula, oferecendo recursos completos para cadastro de usuários, reservas com horários definidos, organização de professores, turmas, salas e visualização do mapeamento das instalações.
O Classroom Manager é um sistema projetado para otimizar a administração de salas de aula em instituições de ensino. A API possibilita o controle centralizado de todos os recursos necessários para garantir a eficiência na utilização dos espaços disponíveis. Com esta solução, é possível:
- 📌 Cadastro de usuários para gerenciamento interno do sistema.
- 🏫 Reservar salas com datas e horários específicos, garantindo melhor aproveitamento da estrutura física.
- 👩🏫 Vincular professores e turmas às salas reservadas, evitando conflitos de agendamento.
- 🗺 Visualizar mapas e layouts das salas, facilitando a gestão dos ambientes de ensino.
- O projeto foi estruturado para oferecer uma base sólida e escalável, garantindo integridade dos dados, segurança no acesso e maior agilidade no processo de alocação de espaços.
- /sala → Criar, editar, listar e excluir salas de aula.
- /horario → Gerenciar os horários de funcionamento e reservas.
- /turma → Cadastro e associação de turmas às salas.
- /professor → Registro de professores e vínculo com turmas e horários.
- /mapa → Visualização gráfica do mapeamento das salas cadastradas.
- /usuario → Controle de acesso e gerenciamento dos usuários do sistema.
A interface do Classroom Manager Web foi desenvolvida priorizando usabilidade, acessibilidade e consistência visual, seguindo princípios das Heurísticas de Usabilidade de Nielsen, como:
- Visibilidade do status do sistema: feedback imediato para ações do usuário (ex: reservas, carregamento de dados).
- Correspondência com o mundo real: uso de ícones e textos que representam ações intuitivas.
- Consistência e padrões: componentes reutilizáveis com comportamento uniforme em toda a aplicação.
- Controle e liberdade do usuário: opções claras para desfazer ações ou navegar entre telas sem fricção.
Além disso, o design foi estruturado para oferecer respostas rápidas, navegação fluida e compatibilidade com múltiplos tamanhos de tela.
| Cor | Hex | Cor Aproximada | Uso Principal |
|---|---|---|---|
Primary |
#FFFFFF |
Branco | Cor principal de fundo |
Primary Dark |
#2F5C4A |
Verde Escuro | Elementos de destaque (texto e botões principais) |
Secondary 1 |
#CDEED5 |
Verde Claro | Áreas de apoio, realce leve |
Secondary 2 |
#2FAE63 |
Verde Médio | Botões de ação, confirmações |
Secondary Dark |
#333333 |
Cinza Escuro | Texto principal, títulos |
Essas cores foram escolhidas para criar harmonia visual, com predominância de tons de verde para transmitir tranquilidade e confiança, mantendo contraste suficiente para boa legibilidade.
Abaixo, um indicador visual do status atual do projeto.
Acompanhe a API do projeto.
Este projeto é privado e encontra-se em fase de desenvolvimento.
- 🚫 Não é permitido clonar, copiar ou modificar o código-fonte sem autorização prévia.
- 🔒 Todos os direitos sobre o conteúdo, estrutura e lógica são reservados.
- 🎓 Projeto desenvolvido para fins acadêmicos e pessoais.
Jennyfer Alvim de Oliveira