Grupo03-Biopark / yonder

ingles
0 stars 1 forks source link

Tela de Prova: reading de preenchimento Back #66

Open MestreDoPortal opened 4 months ago

MestreDoPortal commented 4 months ago

Implementação da Tela de Prova de Reading com Lacunas

Descrição

Criação de uma tela de uma prova de reading para os usuários que realizarão a prova. A tela deve conter um enunciado, um texto com lacunas, alternativas para que o usuário possa selecioná-las nos locais corretos do texto e um botão para avançar para a próxima questão.

Possíveis impedimentos

Integração do banco de dados contendo as questões e seus respectivos textos e alternativas.

Passo a passo

  1. Design da Tela de Prova de Reading:

Revisar e aprovar o design com a equipe.

  1. Desenvolvimento Frontend:

Desenvolver a estrutura da página da prova de reading utilizando HTML/CSS. Implementar o layout conforme o design aprovado, garantindo uma apresentação clara e organizada dos elementos. Incluir uma seção para o enunciado da questão. Adicionar o texto com lacunas, permitindo que o usuário selecione as alternativas nos locais corretos do texto. Integrar as alternativas para escolha pelo usuário. Incluir um botão visualmente destacado para avançar para a próxima questão.

  1. Funcionalidades:

Desenvolver a lógica para apresentar o texto com lacunas ao usuário de forma interativa e permitir a seleção das alternativas nos locais corretos. Garantir que as alternativas estejam disponíveis para seleção e que apenas uma alternativa possa ser escolhida para cada lacuna. Adicionar funcionalidade ao botão para avançar para a próxima questão, permitindo a navegação somente após todas as lacunas terem sido preenchidas.

  1. Testes:

Escrever testes unitários para garantir o correto funcionamento de todas as funcionalidades da tela de prova de reading com lacunas. Testar a interatividade das lacunas e a seleção das alternativas em diferentes navegadores e dispositivos. Realizar testes de usabilidade para verificar a experiência do usuário durante a realização da prova, assegurando uma interação intuitiva e sem problemas. Realizar testes de responsividade em diferentes dispositivos.