Universidade Norte do Paraná – UNOPA
Emanoel César Souza Ramos
R.A: 3912568105
Programação Web
Consulta de Signo Zodiacal
Poconé
Quarta-feira 22 de abril de 2026
Emanoel César Souza Ramos
Consulta de Signo Zodiacal
Trabalho de apresentação no curso para
obtenção do título de graduação em superior
de análise e desenvolvimento de sistemas
apresentado a universidade anhanguera.
Orientador(a): Renan Cleverson Laureano Flor da Rosa
Poconé – MT
2026
Sumário
Introdução.........................................................................................................................4
Métodos ............................................................................................................................4
Objetivos da Atividade ................................................................................................4
Estrutura do Projeto ....................................................................................................4
Estrutura de diretórios ............................................................................................5
Tecnologias Utilizadas ................................................................................................5
Funcionamento da Lógica..........................................................................................5
Estilização ....................................................................................................................5
Resultados Obtidos.....................................................................................................5
Entregáveis ..................................................................................................................6
Conclusão.........................................................................................................................9
Introdução
O presente relatório tem como finalidade apresentar o desenvolvimento
da atividade prática da disciplina Programação Web, cujo objetivo foi construir
uma aplicação dinâmica utilizando PHP, HTML, CSS e Bootstrap.
O sistema proposto consiste em um site simples que identifica o signo
zodiacal do usuário a partir da data de nascimento informada em um
formulário.
Além de exercitar conceitos de estruturação de páginas, leitura de arquivos
XML e manipulação de formulários, o projeto também reforça boas práticas
de organização de código e uso de componentes reutilizáveis.
A proposta visa consolidar o aprendizado prático dos fundamentos da
programação web, permitindo ao estudante compreender o ciclo completo de
desenvolvimento — da interface à lógica de processamento de dados.
Métodos
Objetivos da Atividade
• Criar uma página front-end com um formulário contendo um campo para
inserção da data de nascimento;
• Desenvolver uma página que exiba o resultado da consulta ao signo
zodiacal;
• Implementar a lógica para leitura e análise de um arquivo XML com as
informações dos signos;
• Aplicar estilização utilizando Bootstrap e CSS próprio;
• Testar a aplicação e garantir o correto funcionamento.
Estrutura do Projeto
A estrutura foi organizada conforme o roteiro da aula prática, dentro da
pasta htdocs do XAMPP, permitindo que o projeto seja executado localmente
via servidor Apache, ou pelo comando no terminal “php -S localhost:8000”
Estrutura de diretórios:
assets/css/[Link] – folha de estilo personalizada
layouts/[Link] – cabeçalho reutilizável com Bootstrap
[Link] – formulário principal de entrada de dados
show_zodiac_sign.php – página de resultado com a lógica PHP
[Link] – base de dados XML contendo os signos zodiacais
Tecnologias Utilizadas
O projeto foi desenvolvido utilizando as seguintes tecnologias: PHP – para
processamento do formulário e leitura do XML; HTML5 e CSS3 – estrutura e
estilo da interface; Bootstrap 5 – componentes visuais e responsividade;
XAMPP – ambiente local de execução (Apache + PHP).
Funcionamento da Lógica
Ao submeter a data de nascimento no formulário principal, o sistema
envia as informações via método POST para o arquivo show_zodiac_sign.php.
Neste arquivo, o PHP lê o arquivo [Link] através da função
simplexml_load_file(), percorrendo todos os signos definidos. O script compara
a data inserida com os intervalos de datas de cada signo, exibindo o nome e a
descrição correspondentes.
Estilização
A aplicação utiliza o Bootstrap para formatação de botões, cartões e
formulários, proporcionando um visual moderno e responsivo. Além disso, foi
adicionada uma folha de estilo customizada ([Link]) para definir cores,
espaçamento e tipografia personalizada.
Resultados Obtidos
O resultado final é uma aplicação funcional, de fácil uso e visualmente
agradável, que permite ao usuário descobrir seu signo zodiacal de forma
dinâmica. O projeto cumpre todos os requisitos da atividade prática,
contemplando desde a criação da estrutura até a validação de funcionamento.
Entregáveis
• Arquivos PHP ([Link], [Link], show_zodiac_sign.php);
• Arquivo XML ([Link]);
• Folha de estilo ([Link]);
• Este relatório explicativo em formato PDF.
Conclusão
A realização desta atividade prática possibilitou aplicar de forma integrada os
conhecimentos adquiridos na disciplina de Programação Web, demonstrando
a importância da combinação entre frontend e backend para o funcionamento
de sistemas dinâmicos.
O projeto “Consulta de Signo Zodiacal” apresentou-se como uma solução
funcional, intuitiva e bem estruturada, atendendo plenamente aos objetivos
propostos no roteiro de aula.
Com o uso de tecnologias livres e amplamente difundidas, como PHP e
Bootstrap, o trabalho reforçou a viabilidade de desenvolver aplicações
acessíveis, de fácil manutenção e execução local.
Assim, conclui-se que o exercício contribuiu significativamente para o
aprimoramento das habilidades de lógica de programação, interpretação de
requisitos e implementação prática de interfaces web.