Status do Projeto: Em andamento
- 1. SOBRE O BURGER QUEEN
- 2. REQUISITOS DO PROJETO
- 3. DESIGN DO SITE BURGER QUEEN
- 4. PROTÓTIPOS
- 5. DESENVOLVEDORA DO APLICATIVO
-
BURGER QUEEN é uma empresa de fast food 24hrs que necessita de um sistema que os ajudem a receber pedidos de seus clientes. Nesse sistema deve existir dois cardápios, um para o café da manhã e outro para o restante do dia, podendo ter algumas opções adicionais. O sistema sempre deve ser atulizado, para caso algum cliente mude o seu pedido antes de finalizar a compra. Além do usuário poder escolher que produtos adicionar, possibilitando que a interface mostre o resumo do pedido com o custo total.
-
O aplicativo será usado em um dispositivo TABLET, porém, caso não haja um tablet, devido por diversos motivos, inclusive um tablet reserva, será usado em um smartphone.
- Eu, como garçom/garçonete quero entrar no sistema de pedidos.
Critérios de aceitação:
O que deve acontecer para satisfazer as necessidades do usuário?
- Acessar uma tela de login.
- Inserir email e senha.
- Receber mensagens de erros compreensíveis, conforme o erro e as informações inseridas.
- Entrar no sistema de pedidos caso as credenciais forem corretas.
Definição de pronto:
O acordado abaixo deve acontecer para dizer que a história está terminada:
- Você deve ter recebido code review de pelo menos uma parceira.
- Fez testes unitários e, além disso, testou seu produto manualmente.
- Você fez testes de usabilidade e incorporou o feedback do usuário.
- Você deu deploy de seu aplicativo e marcou sua versão (tag git).
Eu como garçom/garçonete quero poder anotar o pedido de um cliente para não depender da minha memória, saber quanto cobrar e poder enviar os pedidos para a cozinha para serem preparados em ordem.
Critérios de aceitação:
O que deve acontecer para satisfazer as necessidades do usuário?
- Anotar o nome do cliente.
- Adicionar produtos aos pedidos.
- Excluir produtos.
- Ver resumo e o total da compra.
- Enviar o pedido para a cozinha (guardar em algum banco de dados).
- Funcionar bem em um tablet.
Definição de pronto:
O acordado abaixo deve acontecer para dizer que a história está terminada:
- Você deve ter recebido code review de pelo menos uma parceira.
- Fez testes unitários e, além disso, testou seu produto manualmente.
- Você fez testes de usabilidade e incorporou o feedback do usuário.
- Você deu deploy de seu aplicativo e marcou sua versão (tag git).
- Eu como chefe de cozinha quero ver os pedidos dos clientes em ordem, poder marcar que estão prontos e poder notificar os garçons/garçonetes que o pedido está pronto para ser entregue ao cliente.
Critérios de aceitação:
- Ver os pedidos ordenados à medida em que são feitos.
- Marcar os pedidos que foram preparados e estão prontos para serem servidos.
- Ver o tempo que levou para preparar o pedido desde que chegou, até ser marcado como concluído.
Definição de pronto:
- Você deve ter recebido code review de pelo menos uma parceira.
- Fez testes unitários e, além disso, testou seu produto manualmente.
- Você fez testes de usabilidade e incorporou o feedback do usuário.
- Você deu deploy de seu aplicativo e marcou sua versão (tag git).
- Eu como garçom/garçonete quero ver os pedidos que estão prontos para entregá-los rapidamente aos clientes.
Critérios de aceitação:
- Ver a lista de pedidos prontos para servir.
- Marcar os pedidos que foram entregues.
Definição de pronto:
- Você deve ter recebido code review de pelo menos uma parceira.
- Fez testes unitários e, além disso, testou seu produto manualmente.
- Você fez testes de usabilidade e incorporou o feedback do usuário.
- Você deu deploy de seu aplicativo e marcou sua versão (tag git).
- Os dados devem ser mantidos intactos, mesmo depois que um pedido for finalizado. Tudo isso para poder ter estatísticas no futuro.
- No site BURGER Queen será usado dois estilos de design, o primeiro é o estilo outline que estará presente na maior parte do site, como áreas formadas por caixas que separarão o conteúdo e nos estilos dos botões, apresentando um visual voltado aos contornos das formas. Já o segundo, é o filled, que será aplicado em planos de fundo que separam um conteúdo do outro.
-
Abaixo encontra-se o fluxograma de como funciona o site BURGER Queen, conforme descrito nos requisitos do sistema, haverá dois tipos de usuários: o(a) atendente e o(a) cozinheiro(a). Ambos terão acesso a parte interna do site, porém, somente consiguirão visualizar as páginas conforme o seu setor.
-
Para o usuário atendente, existirá duas páginas específicas que são: PEDIDOS e PEDIDOS ENTREGUES. A página PEDIDOS são para anotar a mesa, o nome do cliente que está escolhendo o cardápio e seus pedidos, podendo conter adição de queijo e ovos conforme especificado no cardápio. É possível marcar e desmarcar qualquer pedido, desde que seja feito antes de clicar sobre o botão de FINALIZAR. A outra página visualizada pelo(a) atendente, é a página de PEDIDOS ENTREGUES, nele é possível verificar quais pedidos finalizados na cozinha, estão aguardando para serem entregues para os seus respectivos clientes.
-
Já para o usuário cozinheiro(a), só é possível visualizar uma página específica que é a de PEDIDOS EM ANDAMENTO. Nele pode-se verificar quais são os pedidos que deve serem preparados, além de visualizar o cronômetro de cada pedido, sendo contado desde que o pedido foi enviado para a cozinha. Para cada card (pedido) existe o botão de INICIAR PEDIDO e ENTREGAR, o primeiro refere-se quando o lanche/bebida começou a ser preparado na cozinha. Já o segundo é o botão de confirmar, que sinalizará e mostrará o pedido como ENTREGAR na página PEDIDOS ENTREGUES.
- As cores utilizadas são referentes ao logo existente do BURGER Queen, que são em tons quentes, como: vermelho, amarelo e laranja, além do verde puxado para o amarelo. Para o site são utilizados duas cartelas, a primeira com cores mais vivas, semelhantes a do logo e a segunda são tons mais opacos. As cores preta e branco são usadas para textos.
-
O protótipo de baixa fidelidade serve para demonstrar e organizar as ideias de como os elementos estarão na página em um projeto inicial. É possíve identificar alguns problemas de usabilidade, testando conceitos e descobrindo o valor que o produto final pode gerar aos seus clientes. A seguir, estará o protótipo de baixa fidelidade do site BURGER Queen feito para a menor tela, no caso, um smartphone com 320px de largura de área visível.
-
Já o protótipo de alta fidelidade é uma representação final do produto, se assemelhando em termos de detalhes e funcionalidades. Podemos visualizar melhor a paleta de cores, as formas e o conteúdo em si.
-
Conforme apresentado nos requisitos do projeto, o site BURGER Queen será usado em tablets que poderão ter os seguintes tamanhos, conforme consultado no site [STATCOUNTER](https://gs.statcounter.com/screen-resolution-stats/tablet/worldwide) sobre os tamanhos de telas de tablet em modo retrato mais utilizados:
600px x 962px 600px x 1024px 768px x 1024px Portanto, a largura mínima será de 600px e a máxima de 1366px. 800px x 1280px 810px x 1080px Porém, caso não haja um tablet, a menor largura será de 320px 834px x 1112px (medida referente a um smartphone). 1024px x 1366px
|
|
|
Projeto do Bootcamp da Laboratoria
|