Voltar aos projetos

Estudo de caso · Aprendizagem

Toques de Corneta

Uma experiência de estudo que organiza áudios, prática e revisão para ajudar o usuário a reconhecer e memorizar cada toque.

Estado público
Em preparação
Tipo
Aplicação web e aplicativo móvel
Minha atuação
Produto, interface e desenvolvimento

01 · Problema

Ouvir arquivos isolados não cria uma rotina de aprendizagem

Uma pasta de áudios permite reprodução, mas não ajuda a localizar rapidamente um toque, acompanhar o que já foi estudado ou testar o reconhecimento sem olhar a resposta.

O desafio foi transformar um acervo sonoro em uma ferramenta direta, que funcionasse bem no celular e continuasse útil mesmo sem conexão constante.

02 · Antes

Arquivos com pouco contexto e nenhum progresso visível

Representação da lista anterior

Limitações observadas

  • Não havia separação entre consulta, prática e revisão.
  • O usuário não conseguia visualizar o próprio avanço.
  • Localizar um áudio dependia do nome do arquivo.

A lista é uma reconstrução com nomes e dados fictícios, criada apenas para representar o ponto de partida.

03 · Solução

Um catálogo pesquisável com estudo e simulado

A solução apresenta os toques em uma lista clara, permite reproduzir cada áudio e adiciona um fluxo de simulado para praticar o reconhecimento. O progresso fica associado ao próprio dispositivo.

Uma versão móvel em Flutter amplia a experiência para Android e iOS, mantendo a mesma proposta de estudo direto.

Representação da solução criada

04 · Funcionamento

Da consulta à revisão

  1. 01

    Explorar

    O usuário percorre a lista e encontra o toque que deseja estudar.

  2. 02

    Ouvir

    O áudio pode ser reproduzido dentro do próprio cartão, sem trocar de contexto.

  3. 03

    Praticar

    O simulado toca um áudio e pede que o usuário identifique a resposta.

  4. 04

    Revisar

    O histórico local ajuda a priorizar os itens que precisam de nova prática.

05 · Recursos

Principais recursos construídos

  • Catálogo organizado de áudios
  • Reprodução dentro da aplicação
  • Busca rápida por toque
  • Simulado de reconhecimento
  • Progresso salvo no dispositivo
  • Funcionamento como PWA

06 · Tecnologias

Base técnica

  • HTML
  • CSS
  • JavaScript
  • Service Worker
  • PWA
  • Flutter

07 · Resultado

Um acervo transformado em experiência de estudo

O projeto já possui catálogo de toques, reprodução de áudio, recursos de progresso e fluxo de simulado, além de uma implementação móvel. Esses comportamentos podem ser verificados no código e na aplicação em desenvolvimento.

Não são apresentados números de aprendizagem ou retenção porque ainda não existe uma avaliação formal publicada. A demonstração será liberada após revisão final do armazenamento e dos controles de restauração.

Projeto semelhante

Quer organizar conteúdo em uma experiência de aprendizagem?

Falar sobre Toques de Corneta