NOME: PEDRO HENRIQUE DE SOUZA CAVALHEIRO
RA:3750981403
Relatório de Aula Prática
Programação Web
SUMÁRIO
1. Introdução ................................................................................................................. 4
2. Desenvolvimento ...................................................................................................... 5
3. Execução e Resultados .......................................................................................... 11
4. Conclusão ............................................................................................................... 12
3
1. Introdução
No contexto atual, a personalização e interatividade das aplicações web são aspectos
cruciais para a experiência do usuário. Este relatório descreve o desenvolvimento de uma
aplicação web que determina o signo zodiacal de um usuário com base na sua data de
nascimento. A aplicação foi implementada utilizando o XAMPP como ambiente de
desenvolvimento local, PHP para a lógica de servidor, e Bootstrap para a estilização. O
objetivo principal é criar uma interface simples e intuitiva que permita ao usuário inserir sua
data de nascimento e receber a informação correspondente ao seu signo zodiacal.
4
2. Desenvolvimento
Segue então detalhes do desenvolvimento do programa solicitado:
1- Preparação do Ambiente
O processo inicial envolveu a configuração do ambiente de desenvolvimento. Foi
necessário instalar o XAMPP e criar uma pasta de projeto no diretório htdocs para armazenar
todos os arquivos relacionados ao projeto. Utilizou-se o Visual Studio Code (VSCode) como
editor de código para criar e gerenciar a estrutura do projeto.
2- Estrutura do Projeto
Foi criada uma estrutura básica de diretórios e arquivos dentro do projeto. A organização
inclui uma pasta assets para armazenar arquivos CSS, imagens e JavaScript, e uma pasta
layouts para o arquivo [Link]. A estrutura de arquivos ficou da seguinte forma:
assets/
css/[Link]
imgs/
js/
layouts/[Link]
[Link]
show_zodiac_sign.php
[Link]
3- Implementação do XML
O arquivo [Link] foi criado para armazenar as informações sobre os signos zodiacais.
O XML contém tags para as datas de início e fim, o nome do signo e uma descrição. A estrutura
inicial foi preenchida manualmente com dados para todos os signos, conforme consultado na
Wikipedia. A seguir, prints de como o código foi implementado:
5
6
4- Criação e Estilização da Página Inicial
O arquivo [Link] foi criado com uma estrutura básica HTML. O topo da página foi
extraído para um arquivo separado, [Link], e incluído em [Link] usando PHP.
Adicionou-se o Bootstrap ao [Link] para estilização. Segue imagens do código:
7
O formulário HTML foi configurado para enviar a data de nascimento via método POST
para a página show_zodiac_sign.php. Utilizou-se o Bootstrap para garantir que o formulário
estivesse estilizado adequadamente. Abaixo está um exemplo do código do formulário:
5- Implementação da Lógica PHP
No arquivo show_zodiac_sign.php, foi incluído o [Link] para manter a consistência
visual. A lógica para processar a data de nascimento e determinar o signo foi implementada
usando PHP. A data de nascimento do usuário foi comparada com os intervalos de datas dos
signos definidos no arquivo XML. Para verificar se a data está dentro do intervalo, foram criadas
funções para converter as datas de início e fim em formatos válidos para comparação. Abaixo
está um exemplo de código PHP para manipulação de datas e verificação do signo:
8
9
6- alidação e Estilização
Além da lógica principal, foram implementadas validações básicas para garantir a
integridade dos dados inseridos pelo usuário. O Bootstrap foi amplamente utilizado para estilizar
a página de resultados e tornar a interface atraente e funcional. O formulário de entrada foi
configurado para garantir que a data de nascimento seja fornecida no formato adequado.
10
3. Execução e Resultados
A seguir, são apresentados prints das páginas durante a execução da aplicação:
Página Inicial ([Link]): Mostra o formulário para inserir a data de nascimento.
Página de Resultados (show_zodiac_sign.php): Exibe o signo zodiacal correspondente
após o envio do formulário.
Os prints demonstram a funcionalidade completa da aplicação, desde a inserção da data
até a exibição do signo zodiacal.
11
4. Conclusão
A aplicação web desenvolvida oferece uma solução prática para determinar o signo
zodiacal com base na data de nascimento do usuário. O projeto seguiu uma abordagem
estruturada, começando pela configuração do ambiente de desenvolvimento, passando pela
criação de uma estrutura de projeto organizada, até a implementação da lógica de servidor e
estilização da interface. A utilização do XAMPP e do Bootstrap garantiu que a aplicação fosse
acessível e visualmente atraente. O resultado final é uma aplicação funcional que proporciona
uma experiência de usuário intuitiva e eficiente, atendendo aos requisitos estabelecidos.
A aplicação foi testada e validada com sucesso, confirmando seu funcionamento correto e
a precisão na determinação dos signos zodiacais. Os prints anexados evidenciam a execução
eficaz do projeto, enquanto a abordagem adotada proporcionou uma compreensão mais
aprofundada do uso de PHP para manipulação de dados XML e da aplicação de boas práticas
em senvolvimento web.
12