portifolio-programacaoweb_241116_204908 docx_20241116_231726_0000

Prévia do material em texto

ANÁLISE E DESENVOLVIMENTO DE SISTEMAS - ANHANGUERA
PORTIFÓLIO - RELATÓRIO DA AULA PRÁTICA
PROGRAMAÇÃO WEB
Aula prática de PROGRAMAÇÃO WEB apresentado como requisito parcial para a obtenção de média semestral no curso 
ANÁLISE E DESENVOLVIMENTO DE SISTEMAS.
SUMÁRIO 
1. INTRODUÇÃO
2. DESENVOLVIMENTO
3. EXECUÇÃO E RESULTADOS
4. CONCLUSÃO
1. INTRODUÇÃO
No cenário atual, a customização e a interação das plataformas web desempenham um papel fundamental 
na experiência do usuário. Este documento detalha a criação de uma aplicação web que calcula o signo 
zodiacal de uma pessoa a partir da sua data de nascimento. O desenvolvimento foi realizado em um 
ambiente local usando o XAMPP, com PHP responsável pela lógica de back-end e Bootstrap utilizado 
para a interface visual. O propósito central é oferecer uma interface intuitiva e simplificada, onde o 
usuário pode inserir sua data de nascimento e descobrir seu respectivo signo zodiacal.
2. DESENVOLVIMENTO
Aqui estão os detalhes do desenvolvimento do programa solicitado:
O primeiro passo foi configurar o ambiente de desenvolvimento. Para isso, instalou-se o XAMPP e foi 
criada uma pasta de projeto no diretório htdocs, onde todos os arquivos do projeto foram armazenados. 
Criação do Ambiente
O Visual Studio Code (VSCode) foi utilizado como editor de texto para a criação e organização da 
estrutura do projeto.
Dentro do projeto, foi estabelecida uma estrutura básica de diretórios e arquivos para facilitar a 
organização. Foi criada uma pasta *assets* para armazenar os arquivos CSS, imagens e JavaScript, além 
de uma pasta *layouts* para o arquivo *header.php*. A estrutura dos arquivos ficou organizada da 
seguinte maneira:
assets/ css/sty le.css imgs/ js/ layouts/
header.php index.php show_zodiac_si gn.php signos.xml
O arquivo signos.xml foi desenvolvido para armazenar todas as informações relativas aos signos do 
zodíaco. O XML contém elementos que especificam as datas de início e término de cada signo, o nome 
correspondente e uma breve descrição. Esses dados foram preenchidos manualmente com base em 
informações obtidas na Wikipedia. A seguir, são exibidos prints que mostram como o código foi 
implementado:
Estrutura do Projeto
Instalando o XML
O arquivo *index.php* foi desenvolvido com uma estrutura HTML básica. O cabeçalho da página foi 
separado em um arquivo distinto, *header.php*, e incluído no
*index.php* por meio de PHP. O Bootstrap foi adicionado ao *header.php* para estilização. A seguir, 
estão imagens do código:
Criação e Estilização da Página Inicial
O formulário HTML foi projetado para enviar a data de nascimento utilizando o método POST para a 
página show_zodiac_sign.php. O Bootstrap foi utilizado para assegurar que o formulário tivesse uma 
estilização apropriada. Abaixo está um exemplo do código do formulário:
No arquivo *show_zodiac_sign.php*, o *header.php* foi incluído para garantir a consistência visual da 
aplicação. A lógica para processar a data de nascimento e identificar o signo zodiacal foi implementada 
em 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 dos intervalos, foram desenvolvidas funções que 
convertem as datas de início e fim em formatos adequados para comparação. Abaixo está um exemplo de 
código PHP para manipulação de datas e verificação do signo:
Implementando a Lógica com o PHP
Além da lógica principal, foram realizadas validações básicas para assegurar a integridade dos dados 
fornecidos pelo usuário. O Bootstrap foi amplamente empregado para estilizar a página de resultados, 
tornando a interface atraente e funcional. O formulário de entrada foi configurado para garantir que a 
data de nascimento seja inserida no formato correto.
Validação e Estilização
3. EXECUÇÃO E RESULTADOS
A seguir, estão disponíveis capturas de tela das páginas durante a execução da aplicação: Página Inicial 
(*index.php*): Exibe o formulário para a inserção da data de nascimento.
Página de Resultados (*show_zodiac_sign.php*): Mostra o signo zodiacal correspondente após o envio do 
formulário.
As capturas de tela ilustram a funcionalidade completa da aplicação, desde a inserção da data até a 
exibição do signo zodiacal.
4. CONCLUSÃO
A aplicação web desenvolvida oferece uma solução prática para identificar 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 do servidor e a estilização da interface. O uso 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 intuitiva e eficiente para o usuário, atendendo aos 
requisitos estabelecidos.
A aplicação foi testada e validada com sucesso, confirmando seu funcionamento adequado e a precisão na 
determinação dos signos zodiacais. As capturas de tela anexadas demonstram 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 a aplicação de boas práticas em desenvolvimento web.