desenvolvimento pre-lancamento
Commit inicial - add do repo privado para o repo NT style: changes header's logo and colors style: changes home page first session layout feat: creates about us home page section chore: creates home page section for whom chore: creates student materails home page section chore: creates teachers materials home page section chore: creates teacher materials home page section style: changes primary color style: changes color at activities page style: changes about page color style: changes name to Decoda fix: changes route to about page at footer fix: changes background color style: changes game page header colors style: changes footer colors chore: adds home page sections title style: changes main font family to Lato style: adds title font fix: changes sizes to be more responsive for mobile ajuste no build vercel atualiza regras envio homol Adiciona instrucoes de uso add JupyterLite fix solucao turtle Add Mole Mash e Modal de Falhas Add Progress Bar na pagina de Atividades fix game name chore: atualiza lockfile removendo vercel analytics inclusão de efeito ao mudar de fase add mecanismo de solução de fases em debug vite config test add BaseGame e refator do MoleMash refatoração turtle refatoração automato refatoração automato add tag bug 1 e 2 automato mostrar apenas games em homologação na pagina de atividades aumentar timeout das fases finais do Turtle fix bug scroll add video refactor semaforo arrumar ordem das cores add build docs update vercel update vercel update vercel update vercel update vercel add vercel jupyter add vercel jupyter fix deploy Vercel fix deploy Vercel fix deploy Vercel add cripto add cripto refatoração fix tour Mole Mash . remover arquivos de controle chore: adds development tag for activity card remover arquivos de status indevidamente versionados atualizar cores nas atividades add Quebra Cabeças add Quebra Cabeças add iniciativas add Iniciativas alteração de fotos pesadas fix menu mobile fix menu mobile fix menu mobile add Aspirador update icons update identidade visual documentação update jupyter add kernel python local add kernel python local add kernel python local feat: add health check feat: add primeiros passos add letramento mover letramento de lugar update path games update path games fix: ajuste clique rapido no botão executar remover dead code fix: refactor: extract shared utilities for storage, phase unlock and mobile detection stabilize context references and fix stale closure extrair GameProgressContext do GameStateContext (SRP) refactor(game): extrair usePhaser e useGameModals de GameBase + corrigir bugs descobertos refactor(game): remove todos os aliases PT/EN duplicados Remover aliases PT/EN da camada de modais refactor + tests security: add CodeSanitizer and integrate into GameInterpreter - CodeSanitizer.js: 4 built-in rules (max_length, infinite_while, infinite_for, excessive_nesting) with pluggable extra rules - GameInterpreter.executeCode: calls sanitizeCode() before js-interpreter, differentiates CodeSanitizationError (warn) from other errors (error) - 21 unit tests for CodeSanitizer (100% coverage) - 4 integration tests in GameInterpreter for sanitization paths add CodeSanitizer fix: fase 10 aspirador fix: bug semaforo teste feat: add version Ajusta a landing page para ficar mais próxima ao protótipo ajusta raio da borda do botão de Acesse nosso Laboratório pequenos ajustes de layout na página de iniciativas atualiza tabela de jogos educativos com os jogos disponíveis atualmente ajustados pequenos detalhes e informações do jogos na seção de guias pedagógicos troca nome playground para laboratório e adiciona imagens do lab adiciona documentação de conceitos básicos de programação ajustado pequenos erros de digitação adiciona tooltip com conceitos escondidos em hover na tag +N de conceitos update docs dev desativar tour setup matriz MoleMash setup matriz MoleMash fix: link update version update docs update docs mudou o layout de quem somos mudei as imgs dos icons e baixei o botao centraliza titulo com imagem e ajusta sessão com gradiente vermelho-rosa adiciona responsividade para a pagina quem somos ajusta botão de conheça nossa história ajustes ajustes na home + add. teclado update version security security feat: add tapume para telas pequenas v1.1.0 feat: decoda offline feat: doc offline offline fix: ajustes para release fix: navbar; config ordenação; versão fix: rotas docs e jupyter para pwa delete private files Co-authored-by: Indra Araujo <indra.araujo.santos@gmail.com> Co-authored-by: solange dos santos <sollangelive71@gmail.com>
This commit is contained in:
5
docs/edu/recursos/atividades/letramento/_category_.json
Normal file
5
docs/edu/recursos/atividades/letramento/_category_.json
Normal file
@@ -0,0 +1,5 @@
|
||||
{
|
||||
"label": "Letramento",
|
||||
"position": 2,
|
||||
"collapsed": true
|
||||
}
|
||||
33
docs/edu/recursos/atividades/letramento/index.md
Normal file
33
docs/edu/recursos/atividades/letramento/index.md
Normal file
@@ -0,0 +1,33 @@
|
||||
---
|
||||
title: "Letramento"
|
||||
slug: /recursos/atividades/letramento
|
||||
---
|
||||
|
||||
# Atividades de Letramento Digital
|
||||
|
||||
As atividades de letramento digital do **Decoda** são voltadas para estudantes com pouca ou nenhuma familiaridade com computador. O objetivo é desenvolver segurança, autonomia e fluência nas interações básicas com a máquina antes, durante ou junto das atividades de programação.
|
||||
|
||||
## Objetivo pedagógico
|
||||
|
||||
Essa trilha busca reduzir o medo do computador e criar confiança para a aprendizagem digital. Mais do que "acertar" tarefas, a proposta é consolidar habilidades essenciais de interação: movimentar o cursor, clicar com precisão, usar botões do mouse, arrastar elementos e compreender instruções na tela.
|
||||
|
||||
## Como conduzir em sala
|
||||
|
||||
As atividades de letramento são HTMLs autocontidos e funcionam bem com mediação leve do educador:
|
||||
|
||||
```mermaid
|
||||
flowchart TD
|
||||
A[Selecionar atividade] --> B[Carregar HTML da atividade]
|
||||
B --> C[Interação do estudante]
|
||||
C --> D[Observar dúvidas e dificuldades]
|
||||
D --> E[Intervenção curta do educador]
|
||||
E --> F[Evento de progresso/resultado]
|
||||
F --> G[Avançar para próxima etapa]
|
||||
```
|
||||
|
||||
## Boas práticas de mediação
|
||||
|
||||
- Demonstre uma vez e deixe o estudante repetir com autonomia.
|
||||
- Trabalhe em duplas quando houver poucos computadores.
|
||||
- Valorize pequenos avanços para fortalecer a autoconfiança.
|
||||
- Evite acelerar etapas: a progressão é parte do aprendizado.
|
||||
50
docs/edu/recursos/atividades/letramento/mouse.md
Normal file
50
docs/edu/recursos/atividades/letramento/mouse.md
Normal file
@@ -0,0 +1,50 @@
|
||||
---
|
||||
sidebar_position: 3
|
||||
title: "Mouse"
|
||||
---
|
||||
|
||||
# Atividade Mouse
|
||||
|
||||
A atividade **Mouse** é uma trilha prática de letramento digital focada no uso do cursor, clique, duplo clique, botão direito, arrastar e soltar, controle de movimento e coordenação visomotora.
|
||||
|
||||
Diferente das atividades de programação com blocos, aqui cada fase é um HTML autocontido com uma habilidade motora e cognitiva específica. O objetivo não é velocidade pura, mas desenvolver segurança, precisão e autonomia no uso do mouse.
|
||||
|
||||
## O que se espera de cada fase
|
||||
|
||||
| Fase | Atividade | Habilidade principal | O que se espera do estudante |
|
||||
| --- | --- | --- | --- |
|
||||
| 1 | **Mouse Básico** | Movimento, clique e duplo clique | Explorar a área com o cursor (cobertura mínima), clicar no alvo e realizar duplo clique com controle. |
|
||||
| 2 | **Precisão com Mouse** | Precisão de clique | Acertar alvos menores em posições variadas, ajustando coordenação fina mão-olho. |
|
||||
| 3 | **Controle do Mouse** | Trajetória do cursor | Iniciar no ponto indicado e conduzir o cursor ao longo da trilha com estabilidade. |
|
||||
| 4 | **Múltiplos Cliques** | Varredura visual | Identificar e clicar múltiplos alvos distribuídos na tela, sem repetir alvos já concluídos. |
|
||||
| 5 | **Sequência Numérica** | Ordem e atenção | Clicar os alvos na ordem correta (1 a 5), mantendo foco em sequência. |
|
||||
| 6 | **Velocidade e Reflexo** | Agilidade com controle | Clicar alvos que surgem rapidamente dentro do tempo, sem perder precisão. |
|
||||
| 7 | **Botão Direito** | Menu de contexto | Abrir o menu com botão direito e selecionar uma ação, entendendo uso contextual do clique direito. |
|
||||
| 8 | **Arrastar e Soltar** | Arrastar e soltar | Arrastar arquivos e soltar no destino correto, com noção de intenção e posicionamento. |
|
||||
| 9 | **Desenhar Traçados** | Controle contínuo | Manter clique pressionado e desenhar sobre um guia circular com cobertura mínima. |
|
||||
| 10 | **Desafio Completo** | Integração de habilidades | Resolver uma sequência de mini-desafios combinando precisão, sequência, contexto, arraste e controle. |
|
||||
|
||||
## Como conduzir em sala
|
||||
|
||||
- Evite intervir cedo demais: observe primeiro a estratégia do estudante.
|
||||
- Trate erro como diagnóstico de habilidade específica (ex.: precisão, ritmo ou atenção).
|
||||
- Reptir a atividade se perceber que houve muita dificuldade.
|
||||
- Usar ferramentas alternativas para desenvolver a habilidade (ex: Paint, Explorar de Arquivos para clique, duplo-clique, etc.)
|
||||
|
||||
## Analogias úteis para explicar as fases
|
||||
|
||||
- **Mover o mouse**: como dirigir um carrinho em uma pista sem sair da faixa.
|
||||
- **Clique simples**: como apertar a campainha uma vez.
|
||||
- **Duplo clique**: como bater duas vezes na porta em ritmo rápido.
|
||||
- **Botão direito**: como pedir "opções" de uma ferramenta antes de usar.
|
||||
- **Arrastar e soltar**: como pegar um livro e colocar na prateleira correta.
|
||||
- **Seguir trilha**: como caminhar sobre uma linha pintada no chão.
|
||||
- **Desenhar no guia**: como contornar uma figura sem levantar o lápis.
|
||||
|
||||
## Indicadores de avanço
|
||||
|
||||
- Consegue localizar e clicar alvos sem tensão excessiva.
|
||||
- Reduz cliques involuntários e movimentos bruscos.
|
||||
- Compreende diferença entre clique esquerdo, duplo clique e botão direito.
|
||||
- Executa arrastar e soltar com menos tentativas.
|
||||
- Mantém atenção em sequência e regras de cada fase.
|
||||
49
docs/edu/recursos/atividades/letramento/teclado.md
Normal file
49
docs/edu/recursos/atividades/letramento/teclado.md
Normal file
@@ -0,0 +1,49 @@
|
||||
---
|
||||
sidebar_position: 4
|
||||
title: "Teclado"
|
||||
---
|
||||
|
||||
# Atividade Teclado
|
||||
|
||||
A atividade **Teclado** é uma trilha prática de letramento digital focada em localização de teclas, digitação de letras e números, uso de símbolos, correção de texto, navegação com setas e comandos de controle como Home, End, Enter e Esc.
|
||||
|
||||
Assim como nas demais trilhas de letramento, cada fase é um HTML autocontido com uma habilidade específica. O objetivo não é apenas velocidade de digitação, mas desenvolver precisão, autonomia e confiança para escrever, revisar e navegar sem depender do mouse.
|
||||
|
||||
## O que se espera de cada fase
|
||||
|
||||
| Fase | Atividade | Habilidade principal | O que se espera do estudante |
|
||||
| --- | --- | --- | --- |
|
||||
| 1 | **Regiões do Teclado** | Mapa mental do teclado | Reconhecer grupos de teclas (letras, números, especiais e navegação) e localizar cada região com segurança. |
|
||||
| 2 | **Números do Teclado** | Digitação numérica | Digitar sequências progressivas de números, mantendo ritmo e reduzindo erros. |
|
||||
| 3 | **Prática de Escrita** | Digitação de palavras e frases | Reproduzir palavras e frases com atenção à ordem dos caracteres e ao conteúdo na tela. |
|
||||
| 4 | **Símbolos com Shift** | Combinação de teclas | Usar Shift + número para gerar símbolos, compreendendo o uso de teclas modificadoras. |
|
||||
| 5 | **Backspace e Correção** | Revisão e edição | Apagar trechos incorretos e corrigir textos, entendendo que erro faz parte do processo de escrita. |
|
||||
| 6 | **Labirinto das Setas** | Navegação direcional | Usar setas com controle para deslocamento preciso e tomada de decisão em percurso. |
|
||||
| 7 | **Teclas de Navegação** | Home, End e setas | Mover o cursor estrategicamente dentro do texto sem apagar conteúdo. |
|
||||
| 8 | **Setas no Texto** | Inserção no ponto correto | Posicionar o cursor e inserir caracteres no local certo para completar frases. |
|
||||
| 9 | **Chuva de Letras** | Agilidade com precisão | Digitar letras, combinações e palavras em tempo progressivo mantendo taxa de acerto. |
|
||||
| 10 | **Atividade Final** | Integração de habilidades | Resolver uma sequência que combina letras, números, maiúsculas, símbolos e teclas de comando. |
|
||||
|
||||
## Como conduzir em sala
|
||||
|
||||
- Comece com demonstração breve e deixe o estudante explorar o teclado com autonomia.
|
||||
- Observe onde surgem os erros: localização de tecla, atenção, ritmo ou coordenação bimanual.
|
||||
- Reforce postura e tempo de resposta, sem transformar a atividade em disputa de velocidade.
|
||||
- Retome fases anteriores quando notar insegurança em habilidades-base (ex.: setas, Shift, Backspace).
|
||||
- Incentive verbalização da estratégia: "qual tecla você vai usar agora e por quê?".
|
||||
|
||||
## Analogias úteis para explicar as fases
|
||||
|
||||
- **Regiões do teclado**: como um mapa da cidade em que cada bairro tem uma função.
|
||||
- **Números**: como discar um telefone sem olhar para as mãos o tempo todo.
|
||||
- **Shift + símbolo**: como usar uma "chave" para abrir um segundo caractere da mesma tecla.
|
||||
- **Backspace**: como usar uma borracha no caderno para ajustar o que foi escrito.
|
||||
- **Setas/Home/End**: como mover o cursor de leitura para início, meio ou fim de uma linha.
|
||||
|
||||
## Indicadores de avanço
|
||||
|
||||
- Localiza letras, números e teclas especiais com menor hesitação.
|
||||
- Usa Shift, Backspace e setas com intenção clara, sem tentativas aleatórias.
|
||||
- Mantém maior taxa de acerto em frases e sequências.
|
||||
- Corrige os próprios erros com mais autonomia.
|
||||
- Demonstra confiança para escrever e navegar no texto sem apoio constante.
|
||||
Reference in New Issue
Block a user