PROGRAMAÇÃO WEB (1)

Prévia do material em texto

unopar
análise e desenvolvimento de sistemas
JOSÉ ANTONIO DE ALMEIDA NETO
PORTIFÓLIO: RELATÓRIO DE PROGRAMAÇÃO WEB
SÃO FÉLIX DO CORIBE - BA
2024
JOSÉ ANTONIO DE ALMEIDA NETO
PORTIFÓLIO: PROGRAMAÇÃO WEB
Portifólio apresentado ao Curso de ANALISE E DESENVOLVIMENTO DE SISTEMAS da (UNOPAR), 
Docente: (Nome do Professor da disciplina)
CIDADE
2024
SUMÁRIO
1 INTRODUÇÃO	1
2 DESENVOLVIMENTO	3
3 EXECUÇÃO DE RESULTADOS	11
4 CONCLUSÃO	11
1 INTRODUÇÃO
No contexto atual, a personalização e interatividade das aplicações web são aspectos cruciais para a experiência do usuário. Este relatório descreve o desenvolvimento de uma aplicação web que determina o signo zodiacal de um usuário com base na sua data de nascimento. A aplicação foi implementada utilizando o XAMPP como ambiente de desenvolvimento local, PHP para a lógica de servidor, e Bootstrap para a estilização. O objetivo principal é criar uma interface simples e intuitiva que permita ao usuário inserir sua data de nascimento e receber a informação correspondente ao seu signo zodiacal.
4
1. Desenvolvimento
Segue então detalhes do desenvolvimento do programa solicitado:
1- Preparação do Ambiente
O processo inicial envolveu a configuração do ambiente de desenvolvimento. Foi necessário instalar o XAMPP e criar uma pasta de projeto no diretório htdocs para armazenar todos os arquivos relacionados ao projeto. Utilizou-se o Visual Studio Code (VSCode) como editor de código para criar e gerenciar a estrutura do projeto.
2- Estrutura do Projeto
Foi criada uma estrutura básica de diretórios e arquivos dentro do projeto. A organização inclui uma pasta assets para armazenar arquivos CSS, imagens e JavaScript, e uma pasta layouts para o arquivo header.php. A estrutura de arquivos ficou da seguinte forma:
assets/ css/style.css imgs/
js/ layouts/header.php index.php
show_zodiac_sign.php signos.xml
3- Implementação do XML
O arquivo signos.xml foi criado para armazenar as informações sobre os signos zodiacais. O XML contém tags para as datas de início e fim, o nome do signo e uma descrição. A estrutura inicial foi preenchida manualmente com dados para todos os signos, conforme consultado na Wikipedia. A seguir, prints de como o código foi implementado:
5
6
4- Criação e Estilização da Página Inicial
O arquivo index.php foi criado com uma estrutura básica HTML. O topo da página foi extraído para um arquivo separado, header.php, e incluído em index.php usando PHP. Adicionou-se o Bootstrap ao header.php para estilização. Segue imagens do código:
7
O formulário HTML foi configurado para enviar a data de nascimento via método POST para a página show_zodiac_sign.php. Utilizou-se o Bootstrap para garantir que o formulário estivesse estilizado adequadamente. Abaixo está um exemplo do código do formulário:
5- Implementação da Lógica PHP
No arquivo show_zodiac_sign.php, foi incluído o header.php para manter a consistência visual. A lógica para processar a data de nascimento e determinar o signo foi implementada usando PHP. A data de nascimento do usuário foi comparada com os intervalos de datas dos signos definidos no arquivo XML. Para verificar se a data está dentro do intervalo, foram criadas funções para converter as datas de início e fim em formatos válidos para comparação. Abaixo está um exemplo de código PHP para manipulação de datas e verificação do signo:
8
9
6- alidação e Estilização
Além da lógica principal, foram implementadas validações básicas para garantir a integridade dos dados inseridos pelo usuário. O Bootstrap foi amplamente utilizado para estilizar a página de resultados e tornar a interface atraente e funcional. O formulário de entrada foi configurado para garantir que a data de nascimento seja fornecida no formato adequado.
4. CONCLUSÃO
A aplicação web desenvolvida oferece uma solução prática para determinar o signo zodiacal com base na data de nascimento do usuário. O projeto seguiu uma abordagem estruturada, começando pela configuração do ambiente de desenvolvimento, passando pela criação de uma estrutura de projeto organizada, até a implementação da lógica de servidor e estilização da interface. A utilização do XAMPP e do Bootstrap garantiu que a aplicação fosse acessível e visualmente atraente. O resultado final é uma aplicação funcional que proporciona uma experiência de usuário intuitiva e eficiente, atendendo aos requisitos estabelecidos. A aplicação foi testada e validada com sucesso, confirmando seu funcionamento correto e a precisão na determinação dos signos zodiacais. Os prints anexados evidenciam a execução eficaz do projeto, enquanto a abordagem adotada proporcionou uma compreensão mais aprofundada do uso de PHP para manipulação de dados XML e da aplicação de boas práticas em senvolvimento web.
2
image2.jpeg
image3.jpeg
image4.jpeg
image5.jpeg
image6.jpeg
image7.jpeg
image8.jpeg
image1.jpeg