Sistema de Classificação por Aura para Gamificação da Aprendizagem
- #HTML
- #CSS
- #JavaScript
Recentemente desenvolvi uma aplicação web simples voltada para a gamificação da sala de aula, utilizando conceitos fundamentais de desenvolvimento front-end. O projeto tem como objetivo incentivar a participação, o engajamento e o comportamento positivo dos estudantes por meio de um sistema de pontuação chamado "Aura".
Tecnologias Utilizadas
Para o desenvolvimento da aplicação foram utilizadas:
- HTML5 para estruturação da página;
- CSS3 para estilização responsiva e experiência visual;
- JavaScript para lógica de negócios e interatividade;
- LocalStorage para persistência dos dados no navegador;
- Grid Layout para organização responsiva dos cards dos alunos.
O sistema permite adicionar ou remover pontos de cada estudante, atualizar automaticamente o ranking da turma e armazenar os dados localmente, evitando a perda das informações ao recarregar a página.
Como a Solução Favorece a Aprendizagem
- A proposta está alinhada aos princípios da gamificação educacional. Ao visualizar sua evolução em tempo real, os estudantes tornam-se mais engajados nas atividades, desenvolvem senso de responsabilidade e participam de forma mais ativa das aulas.
- Além disso, o ranking semanal cria uma dinâmica saudável de motivação, estimulando atitudes positivas, colaboração e dedicação às tarefas propostas.
- Outro ponto importante é a possibilidade de anonimização dos participantes, permitindo que a ferramenta seja utilizada respeitando a privacidade dos alunos quando necessário.
Contribuição para Meu Portfólio
- Este projeto representa uma aplicação prática dos conhecimentos adquiridos em HTML, CSS e JavaScript. Mais do que desenvolver uma interface, foi uma oportunidade de criar uma solução para um problema real do contexto educacional.
- A inclusão de recursos como persistência de dados, atualização dinâmica da interface e design responsivo demonstra competências importantes para o desenvolvimento web moderno.
- Projetos como este fortalecem meu portfólio ao evidenciar minha capacidade de unir tecnologia e educação, criando ferramentas que geram impacto positivo no processo de ensino-aprendizagem.
Feedbacks e sugestões são muito bem-vindos!
#DIO #HTML #CSS #JavaScript #EdTech #Gamificação #DesenvolvimentoWeb #Portfolio #TecnologiaNaEducação #FrontEnd #LearningByDoing




