Aventura na Lógica Matemática
Preparando sua aventura...
Olá! Eu sou o Lógiko! Vou te ensinar Lógica Matemática de um jeito divertido e interativo. Escolha um capítulo para começar!
O Lógiko foi desenvolvido para atender estudantes ingressantes no ensino superior e adolescentes do ensino médio que não possuem experiência prévia com Lógica Matemática formal. Este público enfrenta barreiras cognitivas específicas ao se deparar pela primeira vez com conceitos abstratos como proposições, conectivos, tabelas-verdade e quantificadores.
Abordagem gradual que introduza os conceitos do livro de Alencar Filho de forma progressiva, do simples ao complexo, sem pressupor conhecimento prévio.
Uso de gamificação (estrelas, pontos, vidas, desbloqueio progressivo) para manter a motivação e criar o hábito de estudo contínuo.
Retorno pedagógico imediato e explicativo: não apenas "certo ou errado", mas o porquê da resposta correta, com exemplos do cotidiano.
Interface responsiva que funcione em celular, tablet e computador, com suporte a leitores de tela e navegação por teclado.
O sistema segue o padrão MVC simplificado: o Flask (Controller/View) serve o template HTML inicial e expõe endpoints JSON com o banco de questões (Model). O frontend JavaScript (View) controla toda a lógica de jogo, renderização dinâmica e estado da sessão.
Cobrindo todos os capítulos do livro "Iniciação à Lógica Matemática" de Alencar Filho, do básico ao avançado.
Banco de questões com feedback explicativo individual para cada resposta.
Conceito (aula interativa), Múltipla Escolha, Verdadeiro/Falso, Preencher Lacuna e Associar Pares — variedade metodológica para diferentes estilos de aprendizagem.
Estrelas (1–3 por nível), pontos, vidas e desbloqueio progressivo de capítulos.
Feedback visual imediato com animações CSS e efeito de confetti em conquistas, tornando o aprendizado mais celebratório.
Atalhos completos: teclas A/B/C/D para respostas, Enter para confirmar, Escape para voltar.
Interface adaptativa que funciona em smartphones, tablets e desktops, usando CSS Grid e Flexbox.
Salvamento automático do progresso via localStorage — o jogador retoma de onde parou ao revisitar o site.
O estado do jogo é centralizado no objeto state (JavaScript), que armazena capítulo atual, questão atual, pontuação, vidas e progresso. Condicionais determinam qual tipo de atividade renderizar e como avaliar cada resposta. Funções recursivas e de callback controlam o fluxo entre questões, níveis e capítulos.
A paleta foi escolhida para ser vibrante e acolhedora, reduzindo a intimidação que conteúdos matemáticos costumam gerar. Cada capítulo possui cor temática própria, criando identidade visual por módulo. O fundo neutro (#F0F4FF) garante legibilidade e descanso visual.
Tipografia: Segoe UI / system-ui, fonte mínima de 18px. Hierarquia visual clara com tamanhos distintos para títulos, subtítulos e corpo. Espaçamento generoso (line-height: 1.6–1.7) para facilitar leitura em qualquer dispositivo.
Todos os elementos interativos são acessíveis via Tab. Atalhos de teclado (A/B/C/D, Enter, Escape) permitem jogar sem mouse.
Indicador de foco azul (#0984E3) com 3px de outline em todos os elementos focáveis, garantindo visibilidade para usuários de teclado.
Botões de navegação possuem aria-label descritivo. Estrutura HTML5 semântica com header, nav, main e footer.
Suporte a prefers-reduced-motion: todas as animações são desativadas para usuários sensíveis a movimento.
Botões com área mínima de 44×44px (padrão WCAG 2.5.5), garantindo uso confortável em telas touchscreen.
Ícones complementam cores para indicar acerto (✅) e erro (❌), atendendo usuários com daltonismo.
A interface foi projetada segundo os princípios de Jakob Nielsen: visibilidade do estado do sistema (barra de progresso, contador de questões, vidas visíveis), controle e liberdade do usuário (botão "Voltar" sempre disponível), consistência (mesmas interações em todas as telas) e prevenção de erros (confirmação antes de abandonar nível em andamento — planejado para versões futuras).
Testes informais foram realizados em dispositivos móveis (Android) e desktop (Windows), confirmando responsividade e legibilidade em telas de 4" a 27".
Destaque verde na opção escolhida + animação suave. Frase encorajadora aleatória ("Muito bem!", "Excelente!", "Perfeito!"). Mini-confetti de celebração. +10 pontos acumulados.
Destaque vermelho na opção errada + animação "shake". A resposta correta é revelada em verde. −5 pontos. Explicação pedagógica detalhada exibida.
Antes das questões, slides de ensino introduzem o conteúdo com exemplos do cotidiano, linguagem simples e dicas do mascote Lógiko. Sem pressão de acerto.
Tela de resultado com estrelas (1–3), estatísticas (acertos/total/pontos) e confetti completo em notas altas. Mensagem personalizada por desempenho.
O aluno aprende fazendo: cada conceito é imediatamente praticado após a introdução (cartão conceito → atividades).
Conteúdos anteriores reaparecem em capítulos subsequentes, reforçando a retenção de longo prazo.
Suporte gradual: os cartões de conceito funcionam como "andaimes" que são retirados conforme o aluno avança.
5 tipos de atividade atendem diferentes estilos de aprendizagem: visual, lógico, verbal e cinestésico (associar/lacuna).
Cada resposta gera retorno instantâneo com explicação detalhada — reduz a ansiedade e acelera a correção de equívocos.
Sistema de recompensas (estrelas, pontos) alimenta a motivação intrínseca e extrínseca, conforme Deci & Ryan (2000).
Foi realizada pesquisa sobre as principais soluções existentes no mercado para o ensino de lógica e raciocínio matemático, a fim de identificar lacunas e diferenciais da proposta Lógiko.
O que faz: Ensino de idiomas com gamificação avançada (streaks, XP, vidas, ligas competitivas). Referência mundial em engajamento.
Limitação: Não aborda Lógica Matemática. Foco exclusivo em línguas.
O que faz: Vídeo-aulas e exercícios gratuitos de matemática e ciências. Cobertura ampla e de qualidade.
Limitação: Não possui módulo específico de Lógica Matemática formal em português. Interface menos lúdica.
O que faz: Aprendizado interativo de matemática, ciência da computação e lógica por resolução de problemas. Alta qualidade pedagógica.
Limitação: Pago (plano premium), em inglês, sem alinhamento com currículo brasileiro.
O que faz: Ensina lógica de programação (sequências, loops, condicionais) via puzzles visuais de um robô.
Limitação: Foco em lógica computacional, não em lógica matemática formal (proposições, quantificadores).
O que faz: Puzzles de raciocínio lógico, sequências e padrões. Divertido e desafiador.
Limitação: Lógica informal e recreativa, sem embasamento teórico de Lógica Matemática.
Passo a passo de como usar o Lógiko:
Ao acessar o jogo, você é recebido pelo mascote Lógiko 🧠 e vê a grade com os 17 capítulos. O progresso geral é exibido na barra superior. Capítulos bloqueados (🔒) são liberados ao concluir o anterior.
Figura 1: Tela inicial com grade de capítulos. Fonte: Elaborado pela autora (2026).
Ao clicar em um capítulo, aparece a lista de níveis. Complete um nível para desbloquear o próximo. As estrelas conquistadas ficam registradas.
Figura 2: Seleção de nível com progresso em estrelas. Fonte: Elaborado pela autora (2026).
Cada nível começa com um cartão de conceito que apresenta o tema com exemplos e uma dica do Lógiko. Clique em "Entendido!" para avançar às atividades.
Uma frase declarativa que pode ser V ou F...
Figura 3: Cartão de conceito com introdução ao tema. Fonte: Elaborado pela autora (2026).
Após o conceito, você enfrenta diferentes tipos de atividade. O badge no topo indica o tipo atual. Responda e veja o feedback imediato!
Figura 4: Tipos de atividade disponíveis. Fonte: Elaborado pela autora (2026).
Ao terminar, veja suas estrelas, acertos e pontos. Com 2+ estrelas, pode avançar ao próximo nível. Sempre pode tentar novamente para melhorar!
Figura 5: Tela de resultado com estrelas. Fonte: Elaborado pela autora (2026).
O Lógiko foi projetado para qualquer pessoa que queira aprender Lógica Matemática do zero. Não é necessário nenhum conhecimento prévio — o jogo te guia passo a passo, do conceito mais básico de proposição até a complexa quantificação múltipla!
Use o botão "🎮 Jogar" no menu para acessar os capítulos e "📋 Sobre" para ver esta documentação.
ALENCAR FILHO, Edgard de. Iniciação à Lógica Matemática. 9. ed. São Paulo: Nobel, 2002.
BRILLIANT. Interactive Learning Platform. Disponível em: <https://brilliant.org>. Acesso em: mar. 2026.
DECI, Edward L.; RYAN, Richard M. The "What" and "Why" of Goal Pursuits: Human Needs and the Self-Determination of Behavior. Psychological Inquiry, v. 11, n. 4, p. 227–268, 2000.
DUOLINGO. Learn a Language for Free. Disponível em: <https://www.duolingo.com>. Acesso em: mar. 2026.
FLASK. Flask: Web Framework for Python. Pallets Projects, 2024. Disponível em: <https://flask.palletsprojects.com>. Acesso em: mar. 2026.
KHAN ACADEMY. Matemática e Lógica. Disponível em: <https://pt.khanacademy.org>. Acesso em: mar. 2026.
LIGHTBOT. Lightbot: Code Hour. Disponível em: <https://lightbot.com>. Acesso em: mar. 2026.
MOZILLA DEVELOPER NETWORK. Web Docs: HTML, CSS, JavaScript. Disponível em: <https://developer.mozilla.org>. Acesso em: mar. 2026.
NIELSEN, Jakob. 10 Heuristics for User Interface Design. Nielsen Norman Group, 1994. Disponível em: <https://www.nngroup.com/articles/ten-usability-heuristics>. Acesso em: mar. 2026.
PYTHON SOFTWARE FOUNDATION. Python 3.12 Documentation. Disponível em: <https://docs.python.org/3>. Acesso em: mar. 2026.
W3C. Web Content Accessibility Guidelines (WCAG) 2.2. World Wide Web Consortium, 2023. Disponível em: <https://www.w3.org/TR/WCAG22>. Acesso em: mar. 2026.