design_mockups.md

@@ -12,12 +12,14 @@
 
 *******
 
-<div id='descricao'/>  
+<div id='descricao'/> 
+ 
 ## 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.
 
 <div id='idvisual'/> 
+
 ### 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: 
@@ -29,6 +31,7 @@ O primeiro passso antes de dar inicio no desenvolvimento dos protótipos de tela
 ![DEF_IACC](uploads/7c62c00de9baa821de8bc7b071e95ee0/DEF_IACC.png)
 
 <div id='mockups'/> 
+
 ## 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.
@@ -44,6 +47,7 @@ Os Mockups da aplicação pode ser vistos em sua integridade na página do Figma
 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. 
 
 <div id='faluno'/> 
+
 ### Fluxo Aluno
 
 #### Lista Autoavalições
@@ -63,6 +67,7 @@ Na tela de Autoavaliações, é possivel ver as autoavaliações feitas pelo alu
 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.
 
 <div id='fprof'/> 
+
 ### Fluxo Professor
 
 #### Listagem de Turmas
@@ -98,6 +103,7 @@ O Professor pode ver as suas Avaliações do Aluno selecionado na tela anterior,
 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.
 
 <div id='fadmin'/> 
+
 ### Fluxo Admin
 
 O Usuário Admin da aplicação é definido como um professor com nivel de acesso superior, logo, muitas de suas telas são similares as telas de professor, somente com opções extras que englobam seu nivel.
@@ -163,4 +169,5 @@ O Usuário Admin pode clicar no card de um aluno e ser levado para a tela das av
 Os Mockups apresentados acima são meramente uma base para o que as telas da aplicação irão se assemelhar em sua versão final. É bom ressaltar que são sujeitas a mudanças durante o desenvolvimento da aplicação para entrar em conformidade com futuras adições/edições/exclusões que vierem a ser feitas.
 
 <div id='vfinal'/> 
+
 ## Versão Final
\ No newline at end of file