# 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)