Relatório Prático: Programação Web de Signos

O documento apresenta um relatório de aula prática sobre programação web, onde foi desenvolvida uma página para descobrir o signo zodiacal com base na data de nascimento do usuário. Utilizando ferramentas como XAMPP e VSCODE, o projeto inclui a estrutura de arquivos, desenvolvimento de funcionalidades e testes, resultando em uma aplicação funcional. O projeto demonstra a aplicação prática de conceitos teóricos aprendidos em aula.

Enviado por

well.alexkid

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 PDF, TXT ou leia on-line no Scribd

0% acharam este documento útil (0 voto)

3 visualizações11 páginas

Relatório Prático: Programação Web de Signos

Enviado por

well.alexkid

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 PDF, TXT ou leia on-line no Scribd

Análise e Desenvolvimento de sistemas

TÍTULO DO TRABALHO: RELATÓRIO DE AULA PRÁTICA –

PROGRAMAÇÃO WEB
Sumário
Análise e Desenvolvimento de sistemas ....................................................................................... 1
TÍTULO DO TRABALHO: RELATÓRIO DE AULA PRÁTICA – PROGRAMAÇÃO WEB ......................... 1
1 INTRODUÇÃO ............................................................................................................................. 3
1.2 Iniciando o módulo Apache do XAMPP ................................................................................... 4
1.3 Estrutura do Projeto ................................................................................................................ 5
2 DESENVOLVIMENTO ................................................................................................................... 6
3 TESTES ...................................................................................................................................... 10
4 RESULTADOS ............................................................................................................................ 11
1 INTRODUÇÃO

Neste projeto foi desenvolvido um pagina web para descobrir o signo de acordo com a data de
nascimento. A página possui um formulário para que o usuário insira a data de nascimento e
ao clicar no botão, será exibido o signo.

As ferramentas utilizadas serão XAMPP e VSCODE.

De acordo com a instrução, foi criada a pasta PROJECT dentro do diretório de instalação do
XAMPP.
1.2 Iniciando o módulo Apache do XAMPP
1.3 Estrutura do Projeto
 assets
o css
 [Link]
o imgs
o js
 [Link]
 layouts
o [Link]
 [Link]
 show_zodiac_sign.php
 [Link]
2 DESENVOLVIMENTO
[Link]

Função: Contém o cabeçalho comum a todas as páginas

Conteúdo:

 Contem o cabeçalho comum a todas as páginas.

Estrutura HTML básica
 Inclusão do Bootstrap 5 para responsividade
 Navbar com navegação

[Link]
Função: Página inicial com formulário de consulta.

Conteúdo:

 Layout responsivo dividido em duas colunas

 Formulário com campo de data de nascimento
 Validação HTML5 e JavaScript
Show_zodiac_sign.php

Função: Nele temos o resultado da consulta

Conteúdo:

 Lógica PHP para processar a data de nascimento

 Consulta ao arquivo XML para encontrar o signo
 Exibição das características do signo encontrado
 Informações adicionais
[Link]

Função: Base de dados com informações dos signos zodiacais

Conteúdo:

 Estrutura XML com 12 signos zodiacais

 Cada signo contém: data de início, data de fim, nome e descrição
 Dados organizados hierarquicamente

[Link]

Função: Estilização personalizada do projeto

Conteúdo:

 Variáveis CSS para cores e gradientes

 Estilos responsivos para diferentes dispositivos
 Animações e efeitos visuais
 Tema personalizado com cores astrológicas
3 TESTES

Ao testar a aplicação, a mesma retorna os dados conforme esperado, mostrando os signos

correspondentes as datas informadas.
4 RESULTADOS
Aplicando as instruções do roteiro de criação e os conhecimentos adquiridos em aula, foi
possível desenvolver a aplicação com êxito, aplicando o conhecimento teórico na prática.