Criar plugin Wordpress - Simulado do Enem

Olhar primeiramente o arquivo em anexo (PDF)
Deve ter uma página para cadastrar as questões e suas respostas com a opção de marcar qual delas é a correta, e escolher a categoria/assunto.

Campo para cadastrar as imagens da questão caso seja necessário na mesma, ou seja isso é opcional

Ter a opção de cadastrar mais respostas para a mesma questão já cadastrada anteriormente

Ter uma tela para buscar e editar questões já cadastradas para fácil manutenção

Ter um campo (checkbox) para ativar ou desativar a questão no banco de dados nessa tela de edição de questão

Ter uma página onde insere os dados de configurações básicas que o simulador deve usar, segue quais abaixo:

Quantidade Total de Questões da Prova/Simulação

Quantidade de Questões por categoria que deve ser usadas por cada prova/simulação

Quais categorias o simulador deve ter (Cadastro de Categorias relacionadas a cada pergunta)

Tempo máximo da prova/simulação

Ter um campo para informar a quantidade de segundos para alertar o usuário que o tempo da prova/simulado está acabando, e ter opção de ativar ou desativar essa função

Campo para ativar ou desativar alerta de mensagem quando o usuário alterar a resposta de uma questão que já havia selecionado uma resposta (ou seja para que eu possa ativar ou desativar esse alerta para o usuário)

Campo para escrever uma mensagem/código html que será exibida no início para o usuário entender como vai funcionar o simulado e como vai funcionar a prova oficial do enem que vai começar a ser digital a partir de 2020 para parte dos participantes. (Tipo um texto de boas vindas explicativo)

Ao clicar no botão Iniciar Simulado, deve ser gerada a lista das questões do banco que serão usadas na prova/simulado iniciado pelo usuário. Se basear como é o ENEM hoje em dia para separar a quantidade necessária para cada categoria/assunto, Mas perguntar o Nome, WhatsApp e E-mail do usuário para que ele inicie o simulado, mas deixar essas perguntas opcionais, mas caso inseridas salvar no banco de dados.


Executar então o início da prova/simulado, dar a opção do usuário escolher por qual assunto/categoria deseja iniciar a prova/simulado, seguindo os requisitos abaixo:

Mostrar a questão inicial e suas opções de respostas, e ir seguindo a navegação para as próximas durante o processo normal da prova/simulado e ter os requisitos e botões descritos abaixo:

Não deixar perguntas se repetirem

Deixar selecionar apenas uma resposta por questão, ou seja assim que clicar/marcar em uma a anterior é automaticamente desmarcada

Mostrar o número da questão do lado esquerdo antes do texto da questão

Mostrar Categoria/Assunto/Tema da questão do lado direito no topo

As respostas devem ser enumeradas como no ENEM atual logo abaixo da questão

Deve ser mostrada a imagem da questão como no Enem atual, caso a questão tenha uma imagem ilustrativa.

Ter botão NAVEGAR que chama uma tabela que mostra categorias e números das questões por categoria para saltar de uma questão para outra que não foi respondida ou já foi respondida e possa alterar caso queira (revisar), ter uma cor para cada questão já respondida (pode ser verde), uma para não respondida que pode ser vermelho e amarela para as que já foram visualizadas mas ainda não foi marcada nenhuma resposta

Ter contador de tempo atual de prova

Ter botão avançar abaixo da questão para próxima questão

ter botão retornar abaixo da questão para questão anterior

ter um botão para abrir em tela cheia (f11) abaixo da questão

ter um botão para sair da tela cheia (f11) abaixo da questão

ter o botão nova prova abaixo da questão, onde já encerra a prova mesmo que não tenha terminado de responder todas as questões, mas mostra uma caixa de alerta para confirmar se tem certeza que deseja encerrar o processo e pergunta se deseja ver o resultado ou não, e logo após inicia uma nova prova/simulado

ter o botão corrigir abaixo da questão, onde já encerra a prova mesmo que não tenha terminado de responder todas as questões, mas mostra uma caixa para confirmar que tem certeza que deseja encerrar o processo

ao encerrar seja clicando no botão de corrigir ou seja por tempo total atingido, mostrar uma tabela com o resultado mostrando a contagem de erros e acertos e também o tempo gasto, tempo que havia restante, ter a opção de visualizar a pergunta novamente clicando no número dela na tabela, e mostrar a questão, o número da questão, qual a resposta foi selecionada e qual era a correta (prezar pela qualidade/facilidade de navegação e entendimento do usuário do resultado). Mostrar a nota do Aluno com base nos acertos (Usar fórmula usada atualmente pelo INEP). Mostrar uma mensagem logo abaixo da questão caso a questão não tenha sido respondida ao finalizar a prova/simulado.


Ter botão nova prova (para iniciar uma nova prova/simulação) abaixo da questão

mostrar alerta (pode ser uma mensagem e piscar poucas vezes o fundo em vermelho e o texto ficar em branco quando piscar) abaixo do contador de tempo, pode piscar o contador também, mas essa função é opcional (pode ser ativada ou não nas configurações)

finalizar automaticamente a prova/simulado quando o tempo total de prova/simulado for atingido, mesmo que não tenha terminado de responder/marcar todas as questões

requisitos: o simulado deve rodar em navegadores para smartphones android e iphones e também no navegadores desktop: chrome, edge, firefox e opera

o simulador deve ser responsivo, (pode usar o twitter bootstrap 4  mesmo para facilitar e agilizar a entrega do projeto)

deve ter um botão que aumente o tamanho da fonte, aquele famoso a de acessibilidade

todo o simulador de ser chamado apenas com a inserção de um shortcode do wordpress, para facilitar ser inserido em qualquer tema wordpress, ou seja é para ser feito como um  simples plugin wordpress

vou entregar o css e o html das telas do pdf que já estão feitas após o aceite da proposta

enviar proposta com valor e preço

usar o tema understrap https://br.wordpress.org/themes/understrap/
e a última versão do wordpress em pt-BR

deve ser feito com o essencial em javascript (jquery) e restante no Wordpress com php 7.3