Max Weiss Breuel| Home | Escopo | Processo | Design/Mockups | Configuração | Arquitetura | Gerência | Código | BD | Qualidade | Analytics |
|---|
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.