|
|
Telas prototipadas usando Figma
|
|
# Design do Sistema
|
|
|
|
|
|
|
|
## Descrição
|
|
|
|
|
|
|
|
Ao longo da _Sprint_ 0, o time desenvolveu as telas com objetivo de alinhar as expectativas de design com os stakeholders. As telas foram projetadas para oferecer um fluxo intuitivo, visando a futura usabilidade da aplicação. Neste processo, as telas foram divididas em dois fluxos distintos: um para professores e outro para aluno, garantindo que cada perfil de usuário tenha um conteúdo personalizado adequado às suas necessidades dentro da plataforma.
|
|
|
|
|
|
|
|
Os protótipos de tela foram realizados através da ferramente Figma, contando com a colaboração da equipe. O resultado total pode ser visualizado através do _link_ [Histotéria](https://www.figma.com/design/HcqaUI7OiAWnDoBnBH7pcQ/Histoteria?node-id=0-1&node-type=canvas&t=PjC4TFXSY6SY4uQD-0).
|
|
|
|
|
|
|
|
## Escolha do Usuário (fluxo)
|
|
|
|
|
|
|
|
|
|
|
|
### Descrição:
|
|
|
|
|
|
|
|
A tela inicial apresenta uma escolha entre perfis de usuário, permitindo que o acesso seja direcionado de acordo com o tipo de usuário: aluno ou professor. Essa interface facilita a navegação, promovendo um fluxo direto e intuitivo.
|
|
|
|
|
|
|
|
## Login
|
|
|
|
|
|
|
|
|
|
|
|
### Descrição:
|
|
|
|
|
|
|
|
A tela de _login_ permite que o usuário acesse o aplicativo utilizando os dados cadastrados no sistema.
|
|
|
|
|
|
|
|
# Fluxo Professor
|
|
|
|
|
|
|
|
## Descrição
|
|
|
|
|
|
|
|
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
|
|
|
|
|
|
|
|
|
|
|
|
### 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)
|
|
|
|
|
|
|
|
## 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)
|
|
|
|
|
|
|
|
## Tela do Aluno Selecionado
|
|
|
|
|
|
|
|
|
|
|
|
### Descrição:
|
|
|
|
|
|
|
|
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.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
[Link para o projeto no Figma](https://www.figma.com/design/HcqaUI7OiAWnDoBnBH7pcQ/Histoteria?node-id=0-1&node-type=canvas) |
|
|
