Trabalho Final - Hotel Pet
O projeto da disciplina será criar um site chamado Hotel Pet (Clique no link para o Figma). O projeto deverá ser desenvolvido individualmente utilizando, primeiramente, HTML e CSS.
O CSS no Figma é neutro, Vocês personalizarão as cores e Imagens.
Não poderá usar bibliotecas ou frameworks.
No entanto, o conhecimento pode ser compartilhado e podem se ajudar mutuamente.
O projeto será dividido em etapas que deverão ser entregues nos prazos estabelecidos.
Será avaliada as entregas frequentes e nos prazos, por meio do GitHub.
Etapas estimadas:
Semana 1 - 14/08 HTML
Semana 2 - 21/08 CSS
Hotel Pet é um sistema de gerenciamento de estadia de Pets em períodos específicos. O cliente pode fazer uma reserva pelo site e também acompanhar o dia a dia do seu animal. Em anexo está disponível o protótipo do Hotel Pet. Clicando no botão "Present" é possível fazer uma navegação simulada entre as telas. Abaixo está a descrição dos três tipos de visualização possíveis dentro do sistema. A visão do cliente, dos funcionários e dos gerentes. ATENÇÃO: No entanto, será desenvolvida a visão do Gerente.
Como não desenvolveremos o backend, todos os elementos serão estáticos.
Visão do Cliente
O Cliente pode fazer login ou criar conta (caso não esteja cadastrado).
Ao logar, será direcionado para tela de reservas.
Nela o cliente pode pesquisar as reservas por campos específicos, visualizar e editar reservas em andamento. Também pode criar novas reservas onde é solicitado o nome do pet (previamente cadastrado) o período de estadia e informações sobre o pet. O valor total das diárias são calculados automaticamente.
Na tela de visualizar reservas, é possível observar as informações da reserva com imagens postadas pelos funcionários, as anotações e o recibo, caso a reserva esteja finalizada.
Caso o status da reserva esteja como finalizada, o cliente apenas pode visualizar e não poderá mais editar a reserva.
Na tela principal dos Pets é possível fazer uma pesquisa pelas características do Pet. Também é possível editar e visualizar os animais já cadastrados no nome do cliente.
Além disso, é possível cadastrar novos Pets onde são solicitados o nome, o tipo de animal, a raça, uma foto e o tamanho.
Na tela visualizar, é possível ver as características do animal e o histórico de reservas para ele. Além de um botão para editar as informações do Animal e um botão de deleção.
O cliente também pode alterar informações de seu perfil clicando na sua imagem e/ou nome no topo da página.
Visão do Funcionário
O funcionário pode fazer as mesmas ações que os clientes, no entanto, em algumas páginas, há mais informações que ele pode adicionar.
Por exemplo, na tela de editar reserva o funcionário pode adicionar anotações sobre a estadia do animal, adicionar imagens, e mudar status da reserva. Caso a reserva seja alterada para Finalizada, é possível adicionar o recibo ou nota da estadia.
Assim como cliente, caso o status da reserva esteja como finalizada, o funcionário apenas poderá visualizar e não poderá mais editar a reserva.
Também, na tela de cadastrar Pet, há um campo adicional "proprietário" onde o funcionário escolherá o cliente que é dono do animal.
Finalmente, há um novo menu chamado Usuário em que o funcionário poderá pesquisar, cadastrar, remover, mudar status, visualizar e editar novos clientes.
Visão do Gerente
Os gerentes podem realizar todas as ações dos clientes e funcionários, no entanto, em algumas páginas, há mais informações que ele pode adicionar.
Por exemplo, o gerente pode alterar informações de reservas com status finalizadas.
Na tela de edição dos usuários, o gerente pode alterar a função do usuário para gerente, funcionário ou cliente.
Além disso, aparecerá um novo menu chamado "configurações" onde o gerente pode alterar o valor das diárias e o número de vagas disponíveis.