UNOPAR

Desenvolvimento de Aplicação Web: Consulta de Signo a partir

de Data de Nascimento

Murilo Caxias Rangel

Matrícula: 3851769904

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

Campos dos Goytacazes

2º Semestre / 2025

1
 Murilo Caxias Rangel

Desenvolvimento de Aplicação Web: Consulta de Signo a partir de Data de

Nascimento

Relatório apresentado à disciplina Programação Web — Unidade 4, Seção 4.3, como

atividade prática.

Professor: Luis Gustavo Cardoso

Campos dos Goytacazes

2025

2
Resumo
Este relatório documenta a implementação de uma aplicação front-end/back-end
simples capaz de informar o signo zodiacal de um usuário a partir de sua data de nas-
cimento. A aplicação foi desenvolvida segundo o roteiro de aula da disciplina Progra-
mação Web (Unidade 4 — Seção 4.3), utilizando Visual Studio Code e ambiente lo-
cal XAMPP para execução PHP. O projeto inclui: página inicial com formulário (in-
[Link]), arquivo XML contendo os signos ([Link]), script de exibição do resultado
([Link]), e recursos de estilização (Bootstrap + [Link]). Foram descritas
as etapas de construção, a lógica para comparação de datas sem ano e os testes realizados.
Palavras-chave: PHP; XML; Bootstrap; front-end; back-end; signo zodiacal.

3
Sumário
1 Introdução 5

2 Objetivos 5
2.1 Objetivo Geral . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
2.2 Objetivos Específicos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5

3 Infraestrutura e Ferramentas 5

4 Fundamentação Teórica 6

5 Procedimentos 6

6 Lógica de Comparação de Datas 7

7 Anexos — Código (exemplos) 7

7.1 [Link] (trecho) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
7.2 [Link] (trecho) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
7.3 [Link] (trecho do formulário) . . . . . . . . . . . . . . . . . . . . . . . . 8
7.4 [Link] (trecho) . . . . . . . . . . . . . . . . . . . . . . . . . . 8

8 Testes 9

9 Conclusão 9

10 Referências 9

4
1 Introdução
Esta atividade prática tem como objetivo integrar conhecimentos de desenvolvi-
mento web front-end e back-end, trabalhando com formulários, leitura de arquivos XML
em PHP e apresentação de resultados estilizados com Bootstrap. A proposta é construir
um fluxo simples: o usuário insere sua data de nascimento na página inicial ([Link]),
o formulário envia a informação para [Link], que carrega e percorre o ar-
quivo [Link], verifica em qual intervalo a data informada se encaixa e apresenta as
informações correspondentes ao signo.
O desenvolvimento ocorreu em ambiente local usando XAMPP (servidor Apache
+ PHP) e Visual Studio Code, conforme sugerido no roteiro.

2 Objetivos
2.1 Objetivo Geral
Desenvolver e testar uma aplicação web que determine o signo zodiacal do usuário
a partir da sua data de nascimento, utilizando PHP para leitura de XML e Bootstrap
para estilização.

2.2 Objetivos Específicos

• Criar a estrutura de arquivos do projeto (assets, layouts, páginas PHP e XML);

• Preencher o arquivo [Link] com as informações de todos os signos;

• Implementar a lógica de comparação de datas sem ano (ajustando ano base quando
necessário);

• Construir páginas estilizadas com Bootstrap e CSS próprio;

• Testar o funcionamento em diferentes datas e registrar evidências (capturas de tela).

3 Infraestrutura e Ferramentas
• Editor: Visual Studio Code (gratuito);

• Servidor local: XAMPP (Apache + PHP);

• Linguagens: HTML5, PHP 7/8, CSS, XML;

• Framework CSS: Bootstrap 5 (CDN);

5
 • Ambiente de teste: navegador web moderno (Chrome/Firefox) com servidor local
ativo;

• Arquivo de referência: roteiro de aula (Programação Web — Unidade 4, Seção

4.3).

4 Fundamentação Teórica
A separação entre camadas de apresentação (front-end) e lógica/back-end é prática
consolidada em desenvolvimento web moderno. O uso de XML para armazenamento
simples de dados estruturados facilita o teste e a modularidade em aplicações acadêmicas.
Bootstrap provê um conjunto de componentes prontos que agilizam a criação de interfaces
responsivas.
A função simplexmlloadfile do PHP permite carregar arquivos XML e iterar seus
nós de forma simples, sendo adequada para este tipo de aplicação didática.

5 Procedimentos
A seguir estão os passos executados para construir a aplicação, conforme o roteiro:

1. Instalação do XAMPP e criação da pasta do projeto em xampp/htdocs/Project;

2. Estruturação das pastas:

assets/css/[Link], assets/js/, assets/imgs/, layouts/[Link], [Link],
[Link], [Link];

3. Criação do arquivo [Link] com as entradas de cada signo contendo dataInicio,

dataFim, signoNome e descricao;

4. Construção do [Link] contendo o cabeçalho HTML e o link para o Bootstrap

5 (CDN);

5. Implementação do formulário em [Link] (método POST, campo datanascimento);

6. Implementação da lógica em [Link] para carregar o XML, normalizar

datas (ignorar ano) e verificar em qual intervalo a data informada se enquadra;

7. Estilização com [Link] e classes do Bootstrap;

8. Testes manuais com datas representativas e captura de telas para documentação.

6
6 Lógica de Comparação de Datas
Como as tags dataInicio e dataFim no XML não possuem ano (por exemplo
"21/03"), e a data de nascimento do usuário contém ano (por exemplo "1995-04-12"ou
"12/04/1995"), é necessário padronizar as datas para uma mesma base (ex.: ano fixo
2000) antes de comparar apenas o mês e o dia.
Procedimento recomendado:

1. Extrair dia e mês da data de nascimento enviada pelo formulário (converter para
formato dd/mm);

2. Para cada signo no XML, converter dataInicio e dataFim para objetos de data
com ano-base (por exemplo 2000);

3. Tratar casos em que o intervalo atravessa o final/começo do ano (ex.: Capricórnio

— 22/12 a 19/01) ajustando dataFim para o ano seguinte se necessário;

4. Verificar se a data do usuário (ano-base) está entre dataInicio e dataFim;

5. Exibir os dados do signo correspondente.

7 Anexos — Código (exemplos)

7.1 [Link] (trecho)
<?xml version="1.0"?>
<signos>
<signo>
<dataInicio>21/03</dataInicio>
<dataFim>20/04</dataFim>
<signoNome>Áries</signoNome>
<descricao>Corajoso, enérgico e impulsivo.</descricao>
</signo>
<!-- repetir para os 12 signos -->
</signos>

7.2 [Link] (trecho)

<!doctype html>
<html lang="pt-BR">
<head>
<meta charset="utf-8">

7
 <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Consulta de Signo</title>
<link href="[Link]
<link rel="stylesheet" href="assets/css/[Link]">
</head>
<body>
<header class="container py-3">
<h1>Consulta de Signo</h1>
</header>

7.3 [Link] (trecho do formulário)

<?php include(’layouts/[Link]’); ?>
<div class="container">
<form id="signo-form" method="POST" action="show_zodiac_sign.php">
<div class="mb-3">
<label for="data_nascimento" class="form-label">Data de Nascimento</label>
<input type="date" class="form-control" id="data_nascimento" name="data_nasci
</div>
<button type="submit" class="btn btn-primary">Consultar Signo</button>
</form>
</div>
<?php include(’layouts/[Link]’); ?>

7.4 [Link] (trecho)

<?php include(’layouts/[Link]’); ?>
<?php
$data_nasc = $_POST[’data_nascimento’]; // formato YYYY-MM-DD
$dia = (int)date(’d’, strtotime($data_nasc));
$mes = (int)date(’m’, strtotime($data_nasc));
$signos = simplexml_load_file(’[Link]’);

foreach ($signos->signo as $signo) {

list($diI, $mi) = explode(’/’, (string)$signo->dataInicio);
list($df, $mf) = explode(’/’, (string)$signo->dataFim);
// lógica para transformar em datas com ano-base e comparar
}
?>

8
8 Testes
Foram realizados testes manuais com datas representativas de cada signo, por
exemplo:

• 1990-03-25 → Aries;

• 1988-12-29 → Capricornio;

• 2000-01-19 → Capricornio/Verificar limite.

9 Conclusão
A atividade proposto no roteiro de aula foi plenamente atendida: a aplicação con-
segue receber a data de nascimento do usuário, interpretar corretamente o dia e mês,
comparar com os intervalos definidos em um arquivo XML e exibir as informações cor-
respondentes ao signo. A construção do projeto reforçou conceitos de manipulação de
arquivos XML em PHP, normalização de dados e uso de frameworks CSS para apresen-
tação.

10 Referências
W3Schools. PHP SimpleXML. Disponível em: [Link]
php/php_xml_simplexml.asp. Acesso em: 27 de novembro de 2025.

Bootstrap. Documentação Oficial. Disponível em: [Link]

Acesso em: 27 de novembro de 2025.

Apache Friends. XAMPP. Disponível em: [Link]

Acesso em: 27 de novembro de 2025.

ROTEIRO DE AULA PRÁTICA — Programação Web. Unidade 4 | Seção 4.3.

Documento fornecido.