---
# System prepended metadata

title: Prateleira de leitura virtual

---

# Prateleira de leitura virtual

Antes de começar a programar o nosso site, nós precisamos pensar em como ele deve ser e o que deve conter nele, então fazemos três coisas antes, que são os casos de uso, a prototipação e o Mer.

## Casos de uso

Antes de nós começarmos a pensar no que o sistema deve fazer, nós tivemos que pensar em quem utilizaria esse sistema. Nós pensamos que teriam três tipos de usuários, o gerente, o funcionário e o cliente. Cada um deles terá suas respectivas ações que poderam ser feitas no site.

### Cliente
![](https://i.imgur.com/Q5idzmA.png)

### Gerente
![](https://i.imgur.com/oTFjwOY.png)

### Funcionário
![](https://i.imgur.com/W8CRCAs.png)


## Prototipação

Após fazer os casos de uso, nós vimos que teriamos três tipos de usuários diferentes, então nós teríamos que ter três menus diferentes,o menu cliente, menu funcionário e menu gerente.
| Menu cliente | Menu funcionário | Menu gerente |
|----------|----------|----------|
|![](https://i.imgur.com/sTh0aG9.png =325x225 ) | ![](https://i.imgur.com/XTM6iM9.png =325x225 ) | ![](https://i.imgur.com/eJVqTmG.png =325x225 ) |
Mas nós precisavamos de algo para separar esses três menus, então fizemos uma tela inicial que seria a tela de login, essa tela é onde você poderá criar sua conta, ou caso você já tenha uma, você poderá entrar nela. Todos os usuários logariam por ali, para logar a tela pegaria o usuário e a senha inseridos e verificaria no Banco de Dados para ver se eles existem ou não, e se era um cliente, um funcionário ou o gerente.

![](https://i.imgur.com/Se40xug.png =400x300)
Após logar, cada menu tem a sua devida função.

### Menu Cliente
![](https://i.imgur.com/H0uDk6y.png =400x300)

Se você entrar como um cliente, você poderá ver seu perfil, seu hitórioco de compras ou comprar um livro.

#### Meu Perfil

Ao clicar em "Meu Perfil" você será redirecionado para uma tela onde ficará guardada as informações da sua conta.
![](https://i.imgur.com/1Bfx0Su.png =400x300)

#### Histórico de compras

Clicando em "Histórico de compras" você irá para uma página onde aparecerá todas as compras que você fez
![](https://i.imgur.com/Xy3VzqL.png =400x300)



#### Fazer uma compra

Se você clicar em "Fazer uma compra" você irá para uma tela onde ficará todos os livros disponiveis para você comprar
![](https://i.imgur.com/CvXr46P.png =400x300)

Depois de você escolher seu livro, clique em comprar que você será redirecionado para a tela de compra, essa é a tela que ficará todas as específicações do livro escolhido
![](https://i.imgur.com/iVMzNwr.png =400x300)

Caso você não queira este livro, basta clicar em voltar e escolher outro livro de sua preferencia.
Mas se você esta certo que quer comprar o livro, clique em "comprar" que você irá para outra tela finalizar sua  compra.
![](https://i.imgur.com/dB272vc.png =400x300)
Nesta tela você terá duas opçôes, a de baixar o livro agora ou depois, caso você clique em sim, você baixará o livro em PDF, se clicar em não você será redirecionado para o menu do cliente e depois você poderá baixa-lo.

### Menu funcionário

No menu do funcionário só teram duas funções que são "Cadastra livro" e "consultar livro"

![](https://i.imgur.com/X91tG3A.png =400x300)


#### Cadastrar livro

Clicando em "Cadastrar livro" o funcionário irá para uma tela onde ele coloca todas as informações do livro que ele irá cadastrar, e por fim, ele clica em "Salvar alterações" para salvar o livro.

![](https://i.imgur.com/JU3adWJ.png =400x300)

#### Consultar livro

Clicando em "Consultar livro" o funcionário será redirecionado para a tela onde ele poderá escolher um livro para fazer alguma modificação, caso ele tenha cadastrado errado.

![](https://i.imgur.com/HnHdIvH.png =400x300)

Basta clicar em "alterar" que ele será redirecionado para a página de alteração de livro, após fazer as devidas mudanças ele deverá clicar em "Salvar alterações".

![](https://i.imgur.com/uOvjasY.png =400x300)

### Menu Gerente

No menu gerente se tem três funções, "adicionar funcionário", "gerenciamento de funcionário" e "gerenciar finanças"

![](https://i.imgur.com/zYlNw0W.png =400x300)

#### Adicionar funcionário

A função adicionar funcionário, é onde o gerente irá criar o login de um novo funcionário da empresa. 

![](https://i.imgur.com/6gxiiiN.png =400x300)

#### Gerenciamento de Funcionário

Está função mostra todos funcionários ativos da empresa, e caso houver alguma demissão é ali que o gerente irá remover o login daquele funcionário clicando em excluir.

| Gerenciar funcionário | Excluir funcionário |
|----------|----------|
|![](https://i.imgur.com/ZjcRiHh.png =325x225)|![](https://i.imgur.com/OJEZDjX.png =325x225)
|

#### Gerenciar Finanças 

A função "Gerenciar Finanças" é onde mostrará o rendimento mensal do nosso site, a quantidade de livros vendidos e o número de funcionários ativos até aquele momento.

![](https://i.imgur.com/E83Bdv2.png =400x300)

## MER

No MER nós pensamos em fazer uma tabela paro o login, uma do cliente, uma do funcionário/gerente, uma para os livros e por fim a tabela de compra. 
Na tabela de login teria que conter o email e a senha do usuario para logar.
Na tabela do cliente estariam as informações de cadastro do cliente onde resultaria em um id do cliente.
Na tabela de funcionário o mesmo, estariam todas as informações de cadastro dos funcionários onde resultaria no id deles.
Já na tabela do livro, deve conter tudo aquilo que é necessario para adicionar um livro na "loja", assim gerando o id do livro.
A tabela de compra pega o id do cliente e o id livro para criar um id compra .

![](https://i.imgur.com/T9F1tOT.jpg)

