design_mockups.md

@@ -78,6 +78,45 @@ Tela inicial de login comum a todos usuários onde para logar é necessário for
 
 <img src="./resources/images/mockups/mockups-screens-login.png" width="400">
 
+### Homepage dos usuários
+Após o login do usuário, o usuário é redirecionado para o seu fluxo específico, que inicia com a *homepage*. Uma vez que o fluxo do responsável ainda não foi desenvolvido, as *homepages* existentes são as do coordenador, do professor e do especialista, que podem ser vistas na imagem abaixo:
+
+<img src="./resources/images/mockups/mockups-homepage.png" width="400">
+
+### Fluxo do professor
+Quando se tratando do fluxo do professor, existem três funcionalidades: lista de alunos (e área de cada aluno), materiais e fórum. Com relação aos materiais, abaixo podem ser vistas as telas de listagem e busca de materiais e de visualização do conteúdo de um material.
+
+<p float="left">
+  <img src="./resources/images/mockups/mockups-professor-materiais.png" width="120" />
+  <img src="./resources/images/mockups/mockups-professor-ver-material.png" width="120" /> 
+</p>
+
+Já com relação ao fórum, que é compartilhado entre os professores e os especialistas, abaixo podem ser vistas as telas de busca de uma postagem a partir do filtro por texto ou por tags, e também a tela que é apresentada quando não foram encontrados resultados para a busca, na linha de baixo.
+
+<img src="./resources/images/mockups/mockups-professor-forum-buscar.png" width="300">
+
+Em seguida, podem ser vistas as telas de adição de uma postagem no fórum, sendo que a linha de cima das telas apresentam o fluxo em que o usuário cria uma nova postagem e em seguida visualiza esta nova postagem, enquanto a linha de baixo representa os casos em que o usuário tenta realizar a postagem sem ter preenchido todos os campos ou em que o usuário cancela a postagem.
+
+<img src="./resources/images/mockups/mockups-professor-forum-adicionar.png" width="400">
+
+Por fim, abaixo também podem ser vistas as telas relativas à listagem de alunos e à área do aluno. Na linha de cima, podem ser vistas as telas relativas à inserção de uma nova anotação sobre este aluno, na linha do meio podem ser vistas as telas relativas à inserção ou edição de um dado sobre o aluno, e na linha de baixo podem ser vistas as telas relativas aos relatórios (tanto a geração quanto a visualização do histórico). É possível ver que, durante a geração do relatório, é possível clicar em um ícone do cabeçalho para visualizar ao lado todas as anotações feityas naquele determinado período e utilizar isso como base para o relatório, conforme havia sido desenhado no protótipo de baixa fidelidade.
+
+<img src="./resources/images/mockups/mockups-professor-area-aluno.png" width="400">
+
+### Fluxo do especialista
+Quando se tratando do fluxo do especialista, existem três funcionalidades: materiais, meus materiais e fórum. Com relação à visualização de materiais em geral, as telas são semelhantes àquelas já apresentadas no fluxo do professor. Já quando se tratando das telas de meus materiais, deve ser possível acrescentar novos materiais e editar/deletar materiais já existentes, conforme mostrado na figura abaixo.
+
+<img src="./resources/images/mockups/mockups-especialista-materiais.png" width="400">
+
+Com relação às telas de fórum, estas também são semelhantes às telas do professor, com exceção de que as telas para inserir uma nova postagem não possuem o campo para escolher se a postagem será visível por especialistas ou não, como pode ser visto abaixo:
+
+<img src="./resources/images/mockups/mockups-especialista-forum.png" width="100">
+
+### Fluxo do especialista
+
+TO DO
+
+
 ## Sumário
 
 - [Design do Sistema](#design-do-sistema)