GitLab

Descrição

Durante o perido da Sprint 0, foram desenvolvidas pelos AGES III de Frontend as telas da aplicação, feitas na ferramenta Figma, em um trabalho colaborativo com os demais colegas.

Identidade Visual

O primeiro passso antes de dar inicio no desenvolvimento dos protótipos de tela, foi definir uma identidade visual atrelada ao projeto, algo que serviria como guia para as cores, fontes e logotipo que seriam utilizados futuramente. Abaixo, a definição de identidade visual do projeto feita:

É possivel ver algumas das opções consideradas para logotipos e paleta de cores, mas, de acordo com a equipe, foram escolhidos os seguintes elementos visuais para o projeto:

Mockups

Os Mockups da aplicação pode ser vistos em sua integridade na página do Figma feita pelo time. Neste espaço será apresentado somente a tela e uma descrição rápida de sua função. Vale lembrar que as telas foram feitas seguindo as derfinições passadas ao time pelo cliente e com base nas US's do projeto.

Login

Cadastro

Na tela de cadastro, alem dos campos esperados de cadastro, é possivel ver um botão de Dropdown associaddo as turmas já pré cadastradas na aplicação pelo admin da aplicação, que o aluno pode selecionar.

Fluxo Aluno

Lista Autoavalições

Na tela de Autoavaliações, é possivel ver as autoavaliações feitas pelo aluno até o momento, uma opção de filtragem das mesmas, e a opção de visualizar ou editar uma autoavaliação já feita. Alem disso, a opção de cadastrar uma nova Autoavaliação.

Visualiza Autoavaliação

Edita Autoavaliação

Unica diferença existente entre a tela de Visualização e Edição de Autoavaliações é a prensença de campos editáveis e de um botão de Salvar/Finalizar.

Fluxo Professor

Listagem de Turmas

Após fazer Login na aplicação, usuários do tipo Professor vão poder ter uma visualização das turmas das quais ele tem dominio sobre. Além disso, ele tambem pode visualizar turmas de semestres passados ao selcionar um semestre especifico na aba superior. Ao clicar em uma turma, o professor é levado até a tela que lista os alunos que fazem parte daquela turma.

Listagem Alunos

Na tela de Visualização de Alunos, é possivel ver, alem dos alunos em seus respectivos cards, um filtro que o professor pode utilizar para ajustar sua visualização.

Filtro de Listagem de Alunos

As opções de filtragem definidas variam entre: Todos os Alunos, Todos os Alunos que fizeram a ultima Autoavaliação realizada, e Todos os alunos que não fizeram a ultima Autoavaliação realizada.

Visualização de Avaliações do Aluno

O Professor pode ver as suas Avaliações do Aluno selecionado na tela anterior, bem como as Autoavalições do mesmo. Ele pode editar sua Avalição, como Visualiza-la, e adicionar uma nova Avaliação. Tambem existe a oportunidade de utilização de um filtro por Data ou por Disciplina.

Visualização/Edição Avaliações do Aluno

A Avaliação do professor é baseada em um questionário de 10 perguntas. Cada uma dessas perguntas recebe um ponto. Cada campo oferece a oportunidade do professor de deixar um comentário. Ao final, é oferecido ao professor um campo de observações, onde ele pode adicionar as anotações que achar necessárias. A unica diferença entre a tela de visualização e edição, é novamente a presença do campo editável e o botão de Salvar/Finalizar.

Fluxo Admin