programaçao-web pdf corrigido

Prévia do material em texto

Aula Pratica de Programação-Web
Análise e Desenvolvimentos de Sistemas (Anhanguera Educational)
https://www.studocu.com/pt-br/course/anhanguera-educational/analise-e-desenvolvimentos-de-sistemas/5119420?utm_campaign=shared-document&utm_source=studocu-document&utm_medium=social_sharing&utm_content=r5b0eb9-aula-pratica
Aluno: Anderson da Silva Vetura
Tutor : Tiago Barroso dos Santos
Conclusão 
A atividade foi útil para aplicar os conceitos aprendidos em sala de aula, utilizando o
MySQL Server e o MySQL Workbench. Foram implementadas instruções de definição,
manipulação e consulta em SQL, seguindo boas práticas, como configuração de chaves
primárias automáticas e definição adequada de tipos e restrições. Em seguida, foram
inseridos registros nas tabelas usando comandos DML. Por fim, um script DQL criou
uma VIEW que exibe contas pendentes (situação = 1) com detalhes como ID, nome,
CPF, data de vencimento e valor. 
Introdução 
A astrologia é uma prática antiga que atrai muitas pessoas ao redor do mundo,
oferecendo insights sobre personalidade e futuro. Neste projeto, você irá desenvolver
uma página web interativa onde o usuário pode descobrir seu signo zodiacal com base
na sua data de nascimento. A página inicial terá um formulário simples, e ao enviar a
data, o usuário será redirecionado para uma página com informações sobre o seu
signo. O design será responsivo, utilizando o framework Bootstrap e estilos
personalizados. Para o desenvolvimento, será usado o Visual Studio Code e o XAMPP
como servidor local. A atividade combina aprendizado em desenvolvimento web e
astrologia. 
Desenvolvimento 
Na aula prática de hoje, meu objetivo é criar uma aplicação web que permita aos
usuários descobrirem seu signo zodiacal a partir da data de nascimento. Vou
seguir uma série de passos para garantir que tudo funcione corretamente e que a
experiência do usuário seja agradável. Criar uma Página Front-end com Formulário
Primeiro, decido criar a página inicial, que conterá um formulário. Esse formulário terá
um campo para o usuário inserir sua data de nascimento e um botão para realizar a
consulta do signo. Para facilitar a construção, utilizo o Bootstrap, que me ajuda a
criar um layout responsivo e atraente. A estrutura básica do meu arquivo
index.html fica assim: 
 
Desenvolver a Lógica para Consulta ao Arquivo XML Agora, preciso implementar a 
lógica para consultar um arquivo XML que contém as informações sobre cada 
signo. Vou criar um arquivo signos.xml e, em seguida, no meu script JavaScript 
(script.js), vou escrever a lógica para ler esse XML e determinar o signo com base na 
data de nascimento fornecida. Aqui está um exemplo de como fazer isso: 
 
Desenvolver a Página de Resultado Após criar a página inicial, parto para a página 
que exibirá o resultado da consulta. O arquivo resultado.html será onde o usuário 
verá o seu signo após submeter a data de nascimento. A estrutura básica desta página 
é simples: 
 
Desenvolver a Estilização das Páginas Para deixar a aplicação mais atraente, vou criar 
uma folha de estilos style.css. Com isso, posso aplicar algumas personalizações 
para melhorar a aparência das páginas. Utilizando classes do Bootstrap e algumas 
customizações, o arquivo style.css fica assim: 
 
Testar a Aplicação Por fim, após completar o desenvolvimento, é hora de testar a 
aplicação. Para isso, utilizo o XAMPP para iniciar o servidor local. Coloco o projeto 
na pasta htdocs e acesso http://localhost/nome_da_pasta no meu navegador. 
Testo inserindo diferentes datas para garantir que a aplicação retorne 
corretamente os signos e suas respectivas informações. 
Conclusão 
Ao final da aula prática, fiquei satisfeito por ter desenvolvido uma aplicação web que
permite aos usuários descobrir seu signo zodiacal. O processo envolveu desde a
criação do formulário até a consulta de um arquivo XML, proporcionando aprendizado
em HTML, CSS e JavaScript, com o uso de Bootstrap para estilização. Testar a
aplicação localmente me ajudou a entender melhor a integração das ferramentas. A
experiência foi gratificante, e estou motivado a aplicar esse conhecimento em projetos
futuros e continuar aprimorando minhas habilidades em desenvolvimento web.