design_mockups.md

@@ -15,3 +15,35 @@ O primeiro passso antes de dar inicio no desenvolvimento dos protótipos de tela
 ![DEF_IACC](uploads/7c62c00de9baa821de8bc7b071e95ee0/DEF_IACC.png)
 
 ## 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
+
+![Frame_1_-_Login_Page](uploads/4c693d34940f6f637e9c2a6f4512d7a8/Frame_1_-_Login_Page.png)
+
+### Cadastro
+
+![Frame_2_-_Cadastro](uploads/88c45520e1af2affac362c1d34dd4bed/Frame_2_-_Cadastro.png)
+
+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
+
+![Lista_Autoavaliação](uploads/7d48879e417edb898e18d70928978b91/Lista_Autoavaliação.png)
+
+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
+
+![Visualiza_Autoavaliação](uploads/028c19ba0dd77055fe3ccc0fb9e3f74e/Visualiza_Autoavaliação.png)
+
+#### Edita Autoavaliação
+
+![Edita_Autoavalição](uploads/ea695478b4e8bde5532aff5ade42d686/Edita_Autoavalição.png)
+
+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
\ No newline at end of file