Este repositório contém o Projeto Integrador 2025 do Instituto Federal de Educação, Ciência e Tecnologia do Estado de São Paulo – Campus São Paulo.
O trabalho será desenvolvido ao longo de 4 meses por um grupo de 4 integrantes, com o tema central de uma locadora de veículos fictícia. O projeto busca unir design, banco de dados, segurança da informação, acessibilidade digital e desenvolvimento web. Integrantes:
- Ana Julia Cardoso Moser
- Eduardo de Lazzari Oliveira
- Guilherme Pereira de Oliveira
- Heloisa Lorencini Tanaka
- Criar um sistema de locação de veículos moderno e acessível.
- Aplicar conceitos de segurança da informação e UX/UI.
- Desenvolver com tecnologias web: HTML, CSS, JavaScript, Python e Flask.
- Garantir acessibilidade digital conforme os padrões do eMag.
- Front-end: HTML, CSS, JavaScript
- Back-end: Python + Flask
- Banco de Dados: SQL - MySQL
- Design: Wireframes, UX/UI, paleta de cores baseada em psicologia das cores
- Acessibilidade: eMag – navegação sem mouse/teclado, alto contraste, suporte a cromodeficiências
- Barra de pesquisa por cor, modelo, ano, marca e local de retirada.
- Página de minhas reservas (atuais, passadas e futuras).
- Carros por assinatura com cobrança mensal.
- Aluguel corporativo para empresas.
- Localização automática da filial mais próxima.
- Layout MPA.
- Banners impactantes com mensagens diretas.
- Seção de FAQ para dúvidas comuns.
- Menu simples e objetivo.
Paleta de cores escolhida com base na psicologia das cores:
- Azul marinho e azul celeste: confiança, segurança e credibilidade.
- Laranja: energia e simpatia.
- Branco: clareza e transparência.
- Cinza claro: sofisticação e equilíbrio.
Essa combinação busca transmitir profissionalismo e modernidade, mantendo um aspecto acolhedor.
O projeto segue boas práticas de segurança:
- Avaliação de riscos.
- Políticas de segurança claras.
- Monitoramento e resposta a incidentes.
- Controles de acesso (senhas, autenticação multifatorial, restrições por função).
- Revisões e atualizações periódicas.
Implementações previstas:
- Navegação sem mouse (via teclado).
- Navegação sem teclado (via mouse).
- Alto contraste e combinações de cores acessíveis.
- Evitar elementos piscantes/cintilantes.
O sistema contará ainda com uma barra de acessibilidade para facilitar ajustes pelo usuário.
- Localiza
- Movida
- Rentcars
- Turbi
- Governo Digital – Acessibilidade
- TOTVS – Política de Segurança da Informação
🚧 Em desenvolvimento 🚧