docs/produto/prototipos.md
## Histórico de Versões
Data|Versão|Descrição|Autor
-|-|-|-
01/03|0.1|Criação da Estrutura do Documento|Eduardo e Victor|
02/03|0.2|Adição da Introdução|Eduardo e Victor|
02/03|0.3|Adição do Protótipo de Baixa Fidelidade e Fluxo de Usuário|Eduardo e Victor|
02/03|0.4|Adição das Descrições das Telas|Eduardo e Victor|
04/03|0.5|Atualização do Protótipo de Baixa Fidelidade, Fluxo de Usuário e Telas|Eduardo|
09/03|0.6|Atualização das Telas e Adição do Protótipo de Alta Fidelidade|Eduardo|
27/04|1.0|Lançamento do Protótipo de Alta fidelidade v2.0| Rafael, Eduardo, Roberto e Victor|
27/04|1.1|Atualização do fluxo de usuário| Rafael|
## 1. <a name="1">Introdução</a>
<p align = "justify">    Este documento tem como objetivo registrar e disponibilizar o histórico de versões dos protótipos de baixa fidelidade bem como do protótipo de alta fidelidade e também o fluxo de usuário.</p>
## 2. <a name="2">Protótipos de Baixa Fidelidade</a>
<p align = "justify">    O protótipo de baixa fidelidade tem como objetivo reunir ideias e torná-las visíveis para que haja um melhor entendimento do projeto, de como será organizado visualmente, e facilitar o debate sobre melhorias.</p>
- [Versão 1](https://github.com/fga-eps-mds/2020.2-Anunbis/issues/39#issuecomment-787580528)
- [Versão 2](https://github.com/fga-eps-mds/2020.2-Anunbis/issues/39#issuecomment-790673259)
## 2. <a name="2">Protótipo de Alta Fidelidade</a>
### 2.1 <a name="2.1">Versão 1</a>
<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FNqHjyO26dyCtuC8vnqjSwr%2FPrototipo-Alta-Fidelidade%3Fnode-id%3D60%253A201" allowfullscreen></iframe>
### 2.2 <a name="2.2">Versão 2</a>
<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FNqHjyO26dyCtuC8vnqjSwr%2FPrototipo-Alta-Fidelidade%3Fnode-id%3D1187%253A3014" allowfullscreen></iframe>
## 3. <a name="3">Fluxo de Usuário</a>
<iframe width="768" height="432" src="https://miro.com/app/live-embed/o9J_lRVkZOs=/?moveToViewport=-2564,-1478,3849,2164" frameBorder="0" scrolling="no" allowFullScreen></iframe>
## 4. <a name="4">Telas</a>
### 4.1 <a name="4.1">Página Home</a>
<p align = "justify">   Página inicial cujo objetivo é apresentar mais informações sobre o aplicativo para o usuário, bem como apresentar a equipe de desenvolvedores e o contato do time. Fazendo com que a experiência de uso do aplicativo se torne mais fluida e amigável. </p>
### 4.2 <a name="4.2">Cadastro</a>
<p align = "justify">    Onde o usuário irá criar uma conta para utilizar a aplicação. Será necessário fornecer o nome, informações institucionais e uma senha para autenticação.</p>
### 4.3 <a name="4.3">Login</a>
<p align = "justify">    Onde o usuário irá fornecer o e-mail e senha cadastrados para realizar o acesso a aplicação com a conta criada.</p>
### 4.4 <a name="4.4">Página Inicial (Logado)</a>
<p align = "justify">    <b>Aluno:</b> Terá um feed com as avaliações escritas pelo usuário e a quantidade de pessoas que concordam ou discordam com as avaliações.</p>
<p align = "justify">    <b>Professor:</b> Feed com as avaliações feitas sobre você, bem como acesso a gráficos e estatísticas gerenciais que auxiliem na compreensão de suas avaliações, bem como seu progresso durante os anos.</p>
### 4.5 <a name="4.5">Resultado da Pesquisa</a>
<p align = "justify">    Caso o usuário informe o nome ou código da disciplina serão apresentados todos os professores que a ministram, um botão para escolher a ordem de apresentação, as avaliações feitas pelos usuários, botão para denunciar avaliação e um botão para o aluno escrever sua avaliação. </p>
<p align = "justify">    Caso o usuário informe o nome do professor serão apresentadas todas as disciplinas que o professor ministra, um botão para escolher a ordem de apresentação, as avaliações feitas pelos usuários, botão para denunciar avaliação e um botão para o aluno escrever sua avaliação. </p>
### 4.6 <a name="4.6">Criar Avaliação</a>
<p align = "justify">    Tela onde o usuário irá escrever suas avaliações. Nome do professor e o nome da disciplina serão preenchidos automaticamente, o usuário deverá preencher a nota dada ao professor em diferentes aspectos, escolher se a postagem será pública ou anônima e deverá escrever os comentários. </p>>
### 4.7 <a name="4.7">Configurar</a>
<p align = "justify">    Onde o usuário poderá ter acesso as funcionalidades dedicadas ao seu perfil como alterar a senha, ver informações sobre o perfil, excluir a conta ou desconectar. </p>