Introducao-Web-2023.2

Trabalho de Introdução ao Desenvolvimento Web - SCC0219 (2023.2)

---

Nome	NUSP
Jean Michel Furtado M'Peko	5271916
Vítor Augusto Paiva de Brito	13732303
Gabriel Cazzini Cardoso	12547771

---

Requirements

Usuários

• Clientes
  • Capazes de comprar passagens aéreas e hospedagens em hotéis na cidade de destino.
• Administradores
  • Capazes de gerenciar outros administradores, clientes e ofertas.

Compra de produtos/serviços

• Clientes podem adicionar passagens e hospedagens a um carrinho. Após isso, devem poder finalizar a compra utilizando um cartão de crédito.

Gerenciamento de produtos/serviços

• Administradores devem poder fazer operações de CRUD sobre todas as ofertas disponibilizadas no site.

Usabilidade

• O sistema deve ser de fácil uso, sendo altamente acessível.
• O sistema deve ser responsivo, de modo que as operações sejam realizadas em tempo hábil.

Project Description

Funcionalidades

• Gerenciamento de conta.
• Compra de passagens aéreas.
• Compra de hospedagens em hotéis.
• Acompanhamento de reservas.

Diferencial

• A partir das cidades de destino dos voos a serem comprados, o sistema deve oferecer acomodamentos em hóteis de mesma localidade. Dessa forma, o cliente terá grande facilidade em integrar as duas compras, não necessitando de ir a outros concorrentes e aumentando nossa competitividade no mercado.

Navegação

• Os protótipos de tela no figma, bem como a navegação mostrada no vídeo abaixo, ilustram a interação entre as telas de modo a cumprir os requisitos propostos no tópico acima.

figma_final.mp4

• Essa interação pode também ser descrita a partir do diagrama abaixo.

• Além do uso da ferramenta figma, alguns mockups foram implementadas em HTML e CSS (Landing Page, Login, Cadastro, Pagamento).

Informações salvas no servidor

Administradores

• Nome.
• Id.
• Telefone.
• E-mail.

Cliente

• Nome.
• Id.
• Foto.
• Endereço.
• Telefone.
• E-mail.

Voos

• Cidade de origem.
• Cidade de destino.
• Data e horário de saída.
• Data e horário previsto de chegada.
• Quantidade de assentos disponíveis.
• Preço.
• Quantidade vendida.

Hotéis

• Cidade.
• Foto.
• Descrição.
• Disponibilidade em dado momento de check-in.
• Preço.
• Quantidade vendida.

Comments About the Code

As linguagens e ferramentas principais utilizadas no desenvolvimento foram: HTML; CSS; JavaScript; React; react-router-dom (roteamento); axios (requisições); express (servidor); MongoDB e mongoose (database)

Test Plan

• Testes de servidor realizados usando Insomnia.

  • Exemplo:

• Testes da interface realizados de maneira manual.

Test Results

• Funcional.
• Usuários para teste:
  • Administradores:
    • Email: admin1@example.com
    • Password: senhateste
    • Email: admin2@example.com
    • Password: admin2password
    • Email: admin3@example.com
    • Password: admin3password
  • Clientes:
    • Email: user1@example.com
    • Password: password1
    • Email: user2@example.com
    • Password: password2

Build Procedures

Importe os módulos do node

Importe a pasta "node_modules" de um projeto feito com create-react-app

Instale os modulos

Dentro do diretório desta pasta no terminal, digite o comando npm install

Execute o projeto

Por fim, em um terminal distinto, ainda da pasta, execute o comando npm start

Problems

Sem problemas encontrados.

Comments

Sem comentarios.