Skip to content

Latest commit

 

History

History
88 lines (56 loc) · 6.24 KB

README.md

File metadata and controls

88 lines (56 loc) · 6.24 KB

Burger Queen

1. Resumo

O objetivo do projeto foi criar uma aplicação sob demanda para um restaurante de hambúrgueres. Esse estabelecimento está em expansão e necessita de uma interface que será usada para atendimento dos clientes e gerenciamento dos pedidos. Para isso a aplicação será utilizada tanto pelos funcionários que trabalham fazendo e entregando pedidos aos clientes como por funcionários que prepararam os pedidos na cozinha. Os funcionários trabalharão utilizando um tablet, e deve haver um fluxo ordenado e eficiente entre pedidos realizados, preparados e entregues ao cliente.
A lógica do projeto foi implementada em Javascript usando a biblioteca React e o framework Aphrodite para CCS-in-JS. Trata-se de um aplicativo web executado para ser rodado especificamente em tablets, mas que se adapta bem a dispositivos de outros tamanhos.

📌 Clique aqui para acessar o webapp.

Caso não queira se cadastrar, faça login utilizando os seguintes dados:

-Para acesso ao ambiente do salão-
Usuário: [email protected]
Senha: 102030

-Para acesso ao ambiente da cozinha-
Usuário: [email protected]
Senha: 102030

Visualização do salão:
gif Salão

Visualização da cozinha:
gif Cozinha

2. Usuários

O Projeto foi pensado e desenvolvido para ser utilizado pelos funcionários da hamburgueria, que são os atendentes e os profissionais que preparam o pedido.

2.1 Histórias do Usuário

A interface do app foi planejada para atender as seguintes necessidades de usuário:

Histórias de Usuário 1: Eu como funcionário do restaurante quero entrar na plataforma e ver apenas a tela importante para o meu trabalho.

Solução: o usuário deve se registrar no aplicativo usando e-mail e senha e especificar qual é seu local de trabalho (salão ou cozinha). A partir daí cada vez que o usuário loga ele é direcionado para o seu ambiente de trabalho:

  • Salão: acesso às páginas "Salão" (registro dos pedidos dos clientes na comanda e envio para a cozinha) e "Pedidos Prontos" (lista de pedidos já preparadas e na fila de espera para entrega).
  • Cozinha : acesso às páginas "Cozinha" (lista de pedidos a serem preparados) e "Histórico" (lista para consulta de todos os pedidos preparados)

Histórias de Usuário 2: Eu como garçom/garçonete quero poder anotar o pedido dos clientes e enviar para o preparo na cozinha.

Solução: página "Salão" dá acesso à comanda de pedidos, onde o funcionário deve adicionar as informações do cliente (nome e mesa), dos itens e da quantidade dos itens escolhidos pelos clientes. Também pode visualizar o preço total do pedido. O pedido pronto é enviado para a cozinha quando finalizado.

Histórias de Usuário 3: Eu como chefe de cozinha quero ver os pedidos dos clientes, marcar os pedidos prontos e notificar o salão para a entrega.

Solução: página "Cozinha" recebe de forma síncrona os novos pedidos realizados no salão, com o horário do pedido registrado. É possível ter maior controle sobre quais itens de cada pedido já foram preparados checando cada um deles. É possível também sinalizar quais pedidos da lista já estão em preparação, a fim de evitar a execução do mesmo pedido por cozinheiros diferentes, caso haja mais de um no estabelecimento. Após a finalização do preparo o cozinheiro pode marcar o pedido como "Pedido Pronto", e ele será excluído da lista de pedidos pendentes para preparo que está visível na tela. Já a página "Histórico" dá acesso ao cozinheiro a todos os pedidos já finalizados, incluindo o tempo de preparo de cada um deles.

Histórias de Usuário 4: Eu como garçom/garçonete quero ver os pedidos que estão prontos para entregá-los rapidamente aos clientes.

Solução: página "Pedidos Prontos" recebe de forma síncrona os novos pedidos já preparados na cozinha. O funcionário pode marcar cada pedido como "Pedido Entregue", e ele será excluído da lista de pedidos pendente para entrega visível na tela.

3. Funcionalidades

Abaixo segue algumas informações importantes sobre o restaurante e que foram levadas em consideração durante o planejamento e execução do projeto:

Ambientes do estabelecimento:

Dois ambientes com funções diferentes:

1.Salão: funcionários recebem os clientes, anotam e entregam os seus pedidos.
2.Cozinha: funcionários preparam os pedidos e sinalizam quando eles estão prontos. Os cozinheiros também desejam ter acesso a um histórico de todos os pedidos para eventuais consultas.

Menu do restaurante:

O restaurante possui dois menus: um com itens de café-da-manhã e outro com itens para o restante do dia. Apesar de serem categorias diferentes, o cliente pode escolher itens das duas categorias em um mesmo pedido. Uma informação importante repassada pelo restaurante é que os clientes são bastante indecisos, sendo comum mudarem o pedido várias vezes antes de finalizar. Isso foi levado em consideração durante o desenvolvimento.

4. Prototipação

Durante o planejamento do projeto nós realizamos protótipos de alta fidelidade (imagem abaixo). Ajustes em relação à concepção inicial da interface foram implementados a partir de consultas a potenciais usuários e de acordo com a nossa própria percepção, sempre com o objetivo de melhorar a usabilidade e a experiência do usuário.

Protótipo de alta fidelidade

5. Ferramentas utilizadas

  • React - biblioteca Javascript para criar interfaces de usuário
  • Aphrodite - framework CSS-in-JS
  • Node.js - plataforma de desenvolvimento.
  • VSCode - editor de texto
  • NPM - gerenciador de pacotes
  • Figma - plataforma de prototipagem
  • Trello - gerenciador de projeto

6. Autoras

Trabalho desenvolvido durante o bootcamp de programação front-end da Laboratória (SAP004) por:

  • Luana Arêdes
  • Nathalia Monalisa Francisco

7. Créditos