Faculdade Anhanguera
Polo de Eunápolis-BA
Curso Superior de Análise e Desenvolvimento de Sistemas
Programação Web
Eunápolis-BA
2025
Disciplina.......................................................................Sistemas Operacionais
Professor..................................................................Romulo de Almeida Neves
Aluno...............................................................................Johnn Gomes da Silva
INTRODUÇÃO
Este projeto teve como objetivo desenvolver uma página front-end capaz de
identificar o signo do usuário a partir da data de nascimento informada. Para
isso, eu criei uma interface simples e funcional, que realiza a leitura dessa
data e retorna o signo correspondente.
Durante o processo, utilizei o Visual Studio Code (VSCode) como editor de
código principal, por ser uma ferramenta prática e amplamente utilizada no
desenvolvimento web. O projeto foi construído com base em tecnologias
como HTML, CSS, JavaScript e o framework Bootstrap, que garantiram uma
aparência moderna, responsiva e agradável ao usuário.
DESENVOLVIMENTO
Criação da Página Inicial com Formulário
No primeiro passo, eu desenvolvi a página inicial do projeto, responsável por
conter o formulário de entrada. Essa página foi estruturada em HTML e
estilizada com Bootstrap, o que facilitou a criação de um layout responsivo e
visualmente atrativo.
O formulário conta com um campo para o usuário inserir sua data de
nascimento e um botão que realiza a consulta do signo. Essa parte é
essencial para a interação com o usuário e representa o ponto de partida da
aplicação.
A estrutura básica do arquivo [Link] foi construída com atenção à
organização e à semântica, garantindo que o código fosse limpo e de fácil
manutenção.
Desenvolvimento da Página de Resultado
Em seguida, eu criei a página [Link], responsável por exibir o signo
correspondente após o envio da data de nascimento. Nessa etapa, trabalhei
na comunicação entre as páginas e no tratamento das informações enviadas,
para garantir que o resultado fosse exibido corretamente e de forma
dinâmica.
A página de resultado também recebeu ajustes de estilo e estrutura,
mantendo a identidade visual da aplicação e proporcionando uma navegação
fluida.
Implementação da Lógica para Consulta ao Arquivo XML
No terceiro passo, desenvolvi a lógica que faz a leitura de um arquivo XML
contendo as informações de todos os signos. Criei o arquivo [Link], no
qual estão armazenados os nomes dos signos e as respectivas datas
correspondentes.
No arquivo [Link], implementei o código em JavaScript que faz a leitura
desse XML e realiza a comparação com a data informada pelo usuário.
Dessa forma, a aplicação identifica o signo correto e o exibe na página de
resultado.
Esse processo exigiu atenção à manipulação de dados e ao uso de funções
que trabalham com XML e DOM, garantindo o funcionamento correto da
consulta.
Estilização das Páginas
Por fim, desenvolvi a folha de estilos [Link], responsável por personalizar e
harmonizar o visual de toda a aplicação. Através dela, apliquei cores,
espaçamentos e ajustes de tipografia que deixaram o projeto mais agradável
visualmente e mais coerente entre as páginas.
O uso do CSS aliado ao Bootstrap permitiu que a aplicação ficasse não
apenas funcional, mas também esteticamente atrativa, com uma interface
moderna e intuitiva.
Resultados
CONCLUSÃO
Concluí o projeto com sucesso, alcançando plenamente o objetivo proposto
de desenvolver uma aplicação web capaz de identificar o signo zodiacal a
partir da data de nascimento informada pelo usuário.
Durante o desenvolvimento, aprimorei meus conhecimentos em HTML, CSS,
JavaScript e no uso do framework Bootstrap, que foi essencial para tornar o
layout mais moderno e responsivo. Também pude compreender melhor o
funcionamento da leitura de dados em XML, aplicando a lógica necessária
para que o sistema realizasse corretamente a correspondência entre a data e
o signo.
Além da parte técnica, este projeto me proporcionou uma visão mais ampla
sobre a importância da organização do código, da separação de
responsabilidades entre os arquivos e da integração entre as linguagens de
marcação, estilo e script. A experiência foi muito válida, pois me permitiu
colocar em prática conceitos fundamentais do desenvolvimento front-end e
compreender de forma mais profunda o processo de construção de
aplicações web interativas.
De modo geral, considero que o resultado final ficou funcional, bem
estruturado e visualmente agradável, cumprindo com eficiência a proposta
inicial do projeto.
REFERÊNCIAS BIBLIOGRÁFICAS
BOOTSTRAP. Documentação Oficial do Bootstrap 5. Disponível em:
[Link]
.
DUCKETT, Jon. HTML e CSS: Projete e Construa Websites. Rio de Janeiro:
Alta Books, 2015.
FLANAGAN, David. JavaScript: O Guia Definitivo. 7. ed. Rio de Janeiro: Alta
Books, 2021.
MICROSOFT. Visual Studio Code Documentation. Disponível em:
[Link]
W3C. Extensible Markup Language (XML) 1.0 (Fifth Edition). Disponível em:
[Link]
MDN WEB DOCS. HTML, CSS e JavaScript Documentation. Disponível em:
[Link]