Portfolio Programação Web

O relatório descreve o desenvolvimento de uma aplicação web que determina o signo zodiacal do usuário com base na data de nascimento, utilizando XAMPP, PHP e Bootstrap. A aplicação foi estruturada com diretórios organizados, implementou um arquivo XML para armazenar informações dos signos e incluiu validações para garantir a integridade dos dados. O resultado final é uma interface intuitiva e funcional, testada com sucesso, que proporciona uma experiência de usuário eficiente.

Enviado por

dilmanevilli123

Direitos autorais

Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.

Formatos disponíveis

Baixe no formato DOCX, PDF, TXT ou leia on-line no Scribd

0% acharam este documento útil (0 voto)

12 visualizações9 páginas

Portfolio Programação Web

Enviado por

dilmanevilli123

Direitos autorais

Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.

Formatos disponíveis

Baixe no formato DOCX, PDF, TXT ou leia on-line no Scribd

Você está na página 1/ 9

ANHANGUERA – PARALELA

Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas

PROGRAMAÇÃO WEB

Aluna: Lilian Melo Correia

RA 3587843804
4º Semestre
Professor: Marcio Barbosa de Lima

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.

2
Desenvolvimento

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.

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 header.php. A estrutura de arquivos ficou da seguinte forma: assets/
css/style.css imgs/ js/ layouts/header.php index.php show_zodiac_sign.php signos.xml

3
Implementação do XML
O arquivo signos.xml 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:

Criação e Estilização da Página Inicial

O arquivo index.php foi criado com uma estrutura básica HTML. O topo da página foi
extraído para um arquivo separado, header.php, e incluído em index.php usando PHP.
Adicionou-se o Bootstrap ao header.php para estilização. Segue imagens do código:

4
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:

Implementação da Lógica PHP

No arquivo show_zodiac_sign.php, foi incluído o header.php 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:

5
Validaçã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.

6
Execução e Resultados
A seguir, são apresentados prints das páginas durante a execução da aplicação: Página
Inicial (index.php): Mostra o formulário para inserir a data de nascimento.

7
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 desenvolvimento web.

8
REFERÊNCIAS

https://pt.wikipedia.org/wiki/Signo_astrol%C3%B3gico

https://www.apachefriends.org/download.html