ANDRE LUIZ DA SILVA
CINTIA APARECIDA FEITOSA DIAS
FLAVIO DE BORBA NOBILE
GILVAN NASCIMENTO MARANHAO DE SA
MIQUELANE PEREIRA MELO
VANESSA CAROLINE ZANOTTI
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.
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.
- 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!").
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.
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.
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.
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.
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.
- Front-End: HTML e CSS
- Back-End: PHP
- Banco de Dados: MySQL (versão 8.0.33)
- Server: WAMP
- Deve-se se fazer o download do arquivo com extensão ".zip"
- 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
- 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
- Já para acessar o back-end, o usuário primeiro deverá instalar o WAMP junto com MySQL
- 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.
- Abra seu navegador e digite na barra de pesquisar localhost
- Em You Aliases, clique em PHPMyAdmin
- No PHPMyAdmin vá em Importar, acesse a pasta Model e baixe o arquivo tasty-burger.sql e termine de importar
- Volte ao localhost e nele vai haver Your Projects provalvemente embaixo vai está o nome do diretório do projeto
- 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
- Basta clicar na pasta tasty-burger