Prévia do material em texto
ANÁLISE E DESENVOLVIMENTO DE SISTEMAS ÁTILA PAES DE SOUZA São João de Meriti 2025 ÁTILA PAES DE SOUZA Relatório de Projeto: Frameworks Para Desenvolvimento de Software Trabalho textual apresentado como requisito parcial para a obtenção de média semestral. Orientador: Prof. Diego Kiyoshi Maeoka São João de Meriti 2025 SUMÁRIO Sumário 1 INTRODUÇÃO 3 2 MÉTODOS 4 3 RESULTADO 6 4 CONCLUSÃO 1 INTRODUÇÃO O presente projeto tem como objetivo aplicar, de forma prática, os principais conceitos relacionados ao uso de frameworks para desenvolvimento de software, utilizando tecnologias amplamente adotadas no mercado. Durante o portfólio, foram desenvolvidas quatro atividades práticas que envolveram a configuração de ambientes, uso de frameworks Java (como o Spring Web MVC), frameworks de estilo (como o Bootstrap 5), além de consumo de APIs públicas com JavaScript e JQuery. O trabalho permitiu ao estudante compreender a integração entre diferentes tecnologias na construção de aplicações web modernas, explorando desde a camada de servidor (Tomcat e Java) até a interface do usuário (HTML5, CSS3, JavaScript e Bootstrap). . 2 Métodos O projeto foi dividido em quatro etapas práticas, cada uma com um objetivo específico de aprendizagem: Atividade 1 – Configuração do Ambiente (NetBeans e Tomcat) · Instalação e configuração do Apache Tomcat 8.x como servidor local na IDE NetBeans. · Integração do framework Spring Web MVC para permitir o desenvolvimento de aplicações Java Web. · Criação de um projeto básico para testar o ambiente. Atividade 2 – Consumo de API ViaCEP · Desenvolvimento de um formulário em HTML5, CSS3 e JavaScript. · Consumo da API pública ViaCEP para preenchimento automático de campos de endereço a partir do CEP. · Implementação do projeto com suporte visual do Bootstrap 5 para melhor apresentação. Atividade 3 – Formulário Web com Spring MVC e Bootstrap · Implementação de um formulário de cadastro de usuário utilizando o Spring Web MVC como framework de controle. · Utilização do Bootstrap 5 para estilização e responsividade. · Configuração de redirecionamento e teste de execução via servidor Tomcat. Atividade 4 – Validação de Formulário com JQuery e ViaCEP · Construção de um formulário completo em HTML5/JavaScript. · Uso da biblioteca JQuery para validação de campos e e-mail. · Consumo da API ViaCEP para preenchimento automático dos campos de endereço. · Estilização final com Bootstrap 5 e aplicação de boas práticas de UX. Os códigos foram organizados e executados em um ambiente Replit, o que possibilitou o desenvolvimento, visualização e testes diretos no navegador, sem necessidade de instalação local. 3 RESULTADO O projeto resultou em um portfólio completo, com quatro módulos funcionais que demonstram o uso prático de frameworks e ferramentas de desenvolvimento web. Os principais resultados alcançados foram: · Ambiente configurado corretamente com Tomcat e NetBeans simulando um servidor Java. · Integração bem-sucedida com a API ViaCEP, permitindo o consumo de dados externos. · Formulários funcionais e responsivos, com uso de Bootstrap e JQuery para validação. · Hospedagem e execução online em ambiente virtual (Replit), acessível via navegador. 💻 Acesso ao Projeto Online: 🔗 Link do Replit: https://replit.com/@atilapaes22/HTML-CSS-JS-Static-1?replId=a083d9fe-f5c9-4729-b559-b4d98a606c15&enterInExpertMode=true#.replit 4. Conclusão O desenvolvimento deste portfólio proporcionou uma visão prática e integrada sobre o uso de frameworks de desenvolvimento de software, reforçando a importância dessas ferramentas na criação de aplicações robustas e escaláveis. O estudante pôde compreender como os frameworks aceleram o processo de desenvolvimento, padronizam o código e facilitam a manutenção de sistemas. Além disso, a experiência com consumo de APIs e o uso de tecnologias complementares como Bootstrap e JQuery permitiu ampliar o conhecimento sobre frontend e backend, consolidando a compreensão do ciclo completo de uma aplicação web. Como resultado final, obteve-se um portfólio funcional, organizado e pronto para ser apresentado como evidência das competências técnicas adquiridas na disciplina de Frameworks para Desenvolvimento de Software. REFERÊNCIAS · https://www.youtube.com/watch?v=hMdUWT-g2rU image2.jpg image3.jpg image4.jpg image5.jpg image6.jpg image7.jpg image8.jpg image9.jpg image1.jpeg