Faculdade Anhanguera
Engenharia De Software
Kauê Marinho Moraes - 3673843001
PORTFÓLIO – RELATÓRIO DE AULA PRÁTICA
Programação Web – Aplicação para Descoberta de Signo Zodiacal - 5º semestre
Imperatriz/MA 2025
Kauê Marinho Moraes - 3673843001
PORTFÓLIO – RELATÓRIO DE AULA PRÁTICA
Programação Web – Aplicação para Descoberta de Signo Zodiacal - 5º semestre
Trabalho de portfólio apresentado como requisito parcial para a obtenção de pontos para a
média semestral.
Imperatriz/MA 2025
Sumário
INTRODUÇÃO.............................................................................3
DESENVOLVIMENTO E METODOLOGIA.........................4
RESULTADOS..............................................................................5
CONCLUSÃO................................................................................6
1 - INTRODUÇÃO
Este relatório apresenta o desenvolvimento de uma atividade prática da disciplina de
Programação Web, cujo objetivo foi criar uma aplicação capaz de identificar o signo zodiacal
de um usuário a partir de sua data de nascimento. O projeto foi elaborado utilizando HTML,
CSS, Bootstrap e PHP, com base em um roteiro de aula prática fornecido pela instituição.
2 - DESENVOLVIMENTO E METODOLOGIA
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>Descubra seu Signo</title>
<link href="[Link]
rel="stylesheet">
<link rel="stylesheet" href="assets/css/[Link]">
</head>
<body class="bg-light">
<?php include('layouts/[Link]'); ?>
<div class="container mt-5 text-center">
<h1>Descubra seu Signo Zodiacal</h1>
<form id="signo-form" method="POST" action="show_zodiac_sign.php" class="mt-4">
<div class="mb-3">
<label for="data_nascimento" class="form-label">Data de Nascimento:</label>
<input type="date" name="data_nascimento" id="data_nascimento" class="form-control
w-50 mx-auto" required>
</div>
<button type="submit" class="btn btn-primary">Consultar Signo</button>
</form>
</div>
</body>
</html>
Para o desenvolvimento da aplicação, foi utilizado o editor de código Visual Studio Code,
juntamente com o pacote XAMPP para simular o ambiente de execução de um servidor
Apache com suporte a PHP.
A estrutura do projeto foi organizada conforme o roteiro, contendo pastas separadas para
arquivos de estilo, imagens, scripts e layouts. Os principais arquivos criados foram:
- **[Link]:** página inicial contendo um formulário com campo para inserção da data de
nascimento;
- **show_zodiac_sign.php:** página responsável por exibir o signo correspondente,
conforme a data informada;
- **[Link]:** arquivo que armazena as informações de cada signo, incluindo nome,
período e descrição;
- **[Link]:** arquivo que contém o cabeçalho HTML padrão e a importação do
Bootstrap;
- **[Link]:** arquivo de estilização com ajustes personalizados.
A lógica da aplicação foi desenvolvida em PHP, utilizando a função *simplexml_load_file()*
para leitura do arquivo XML e comparação das datas. O usuário insere sua data de
nascimento, e o sistema identifica automaticamente o signo correspondente, exibindo o
nome e a descrição em uma página de resultado.
3 - RESULTADOS
O resultado final consistiu em uma aplicação web funcional, hospedada localmente no
servidor Apache do XAMPP. Ao inserir a data de nascimento no formulário, o sistema realiza
a leitura do arquivo XML e retorna o signo zodiacal correto, juntamente com uma breve
descrição de suas características.
O projeto cumpre todos os requisitos propostos, incluindo a correta estruturação dos
arquivos, estilização com Bootstrap, integração entre páginas PHP e manipulação de XML.
As páginas apresentaram um layout responsivo e de fácil utilização, demonstrando os
princípios básicos de um desenvolvimento web dinâmico.
4 - CONCLUSÃO
A atividade prática permitiu aplicar os conceitos fundamentais de desenvolvimento web,
integrando front-end e back-end de forma funcional. A utilização do PHP e do XML
demonstrou como é possível construir aplicações interativas com recursos simples e bem
estruturados.
Além de consolidar os conhecimentos sobre HTML, CSS e Bootstrap, o exercício reforçou a
importância do uso de boas práticas na organização de pastas e códigos. O projeto
“Descubra seu Signo” exemplifica uma aplicação completa, abrangendo desde a interface do
usuário até a lógica de processamento dos dados.
Portanto, o desenvolvimento desta atividade contribuiu significativamente para o
aprendizado prático da disciplina de Programação Web, fortalecendo habilidades essenciais
para o desenvolvimento de sistemas modernos.