06-Programação de Funcionalidades.md

Programação de Funcionalidades

Pré-requisitos: especificações do projeto, metodologia, projeto de interface

Tela de cadastro (RF-01)

O acesso à tela de cadastro poderá ser feito através da opção de menu "Cadastro". As estruturas de dados foram baseadas em HTML, CSS e JavaScript.

Exemplo da tela de cadastro:

Requisito atendido

RF-01: A aplicação deve permitir que o usuário cadastre uma conta.

Artefatos da funcionalidade

• cadastro.html
• cadastro.js
• cadastroStyle.css

Instruções de acesso

1. Abra um navegador de Internet e informe a seguinte URL: https://icei-puc-minas-pmv-ads.github.io/pmv-ads-2024-1-e1-proj-web-t4-pmv-ads-2024-1-e1-proj-fila-facil/src/index.html
2. Ao clicar em "Cadastro" no canto superior direito da tela, terá acesso à página de cadastro.

Responsável

• Laura Furtado Amaral
• Ytallo Bruno Canuto Guedes

Tela de login (RF-02)

O acesso à tela de login poderá ser feito através da opção de menu "Entrar". As estruturas de dados foram baseadas em HTML, CSS e JavaScript.

Exemplo da tela de login:

Requisito atendido

RF-02: A aplicação deve permitir que o usuário faça o login na sua conta.

Artefatos da funcionalidade

• login.html
• login.js
• login.css

Instruções de acesso

1. Abra um navegador de Internet e informe a seguinte URL: https://icei-puc-minas-pmv-ads.github.io/pmv-ads-2024-1-e1-proj-web-t4-pmv-ads-2024-1-e1-proj-fila-facil/src/index.html
2. Ao clicar em "Entrar" no canto superior direito da tela, terá acesso à página de login.

Responsável

• Gabriel Avner Gorenstein Brasil

Tela de restaurantes (RF-03)

O acesso à tela de restaurantes poderá ser feito através da opção de menu "Restaurantes". As estruturas de dados foram baseadas em HTML, CSS e JavaScript.

Exemplo da tela de restaurantes:

Requisito atendido

RF-03: A aplicação deve permitir que o usuário visualize os restaurantes cadastrados.

Artefatos da funcionalidade

• restaurantes.html
• restaurantes.js
• restauranteStyle.css

Instruções de acesso

1. Abra um navegador de Internet e informe a seguinte URL: https://icei-puc-minas-pmv-ads.github.io/pmv-ads-2024-1-e1-proj-web-t4-pmv-ads-2024-1-e1-proj-fila-facil/src/index.html
2. Ao clicar em "Restaurantes" no canto superior direito da tela, terá acesso à página de restaurantes.

Responsável

• Diego Chaves dos Anjos

Tela de cardápio (RF-04)

O acesso à tela de cardápio poderá ser feito ao clicar em algum restaurante. As estruturas de dados foram baseadas em HTML, CSS e JavaScript.

Exemplo da tela de cardápio:

Requisito atendido

RF-04: A aplicação deve permitir que o usuário visualize o cardápio completo.

Artefatos da funcionalidade

• cardapio.html
• cardapioCarouselScript.js
• renderCategoriesCardapioUtils.js
• renderPratosCardapioUtils.js
• cardapioStyle.css

Instruções de acesso

1. Abra um navegador de Internet e informe a seguinte URL: https://icei-puc-minas-pmv-ads.github.io/pmv-ads-2024-1-e1-proj-web-t4-pmv-ads-2024-1-e1-proj-fila-facil/src/index.html
2. Clique em "Restaurantes" no menu
3. Clique em um dos restaurantes para visualizar seu cardápio

Responsável

• Gabriel Roeder

Realizar e pagar pedidos online (RF-05 e RF-06)

Para pagar e realizar pedidos online, é necessário adicionar um item no carrinho, ir ao carrinho clicando em seu respectivo ícone no menu, selecionar um meio de pagamento e clicar em "Finalizar pedido". As estruturas de dados foram baseadas em HTML, CSS e JavaScript.

Exemplo da finalização de um pedido:

Requisito atendido

RF-05: A aplicação deve permitir que o usuário realize a compra de itens no restaurante remotamente. RF-06: A aplicação deve permitir que o usuário realize o pagamento online do pedido.

Artefatos da funcionalidade

• cardapio.html
• carrinho.js
• carrinhoStyle.css

Instruções de acesso

1. Abra um navegador de Internet e informe a seguinte URL: https://icei-puc-minas-pmv-ads.github.io/pmv-ads-2024-1-e1-proj-web-t4-pmv-ads-2024-1-e1-proj-fila-facil/src/index.html
2. Clique em Restaurantes no menu
3. Clique em um dos restaurantes para visualizar seu cardápio
4. Adicione um dos itens no carrinho
5. Clique no ícone de carrinho
6. Selecione uma forma de pagamento
7. Clique em "Finalizar Pedidos"

Responsável

• Laura Furtado Amaral

Tela de status do pedido (RF-07)

O acesso à tela de pedidos poderá ser feito através da opção de menu "Pedidos". As estruturas de dados foram baseadas em HTML, CSS e JavaScript.

Exemplo da tela de pedidos:

Requisito atendido

RF-07: A aplicação deve permitir que o usuário visualize o status do seu pedido.

Artefatos da funcionalidade

• pedidos.html
• pedidos.js
• pedidosCarrousel.js
• pedidosstyle.css

Instruções de acesso

1. Abra um navegador de Internet e informe a seguinte URL: https://icei-puc-minas-pmv-ads.github.io/pmv-ads-2024-1-e1-proj-web-t4-pmv-ads-2024-1-e1-proj-fila-facil/src/index.html
2. Ao clicar em "Pedidos" no menu, terá acesso à página de pedidos e seu status.

Responsável

• Thiago Emanuel da Costa

Filtragem de pratos (RF-08)

O acesso à filtragem de pratos poderá ser feita na página de cardápio, ao clicar nas categorias ou utilizar o campo de busca. As estruturas de dados foram baseadas em HTML, CSS e JavaScript.

Exemplo da tela de pedidos:

Requisito atendido

RF-08: A aplicação deve permitir que o usuário filtre pratos pelo tipo de refeição.

Artefatos da funcionalidade

• cardapio.html
• cardapioCarouselScript.js
• renderCategoriesCardapioUtils.js
• renderPratosCardapioUtils.js
• cardapioStyle.css

Instruções de acesso

1. Abra um navegador de Internet e informe a seguinte URL: https://icei-puc-minas-pmv-ads.github.io/pmv-ads-2024-1-e1-proj-web-t4-pmv-ads-2024-1-e1-proj-fila-facil/src/index.html
2. Clique em "Restaurantes" no menu
3. Selecione um dos restaurantes para visualizer seu cardápio
4. Clique em uma das opções acima do campo de busca ou utilize o campo de busca para realizar a filtragem

Responsável

• Gabriel Roeder

Avaliação dos pedidos (RF-09)

O acesso à avaliação de pedidos poderá ser feita na página de pedidos ao clicar em "Pedidos realizados" e na respectiva estrela. As estruturas de dados foram baseadas em HTML, CSS e JavaScript.

Exemplo da tela de pedidos:

Requisito atendido

RF-09: A aplicação deve permitir que o usuário avalie o pedido e o restaurante.

Artefatos da funcionalidade

• pedidos.html
• pedidos.js
• pedidosCarrousel.js
• pedidosstyle.css

Instruções de acesso

1. Abra um navegador de Internet e informe a seguinte URL: https://icei-puc-minas-pmv-ads.github.io/pmv-ads-2024-1-e1-proj-web-t4-pmv-ads-2024-1-e1-proj-fila-facil/src/index.html
2. Clique em "Pedidos" no menu
3. Clique em "Pedidos realizados" e dê a nota clicando em uma das estrelas do card do pedido

Responsável

• Gabriel Roeder e Thiago Emanuel da Costa

Cupons promocionais (RF-10)

Para utilizar o cupom de desconto, é necessário adicionar um item no carrinho, ir ao carrinho clicando em seu respectivo ícone no menu, inserir o codigo no campo apropriado e clicar em aplicar. As estruturas de dados foram baseadas em HTML, CSS e JavaScript.

Exemplo da tela de cupons:

Requisito atendido

RF-10: A aplicação deve permitir o uso de cupons promocionais.

Artefatos da funcionalidade

• cardapio.html
• carrinho.js
• carrinhoStyle.css

Instruções de acesso

1. Abra um navegador de Internet e informe a seguinte URL: https://icei-puc-minas-pmv-ads.github.io/pmv-ads-2024-1-e1-proj-web-t4-pmv-ads-2024-1-e1-proj-fila-facil/src/index.html
2. Clique em Restaurantes no menu
3. Clique em um dos restaurantes para visualizar seu cardápio
4. Adicione os itens desejados ao carrinho
5. Clique no ícone de carrinho
6. Encontre o campo para inserir o cupom de desconto
7. Digite o código do cupom
8. Verifique se o desconto foi aplicado ao total da compra

Responsável

• Laura Furtado Amaral

Calculo de estoque (RF-11)

Ao realizar um pedido, o estoque registrado de produtos é automaticamente reduzido, garantindo uma gestão precisa e atualizada dos itens disponíveis. As estruturas de dados foram baseadas em HTML, CSS e JavaScript.

Exemplo da tela de estoque:

Requisito atendido

RF-11: A aplicação deve conseguir calcular a capacidade de entrega de pratos de cada restaurante (estoque).

Artefatos da funcionalidade

• cardapio.html
• carrinho.js
• carrinhoStyle.css

Instruções de acesso

1. Abra um navegador de Internet e informe a seguinte URL: https://icei-puc-minas-pmv-ads.github.io/pmv-ads-2024-1-e1-proj-web-t4-pmv-ads-2024-1-e1-proj-fila-facil/src/index.html
2. Clique em Restaurantes no menu
3. Clique em um dos restaurantes para visualizar seu cardápio
4. Adicione os itens desejados ao carrinho
5. O sistema irá verificar se existe estoque disponivel
6. Finalize a compra
7. O estoque é reduzido de acordo com a quantidade vendida

Responsável

• Gabriel Roeder

Cadastro de pratos do cardápio e faturamento (RF-12 e RF-13)

Ao fazer o acesso como administrador, os proprietários poderão adicionar e remover pratos do cardápio, visualizar as receitas de vendas, além de atualizar os estoques de forma eficiente. As estruturas de dados foram baseadas em HTML, CSS e JavaScript.

Exemplo da tela de faturamento:

Exemplo da tela de cadastro de pratos:

Requisito atendido

RF-12: A aplicação deve permitir donos de restaurantes cadastrarem e removerem pratos do cardápio. RF-13: A aplicação deve permitir que os donos acessem suas receitas de venda.

Artefatos da funcionalidade

• admin.html
• adminScript.js
• adminStyle.css

Instruções de acesso

1. Abra um navegador de Internet e informe a seguinte URL: https://icei-puc-minas-pmv-ads.github.io/pmv-ads-2024-1-e1-proj-web-t4-pmv-ads-2024-1-e1-proj-fila-facil/src/index.html
2. Faça o acesso como administrador
3. Em "Detalhes" o proprietario tem acesso ao seu faturamento
4. Em "Adicionar itens" o proprietario tem acesso para cadastro de um novo prato do cardápio.

Responsável

• Gabriel Roeder

Comunicação entre cliente e restaurante (RF-14)

Para iniciar o contato com o restaurante basta clicar no icone do chat localizado no canto inferior esquerdo das páginas. As estruturas de dados foram baseadas em HTML, CSS e JavaScript.

Exemplo da tela de chat:

Requisito atendido

RF-14: A aplicação deve permitir que o cliente e restaurante se comuniquem via chat.

Artefatos da funcionalidade

• cardapio.html
• chat.js
• chatStyle.css

Instruções de acesso

1. Abra um navegador de Internet e informe a seguinte URL: https://icei-puc-minas-pmv-ads.github.io/pmv-ads-2024-1-e1-proj-web-t4-pmv-ads-2024-1-e1-proj-fila-facil/src/index.html
2. Faça o login
3. Clique em "Restaurante" ou "Pedidos" no menu
4. Clique no icone no canto inferior da pagina para iniciar o chat
5. Envie sua mensagem para o restaurante

Responsável

• Ytallo Bruno Canuto Guedes

Tela inicial

O acesso à tela inicial é a primeira tela que o usuário visualiza ao entrar no site. As estruturas de dados foram baseadas em HTML, CSS e JavaScript.

Exemplo da tela de pedidos:

Artefatos da funcionalidade

• index.html
• homeCarouselScript.js
• homeStyle.css

Instruções de acesso

1. Abra um navegador de Internet e informe a seguinte URL: https://icei-puc-minas-pmv-ads.github.io/pmv-ads-2024-1-e1-proj-web-t4-pmv-ads-2024-1-e1-proj-fila-facil/src/index.html

Responsável

• Ytallo Bruno Canuto Guedes