Faculdades Integradas Norte do Paraná – UNOPAR
Gabriel Vieira Brizola
Programação Web
Cunha Porã, SC, 06 de abril de 2026
1. Introdução
O presente relatório tem como objetivo documentar as atividades
realizadas na aula prática da disciplina de Programação Web, do curso
de Engenharia de Software da UNOPAR.
A atividade proposta consistiu no desenvolvimento de uma aplicação web
capaz de identificar o signo zodiacal do usuário com base na sua data de
nascimento. Para isso, foram utilizadas tecnologias como PHP para o
processamento dos dados, XML para armazenamento das informações
dos signos e Bootstrap para estilização da interface.
O projeto envolveu a criação de páginas front-end para interação com o
usuário, bem como a implementação da lógica de back-end responsável
pela leitura e interpretação de dados estruturados em XML.
2. Desenvolvimento
2.1 Estrutura do Projeto
Inicialmente, foi realizada a configuração do ambiente de
desenvolvimento utilizando o Visual Studio Code e o XAMPP para
execução do servidor local. Em seguida, foi criada a estrutura de pastas
do projeto, organizada da seguinte forma:
• Pasta assets para arquivos de estilo (CSS), imagens e scripts;
• Pasta layouts contendo o cabeçalho reutilizável da aplicação;
• Arquivos principais: [Link], show_zodiac_sign.php e
[Link].
Essa organização permitiu maior clareza e separação de
responsabilidades entre os componentes da aplicação.
2.2 Implementação do Formulário
A página inicial ([Link]) foi desenvolvida com o objetivo de coletar a
data de nascimento do usuário por meio de um formulário HTML.
Procedimentos realizados:
1. Criação de um formulário com método POST;
2. Utilização de um campo do tipo date para entrada da data;
3. Aplicação de estilos com Bootstrap para melhorar a experiência do
usuário;
4. Implementação de efeitos visuais, como animações e feedback de
carregamento (loading).
A interface foi projetada com foco em usabilidade e estética moderna,
utilizando conceitos de design como gradientes e efeito glassmorphism.
2.3 Leitura e Manipulação do XML
Foi criado o arquivo [Link], contendo os dados de todos os signos
zodiacais, incluindo:
• Data de início;
• Data de término;
• Nome do signo;
• Descrição.
Para manipulação desse arquivo, foi utilizada a função
simplexml_load_file do PHP, permitindo acessar os dados de forma
estruturada.
2.4 Lógica de Identificação do Signo
A página show_zodiac_sign.php foi responsável por processar os dados
enviados pelo formulário e identificar o signo correspondente.
Procedimentos realizados:
1. Recebimento da data de nascimento via método POST;
2. Conversão da data para o formato dia/mês;
3. Iteração sobre os dados do XML;
4. Comparação da data do usuário com o intervalo de cada signo;
5. Implementação de uma condição especial para signos que cruzam
o ano (como Capricórnio).
Essa lógica garantiu a identificação correta do signo com base no
intervalo de datas definido.
2.5 Estilização e Experiência do Usuário (UX)
A aplicação foi aprimorada com foco na experiência do usuário, incluindo:
• Animações suaves de entrada (fade-in);
• Transições entre páginas;
• Indicador de carregamento ao enviar o formulário;
• Layout responsivo;
• Interface moderna com efeito visual translúcido (glassmorphism).
Esses elementos contribuíram para tornar a aplicação mais agradável e
profissional.
2.6 Dificuldades Encontradas
Durante o desenvolvimento, algumas dificuldades foram identificadas:
• Problemas na execução do servidor Apache no XAMPP, devido a
conflitos de porta;
• Tela em branco causada por erros PHP não exibidos;
• Necessidade de ajuste na leitura do arquivo XML;
• Tratamento de datas para garantir comparações corretas.
Esses desafios foram superados com a ativação de exibição de erros no
PHP, ajuste de configurações do servidor e validação dos dados.
[Link]
A aplicação desenvolvida apresentou os seguintes resultados:
O formulário permitiu a inserção correta da data de nascimento;
O sistema identificou corretamente o signo zodiacal do usuário;
Código estrutural .
Após A interface apresentou boa usabilidade e design moderno;
O sistema funcionou de forma estável e atendeu aos requisitos propostos
na atividade.
4. Conclusão
A atividade prática proporcionou uma compreensão sólida sobre o
desenvolvimento de aplicações web dinâmicas utilizando PHP.
Foi possível aplicar conceitos importantes, como:
• Manipulação de formulários;
• Processamento de dados no servidor;
• Leitura de arquivos XML;
• Separação entre front-end e back-end;
• Aplicação de técnicas de UX e design moderno.
Além disso, a atividade contribuiu para o desenvolvimento de habilidades
práticas fundamentais para o desenvolvimento web, preparando o aluno
para projetos mais complexos e profissionais.
5. Referências Bibliográficas
• W3Schools. PHP Tutorial. Disponível em:
[Link]
• W3Schools. XML Tutorial. Disponível em:
[Link]
• Bootstrap. Disponível em: [Link]
• Apache Friends (XAMPP). Disponível em:
[Link]
• PHP Manual. Disponível em: [Link]