Giter Club home page Giter Club logo

projeto-integrador-hamburgueria-tasty-burger's Introduction

Projeto-integrador-Hamburgueria-Tasty-Burger

Projeto desenvolvido pelo grupo 8

Curso: Análise e Desenvolvimento de Sistemas

Disciplina: Análise de soluções integradas para organizações

👩‍🏫 Professora: Débora Richter


Membros do grupo:

ANDRE LUIZ DA SILVA

CINTIA APARECIDA FEITOSA DIAS

FLAVIO DE BORBA NOBILE

GILVAN NASCIMENTO MARANHAO DE SA

MIQUELANE PEREIRA MELO

VANESSA CAROLINE ZANOTTI


Descrição sobre o projeto


🖥️ FRONTEND

Salienta-se que, para o desenvolvimento do site da hamburgueria Tasty Burger, em relação ao frontend, foram escolhidas as linguagens HTML e CSS, e, consequentemente, foram criadas as seguintes funcionalidades:

  • Home: A página inicial apresenta uma visão geral da hamburgueria, incluindo algumas imagens de destaque dos hambúrgueres e outras informações relevantes sobre a empresa.
  • Sobre nós: Esta página fornece informações detalhadas sobre a história da hamburgueria Tasty Burger, bem como sua missão e valores.
  • Cardápio: Esta página apresenta o menu completo da hamburgueria, com imagens e descrições dos hambúrgueres, acompanhamentos, bebidas e sobremesas disponíveis.
  • Galeria: Esta página exibe fotos dos pratos oferecidos pela hamburgueria.
  • Pedido: Página na qual o cliente pode realizar um pedido online dos itens do cardápio que deseja. Essa página permite que o usuário escolha os itens desejados, insira o endereço de entrega e faça o pagamento.
  • Login: Esta página fornece uma área de login para os clientes registrados no site, permitindo que eles acompanhem seus pedidos.

A elaboração do site foi planejada para que tivesse uma barra de navegação bem definida, que permitisse aos usuários acessar facilmente todas as páginas mencionadas acima. A estilização da interface foi cuidadosamente planejada para garantir que a navegação fosse intuitiva e agradável e que o design do site estivesse em conformidade com a identidade visual da hamburgueria Tasty Burger.

⚙️ BACKEND

Para o desenvolvimento do site da hamburgueria Tasty Burger, com relação ao backend, foi usada a linguagem PHP e MySQL como um banco de dados, foram criadas as seguintes funcionalidades em suas páginas de login e cadastro:

1. Página de Login: Esta página permite que os usuários, devidamente cadastrados, façam login em suas contas. As funcionalidades dessa página incluem:

  • Formulário de login: Um formulário com campos de entrada para o endereço de e-mail do usuário e senha do usuário.
  • Validação de login: A validação dos dados de entrada do usuário é realizada no backend para garantir que as credenciais de login estejam corretas. Se os dados de login fornecidos pelo usuário forem válidos, o usuário é autenticado e redirecionado para a página inicial.
2. Página de Cadastro: Esta página permite que novos usuários criem uma conta na hamburgueria "Tasty Burger". As funcionalidades dessa página incluem:

  • Formulário de cadastro: Um formulário com campos de entrada para informações pessoais básicas, como o nome do usuário, telefone, e-mail, senha e confirmação de senha.
  • Validação de cadastro: A validação dos dados de entrada do usuário é realizada no backend para garantir que as informações fornecidas sejam precisas e completas. Se os dados de cadastro forem válidos, a conta do usuário é criada e ele é redirecionado para a página de login.
  • Confirmação do cadastro: Após o cadastro, é exibida uma mensagem de confirmação do cadastro realizado ("Cadastrado com sucesso! Acesse para entrar!").

Ademais, as páginas foram implementadas usando PHP em conjunto com bancos de dados MySQL para armazenar informações de usuário. Essas funcionalidades permitem que a hamburgueria Tasty Burger gerencie as contas de seus clientes e ofereça uma experiência personalizada para seus usuários.

Demonstração do projeto

Tela de Login com tela de cadastro de novo usuário

tela-login-cadastro
A tela de login da hamburgueria permitirá que os usuários façam login em suas contas existentes ou criem uma nova conta. Haverá um formulário de login para inserir nome de usuário e senha, e um ícone para acessar o formulário de registro de novo usuário. O formulário de registro incluirá campos para nome, endereço, telefone e e-mail, e um botão para confirmar o registro. Após o registro, os clientes poderão acessar sua nova conta por meio de um ícone de login. A tela de novo usuário é importante para permitir que os clientes criem uma conta e aproveitem os benefícios personalizados oferecidos pela hamburgueria.

Tela Inicial

tela_inicial
Ao acessar o site da hamburgueria "Tasty Burger", o usuário encontrará uma barra de navegação clara e intuitiva que permite encontrar facilmente as informações desejadas, incluindo informações sobre a loja, cardápio, galeria de produtos, avaliações de clientes, setor de pedidos e login para clientes cadastrados. A parte principal do site apresentará informações sobre a hamburgueria, sua história e valores, incluindo uma descrição da fundação da empresa, seus desafios e conquistas ao longo do tempo, e sua missão, visão e valores. O rodapé da página conterá informações sobre a hamburgueria, como telefone, endereço, horário de funcionamento e suas redes sociais. Correção de erros de português foram realizadas.

Tela Cardápio

tela-cardapio
A página de cardápio é fundamental em um site de hamburgueria, já que permite aos clientes escolherem os produtos desejados. Nela, o usuário encontrará uma divisão clara dos produtos em categorias, com fotos atraentes e descrições detalhadas dos ingredientes, opções de personalização e preços. Há também opções vegetarianas e veganas, como hambúrgueres, saladas, bebidas e sobremesas.

Tela Galeria e avaliação dos clientes

tela-galeria-avalicao
Na página de galeria de produtos da hamburgueria, os usuários poderão visualizar imagens atraentes dos produtos e ter uma ideia de como eles são preparados e servidos. A página conterá fotos atraentes dos hambúrgueres, acompanhamentos, bebidas e sobremesas em diferentes ângulos e apresentações, acompanhados de uma breve descrição destacando ingredientes, opções de personalização e preços. Além disso, os usuários poderão acessar a seção de avaliações de clientes, onde poderão ler as opiniões de outros consumidores sobre os produtos e serviços da empresa, com avaliações em estrelas e comentários sobre a experiência geral com a hamburgueria. Essa seção é crucial para o site, pois ajuda a transmitir a qualidade e confiabilidade da empresa para os clientes em potencial.

Tela de Pedido e equipe da empresa

tela_pedido_equipe
Na área de pedido, o usuário poderá selecionar os produtos desejados, preencher seus dados pessoais e os detalhes do pedido, como quantidade e valor. Ao clicar no ícone de compra, será direcionado para a área de finalização da compra. Também é possível acessar a seção de equipe, que contém informações dos funcionários da hamburgueria, incluindo descrições pessoais e fotos.

✔️ Linguagens utilizadas:

  • Front-End: HTML e CSS
  • Back-End: PHP
  • Banco de Dados: MySQL (versão 8.0.33)
  • Server: WAMP

🛠️ Implementação do projeto

  1. Deve-se se fazer o download do arquivo com extensão ".zip"
  2. Depois de baixado e localizado, descompactar o arquivo. Nele vai constar os diretórios de front-end, back-end e um script com a estrutura a ser montada no banco de dados
  3. Para acessar o front-end é simples, basta acessar o diretório e abrir o arquivo index. Por meio do qual conseguirá ver o layout do site
  4. Já para acessar o back-end, o usuário primeiro deverá instalar o WAMP junto com MySQL
  5. Depois de baixado, localize a pasta wamp64 geralmente ela vai ficar na raiz, navegue até a pasta www coloque o diretório do projeto nessa pasta.
  6. Abra seu navegador e digite na barra de pesquisar localhost
  7. Em You Aliases, clique em PHPMyAdmin
  8. No PHPMyAdmin vá em Importar, acesse a pasta Model e baixe o arquivo tasty-burger.sql e termine de importar
  9. Volte ao localhost e nele vai haver Your Projects provalvemente embaixo vai está o nome do diretório do projeto
  10. Copiado o nome é só acrescentar "/" depois do localhost por exemplo "localhost/projeto-Tasty-Burger", vai ser direcionado para uma tela com uma árvore do diretório
  11. Basta clicar na pasta tasty-burger

projeto-integrador-hamburgueria-tasty-burger's People

Contributors

cintiaafd avatar vanessazanotti avatar gilvannas avatar

Stargazers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.