EcoFábrica Consciente é um simulador interativo de gestão empresarial desenvolvido com foco na tomada de decisões estratégicas dentro de um ambiente corporativo sustentável.
No jogo, o usuário assume o papel de gestor de uma indústria e deve administrar recursos financeiros, sustentabilidade ambiental, reputação da empresa e satisfação da equipe ao longo de 12 ciclos operacionais mensais.
O projeto foi concebido com o objetivo de unir educação, lógica de programação e estratégia empresarial em uma experiência dinâmica e interativa, permitindo ao jogador compreender os impactos de suas decisões sobre o desempenho geral da fábrica.
Além do aspecto lúdico, a aplicação também busca demonstrar a aplicação prática de conceitos avançados de desenvolvimento web, arquitetura de software e organização de sistemas interativos.
O simulador possui como principais objetivos:
- estimular o raciocínio estratégico;
- demonstrar conceitos de sustentabilidade empresarial;
- desenvolver tomada de decisão baseada em múltiplos fatores;
- aplicar conceitos de programação orientada à lógica;
- integrar aprendizado tecnológico e gestão corporativa em um ambiente gamificado.
O projeto foi desenvolvido utilizando exclusivamente tecnologias web nativas, sem dependência de frameworks externos, priorizando desempenho, organização estrutural e controle total da aplicação.
Responsável pela estruturação da aplicação, garantindo:
- organização semântica adequada;
- acessibilidade;
- melhor manutenção do código;
- compatibilidade com navegadores modernos.
A interface visual foi construída utilizando recursos modernos de CSS3, incluindo:
- CSS Grid Layout;
- Flexbox;
- Variáveis CSS (
Custom Properties); - Media Queries;
- sistema padronizado de espaçamento e tipografia;
- animações e transições suaves.
O projeto adota uma metodologia de organização inspirada no padrão BEM (Block, Element, Modifier), promovendo maior modularidade e escalabilidade dos componentes visuais.
Toda a lógica do simulador foi desenvolvida em JavaScript puro, utilizando recursos modernos da linguagem ES6+.
A arquitetura da aplicação segue uma estrutura inspirada no padrão MVC (Model-View-Controller), separando responsabilidades entre:
- gerenciamento de estado do jogo (
GameState); - interface e renderização (
GameUI); - regras e motor principal do sistema (
Game).
Entre os recursos implementados, destacam-se:
- manipulação dinâmica do DOM;
- sistema de turnos mensais;
- lógica condicional avançada;
- gerenciamento de eventos aleatórios;
- cálculos de desempenho empresarial;
- sistema de progressão tecnológica.
O jogador pode escolher diferentes estilos administrativos, cada um com características, bônus e condições específicas de vitória:
- Visionário Verde;
- Capitalista Consciente;
- Líder Comunitário.
Cada perfil influencia diretamente a dinâmica da simulação e as decisões estratégicas disponíveis.
A progressão do jogo ocorre em ciclos mensais, nos quais o jogador administra:
- orçamento empresarial;
- despesas operacionais;
- oscilações de mercado;
- investimentos sustentáveis;
- lucro e reputação da empresa.
Esse sistema cria uma experiência dinâmica baseada em análise estratégica contínua.
O simulador possui um sistema de progressão tecnológica no qual pesquisas desbloqueiam:
- novas políticas internas;
- melhorias operacionais;
- tecnologias sustentáveis;
- vantagens competitivas.
A mecânica incentiva planejamento de longo prazo e gestão inteligente de recursos.
A aplicação utiliza um sistema de eventos condicionais que reage às métricas atuais da fábrica.
Entre os eventos possíveis:
- geadas;
- fiscalizações ambientais;
- falhas de maquinário;
- crises operacionais;
- oportunidades de investimento.
Os acontecimentos impactam diretamente o desempenho da empresa, exigindo adaptação estratégica do jogador.
O simulador conta com um assistente virtual denominado Professor Sabiá, responsável por:
- analisar o estado atual do jogo;
- fornecer dicas contextuais;
- orientar o jogador em decisões estratégicas;
- aplicar quizzes relacionados à programação web e sustentabilidade.
O recurso adiciona caráter educativo e interativo à experiência.
Ao longo da simulação, o sistema gera relatórios visuais sobre o desempenho da empresa, incluindo:
- gráficos de evolução;
- indicadores financeiros;
- desempenho sustentável;
- reputação empresarial;
- produtividade operacional.
Esses dados auxiliam o jogador na análise de resultados e tomada de decisões futuras.
/
├── index.html # Estrutura principal da aplicação
├── style.css # Interface visual e responsividade
├── script.js # Motor do jogo e lógica operacional
└── /assets # Recursos visuais e arquivos auxiliares
Este projeto foi idealizado e desenvolvido por alunos do C.E. Professor Ivone Soares Castanharo.
- Kaio Daniel de Souza da Costa (1º A)
- Lucas Raczenski Marques (2º A)
- Murilo Silvestre Bernardes (2º A)
- Marielly (2º A)
- Stefany (2º A)
- Lucas Gabriel Kruger Avelino (2º A)
- Felipe Oliveira — Tecnologia da Informação (TI)
O projeto EcoFábrica Consciente demonstra como tecnologia, educação e sustentabilidade podem ser integradas em uma aplicação interativa voltada ao desenvolvimento do pensamento estratégico e da lógica computacional.
Além de proporcionar uma experiência dinâmica ao usuário, o simulador evidencia a aplicação prática de conceitos modernos de desenvolvimento web, arquitetura de software e gamificação educacional.
Projeto desenvolvido com foco em lógica, organização estrutural e inovação educacional.