|
|
|
# Design do Sistema
|
|
|
|
# Design do Sistema Inicial
|
|
|
|
|
|
|
|
## Descrição
|
|
|
|
|
| ... | ... | @@ -26,19 +26,19 @@ A tela de _login_ permite que o usuário acesse o aplicativo utilizando os dados |
|
|
|
|
|
|
|
O fluxo do professor foi desenvolvido para oferecer ferramentas e funcionalidades que facilitem o gerenciamento e acompanhamento do progresso dos alunos e dos cenários que são disponibilizados.
|
|
|
|
|
|
|
|
## Tela Inicial
|
|
|
|
|
|
|
|
## Tela Inicial & Menu Lateral
|
|
|
|
|
|
|
|
|
|
|
|
### Descrição:
|
|
|
|
|
|
|
|
A tela inicial exibe uma visão geral das turmas organizadas por ano letivo (1º, 2º, e 3º Ano do Ensino Médio). Ao selecionar uma turma, o professor é redirecionado para [Tela de Alunos da Turma](##Tela de Alunos da Turma)
|
|
|
|
A tela inicial exibe uma visão geral das turmas organizadas por ano letivo (1º, 2º, e 3º Ano do Ensino Médio). Ao selecionar uma turma, o professor é redirecionado para [Tela de Alunos da Turma](#Tela-de-Alunos-da-Turma). Há também um _widget_ no canto superior direito que leva para um menu lateral. Neste menu existe a opção de ver as estatísticas de uma determinada turma.
|
|
|
|
|
|
|
|
## Tela de Alunos da Turma
|
|
|
|
|
|
|
|
|
|
|
|
### Descrição:
|
|
|
|
|
|
|
|
A tela de alunos da turma da acesso a uma lista completa de todos os alunos matriculados em uma turma específica, identificada pelo nome no topo da tela. Cada aluno é exibido com nome e número de matrícula, ao clicar em um aluno o professor é redirecionado para [Tela do Aluno Selecionado](##Tela do Aluno Selecionado)
|
|
|
|
A tela de alunos da turma da acesso a uma lista completa de todos os alunos matriculados em uma turma específica, identificada pelo nome no topo da tela. Cada aluno é exibido com nome e número de matrícula, ao clicar em um aluno o professor é redirecionado para [Tela do Aluno Selecionado](#Tela-do-Aluno-Selecionado).
|
|
|
|
|
|
|
|
## Tela do Aluno Selecionado
|
|
|
|
|
| ... | ... | @@ -47,6 +47,93 @@ A tela de alunos da turma da acesso a uma lista completa de todos os alunos matr |
|
|
|
|
|
|
|
A tela do aluno selecionado permite ao professor visualizar todas as avaliações realizadas pelo aluno, organizadas de acordo com o conteúdo abordado em cada uma. Ao em uma avaliação específica, o professor é redirecionado para uma tela detalhada com o desempenho do aluno naquela prova.
|
|
|
|
|
|
|
|
## Tela de Desempenho na Prova
|
|
|
|
|
|
|
|
|
|
|
|
### Descrição:
|
|
|
|
|
|
|
|
A tela de desempenho na prova fornece ao professor um relatório detalhado sobre o desempenho do aluno, exibindo suas respostas corretas e incorretas, além da nota final obtida.
|
|
|
|
|
|
|
|
## Tela de Estatísticas de Turma
|
|
|
|
|
|
|
|
|
|
|
|
### Descrição:
|
|
|
|
|
|
|
|
A tela de estatísticas das turmas oferece uma visão geral do desempenho coletivo de cada turma. As turmas são organizadas por ano letivo, permitindo ao professor selecionar facilmente o ano desejado e visualizar mais detalhadamente o desempenho médio de cada turma.
|
|
|
|
|
|
|
|
## Tela de Estatísticas de Provas
|
|
|
|
|
|
|
|
|
|
|
|
### Descrição:
|
|
|
|
|
|
|
|
A tela de estatísticas de provas proporciona ao professor uma análise detalhada sobre o desempenho da turma em cada prova realizada.
|
|
|
|
|
|
|
|
# Fluxo Aluno
|
|
|
|
|
|
|
|
## Descrição
|
|
|
|
|
|
|
|
O fluxo do aluno foi projetado para proporcionar uma experiência intuitiva e focada no aprendizado.
|
|
|
|
|
|
|
|
## Tela Inicial & Menu Lateral
|
|
|
|
|
|
|
|
|
|
|
|
### Descrição:
|
|
|
|
|
|
|
|
A tela inicial apresenta ao aluno uma lista de provas, acompanhada de um indicador de disponibilidade representado pela cor do ícone de cadeado. Provas desbloqueadas são identificadas com um cadeado verde, enquanto as bloqueadas possuem um cadeado vermelho. Ao clicar em uma prova aberta, o aluno é imediatamente direcionado para o início do jogo baseado no conteúdo daquela avaliação. Há também um _widget_ no canto superior direito que leva para um menu lateral. Neste menu existem as opções:
|
|
|
|
|
|
|
|
- Meu perfil: leva o aluno para uma aba de personalização do perfil.
|
|
|
|
- Configurações: ------.
|
|
|
|
|
|
|
|
## Tela Meu Perfil
|
|
|
|
|
|
|
|
|
|
|
|
### Descrição:
|
|
|
|
|
|
|
|
A tela de perfil do aluno oferece uma variedade de avatares que ele pode escolher para personalizar sua conta.
|
|
|
|
|
|
|
|
|
|
|
|
## Logotipo
|
|
|
|
|
|
|
|
Os _stakeholders_ possuíam um logotipo original; porém, ao longo do projeto, foram realizadas algumas mudanças sugeridas pelo time. A seguir, estão o logotipo original e o atualizado, respectivamente.
|
|
|
|
|
|
|
|
### Original
|
|
|
|
|
|
|
|
|
|
|
|
### Atualizado
|
|
|
|
|
|
|
|
|
|
|
|
## Paleta de Cores
|
|
|
|
|
|
|
|
Devido à mudança no logotipo, as paletas de cores também foram atualizadas para melhor harmonizar com o novo logo.
|
|
|
|
|
|
|
|
|
|
|
|
## Tipografia
|
|
|
|
|
|
|
|
Como a tipografia não foi definida pelos _stakeholders_, o próprio time decidiu qual fonte utilizar.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
## Elementos Visuais
|
|
|
|
|
|
|
|
Esses elementos visuais foram utilizados tanto no design das telas quanto posteriormente na implementação dentro da Unity.
|
|
|
|
|
|
|
|
## Estatística
|
|
|
|
|
|
|
|
|
|
|
|
### Descrição:
|
|
|
|
|
|
|
|
Foi definido esse elemento para representar o botão de estatística de turmas no menu lateral do fluxo do professor
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| ... | ... | |
